@charset "utf-8";

/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/

.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB25{margin-bottom: 25px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mB35{margin-bottom: 35px; display: block;}
.mB40{margin-bottom: 40px; display: block;}
.mB45{margin-bottom: 45px; display: block;}
.mB48{margin-bottom: 48px; display: block;}
.mB50{margin-bottom: 50px; display: block;}
.mT0{ margin-top: 0px; display: block;}
.mT2{ margin-top: 2px; display: block;}
.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT25{margin-top: 25px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mT35{margin-top: 35px; display: block;}
.mT40{margin-top: 40px; display: block;}
.mT42{margin-top: 42px; display: block;}
.mT50{margin-top: 50px; display: block;}
.mT70{margin-top: 70px; display: block;}
.mT90{margin-top: 90px; display: block;}
.mT105{margin-top: 105px; display: block;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL45{margin-left: 45px; display: block;}
.mL50{margin-left: 50px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mL72{margin-left: 72px; display: block;}
.mL125{margin-left: 125px; display: block;}
.mL267{margin-left: 267px; display: block;}
.mR1{ margin-right: 1px;  display: block;}
.mR2{ margin-right: 2px;  display: block;}
.mR5{ margin-right: 5px;  display: block;}
.mR8{ margin-right: 8px;  display: block;}
.mR10{margin-right: 10px; display: block;}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR30{margin-right: 30px; display: block;}
.mR35{margin-right: 35px; display: block;}
.mR50{margin-right: 50px; display: block;}
.pB5{ padding-bottom: 5px;  display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB25{padding-bottom: 25px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pB35{padding-bottom: 35px; display: block;}
.pB40{padding-bottom: 40px; display: block;}
.pB50{padding-bottom: 50px; display: block;}
.pB60{padding-bottom: 60px; display: block;}
.pB65{padding-bottom: 65px; display: block;}
.pT2{padding-top: 2px; display: block;}
.pT5{padding-top: 5px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT25{padding-top: 25px; display: block;}
.pT30{padding-top: 30px; display: block;}
.pT35{padding-top: 35px; display: block;}
.pT40{padding-top: 40px; display: block;}
.pT50{padding-top: 50px; display: block;}
.pT60{padding-top: 60px; display: block;}
.pT70{padding-top: 70px; display: block;}
.pT80{padding-top: 80px; display: block;}
.pT105{padding-top: 105px; display: block;}
.pT135{padding-top: 135px; display: block;}
.pT33{padding-top: 33px; display: block;}
.pR1{padding-right: 1px; display: block;}
.pR2{padding-right: 2px; display: block;}
.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}
.pL65{padding-left: 65px; display: block;}
.pL72{padding-left: 72px; display: block;}
.pL118{padding-left: 118px; display: block;}
.pL125{padding-left: 125px; display: block;}
.pL267{padding-left: 267px; display: block;}


/*-------------------------------------*/
/* 字間の調整 */
/*-------------------------------------*/

.le1{	letter-spacing:1px;}
.le2{	letter-spacing:2px;}
.le3{	letter-spacing:3px;}
.le4{	letter-spacing:4px;}
.le5{	letter-spacing:5px;}


/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.fL { float : left; display: block;}
.fR { float : right; display: block;}

/* textAlign */
.tC{ text-align: center; display: block; margin:0 auto;}
.tR{ text-align: right; display: block; margin:0 auto;}
.tL{ text-align: left; display: block; margin:0 auto;}

/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{ display: block; clear:both; height:0;}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix{ display:block;} 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
.clearLeft {
	 clear:left
 }
.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜白＞
*/
/*-------------------------------------*/
.innerBorderWh a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorderWh a:hover {
	zoom: 1;
}
	* html .innerBorderWh a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜黄色＞
*/
/*-------------------------------------*/
.innerBorderYellow a:hover img {
	margin: -1px;
	border: solid 1px yellow;
}

/**//* for IE6 *//**/
* html .innerBorderYellow a:hover {
	zoom: 1;
}
	* html .innerBorderYellow a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜グレー＞
*/
/*-------------------------------------*/

.innerBorder a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorder a:hover {
	zoom: 1;
}
	* html .innerBorder a:hover img {
		/* for BackCompat mode
			margin-left: -6px;
			margin-right: -6px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/* 1pxの仕切り線を表示 */
/*-------------------------------------*/

/*//1px border//*/
div.border{
	width:100%;
	height:1px;
	background-color:#ccc;
	overflow:hidden;
}

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

.txt10 {
	font-size:10px;	
}
.txt11 {
	font-size:11px;	
}
.txt14 {
	font-size:14px;	
}
.txt16 {
	font-size:16px;	
}
.txt18 {
	font-size:18px;	
}

.lh18 {
	line-height:18px;
	}
.lh24 {
	line-height:24px;
}
.lh26 {
	line-height:26px;
}

