@charset "utf-8";
/*基本設定-----------------------------------------------------------------------------------------------------------------*/

/* --------------------
リセット
-------------------- */
html,body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,label,dl,dt,dd {
margin:0;
padding:0;
list-style:none;
}

/* --------------------
タグ
-------------------- */
html {
overflow-y:scroll;
}

body {
background-color:#e5e5e5;
background:url(../../img/bg.jpg) #e5e5e5 repeat; 
color:#333333;
text-align:center;
}

img {
border:none;
vertical-align:bottom;
}

table {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}
table tr {
vertical-align:top;
}
table td,
table th {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
font-weight:normal;
}

a {/* リンクテキストの設定 */
text-decoration:none;
}
a:link,
a:visited {
color:#e60012;
}
a:hover,
a:active {
color:#ff0016;
}

/* --------------------
汎用要素
-------------------- */

.TxtRed{color:#d80011;}
.TxtWhite{color:#FFF;}

/* フォントサイズ */
.f10 {/* 10px */
font-size:62.5%;
line-height:150%;
}
.f11 {/* 11px */
font-size:68%;
line-height:160%;
}
.f12 {/* 12px */
font-size:75%;
line-height:160%;
}
.f13 {/* 12px */
font-size:81.2%;
line-height:160%;
}
.f14 {/* 14px */
font-size:87.5%;
line-height:160%;
}
.f15 {/* 15px */
font-size:93.7%;
line-height:160%;
}
.f16 {/* 16px */
font-size:100%;
line-height:180%;
}
.f18 {/* 18px */
font-size:112%;
line-height:180%;
}
.f20 {/* 20px */
font-size:125%;
line-height:180%;
}

/* 太字 */
.WeightBold {/* 太字にする */
font-weight:bold;
}
.WeightNormal {/* 通常にする */
font-weight:normal;
}

/* 揃え方 */
.TxtLeft {/* 左寄せ */
text-align:left;
}
.TxtRight {/* 右寄せ */
text-align:right;
}
.TxtCenter {/* 中央寄せ */
text-align:center;
}
.TxtJustfy {/* 両端揃え */
text-align:justify;
text-justify:inter-ideograph;
}

/* インデント処理 */
.TxtIndent {/* 文頭に「※」等を付けた際のインデント */
padding-left:1em;
text-indent:-1em;
}



/* ブロック・インライン */
.Block {/* ブロック要素にする */
display:block
}
.Inline {/* インライン要素にする */
display:inline
}

/* フロート */
.FloatLeft {/* 左に配置 */
float:left;
}
.FloatRight {/* 右に配置 */
float:right;
}



/* Clear */
.Clear {
clear:both;
}

/* Clearfix */
.Clearfix:after {
height:0;
content: "";
clear: both;
display: block;
visibility: hidden;
}
* html .Clearfix {
zoom:1;
}




/* マージン */
.m5 {margin:5px;}/* margin 四方にmargin指定 */
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m25 {margin:25px;}
.m30 {margin:30px;}
.m35 {margin:35px;}
.m40 {margin:40px;}
.m45 {margin:45px;}
.m50 {margin:50px;}
.m55 {margin:55px;}
.m60 {margin:60px;}

.mt5 {margin-top:5px;}/* margin-top 上のみにmargin指定 */
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}

.mr5 {margin-right:5px;}/* margin-right 右のみにmargin指定 */
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}

.mb5 {margin-bottom:5px;}/* margin-bottom 下のみにmargin指定 */
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}

.ml5 {margin-left:5px;}/* margin-left 左のみにmargin指定 */
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}

/* パディング */
.p5 {padding:5px;}/* padding 四方にpadding指定 */
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}
.p35 {padding:35px;}
.p40 {padding:40px;}
.p45 {padding:45px;}
.p50 {padding:50px;}
.p55 {padding:55px;}
.p60 {padding:60px;}

.pt5 {padding-top:5px;}/* padding-top 上のみにpadding指定 */
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}

.pr5 {padding-right:5px;}/* padding-right 上のみにpadding指定 */
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}

.pb5 {padding-bottom:5px;}/* padding-bottom 下のみにpadding指定 */
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}

.pl5 {padding-left:5px;}/* padding-left 左のみにpadding指定 */
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}