@charset "utf-8";
/* Style Index ===============================

	FileName : class.css

	01: TextAlign
	02: Clear
	03: List（ol,ul）
	04: List（dl）
	05: Text

========================================= */

/* ------------------------------------------
 01: TextAlign
-------------------------------------------*/

.taL{text-align:left;}
.taR{text-align:right;}
.taC{text-align:center;}


/* ------------------------------------------
 02: Clear
-------------------------------------------*/

.clear{
	clear:both;
}

/* ------------------------------------------
 03: List (ul,ol,li) 
-------------------------------------------*/

/*箇条書きリスト：中黒付きリスト*/

ul.dList li{
	list-style:disc inside;
}


/*順序リストに数字順を指定*/
ol.number li{
	list-style:decimal inside;
}


/*箇条書きリスト：テキスト横並びリスト*/
ul.inlLink {
	width: 450px;
	overflow: hidden;
}
ul.inlLink li {
	display: inline;
	margin-left: -1px;
	padding: 0 7px 0 11px;
	border-left: 1px #336699 solid;
	list-style-type: none;
	zoom: 1;
}


/* ------------------------------------------
 04: List (dl,dt,dd) 
-------------------------------------------*/

/*横並び定義リスト*/

dl.dlHol {
	border-bottom:3px solid #C39;
}

dl.dlHol dt {
	float: left;
	height: 100%;
	width: 12em;
	padding: 15px 0 15px 20px;
	font-weight: bold;
	line-height: 150%;
	background:#9C0;
	border-top:3px solid #036;
}

dl.dlHol dd {
	padding: 15px 15px 15px 1em;
	line-height: 150%;
	background:#CFF;
	border-top:3px solid #C39;
	overflow:hidden;
}

/* ------------------------------------------
 05: Text
-------------------------------------------*/

.spl{/* 注釈：サイズ10px（グレー） */
	font-size:10px;
	color:#666666;
}

.bold{ /* BOLD */
	font-weight:bold;
}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}

/*	Size
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*---------------------
	width
---------------------*/

.w5{width:5px;}
.w10{width:10px;}
.w15{width:15px;}
.w20{width:20px;}
.w25{width:25px;}
.w30{width:30px;}
.w35{width:35px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}

/*---------------------
	height
---------------------*/

.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}

/*---------------------
	padding
---------------------*/

.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

/*---------------------
	margin
---------------------*/

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}

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

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

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

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