@charset "utf-8";

/********************
index.css
********************/

/*--reset
--------------------------------------------------------------*/
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,input,textarea,
p,blockquote,th,td{
margin:0;
padding:0;
}

li{list-style:none;}
fieldset, img{border:0;}


/*--common
--------------------------------------------------------------*/
html{overflow-y:scroll;}

body{
background:#FFDE77 url(/landingpage/img/index/bg.jpg) center top repeat-x;
color:#000000;
font-size:76.5%;
font-weight:normal;
line-height:1.6;
letter-spacing:0px;
text-align:center;
}

h1,h2,h3,h4,h5,h6{clear:both;}

a:link, a:visited{text-decoration:underline;}
a:hover, a:active{text-decoration:none;}

.aLeft{text-align:left;}
.aCenter{text-align:center;}
.aRight{text-align:right;}

.vTop{vertical-align:top;}
.vMid{vertical-align:middle;}
.vBtm{vertical-align:bottom;}

.floatL{float:left;}
.floatR{float:right;}

.clearB{clear:both;}
.clearN{clear:none;}

table{font-size:inherit;}
table, table th, table td{border-collapse:collapse;}

form, fieldset, input, textarea{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.floatL{float:left;}
.floatR{float:right;}


/*--wrap
--------------------------------------------------------------*/
#wrap{
width:860px;
margin:0 auto;
background-color:#ffffff;
text-align:left;
background:url(/landingpage/img/index/bg_lptop01.jpg);

}


/*--header
--------------------------------------------------------------*/
#header{
width:860px;
}
#header .headerEx{
margin:0;
padding:0;
line-height:0;
}


/*--contents
--------------------------------------------------------------*/
#contents{
width:860px;
clear:both;
}

/*==pageTop==*/
.pageTop{
margin-top:15px;
padding:0 40px;
text-align:right;
clear:both;
}
.pageTop a{color:#45290A;}


/*==planList==*/
#planList{
margin-top:0;
clear:both;
position:relative;
}
#planList .mugiwara {position:absolute;
top:297px;
left:744px;
}
#planList .asagao {position:absolute;
top:350px;
left:738px;
}
#planList .sarubobo {position:absolute;
top:427px;
left:784px;
}
#planList .btnall {margin:auto;
padding-top:20px;
width:761px;}
#planList .btnall a:hover img{filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#planList ul{
padding-left:50px;
}
#planList ul li{
width:238px;
margin:0 20px 20px 0;
display:block;
float:left;
}
#planList ul li.last{margin-right:0px;}
#planList ul li img{vertical-align:top;}
#planList ul li a:hover img{filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

/*==recommend==*/
#recommend{
margin-top:35px;
clear:both;
}
#recommend #recommendInner{
padding:0 45px;
}
#recommend .recommend_btm {
margin-top:-10px;
}
#recommend .pageTop {margin-top:20px;
padding:10px 0 0 0;
text-align:right;
}
#recommend .pageTop a{
font-size:11px;
color:#45290A;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*recPlan*/
#recommend .recPlan{
margin-top:24px;
padding-bottom:18px;
background:url(../img/index/recplan_line.gif) left bottom repeat-x;
clear:both;
}

#recommend .recPlan .detail{
width:540px;
float:right;
}
#recommend .recPlan .thumb{
width:200px;
float:left;
}

/*thumb*/
#recommend .recPlan .thumb img{vertical-align:top;}
#recommend .recPlan .thumb ul .thumbL{
margin-top:2px;
margin-right:2px;
float:left;
}
#recommend .recPlan .thumb ul .thumbR{
margin-top:2px;
float:right;
}

/*icoList*/
#recommend .recPlan .detail ul li{
margin-right:3px;
display:block;
float:left;
}
#recommend .recPlan .detail dl{
margin-top:18px;
clear:both;
}
#recommend .recPlan .detail dt a{
color:#cc6600;
font-size:133%;
font-weight:bold;
text-decoration:none;
}
#recommend .recPlan .detail dd{
margin-top:6px;
color:#333333;
}
#recommend .recPlan .detail dd.detailBtn{
margin-top:20px;
padding-left:5px;
}
#recommend .recPlan .detail dd.detailBtn a{
margin-right:10px;
text-decoration:none;
}
#recommend .recPlan .detail dd.detailBtn a:hover img{filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#recommend .topprice {background:#FAE4C0;
font-size:12px;
padding:10px;
width:320px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.topprice b {font-weight:normal;}

/*--snsArea
--------------------------------------------------------------*/
.snsArea {
width:498px;
height:69px;
background:#ffffff url(../img/index/snsbg.jpg) center top no-repeat;
margin:20px auto;
position:relative;
}
.snsArea .twt {
position:absolute;
top:25px;
left:55px;
}
.snsArea .fb {
position:absolute;
top:25px;
left:190px;
}

/*--bnrArea
--------------------------------------------------------------*/
.bnrArea{
width:718px;
margin:30px auto 0;
clear:both;
}


/*--footer
--------------------------------------------------------------*/
#footer{
width:860px;
margin-top:70px;
padding-top:27px;
padding-bottom:23px;
background:#ffffff url(../img/index/footer_bg.gif) center top no-repeat;
color:#431f10;
clear:both;
}

#footer ul{
text-align:center;
}
#footer ul li{
padding:0 25px;
border-left:1px solid #431f10;
display:inline;
}
#footer ul li.last{border-right:1px solid #431f10;}
#footer ul li a{color:#431f10;}


/*--box style
--------------------------------------------------------------*/


/*--margin padding style
--------------------------------------------------------------*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}














/*==clearfix=====================================================================*/
#planList ul:after,
#recommend .recPlan:after,
#recommend .recPlan .thumb:after,
#recommend .recPlan .thumb ul:after,
#recommend .recPlan .detail ul:after,
.clearfix:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#planList ul,
#recommend .recPlan,
#recommend .recPlan .thumb,
#recommend .recPlan .thumb ul,
#recommend .recPlan .detail ul,
.clearfix{display:inline-block;}

/* Hides from IE-Mac \*/
* html #planList ul,
* html #recommend .recPlan,
* html #recommend .recPlan .thumb,
* html #recommend .recPlan .thumb ul,
* html #recommend .recPlan .detail ul,
* html .clearfix{height:1%;}

#recommend .recPlan,
#planList ul,
#recommend .recPlan .thumb,
#recommend .recPlan .thumb ul,
#recommend .recPlan .detail ul,
.clearfix{display:block;}
/* End hide from IE-Mac */
/*==clearfix=====================================================================*/