@charset "UTF-8";

/*==========================================
	
	汎用CSS
	全サイトで使用します
		font
		float
		textalign
		line-height
		clear
		margin padding
		list
		table
		clearFix
	
==========================================*/

/*--------------------------------------

	font
	
---------------------------------------*/

/*以下のフォントサイズは #main内で使用
#main内は通常14px
*/
.fontXS	{ font-size: 77%!important;}	/* renders 12px */
.fontSS	{ font-size: 85%!important;}	/* renders 12px */
.fontS	{ font-size: 93%!important;}	/* renders 13px */
.fontM	{ font-size: 100%!important;}	/* renders 14px */
.fontL	{ font-size: 116%!important; line-height:1.4;}	/* renders 16px */
.fontLL	{ font-size: 131%!important; line-height:1.6;}	/* renders 18px */
.fontLLL{ font-size: 146.5%!important; line-height:1.8;}	/* renders 20px */
.fontXL{ font-size: 189%!important; line-height:1.8;}	/* renders 26px */


.bold	{ font-weight: bold;}
.normal { font-weight: normal;}

.colorWhite		{ color: #fff;}
.colorblack		{ color: #000;}
.colorRed01		{ color: #CB0000;}
.colorGray01	{ color: #999999;}
.colorGray02	{ color: #494949;}
.colorBlue01	{ color: #2F459A;}
.colorYellow01	{ color: #FF9520;}
.colorYellow02	{ color: #FF8E1B;}
.colorGreen		{ color: #339183;}


/*--------------------------------------

	float
	
---------------------------------------*/
.fleft		{ float: left;}
.fright 	{ float: right;}
.fcenter	{ margin: 0 auto;}

/*--------------------------------------

	textalign
	
---------------------------------------*/
.center	{ text-align: center!important;}
.left	{ text-align: left!important;}
.right	{ text-align: right!important;}
.hide	{ display: none!important;}

/*--------------------------------------

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


/*--------------------------------------

	clear
	
---------------------------------------*/	
/*汎用clear*/
.clearBoth	{ clear: both;}	
.clearLeft	{ clear: left;}	
.clearRight { clear: right;}	

/*--------------------------------------

	margin padding
	
---------------------------------------*/	
/*汎用margin*/

.mT3 {	margin-top: 3px!important;}
.mL3 {	margin-left: 3px!important;}
.mR3 {	margin-right: 3px!important;}
.mB3 {	margin-bottom: 3px!important;}

.mT4 {	margin-top: 4px!important;}
.mL4 {	margin-left: 4px!important;}
.mR4 {	margin-right: 4px!important;}
.mB4 {	margin-bottom: 4px!important;}

.mT5 {	margin-top: 5px!important;}
.mL5 {	margin-left: 5px!important;}
.mR5 {	margin-right: 5px!important;}
.mB5 {	margin-bottom: 5px!important;}

.mT7 {	margin-top: 7px!important;}
.mL7 {	margin-left: 7px!important;}
.mR7 {	margin-right: 7px!important;}
.mB7 {	margin-bottom: 7px!important;}

.mT9 {	margin-top: 9px!important;}
.mL9 {	margin-left: 9px!important;}
.mR9 {	margin-right: 9px!important;}
.mB9 {	margin-bottom: 9px!important;}

.mT10 {	margin-top: 10px!important;}
.mL10 {	margin-left: 10px!important;}
.mR10 {	margin-right: 10px!important;}
.mB10 {	margin-bottom: 10px!important;}

.mT-01 { margin-top: -1px!important;}
.mT-03 { margin-top: -3px!important;}
.mL-05 { margin-left: -5px!important;}
.mT-10 { margin-top: -10px!important;}
.mT-15 { margin-top: -15px!important;}
.mT-18 { margin-top: -18px!important;}
.mT-20 { margin-top: -20px!important;}
.mT-25 { margin-top: -25px!important;}

.mT15 {	margin-top: 15px!important;}
.mL15 {	margin-left: 15px!important;}
.mR15 {	margin-right: 15px!important;}
.mB15 {	margin-bottom: 15px!important;}

.mT19 {	margin-top: 19px!important;}
.mL19 {	margin-left: 19px!important;}
.mR19 {	margin-right: 19px!important;}
.mB19 {	margin-bottom: 19px!important;}

.mT20 {	margin-top: 20px!important;}
.mL20 {	margin-left: 20px!important;}
.mR20 {	margin-right: 20px!important;}
.mB20 {	margin-bottom: 20px!important;}

.mT25 {	margin-top: 25px!important;}
.mL25 {	margin-left: 25px!important;}
.mR25 {	margin-right: 25px!important;}
.mB25 {	margin-bottom: 25px!important;}

.mT30 {	margin-top: 30px!important;}
.mL30 {	margin-left: 30px!important;}
.mR30 {	margin-right: 30px!important;}
.mB30 {	margin-bottom: 30px!important;}

.mT40 {	margin-top: 40px!important;}
.mL40 {	margin-left: 40px!important;}
.mR40 {	margin-right: 40px!important;}
.mB40 {	margin-bottom: 40px!important;}

.mT50 {	margin-top: 50px!important;}
.mL50 {	margin-left: 50px!important;}
.mR50 {	margin-right: 50px!important;}
.mB50 {	margin-bottom: 50px!important;}

.mT70 {	margin-top: 70px!important;}
.mL70 {	margin-left: 70px!important;}
.mR70 {	margin-right: 70px!important;}
.mB70 {	margin-bottom: 70px!important;}

.mT100 { margin-top: 100px!important;}
.mL100 { margin-left: 100px!important;}
.mR100 { margin-right: 100px!important;}
.mB100 { margin-bottom: 100px!important;}

/*汎用padding*/

.pT5 {	padding-top: 5px!important;}
.pL5 {	padding-left: 5px!important;}
.pR5 {	padding-right: 5px!important;}
.pB5 {	padding-bottom: 5px!important;}

.pT7 {	padding-top: 7px!important;}
.pL7 {	padding-left: 7px!important;}
.pR7 {	padding-right: 7px!important;}
.pB7 {	padding-bottom: 7px!important;}

.pT10 {	padding-top: 10px!important;}
.pL10 {	padding-left: 10px!important;}
.pR10 {	padding-right: 10px!important;}
.pB10 {	padding-bottom: 10px!important;}

.pT15 {	padding-top: 15px!important;}
.pL15 {	padding-left: 15px!important;}
.pR15 {	padding-right: 15px!important;}
.pB15 {	padding-bottom: 15px!important;}

.pT20 {	padding-top: 20px!important;}
.pL20 {	padding-left: 20px!important;}
.pR20 {	padding-right: 20px!important;}
.pB20 {	padding-bottom: 20px!important;}

.pT25 {	padding-top: 25px!important;}
.pL25 {	padding-left: 25px!important;}
.pR25 {	padding-right: 25px!important;}
.pB25 {	padding-bottom: 25px!important;}

.pT30 {	padding-top: 30px!important;}
.pL30 {	padding-left: 30px!important;}
.pR30 {	padding-right: 30px!important;}
.pB30 {	padding-bottom: 30px!important;}

.pT35 {	padding-top: 35px!important;}
.pL35 {	padding-left: 35px!important;}
.pR35 {	padding-right: 35px!important;}
.pB35 {	padding-bottom: 35px!important;}

.pT40 {	padding-top: 40px!important;}
.pL40 {	padding-left: 40px!important;}
.pR40 {	padding-right: 40px!important;}
.pB40 {	padding-bottom: 40px!important;}

.pT50 {	padding-top: 50px!important;}
.pL50 {	padding-left: 50px!important;}
.pR50 {	padding-right: 50px!important;}
.pB50 {	padding-bottom: 50px!important;}

.pA2 {	padding: 2px!important;}
.pA5 {	padding: 5px!important;}
.pA10 {	padding: 10px!important;}
.pA15 {	padding: 15px!important;}
.pA20 {	padding: 20px!important;}

.mA10 {	margin: 10px!important;}
.mA15 {	margin: 15px!important;}
.mA20 {	margin: 20px!important;}

/*--------------------------------------

	リスト
	
---------------------------------------*/
/*数字リスト*/
ol {
	list-style: outside;
	list-style:decimal;
	margin: 0;
	}

ol li {
	padding: 0;
	margin: 5px 0 0 35px;
	}
/*中黒リスト*/
ul.ul_dot {
	list-style: outside;
	list-style: none;
	}

ul.ul_dot li {
	background: url(../images/ic_dot.gif) 0.2em 0.5em no-repeat;
	padding: 0 0 3px 12px ;
	line-height: 1.5;
	}

/*丸数字リスト*/
ol.circle  {
position: relative;
margin:0;
padding:0;
}
ol.circle li  {
list-style: none;
list-style-position:outside;
margin: 5px 0 0 20px;
padding-left:1.25em;
line-height: 1.6;
}
ol.circle li span {
position: absolute;
left:15px;
margin:0;
line-height: 1.6;
}
/*IE6*/
*html ol.circle li span  {
left: -1.25em;
}

/*マニュアルリスト*/
ol.manual  {
position: relative;
margin:0;
padding:0;
}
ol.manual li  {
list-style: none;
list-style-position:outside;
margin-left: 4em;
line-height: 1.6;
}
ol.manual li span {
position: absolute;
left:15px;
margin:0;
line-height: 1.6;
}
/*IE6*/
*html ol.manual li span  {
left: -1.25em;
}



/*--------------------------------------

	clearFix
	
---------------------------------------*/

.clearFix:after,
#main:after,
#contents .in:after,
#footer:after,
#sitemap ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	}

/*----IE7 ----*/
.clearFix,
#main,
#contents .in,
#footer,
#sitemap ul
 {	
	/*display:inline-block;*/
	zoom:1;
	}

/*----IE6----*/

/*Hides from IE-mac\*/
*html .clearFix,
*html #main,
*html #contents .in,
*html #footer,
*html #sitemap ul {
	height:1%;
	}