@charset "utf-8";
/* ==========================================================
	common.css
=============================================================

　01. float
　02. line-height
　03. margin
　04. padding
　05. font-size
　06. font-weight
　07. color
　08. align
　09. border
　10. width
　11. clear
　12. other

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

/* =========================================
	01. float
============================================ */
.flL{float: left;}
.flR{float: right;}

/* =========================================
	02. line-height
============================================ */
.lh0{line-height: 0;}
.lh10{line-height: 1}
.lh11{line-height: 1.1}
.lh12{line-height: 1.2}
.lh13{line-height: 1.3;}
.lh14{line-height: 1.4;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh20{line-height: 2;}


/* =========================================
	/03. margin
============================================ */
.ma0{margin: 0!important;}
.ma5{margin: 5px!important;}
.ma10{margin: 10px!important;}
.ma15{margin: 15px!important;}
.ma20{margin: 20px!important;}
.ma25{margin: 25px!important;}
.ma30{margin: 30px!important;}
.ma35{margin: 35px!important;}
.ma40{margin: 40px!important;}
.ma45{margin: 45px!important;}
.ma50{margin: 50px!important;}
.ma60{margin: 60px!important;}
.ma70{margin: 70px!important;}
.ma80{margin: 80px!important;}
.ma90{margin: 90px!important;}
.ma100{margin: 100px!important;}

.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt100{margin-top: 100px!important;}


.mr5{margin-right: 5px!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;}
.mr35{margin-right: 35px!important;}
.mr40{margin-right: 40px!important;}
.mr45{margin-right: 45px!important;}
.mr50{margin-right: 50px!important;}
.mr60{margin-right: 60px!important;}
.mr70{margin-right: 70px!important;}
.mr80{margin-right: 80px!important;}
.mr90{margin-right: 90px!important;}
.mr100{margin-right: 100px!important;}


.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}
.mb100{margin-bottom: 100px!important;}

.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml25{margin-left: 25px!important;}
.ml30{margin-left: 30px!important;}
.ml35{margin-left: 35px!important;}
.ml40{margin-left: 40px!important;}
.ml45{margin-left: 45px!important;}
.ml50{margin-left: 50px!important;}
.ml60{margin-left: 60px!important;}
.ml70{margin-left: 70px!important;}
.ml80{margin-left: 80px!important;}
.ml90{margin-left: 90px!important;}
.ml100{margin-left: 100px!important;}

.ms5{margin: 0 5px!important;}
.ms10{margin: 0 10px!important;}
.ms15{margin: 0 15px!important;}
.ms20{margin: 0 20px!important;}
.ms25{margin: 0 25px!important;}
.ms30{margin: 0 30px!important;}
.ms35{margin: 0 35px!important;}
.ms40{margin: 0 40px!important;}
.ms45{margin: 0 45px!important;}
.ms50{margin: 0 50px!important;}
.ms60{margin: 0 60px!important;}
.ms70{margin: 0 70px!important;}
.ms80{margin: 0 80px!important;}
.ms90{margin: 0 90px!important;}
.ms100{margin: 0 100px!important;}

/* =========================================
	04. padding
============================================ */
.pa0{padding: 0!important;}
.pa5{padding: 5px!important;}
.pa10{padding: 10px!important;}
.pa15{padding: 15px!important;}
.pa20{padding: 20px!important;}
.pa25{padding: 25px!important;}
.pa30{padding: 30px!important;}
.pa35{padding: 35px!important;}
.pa40{padding: 40px!important;}
.pa45{padding: 45px!important;}
.pa50{padding: 50px!important;}
.pa60{padding: 60px!important;}
.pa70{padding: 70px!important;}
.pa80{padding: 80px!important;}
.pa90{padding: 90px!important;}
.pa100{padding: 100px!important;}

.pt0{padding-top: 0!important;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt25{padding-top: 25px!important;}
.pt30{padding-top: 30px!important;}
.pt35{padding-top: 35px!important;}
.pt40{padding-top: 40px!important;}
.pt45{padding-top: 45px!important;}
.pt50{padding-top: 50px!important;}
.pt60{padding-top: 60px!important;}
.pt70{padding-top: 70px!important;}
.pt80{padding-top: 80px!important;}
.pt90{padding-top: 90px!important;}
.pt100{padding-top: 100px!important;}

.pr0{padding-right: 0!important;}
.pr5{padding-right: 5px!important;}
.pr10{padding-right: 10px!important;}
.pr15{padding-right: 15px!important;}
.pr20{padding-right: 20px!important;}
.pr25{padding-right: 25px!important;}
.pr30{padding-right: 30px!important;}
.pr35{padding-right: 35px!important;}
.pr40{padding-right: 40px!important;}
.pr45{padding-right: 45px!important;}
.pr50{padding-right: 50px!important;}
.pr60{padding-right: 60px!important;}
.pr70{padding-right: 70px!important;}
.pr80{padding-right: 80px!important;}
.pr90{padding-right: 90px!important;}
.pr100{padding-right: 100px!important;}


.pb0{padding-bottom: 0!important;}
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}
.pb35{padding-bottom: 35px!important;}
.pb40{padding-bottom: 40px!important;}
.pb45{padding-bottom: 45px!important;}
.pb50{padding-bottom: 50px!important;}
.pb60{padding-bottom: 60px!important;}
.pb70{padding-bottom: 70px!important;}
.pb80{padding-bottom: 80px!important;}
.pb90{padding-bottom: 90px!important;}
.pb100{padding-bottom: 100px!important;}


.pl0{padding-left: 0!important;}
.pl5{padding-left: 5px!important;}
.pl10{padding-left: 10px!important;}
.pl15{padding-left: 15px!important;}
.pl20{padding-left: 20px!important;}
.pl25{padding-left: 25px!important;}
.pl30{padding-left: 30px!important;}
.pl35{padding-left: 35px!important;}
.pl40{padding-left: 40px!important;}
.pl45{padding-left: 45px!important;}
.pl50{padding-left: 50px!important;}
.pl60{padding-left: 60px!important;}
.pl70{padding-left: 70px!important;}
.pl80{padding-left: 80px!important;}
.pl90{padding-left: 90px!important;}
.pl100{padding-left: 100px!important;}

.ps5{padding: 0 5px!important;}
.ps10{padding: 0 10px!important;}
.ps15{padding: 0 15px!important;}
.ps20{padding: 0 20px!important;}
.ps25{padding: 0 25px!important;}
.ps30{padding: 0 30px!important;}
.ps35{padding: 0 35px!important;}
.ps40{padding: 0 40px!important;}
.ps45{padding: 0 45px!important;}
.ps50{padding: 0 50px!important;}
.ps60{padding: 0 60px!important;}
.ps70{padding: 0 70px!important;}
.ps80{padding: 0 80px!important;}
.ps90{padding: 0 90px!important;}
.ps100{padding: 0 100px!important;}


/* =========================================
	05. font-size
============================================ */
.fz10 {font-size: 10px!important;}
.fz11 {font-size: 11px!important;}
.fz12 {font-size: 12px!important;}
.fz13 {font-size: 13px!important;}
.fz14 {font-size: 14px!important;}
.fz15 {font-size: 15px!important;}
.fz16 {font-size: 16px!important;}
.fz17 {font-size: 17px!important;}
.fz18 {font-size: 18px!important;}
.fz19 {font-size: 19px!important;}
.fz20 {font-size: 20px!important;}
.fz21 {font-size: 21px!important;}
.fz22 {font-size: 22px!important;}
.fz23 {font-size: 23px!important;}
.fz24 {font-size: 24px!important;}
.fz25 {font-size: 25px!important;}
.fz26 {font-size: 26px!important;}
.fz27 {font-size: 27px!important;}
.fz28 {font-size: 28px!important;}
.fz29 {font-size: 29px!important;}
.fz30 {font-size: 30px!important;}


/* =========================================
	06. font-weight
============================================ */
.fwB{font-weight: bold;}
.fwN{font-weight: normal;}


/* =========================================
	07. color
============================================ */
.red{color: #cc0000;}
.gr333{color: #333;}
.gr666{color: #666;}
.gr999{color: #999;}
.grccc{color: #ccc;}


/* =========================================
	08. align
============================================ */
.taL{text-align: left!important;}
.taR{text-align: right!important;}
.taC{text-align: center!important;}
.vaT{vertical-align: top!important;}
.vaM{vertical-align: middle!important;}
.vaB{vertical-align: bottom!important;}


/* =========================================
	09. border
============================================ */
.bda0{border: 0!important;}
.bda1{border: 1px solid #ccc;}

/* dashed */
.bdt-dash{border-top:1px dashed #ccc;}
.bdr-dash{border-right:1px dashed #ccc;}
.bdb-dash{border-bottom:1px dashed #ccc;}
.bdb-dash{border-left:1px dashed #ccc;}

/* solid */
.bdt-sol{border-top:1px solid #ccc;}
.bdr-sol{border-right:1px solid #ccc;}
.bdb-sol{border-bottom:1px solid #ccc;}
.bdl-sol{border-left:1px solid #ccc;}
/* /border */

hr.dashed{
	border:0;
	border-bottom:1px dashed #ccc;
}

hr.solid{
	border:0;
	border-bottom:1px solid #ccc;
}


/* =========================================
	10. width
============================================ */
.w20{width: 20px!important;}.w30{width: 30px!important;}.w40{width: 40px!important;}.w50{width: 50px!important;}
.w60{width: 60px!important;}.w70{width: 70px!important;}.w80{width: 80px!important;}.w90{width: 90px!important;}
.w100{width: 100px!important;}.w110{width: 110px!important;}.w120{width: 120px!important;}
.w130{width: 130px!important;}.w140{width: 140px!important;}.w150{width: 150px!important;}
.w160{width: 160px!important;}.w170{width: 170px!important;}.w180{width: 180px!important;}.w190{width: 190px!important;}
.w200{width: 200px!important;}.w210{width: 210px!important;}.w220{width: 220px!important;}
.w230{width: 230px!important;}.w240{width: 240px!important;}.w250{width: 250px!important;}
.w260{width: 260px!important;}.w270{width: 270px!important;}.w280{width: 280px!important;}.w290{width: 290px!important;}
.w300{width: 300px!important;}.w310{width: 310px!important;}.w320{width: 320px!important;}
.w330{width: 330px!important;}.w340{width: 340px!important;}.w350{width: 350px!important;}
.w360{width: 360px!important;}.w370{width: 370px!important;}.w380{width: 380px!important;}.w390{width: 390px!important;}
.w400{width: 400px!important;}.w410{width: 410px!important;}.w420{width: 420px!important;}
.w430{width: 430px!important;}.w440{width: 440px!important;}.w450{width: 450px!important;}
.w460{width: 460px!important;}.w470{width: 470px!important;}.w480{width: 480px!important;}.w490{width: 490px!important;}
.w500{width: 500px!important;}.w510{width: 510px!important;}.w520{width: 520px!important;}
.w530{width: 530px!important;}.w540{width: 540px!important;}.w550{width: 550px!important;}
.w560{width: 560px!important;}.w570{width: 570px!important;}.w580{width: 580px!important;}.w590{width: 590px!important;}
.w600{width: 600px!important;}
.w700{width: 700px!important;}
.w800{width: 800px!important;}
/* /width */


/* =========================================
	11. clear
============================================ */
/* For modern browsers */
.cf:before,.cf:after {
	content:"";
	display:table;
}
.cf:after { clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}




/* =========================================
	12. other
============================================ */
a {
	color: #333;
	text-decoration: underline;
}

/* 	==未訪問のリンク先==--*/
a:link {
	color: #333;
	text-decoration: none;
}
/* 	==訪問済みのリンク先==--*/
a:visited {
	color: #333;
	text-decoration: none;
}
/* 	==マウスオーバー==--*/
a:hover {
	color: #009ae3;
	text-decoration: none;
}

a {outline: none;}

/* 	==画像リンク時 透明度アニメーション変化 状況により使い分ける==--*/
a img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-o-transition: all 0.2s ease;
	opacity 0.2s ease;
}