@charset "utf-8";

/*リセットCSS
----------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, address,
dfn, em,
small, strong,
b, i,
dl, dt, dd, ol, ul, li, img,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
    line-height:1;
    font-size: 16px;
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",Meiryo, "メイリオ", sans-serif;
}

h1,h2,h3,h4{
    font-weight: normal;
}

a {
    color: #000000;
}

a:visited {
    color: #000000;
}

a.link {
    color:#0000FF;
}

a.link:visited {
    color:#0000FF;
}

nav ul,
nav ol {
    list-style: none;
}


/*文字色
----------------------------------*/
.red{ color: #FF0000; }/*赤*/
.pink{ color: #FF99FF; }/*ピンク*/
.blue{ color: #0000FF; }/*青*/
.aqua{ color: #00FFFF; }/*水色*/
.navy{ color: #000099; }/*紺*/
.green{ color: #33CC00; }/*緑*/
.orange{ color: #FF9900; }/*橙*/
.black{ color: #000000; }/*黒*/
.gray{ color: #CCCCCC; }/*灰*/
.white{ color: #FFFFFF; }/*白*/
.yellow{ color: #FFFF99; }/*黄*/

/*文字サイズ
----------------------------------*/
.fs14{font-size: 14px;}/*14px*/
.fs16{font-size: 16px;}/*16px*/
.fs18{font-size: 18px;}/*18px*/
.fs20{font-size: 20px;}/*20px*/
.fs22{font-size: 22px;}/*22px*/
.fs24{font-size: 24px;}/*24px*/
.fs26{font-size: 26px;}/*26px*/
.fs28{font-size: 28px;}/*28px*/
.fs30{font-size: 30px;}/*30px*/

/*文字の背景色
----------------------------------*/
.bgc-red{ background-color: #FF0000; }/*赤*/
.bgc-pink{ background-color: #FF99FF; }/*ピンク*/
.bgc-blue{ background-color: #0000FF; }/*青*/
.bgc-aqua{ background-color: #00FFFF; }/*水色*/
.bgc-navy{ background-color: #000099; }/*紺*/
.bgc-green{ background-color: #33CC00; }/*緑*/
.bgc-orange{ background-color: #FF9900; }/*橙*/
.bgc-black{ background-color: #000000; }/*黒*/
.bgc-gray{ background-color: #CCCCCC; }/*灰*/
.bgc-white{ background-color: #FFFFFF; }/*白*/
.bgc-yellow{ background-color: #FFFF99; }/*黄*/

/*デザインパーツ ボタン
----------------------------------*/
.btn {
background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
border: 1px solid #DDD;
color: #111;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
width: 100px;
padding: 10px;
text-decoration: none;
}
.btn5 {
background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
border: 1px solid #DDD;
color: #111;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
width: 100px;
padding: 5px;
text-decoration: none;
margin: 0 10px;
font-size: 14px;
}