@charset "utf-8";



/*------------------------------------------------------------
style base
-------------------------------------------------------------*/
.al-c{text-align: center;}
.al-r{ text-align: right; }
.al-l{ text-align: left; }
.fl-r{float: right;}
.fl-l{ float: left; }
.fl-c{ clear: both; }
.m3-t{ margin-top: 3px!important; }
.m5-t{ margin-top: 5px!important; }
.m15-t{ margin-top: 15px!important; }
.m10{ margin: 10px!important; }
.m10-l{ margin-left: 10px!important; }
.m10-t{margin-top:10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-l{ margin-left: 20px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-l{ margin-left: 70px!important; }
.m80-l{ margin-left: 80px!important; }

.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.big{ font-size: 1.1em!important; }/*フォントサイズ*/
.big2{ font-size: 1.2em!important; }
.big3{ font-size: 1.3em!important; }
.small{ font-size: 0.8em!important; }

.bggray{background-color: #F0F0F0!important;}
.karasi{color: #e8ba41;}/*辛子*/
.red{ color: #ff0000!important; }/*赤*/
.blue{color: #0e89d0!important;}/*青*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #FFBF00!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #a25fa3!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray-c{color: #B8B8B8;}/*グレー*/

.white{background-color: #FFFFFF;}/*白*/
.yellow{background-color: #FFDA27;}/*黄色*/
.gray{background-color: #E9E9E9;}/*グレー*/

.logo_color{ color: #FF4201; }/*rogo*/
.underline{
	margin-top: 30px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #dcdcdc;
}
.box100{width:100px;}
.box180{width:180px;}
.box200{width:200px;}
.box230{width:230px;}
.box233{width:233px;}
.box250{width:250px;}
.box280{width:280px;}
.box300{width:300px;}
.box330{width:330px;}
.box350{width:350px;}
.box380{width:380px;}
.box400{width:400px;}
.box430{width:430px;}
.box450{width:450px;}
.box480{width:480px;}
.box500{width:500px;}
.box550{width:550px;}
.box600{width:600px;}


/*640px以下では回り込み解除*/
@media only screen and (max-width:840px){

.big{ font-size: 1em!important; }/*フォントサイズ*/
.big2{ font-size: 1em!important; }
.big3{ font-size: 1em!important; }


.fl-r,.fl-l{ float: none; }	
.box100{width:100%;}
.box180{width:100%;}
.box200{width:100%;}
.box230{width:100%;}
.box233{width:100%;}
.box250{width:100%;}
.box280{width:100%;}
.box300{width:100%;}
.box330{width:100%;}
.box350{width:100%;}
.box380{width:100%;}
.box400{width:100%;}
.box430{width:100%;}
.box450{width:100%;}
.box480{width:100%;}
.box500{width:100%;}
.box550{width:100%;}
.box600{width:100%;}
}

/* 最後のbox */
.last{margin-right:0;}

/* clear関係 */
.clear {
	clear: both;
	width: auto;
}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 ¥*/
* html .clearfix {
  height: 1%;
}
.clearfix {
	display: block;
	width: auto;
}
/* clear関係 */