/* CSS Document */
@charset "shift_jis";
/* 

common.css

制作：株式会社テイルウィンドシステム

作成日：2014/8/18
更新日：

*/

/****************************************************************************************************************************
/* リストの設定 */


	/* リスト・要素 */

	ul, ol, li, dl, dt, dd {
		list-style: none;
		padding:0px;
		margin:0px;
	}


/****************************************************************************************************************************
/* リンクの設定 */

a {
	overflow:hidden;
	outline:none;
}

a:hover{
	overflow:hidden;
	outline:none;
}

a:focus{
	overflow:hidden;
	outline:none;
}

img{
	overflow:hidden;
	outline: none;
	border-style:none;
}

a img{
	overflow:hidden;
	outline: none;
	border-style:none;
}

/****************************************************************************************************************************
/* フォント　サイズ */

.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}


/****************************************************************************************************************************
/* フォント　カラー */

.black{color:#000000;}
.white{color:#FFFFFF;}
.red{color:#990000;}
.blue{color:#004B75;}
.blue2{color:#000080;}
.green{color:#003300;}
.green2{color:#009900;}
.gray{color:#999999;}
.lightgray{color:#CCCCCC;}


/****************************************************************************************************************************
/* フォント　ウェイト */

.fw900{font-weight:900;}
.bold{font-weight:bold;}





/****************************************************************************************************************************
/* マージン */

.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.ml2{margin-left:3px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml13{margin-left:13px;}
.ml150{margin-left:150px;}
.ml170{margin-left:170px;}
.ml175{margin-left:175px;}

*html .ml13{margin-left:6px;}

.ml15{margin-left:15px;}

*html .ml15{margin-left:7px;}

.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml23{margin-left:23px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml43{margin-left:43px;}
.ml45{margin-left:45px;}
.ml48{margin-left:48px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml58{margin-left:58px;}
.ml60{margin-left:60px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}
.ml78{margin-left:78px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}
.ml105{margin-left:105px;}
.ml110{margin-left:110px;}
.ml130{margin-left:130px;}
.ml145{margin-left:145px;}
.ml150{margin-left:150px;}
.ml165{margin-left:165px;}
.ml224{margin-left:224px;}
.ml240{margin-left:240px;}
.ml257{margin-left:257px;}
.ml283{margin-left:283px;}
.ml298{margin-left:298px;}
.ml312{margin-left:312px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr13{margin-right:13px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt22{margin-top:22px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt65{margin-top:65px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt300{margin-top:300px;}
.mt330{margin-top:330px;}

.mu5{margin-bottom:5px;}
.mu7{margin-bottom:7px;}
.mu10{margin-bottom:10px;}
.mu18{margin-bottom:18px;}
.mu20{margin-bottom:20px;}
.mu8{margin-bottom:8px;}
.mu5{margin-bottom:5px;}

.p0{padding:0px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pl2{padding-left:2px;}
.pl10{padding-left:10px;}

.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt13{padding-top:13px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt37{padding-top:37px;}
.pt38{padding-top:38px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt85{padding-top:85px;}
.pt90{padding-top:90px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr24{padding-right:24px;}
.pr30{padding-right:30px;}

.pru30{
padding-right:30px;
padding-bottom:30px;
}

.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}
.pu5{padding-bottom:5px;}

.pu10{padding-bottom:10px;}
.pu12{padding-bottom:12px;}
.pu13{padding-bottom:13px;}
.pu15{padding-bottom:15px;}

.pu20{padding-bottom:20px;}
.pu25{padding-bottom:25px;}

.mp0{
margin:0px;
padding:0px;
}


/*文字間隔*/
.ls10{letter-spacing: 10px;}
.ls20{letter-spacing:20px;}


/*行間*/
.h10e{line-height:1.0em}
.h11e{line-height:1.1em}
.h12e{line-height:1.2em}
.h13e{line-height:1.3em}
.h14e{line-height:1.4em}
.h15e{line-height:1.5em}
.h16e{line-height:1.6em}
.h17e{line-height:1.7em}
.h18e{line-height:1.8em}
.h20e{line-height:2.0em}
.h22e{line-height:2.2em}
.h26e{line-height:2.6em}

.h30p{line-height:30px;}

/****************************************************************************************************************************
/* アンダーライン */

.ul_pink{
	border-bottom:2px dotted #F01586; 
}


/****************************************************************************************************************************
/* 幅 */

.w270{width:270px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w350{width:350px;}


/****************************************************************************************************************************
/* 行揃え */

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}


/****************************************************************************************************************************
/* 回り込み */

.clear{clear:both;}
.f_right{float:right;}
.f_left{float:left;}


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */



.bold{
	font-weight:bold;
}