@charset "utf-8";
/* CSS Document */

/*
命名ルール

ID名、クラス名はキャメルケース(動詞＋名詞)

IDをつけるのは
#header		ヘッダー領域
#footer		フッター領域
#contents	コンテンツ領域
#wrapper:	ラッパー用
#top:		ページ上部へ戻るボタン
#ad:		広告の領域
#mainPage:	ページごとのユニークID
#form:		フォーム要素につけるID

JSのイベントのトリガーになる名前はクラス名にする
*/

/******************************************************************************************

	<css/asset.css>

*******************************************************************************************/

/*==========================================================================================

	// 共通class

==========================================================================================*/

/* テキストの位置　横 */
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }

/* テキストの位置　縦 */
.vTop { vertical-align: top; }
.vMiddle { vertical-align: middle; }
.vBottom { vertical-align: bottom; }

/* フォントの大きさ */
.fs6 { font-size: 6px; font-size: 0.6rem; }
.fs7 { font-size: 7px; font-size: 0.7rem; }
.fs8 { font-size: 8px; font-size: 0.8rem; }
.fs9 { font-size: 9px; font-size: 0.9rem; }
.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs17 { font-size: 17px; font-size: 1.7rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs22 { font-size: 22px; font-size: 2.2rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs26 { font-size: 26px; font-size: 2.6rem; }
.fs28 { font-size: 28px; font-size: 2.8rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs32 { font-size: 32px; font-size: 3.2rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs40 { font-size: 40px; font-size: 4.0rem; }
.fs50 { font-size: 50px; font-size: 5.0rem; }

/* フォントの太さ */
.fwN { font-weight: normal; }
.fwB { font-weight: bold; }

/* display */
.dNone { display:none; }
.tbl { display: table; }
.tCell { display: table-cell; }

/* float */
.fl { float: left; }
.fr { float: right; }

/* margin */
.m0 { margin:0px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }
.m30 { margin:30px; }
.m40 { margin:40px; }
.m50 { margin:50px; }
.m60 { margin:60px; }
.m70 { margin:70px; }
.m80 { margin:80px; }
.m90 { margin:90px; }
.m100 { margin:100px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.mr70 { margin-right:70px; }
.mr80 { margin-right:80px; }
.mr90 { margin-right:90px; }
.mr100 { margin-right:100px; }
.m0auto { margin:0 auto; }
.m10auto { margin:10px auto; }
.m20auto { margin:20px auto; }
.m30auto { margin:30px auto; }
.m40auto { margin:40px auto; }
.m50auto { margin:50px auto; }
.mt10auto { margin:10px auto 0 auto; }
.mt20auto { margin:20px auto 0 auto; }
.mt30auto { margin:30px auto 0 auto; }
.mt40auto { margin:40px auto 0 auto; }
.mt50auto { margin:50px auto 0 auto; }
.mb10auto { margin:0 auto 10px auto; }
.mb20auto { margin:0 auto 20px auto; }
.mb30auto { margin:0 auto 30px auto; }
.mb40auto { margin:0 auto 40px auto; }
.mb50auto { margin:0 auto 50px auto; }
.mr0auto { margin:0 0 0 auto; }
.mr10auto { margin:10px 0 0 auto; }
.mr20auto { margin:20px 0 0 auto; }
.mr30auto { margin:30px 0 0 auto; }
.mr40auto { margin:40px 0 0 auto; }
.mr50auto { margin:50px 0 0 auto; }
.ml0auto { margin:0 auto 0 0; }
.ml10auto { margin:10px auto 0 0; }
.ml20auto { margin:20px auto 0 0; }
.ml30auto { margin:30px auto 0 0; }
.ml40auto { margin:40px auto 0 0; }
.ml50auto { margin:50px auto 0 0; }

/* padding: */
.p0 { padding:0px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.p40 { padding:40px; }
.p50 { padding:50px; }
.p60 { padding:60px; }
.p70 { padding:70px; }
.p80 { padding:80px; }
.p90 { padding:90px; }
.p100 { padding:100px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }
.pl80 { padding-left:80px; }
.pl90 { padding-left:90px; }
.pl100 { padding-left:100px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }
.pr60 { padding-right:60px; }
.pr70 { padding-right:70px; }
.pr80 { padding-right:80px; }
.pr90 { padding-right:90px; }
.pr100 { padding-right:100px; }

/* width */
.w10 { width:10px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { 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; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w320 { width:320px; }
.w360 { width:360px; }
.w380 { width:380px; }
.w400 { width:400px; }
.w420 { width:420px; }
.w440 { width:440px; }
.w460 { width:460px; }
.w480 { width:480px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w950 { width:950px; }
.w5p { width:5%; }
.w10p { width:10%; }
.w15p { width:15%; }
.w20p { width:20%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33.33333333333333333333%; }
.w35p { width:35%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w50p { width:50%; }
.w55p { width:55%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w70p { width:70%; }
.w75p { width:75%; }
.w80p { width:80%; }
.w85p { width:85%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }

/* max width */
.max50p { max-width: 50%; }
.max100p { max-width: 100%; }

/* height */
.h20 { height:20px; }
.h40 { height:40px; }
.h60 { height:60px; }
.h80 { height:80px; }
.h100 { height:100px; }
.h120 { height:120px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h300 { height:300px; }

/* border */
.bd { border: solid 1px };
.bt { border-top: solid 1px };
.bb { border-bottom: solid 1px };
.btNone { border-top: none };
.bbNone { border-bottom: none };

/* リンク */
.underline { text-decoration:underline; }
.link { cursor: pointer; }