@charset "utf-8";

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




/* ================================================================
   0.基本スタイル
================================================================ */
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;
	color: #454545;
}
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%;}
.txt150{	font-size: 150%;}

.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;}



/* ================================================================
   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;}
.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;}
.width6em{ width: 6em;}
.width8em{ width: 8em;}


.indentTop-20{ margin-top: -20px;}
.indentTop-10{ margin-top: -10px;}
.indentTop3{ margin-top: 3px;}
.indentTop5{ margin-top: 5px;}
.indentTop10{ margin-top: 10px;}
.indentTop15{ margin-top: 15px;}
.indentTop20{ margin-top: 20px;}
.indentTop30{ margin-top: 30px;}
.indentTop40{ margin-top: 40px;}
.indentTop50{ margin-top: 50px;}
.indentRight5{ margin-right: 5px;}
.indentRight10{ margin-right: 10px;}
.indentRight15{ margin-right: 15px;}
.indentBottom0{ margin-bottom: 0px;}
.indentBottom5{ margin-bottom: 5px;}
.indentBottom10{ margin-bottom: 10px;}
.indentBottom20{ margin-bottom: 20px;}
.indentBottom22{ margin-bottom: 22px;}
.indentBottom30{ margin-bottom: 30px;}
.indentBottom40{ margin-bottom: 40px;}
.indentLeft5{ margin-left: 5px;}
.indentLeft10{ margin-left: 10px;}
.indentLeft20{ margin-left: 20px;}
.indentLeft30{ margin-left: 30px;}
.indentLeft50{ margin-left: 50px;}

.paddTop5{ padding-top: 5px;}
.paddTop10{ padding-top: 10px;}
.paddTop1em{ padding-top: 1em;}
.paddTop2em{ padding-top: 2em;}
.paddRight10{ padding-right: 10px;}
.paddBottom1em{ padding-bottom: 1em;}
.paddBottom2em{ padding-bottom: 2em;}
.paddBottom40{ padding-bottom: 40px;}
.paddLeft15{ padding-left: 15px;}
.paddLeft20{ padding-left: 20px;}
.paddLeft25{ padding-left: 25px;}

.imgRight{
	float: right;
	margin-left: 10px;
}
.imgLeft{
	float: left;
	margin-right: 10px;
}




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



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

/* arrLink系 
------------------------------------------------- */
/* arr01 */
a.arr01:link,
a.arr01:visited{	padding-left: 15px;	background: url(../img/arr02.gif) no-repeat left center;}
a.arr01:hover,
a.arr01:active{ background: url(../img/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/arr_02.gif) no-repeat 0px 0.4em;
}
ul.arr li.child{
	margin-left: 30px;
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(../img/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/arr_06.gif) no-repeat 0px 0.4em;
}



/* EOF */