@charset "utf-8";

/* ==========================
   0.基本スタイル
			1.テキスト系
			2.ポジション系
			3.ライン系
			4.共有スタイル
			  .more
					.toForm
					arrLink系 
					table系
					リスト系　
========================== */




/* ================================================================
   0.基本スタイル
================================================================ */
body{	color: #454545;}
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend, input, textarea, p, blockquote, address,
th, td{
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
h1, h2, h3, h4, h5, h6{	font-size: 100%;}
address, cite, code, dfn, em, var {	font-style: normal;	font-weight: normal;}
img, a img {
	text-decoration: none;
	vertical-align: bottom;
	background: transparent;
	border: 0 none;
}
fieldset { border: 0 none; }
ul, ol { list-style: none; }



/* ================================================================
   1.テキスト系
================================================================ */
.red{	color: #f02;}/*#f00*/
.yellow{	color: #fc0;}
.green{	color: #060;}
.blue{	color: #06c;}/*#039*/
.gray333{	color: #333;}
.gray666{	color: #666;}
.gray666{	color: #999;}
.gray45{	color: #454545;}
.grayE0{	color: #e0e0e0;}

.sBlue{	color: #0082d6;}/*特青*/
.sRed{	color: #e63c69;}/*特赤*/


.bold{	font-weight: bold;}
.normal{	font-weight: normal;}
.italy{	font-style: italic;}


.txt50{	font-size: 50%;}
.txt75{	font-size: 75%;}
.txt80{	font-size: 80%;}
.txt85{	font-size: 85%;}
.txt90{	font-size: 90%;}
.txt95{	font-size: 95%;}
.txt105{	font-size: 105%;}
.txt110{	font-size: 110%;}
.txt115{	font-size: 115%;}
.txt120{	font-size: 120%;}
.txt130{	font-size: 130%;}
.txt140{	font-size: 140%;}
.txt150{	font-size: 150%;}
.txt160{	font-size: 160%;}
.txt170{	font-size: 170%;}
.txt180{	font-size: 180%;}
.txt190{	font-size: 190%;}
.txt200{	font-size: 200%;}

.lineH120{ line-height: 1.2;}
.lineH130{ line-height: 1.3;}
.lineH140{ line-height: 1.4;}
.lineH150{ line-height: 1.5;}
.lineH160{ line-height: 1.6;}


.lineH10{	line-height: 1;}
.lineH11{	line-height: 1.1;}
.lineH12{	line-height: 1.2;}
.lineH13{	line-height: 1.3;}
.lineH14{	line-height: 1.4;}
.lineH15{	line-height: 1.5;}
.lineH16{	line-height: 1.6;}
.lineH17{	line-height: 1.7;}
.lineH18{	line-height: 1.8;}
.lineH19{	line-height: 1.9;}
.lineH20{	line-height: 2.0;}

.letterSP01{	letter-spacing: 0.1em;}
.letterSp02{	letter-spacing: 0.2em;}


.textLeft{
	padding:20px;
	text-align:left;
	color:red;
	font-size: 130%;
	font-weight: bold;
}

/* ================================================================
   2.ポジション系
================================================================ */
.cut{	clear: both;	float: none;}
.block{	display: block;}
.auto{	width: auto;}
.nowrap{	white-space: nowrap;}
.clearfix{	zoom:1; } 
.clearfix:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}

.txtRight{	text-align: right;}

.width45{ width: 45px;}
.width50{ width: 50px;}
.width55{ width: 55px;}
.width100{ width: 100px;}
.width140{ width: 140px;}
.width150{ width: 150px;}
.width200{ width: 200px;}
.width250{ width: 250px;}
.width300{	width: 300px;}
.width310{	width: 310px;}
.width320{ width: 320px;}
.width340{ width: 340px;}
.width350{ width: 350px;}
.width450{ width: 450px;}
.width500{ width: 500px;}
.width580{ width: 570px;}
.width595{ width: 595px;}
.width600{ width: 600px;}
.width6em{ width: 6em;}
.width8em{ width: 8em;}


.indentTop-20,
.mart-20{ margin-top: -20px;}
.indentTop-15,
.mart-15{ margin-top: -15px;}
.indentTop-10,
.mart-10{ margin-top: -10px;}
.mart0{ margin-top: 0px;}
.indentTop3,
.mart3{ margin-top: 3px;}
.indentTop5,
.mart5{ margin-top: 5px;}
.indentTop10,
.mart10{ margin-top: 10px;}
.indentTop15,
.mart15{ margin-top: 15px;}
.indentTop20,
.mart20{ margin-top: 20px;}
.indentTop30,
.mart30{ margin-top: 30px;}
.indentTop40,
.mart40{ margin-top: 40px;}
.indentTop50,
.mart50{ margin-top: 50px;}

.marr0{ margin-right: 0px;}
.indentRight5,
.marr5{ margin-right: 5px;}
.indentRight10,
.marr10{ margin-right: 10px;}
.indentRight15,
.marr15{ margin-right: 15px;}
.marr20{ margin-right: 20px;}
.marr30{ margin-right: 30px;}
.marr40{ margin-right: 40px;}
.marr30{ margin-right: 50px;}

.indentBottom0,
.marb0{ margin-bottom: 0px;}
.indentBottom5,
.marb5{ margin-bottom: 5px;}
.indentBottom10,
.marb10{ margin-bottom: 10px;}
.indentBottom15,
.marb15{ margin-bottom: 15px;}
.indentBottom20,
.marb20{ margin-bottom: 20px;}
.indentBottom22,
.marb22{ margin-bottom: 22px;}
.indentBottom25,
.marb25{ margin-bottom: 25px;}
.indentBottom30,
.marb30{ margin-bottom: 30px;}
.indentBottom40,
.marb40{ margin-bottom: 40px;}
.marb50{ margin-bottom: 50px;}
.indentBottom18em,
.marb18em{ margin-bottom: 1.8em;}

.marl5{ margin-left: 0px;}
.indentLeft5,
.marl5{ margin-left: 5px;}
.indentLeft10,
.marl10{ margin-left: 10px;}
.indentLeft15,
.marl15{ margin-left: 15px;}
.indentLeft20,
.marl20{ margin-left: 20px;}
.indentLeft30,
.marl30{ margin-left: 30px;}
.marl40{ margin-left: 40px;}
.indentLeft50,
.marl50{ margin-left: 50px;}

.paddTop5,
.padt5{ padding-top: 5px;}
.paddTop10,
.padt10{ padding-top: 10px;}
.paddTop1em,
.padt1em{ padding-top: 1em;}
.paddTop2em,
.padt2em{ padding-top: 2em;}

.paddRight10,
.padr10{ padding-right: 10px;}

.paddBottom1em,
.padb1em{ padding-bottom: 1em;}
.paddBottom2em,
.padb2em{ padding-bottom: 2em;}
.paddBottom40,
.padb40{ padding-bottom: 40px;}

.paddLeft15,
.padl15{ padding-left: 15px;}
.paddLeft20,
.padl20{ padding-left: 20px;}
.paddLeft25,
.padl25{ padding-left: 25px;}

.imgRight{	float: right;	margin-left: 10px;}
	.imgRight0{	float: right;	margin-left: 0px;}
	.imgRight15{	float: right;	margin-left: 15px;}
	.imgRight20{	float: right;	margin-left: 20px;}
	.imgRight25{	float: right;	margin-left: 25px;}
.imgLeft{	float: left;	margin-right: 10px;}
	.imgLeft0{	float: left;	margin-right: 0px;}
	.imgLeft15{	float: left;	margin-right: 15px;}
	.imgLeft20{	float: left;	margin-right: 20px;}
	.imgLeft25{	float: left;	margin-right: 25px;}




/* ================================================================
   3.ライン系
================================================================ */
/* inputライン
------------------------------------------------- */
.inputLine{
	padding: 3px;
	border: 1px solid #c0c0c0;
}



/* ================================================================
   4.共有スタイル
================================================================ */

/* arrLink系 
------------------------------------------------- */
/* arr01 */
a.arr01:link,
a.arr01:visited{	padding-left: 15px;	background: url(../img/common/arr02.gif) no-repeat left center;}
a.arr01:hover,
a.arr01:active{ background: url(../img/common/arr02_on.gif) no-repeat left center;}


/* table系
------------------------------------------------- */
/* table01 */
.table01{	
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.table01 th,
.table01 td{
	padding: 5px 9px;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	vertical-align: top;
}
.table01 th{
	width: 2%;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
}
.table01 th.bk{	background-color: #e0e0e0;}

/* table02 */
.table02{	
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.table02 th,
.table02 td{
	padding: 5px 9px;
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	vertical-align: top;
}
.table02 th{
	width: 2%;
	background-color: #e0e0e0;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
}


/* リスト系　
------------------------------------------------- */
/* ul number */
ul.number{
	list-style-type: decimal;
	margin-left: 35px;
}
ul.number2{
	list-style-type: decimal;
	margin-left: 40px;
}
ul.number li,
ul.number2 li{	margin-left: 10px;}
ul.number2 li{	padding-bottom: 0.4em;}

/* ul disc */
ul.disc{
	list-style-type: disc;
	margin-left: 25px;
}
ul.disc li{	margin-left: 10px;}

/* ul arr */
ul.arr{
	list-style-type: none;
	margin-left: 5px;
}
ul.arr li{
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 18px;
	background: url(../img/common/arr_02.gif) no-repeat 0px 0.4em;
}
ul.arr li.child{
	margin-left: 30px;
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(../img/common/arr_01.gif) no-repeat 0px 0.6em;
}

/* ul arr2 */
ul.arr2{
	list-style-type: none;
	margin-left: 0px;
}
ul.arr2 li{
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 18px;
	background: url(../img/common/arr_06.gif) no-repeat 0px 0.4em;
}



/* EOF */