@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  cp_style.css
 style info :  /cp/以下 用スタイル
---------------------------------------------------------

fonts
 10px = 72%     11px = 79%
 12px = 86%     13px = 93%     14px = 100%    15px = 108%
 16px = 115%    17px = 122%    18px = 129%    19px = 136%
 20px = 143%    21px = 150%    22px = 158%    23px = 165%
 24px = 172%
=================================================================== */

/*----------------------------------------------------
	基本設定
----------------------------------------------------*/
html { overflow-y: scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-size:14px;}
body {
	color: #333;
	font-size: 16px;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック';
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse:collapse; border-spacing:0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
p { margin:0; }
img,abbr,acronym,fieldset { border: 0; }
li { list-style-type: none; }
img { vertical-align:bottom; }

a:link { color:#00A23C; }
a:visited { color:#00A23C; }
a:hover { color:#92cda8; text-decoration:none; }

a:hover .ov { opacity: 0.7; }


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.fR { float: right; }
.fL { float: left; }

.mt0{margin-top:0px!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;}

.mb0{margin-bottom:0px!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;}

.mr0{margin-right:0px!important;}

.ml0{margin-left:0px!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;}

.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}

.pb10{padding-bottom:10px!important;}

.fs12 { font-size:86%; }
.fs18 { font-size:129%; }
.fs24 { font-size:172%; }

.fwb { font-weight:bold; }
.fcRed { color:#ff3300; }
.fcGreen { color:#15a33b; }

.taC { text-align:center; }
.taR { text-align:right; }
.taL { text-align:left; }

/* new clearfix */
.cf:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */



/*----------------------------------------------------
	base
----------------------------------------------------*/

#wrap { width:939px; margin:0 auto; }
.contentsBox { background:url(/campaign_common/img/cp/common/box_bg.gif) no-repeat 0 0; }
.contentsBox .in { padding:20px; background:url(/campaign_common/img/cp/common/box_bottom.gif) no-repeat 0 100%; }
.contentsBox2 { background:#fafafa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #f0f0f0; }
.contentsBox2 .in { padding:20px;}


/*----------------------------------------------------
	header
----------------------------------------------------*/

#header { margin:8px 0; width:939px; overflow:hidden; zoom:1; position:relative; }
#header h1 { font-size:79%; font-weight:normal; text-indent:5px; }
#header .contact { font-size:86%; font-weight:normal; text-indent:5px; position:absolute; right:0; bottom:3px; }
#header .contactLink { display:inline-block; margin:0; padding-left:0.75em; background:url(/campaign_common/img/cp/common/icon_arrow_ylw_r_01.png) no-repeat 0 50%; background-size:auto 7px; position:absolute; right:0; bottom:10px; }

#topBox { margin-bottom:15px; padding:15px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:2px solid #0fa143; text-align:center; }



/*----------------------------------------------------
	reason
----------------------------------------------------*/

#reason { margin:0; padding:0; }
#reason ul.reasonList { margin:8px 0 0; padding:0; overflow:hidden; zoom:1; }
#reason ul.reasonList li { margin:0 0 13px 13px; display:block; float:left; }
#reason ul.reasonList li.reason01 { margin-left:0px; }
#reason ul.reasonList li.reason04 { margin-left:0px; }



/*----------------------------------------------------
	use
----------------------------------------------------*/

#use { margin:0; padding:0; }
#use .read { margin:5px 0; padding:0; }



/*----------------------------------------------------
	price
----------------------------------------------------*/

#price { margin:0; padding:0; }
#price .read { margin:5px 0; padding:0; }
#price .detailBtn { width:290px; display:block; margin:5px auto; padding:0; }



/*----------------------------------------------------
	flow
----------------------------------------------------*/

#flow { margin:0; padding:0; }
#flow ul.flowList { overflow:hidden; zoom:1; }
#flow ul.flowList li { margin:0; padding:0; float:left; }


/*----------------------------------------------------
	point 法人用
----------------------------------------------------*/

#point { margin:0; padding:0; }
#point ul.pointList { overflow:hidden; zoom:1; }
#point ul.pointList li { margin:10px 0 0; padding:0; }
#point ul.pointList li:first-child { margin:0; }


/*----------------------------------------------------
	camp_info
----------------------------------------------------*/

#camp_info {}
#camp_info #camp_info_list { margin:0 0 15px; padding:15px; background:#eeeeee; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#camp_info #camp_info_list label { width:250px; display:block; margin:15px auto 10px; padding:5px 10px; background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-align:center; }

#camp_info #submit{
	display:block;
	width:470px;
	height:64px;
	margin:0 auto 0 auto !important;
	background:url(/campaign_common/img/cp/common/entry_btn_off.gif) 0 0 no-repeat;
	cursor:pointer;
	font-size:0;
	border:none;
	color:#663300;
}
#camp_info #submit:hover{
	background:url(/campaign_common/img/cp/common/entry_btn_on.gif) 0 0 no-repeat;
}
#camp_info #submit2{
	display:block;
	width:470px;
	height:64px;
	margin:0 auto 0 auto !important;
	background:url(/campaign_common/img/cp/common/entry_btn_no.gif) 0 0 no-repeat;
	cursor:pointer;
	font-size:0;
	border:none;
	color:#663300;
	cursor:default;
}



/*----------------------------------------------------
	camp_detail
----------------------------------------------------*/
#camp_detail h3.midashi { font-size:115%; border-left:5px solid #666666; border-bottom:1px solid #666666; margin:0 0 20px; padding:5px 5px 5px 10px; }



/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	width:100%;
	background:#18a344;
	margin:25px 0 0;
	padding:0;
	color:#fff;
}

.footmenu{ width: 940px; margin: 30px auto 20px; font-size:10px; line-height:12px; color:#FFFFFF; }
.footmenu ul { display:block; padding:0; margin:0; text-align:center; }
.footmenu ul li { display:inline-block; line-height:20px; font-size:12px; margin:0 10px; padding:0; }

#footer_v2 { width:100%; background-color:#00A23C; padding:10px 0; text-align:center; font-size:12px; color:#ffffff;}




/*----------------------------------------------------
	coution
----------------------------------------------------*/

.coutionList1 { margin:0; padding:0; }
.coutionList1 li { margin:0 0 0px; padding:0 0 0 18px; font-size:100%; position:relative; }
.coutionList1 li span { margin:0; padding:0; position:absolute; top:0; left:0; }

.coutionList2 { margin:0; padding:0; }
.coutionList2 li { margin:0 0 0px; padding:0 0 0 28px; font-size:86%; position:relative; }
.coutionList2 li span { margin:0; padding:0; position:absolute; top:0; left:0; }

.coutionList2 li em { display:block; }



input#submit_houhin{
	position:absolute;
	top:75px;
	left:25px;
	background: url(/campaign_common/img/corporates/btn_cp_houjin.png) 0 0 no-repeat;
	cursor: pointer;
	border:0;
	margin:0;
	padding:0;
	width:427px;
	height:70px;
	font-size:0;
	color:#fff;
}
input#submit_houhin:hover{
	filter:alpha(opacity:70);
	opacity:0.7;
}




/*----------------------------------------------------
	法人申し込み
----------------------------------------------------*/

.bnr_h_cp2{
	position:relative;
	height:5px;
	padding:0 0 180px 0;	
}

.bnr_h_cp2 input#submit{
	position:absolute;
	top:75px;
	left:490px;
	background: url(/campaign_common/img/lp_130514/btn_cp_repark.png) 0 0 no-repeat;
	cursor: pointer;
	border:0;
	margin:0;
	padding:0;
	width:427px;
	height:70px;
	font-size:0;
	color:#fff;
}
.bnr_h_cp2 input#submit:hover{
	filter:alpha(opacity:70);
	opacity:0.7;
}

.bnr_h_cp3{
	display:block;
	margin:-35px auto 0;
	padding:0;
	width:427px;
	height:150px;
	position:relative;
}

.bnr_h_cp3 input#submit{
	display:block;
	background:url(/campaign_common/img/lp_130514/btn_cp_repark.png) 0 0 no-repeat;
	cursor:pointer;
	border:0;
	margin:0;
	padding:0;
	width:427px;
	height:70px;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
}
.bnr_h_cp3 input#submit:hover{
	filter:alpha(opacity:70);
	opacity:0.7;
}



/*----------------------------------------------------
	ステーションを探す
----------------------------------------------------*/
.txt_stsearch{ font-size:14px; margin:10px 0 15px 0; display:block; font-weight:bold; color:#333333;}
#stsearch iframe{ width:940px; height:560px; }
#searcharea{ background-color:#f3f2f2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#searcharea #searchareainner{ padding:25px 40px 0 40px; }
#searcharea #searchareainner p.top{ display:block; text-align:center; margin:0 0 15px 0; font-size:16px }
#searcharea #searchareainner p.bottom{ display:block; text-align:right; margin:0 0 0 0; padding:10px 0 15px 0; }
#searcharea #searchareainner p.bottom a{ background:url(../img/icon01.png) no-repeat 0 50%; padding:0 0 0 17px; color:#000000; }
#searcharea #searchareainner ul.formlist{ display:block; padding:0 0 0 40px; margin:0 0 20px 0; }
#searcharea #searchareainner ul.formlist li{ display:block; float:left; }
#searcharea #searchareainner ul.formlist li input.formtxt{ margin:0 15px 0 0;  width:610px; height:45px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #d3d3d3; text-indent:18px; }
#searcharea #searchareainner ul.formlist li input.formbtn{ margin:3px 0 0 0; }
#searcharea #searchareainner .searcharea_map{ margin:3px 0 0 0; height:380px;  }



/*----------------------------------------------------
	法人申し込み
----------------------------------------------------*/
.saison-co-entry .preparationList { overflow:hidden; zoom:1; }
.saison-co-entry .preparationList li { width:32%; margin:0 0 0 2%; background:#fafafa; float:left; }
.saison-co-entry .preparationList li:first-child { margin:0; }
.saison-co-entry .preparationList li .inner { height:260px; padding:15px 20px; border:1px solid #f0f0f0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.saison-co-entry .preparationList li .inner h3 { font-size:18px; line-height:1.4; margin:0 0 8px;}
.saison-co-entry .preparationList li .inner h3 span { font-size:85%; }

.saison-co-entry .enteryBox { margin:0 0 15px; padding:15px 20px 13px; font-size:16px; text-align:center; background:#fafafa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #f0f0f0; }
.saison-co-entry .enteryBox2 { width:49%; height:170px; margin:0; padding:0; font-size:16px; text-align:center; background:#fafafa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #f0f0f0; }
.saison-co-entry .enteryBox2 .in{ padding:15px 20px 13px; text-align:center; }
.saison-co-entry .enteryBox2 h3 { margin:0 0 5px; font-size:18px; }
.saison-co-entry .enteryBox2 .enteryBtn {
	width:85%;
	margin:0 auto;
	padding:14px 0 13px;
	color:#fff;
	font-size:18px;
	line-height:1em;
	font-weight:bold;
	border:1px solid #ff8a00;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background-color:#ffbb6b;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffbb6b), to(#ff8a00));
	background-image:-moz-linear-gradient( top, #ffbb6b 0%, #ff8a00 );
	box-shadow: 0px 1px 1px 0px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(000,000,000,0.3);
	-moz-box-shadow: 0px 1px 1px 0px rgba(000,000,000,0.3);
	text-decoration:none;
	display:block;
	cursor:pointer;
}