@charset "utf-8";

/*基本設定-----------------------------------------------------------------------------------------------------------------*/



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


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

body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	color:#333333;
	text-align:center;
	width:100%;
	}

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:#0365bf;
	text-decoration:underline;
	}
a:hover,
a:active {
	color:#0480f2;
	text-decoration:underline;
	}


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

/* テキスト関係 */
.f10 {/* 10px */
	font-size:62.5%;
	line-height:150%;
	}
.f12 .f10 {/* 12pxの中の10px */
	font-size:83%;
	}
.f11 {/* 11px */
	font-size:68%;
	line-height:160%;
	}
.f12 {/* 12px */
	font-size:75%;
	line-height:160%;
	}
.f14 {/* 14px */
	font-size:87.5%;
	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;
	}

.TxtWhite {color:#ffffff;}
.TxtRed {color:#e00710;}
.TxtGray {color:#999999;}

/* 注釈 */
.TxtIndent {
	padding-left:1em;
	text-indent:-1em;
	}

/* ブロック・インライン */
.Block {display:block}
.Inline {display:inline}

/* フロート */
.FloatLeft {float:left;}
.FloatRight {float:right;}


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

.Clearfix:after {
	height:0;
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	}
* html .Clearfix {
	display:inline-block;
	}
/*¥*/
* html .Clearfix {
	height:0;
	display:block;
	}
/**/
*:first-child+html .Clearfix {
	display:inline-block;
	min-height: 1%;
	}

.Overflow {  
    overflow:hidden;
	}
* html .Overflow {  
    height:1%;  
	}



/* マージン */
.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m25 {margin:25px;}
.m30 {margin:30px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}


/* パディング */
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}