@charset "utf-8";

/*----------------------------------------------------------------------
If you want this size in pixels (px) 	 | 　　Declare this percent (%)       
------------------------------------------------------------------------

				10px					 |			77%
				11px					 |			85%
				12px					 |			93%
				13px					 |			100%
				14px					 |			108%
				15px					 |			116%
				16px					 |			123.1%
				17px					 |			131%
				18px					 |			138.5%
				19px					 |			146.5%
				20px					 |			153.9%
				21px					 |			161.6%
				22px					 |			167%	
				23px					 |			174%	
				24px					 |			182%	 	 	 	 	 	
				25px					 |			189%	 	 	 	 	 	 	 	 	 	 	 	
				26px					 |			197%	
 	 	 	 	 	 	
-----------------------------------------------------------------------*/

/*----------------------------------------------------------------------

	凡庸CSS
	
-----------------------------------------------------------------------*/

/*-------------------------------

	マージン設定
	
-------------------------------*/
/* 余白上 */
.mt00 { margin-top:0px!important; }
.mt03 { margin-top:3px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }

/* 余白ネガティブ上 */
.nmt10 { margin-top:-10px!important; }
.nmt15 { margin-top:-15px!important; }
.nmt20 { margin-top:-20px!important; }
.nmt30 { margin-top:-30px!important; }
.nmt40 { margin-top:-40px!important; }
.nmt50 { margin-top:-50px!important; }
.nmt60 { margin-top:-60px!important; }
.nmt70 { margin-top:-70px!important; }
.nmt80 { margin-top:-80px!important; }
.nmt90 { margin-top:-90px!important; }
.nmt100 { margin-top:-100px!important; }

/* 余白下 */
.mb00 { margin-bottom:0!important; }
.mb01 { margin-bottom:1px!important; }
.mb03 { margin-bottom:3px!important; }
.mb05 { margin-bottom:5px!important; }
.mb07 { margin-bottom:7px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb18 { margin-bottom:18px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb28 { margin-bottom:28px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb80 { margin-bottom:80px!important; }
.mb100 { margin-bottom:100px!important; }

/* 余白右 */
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr40 { margin-right:40px!important; }
.mr60 { margin-right:60px!important; }
.mr80 { margin-right:80px!important; }

/* 余白左 */
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml28 { margin-left:28px!important; }
.ml30 { margin-left:30px!important; }
.ml40 { margin-left:40px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml65 { margin-left:65px!important; }
.ml110 { margin-left:110px!important; }
.ml210 { margin-left:210px!important; }
.ml310 { margin-left:310px!important; }
.ml360 { margin-left:360px!important; }
.ml423 { margin-left:423px!important; }
.ml550 { margin-left:550px!important; }
.ml614 { margin-left:614px!important; }
.ml685 { margin-left:685px!important; }

/*-------------------------------

	パディング設定
	
-------------------------------*/
/* 余白上 */
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }

/* 余白下 */
.pb05 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }

/* 余白右 */
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }

/* 余白左 */
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl1em { padding-left:1em; }
.pl2em { padding-left:2em; }
.pl3em { padding-left:3em; }
.pl4em { padding-left:4em; }

/* 余白全て */
.pA05 { padding:05px; }
.pA10 { padding:10px; }
.pA15 { padding:15px; }
.pA20 { padding:20px; }
.pA25 { padding:25px; }

/*-------------------------------

	余白無し
	
-------------------------------*/
.mp00 {
	margin:0!important;
	padding:0!important;
	}

/*-------------------------------

	line-height設定
	
-------------------------------*/
.lh10 { line-height:100%; }
.lh14 { line-height:140%; }
.lh16 { line-height:160%; }
.lh18 { line-height:180%; }
.lh20 { line-height:200%; }
.lh22 { line-height:220%; }
.lh24 { line-height:240%; }

/*-------------------------------

	インデント設定
	
-------------------------------*/
/* インデント設定 */
.ti1 { text-indent:1em; }
.ti2 { text-indent:2em; }
 
 /* ぶらさがりインデント処理 */
.ind05em { text-indent:-0.5em; margin-left:0.5em; }
.ind1em { text-indent:-1em; margin-left:1em; }
.ind2em { text-indent:-2em; margin-left:2em; }
.ind2Hem { text-indent:-2.5em; margin-left:2.5em; }
.ind3em { text-indent:-3em; margin-left:3em; }
.ind4Hem { text-indent:-4.5em; margin-left:4.5em; }

.lsm05 {letter-spacing:-0.06em;}
 
/*-------------------------------

	フォント設定
	
-------------------------------*/
/* フォントスタイル設定 */
.b { font-weight:bold!important; }
.n { font-weight:normal!important; }
.i { font-style:italic!important; }

/* フォントカラー設定 */
.att { color:#CC0000!important; }
.fGreen { color:#336600!important; }
.fOrenge { color:#ff6600!important; }
.fBlue { color:#3366cc!important; }
.fGray { color:#999!important; }
.fRed { color:#C00!important; }

/* フォントサイズ */
.fxx_s { font-size:77%; }
.fx_s { font-size:85%; }
.fs { font-size:93%; }

.fl { font-size:123.1%; }
.fx_l { font-size:138.5%; }
.fxx_l { font-size:161.6%; }
.fxxx_l { font-size:197%; }

.f10 { font-size:10px; }
.f14 {font-size:14px;}

/* スペーシング */
.nls004 { letter-spacing:-0.04em; }


/*-------------------------------

	TABLE設定
	
-------------------------------*/
table.bsc { border-collapse:collapse; border:1px solid #dfdfdf;}
table.bsc th ,
table.bsc td {border:1px solid #dfdfdf; padding:20px 20px 18px 20px; text-align:left; vertical-align:middle;line-height:160%;}
table.bsc th {background:#fafafa;}

/*-------------------------------

	画像・テキスト設定
	
-------------------------------*/
.imgR { float: right; margin: 0 0 10px 10px; display:inline; }
.imgL { float: left; margin: 0 10px 10px 0; display:inline; }
.imgBDR { padding:1px; border:1px solid #e6e6e6; }

/* テキスト処理 */
.txtR { text-align:right!important; }
.txtL { text-align:left!important; }
.txtC { text-align:center!important; }
.txtJ { text-align:justify!important; text-justify:inter-ideograph!important; }

/*-------------------------------

	リンク設定
	
-------------------------------*/
a { color:#1d1a19; text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}
a:active, a:focus { 
 outline: none; 
 -moz-outline-style: none;
 ie-dummy: expression(this.hideFocus=true);
}

/*-------------------------------

	リンク画像設定
	
-------------------------------*/
a img { border:none; outline:none; }
a img.act {filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70; }
a:hover img.alpha {filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity:0.70; }


/*-------------------------------

	その他設定
	
-------------------------------*/
img { vertical-align:bottom; }

.dBlock { display:block; }
.dInline { display:inline; }

/* none */
.dNone { display:none; height:0px; overflow:hidden; }

/* white-space 設定 */
.noRap { white-space:nowrap; }

/* postiton */
.pstA { position:absolute; }
.pstR { position:relative; }

/* HR */
hr { clear:both; display:none;}

.bts {border-top:1px solid #dfdfdf;}
.bbs {border-bottom:1px solid #dfdfdf;}
.btd {background:url(../imgdir/common/dot.gif) repeat-x top;}
.bbd {background:url(../imgdir/common/dot.gif) repeat-x bottom;}

/* リンク */
a.l { text-decoration:underline!important; }
a:hover.l { text-decoration:none!important; }

/* 破線下 */
.bdL { background:url(../imgdir/common/line01.png) repeat-x bottom!important; }

/*-------------------------------

	テキストリンク設定
	
-------------------------------*/
/* 改行なし */
.wpNo { white-space:nowrap!important; }

/*a:hover.arLink {
	background:url(../imgdir/common/ar_1_on.gif) no-repeat 1px 1px;
	}*/

/* リンク下線 */
a.l { text-decoration:underline!important; }
a:hover.l { text-decoration:none!important; }


/*-------------------------------

	リスト設定
	
-------------------------------*/
ul.disc li { list-style:disc; }


/*----------------------------------------------------------------------

	レイアウト
	
-----------------------------------------------------------------------*/

.left {
	float:left;
	display:inline; }
.right {
	float:right;
	display:inline; }
.center { text-align:center; }
.clear { clear:both; }
.text{ overflow:auto; zoom:1;}

/*-------------------------------
	フッター固定
-------------------------------*/


body {
    color: #222;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:180%;
	font-size: 83%;
	-webkit-font-smoothing: subpixel-antialiased; \* Standard *\
	}
	::-moz-selection { background: #b7b3b3; color: #fff;text-shadow: none; }
	::selection { background: #b7b3b3; color: #fff; text-shadow: none; }
	
/*-------------------------------
	レイアウト共通
-------------------------------*/

/*-------------------------------
	幅指定
-------------------------------*/
.W070 { width:70px; }
.W080 { width:80px; }
.W090 { width:90px; }
.W100 { width:100px; }
.W110 { width:110px; }
.W120 { width:120px; }
.W130 { width:130px; }
.W140 { width:140px; }
.W150 { width:150px; }
.W160 { width:160px; }
.W170 { width:170px; }
.W180 { width:180px; }
.W190 { width:190px; }
.W200 { width:200px; }
.W210 { width:210px; }
.W220 { width:220px; }
.W228 { width:228px; }
.W230 { width:230px; }
.W240 { width:240px; }
.W250 { width:250px; }
.W260 { width:260px; }
.W270 { width:270px; }
.W280 { width:280px; }
.W290 { width:290px; }
.W300 { width:300px; }
.W310 { width:310px; }
.W320 { width:320px; }
.W330 { width:330px; }
.W340 { width:340px; }
.W350 { width:350px; }
.W360 { width:360px; }
.W370 { width:370px; }
.W380 { width:380px; }
.W390 { width:390px; }
.W400 { width:400px; }
.W450 { width:450px; }
.W470 { width:470px; }
.W500 { width:500px; }
.W640 { width:640px; }


@media screen and (max-width: 760px) {
	.fx_l{
		line-height: 1.6em;
	}
	.fxx_l {
	    font-size: 18px;
	}
	.fxxx_l {
	    font-size: 22px;
	}
	.W360 {
    max-width: 100%;
	}
}

