@charset "utf-8";

/********************
base.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{
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:none;}
a:hover, a:active{text-decoration:underline;}

.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;
text-align:left;
}


/*--header
--------------------------------------------------------------*/
#header{
width:860px;
position:relative;
}

#logo{
}
#logo a{
width:225px;
height:45px;
text-indent:-9999px;
display:block;
overflow:hidden;
}

#header #headerNav li a {display:block;
height:25px;
text-indent:-9999px;}

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

/*==main==*/
#main{
width:860px;
clear:both;
}

/*==Period Price==*/
#price{
width:860px;
clear:both;
}

/*==btnArea==*/
.btnArea{
width:860px;
text-align:center;
clear:both;
}
.btnArea p.btnPlan{
height:80px;
margin-right:auto;
margin-left:auto;
text-align:center;
}
.btnArea p.telephone{
height:40px;
margin-right:auto;
margin-left:auto;
text-align:center;
text-indent:-9999px;
overflow:hidden;
}
.btnArea p.note{text-align:center;}

/*==pageLink==*/
#pageLink{
width:860px;
clear:both;
}
#pageLink ul li{
display:block;
float:left;
}

/*==point==*/
#point{
width:860px;
clear:both;
}
#point01, #point02, #point03, #point04, #point05{
width:860px;
clear:both;
}

/*==guestRoom==*/
#guestRoom{
width:860px;
clear:both;
}
#guestRoom .ttl{
width:860px;
background:url(/landingpage/img/plan/guestroom_ttl.gif) center top no-repeat;
text-indent:-9999px;
display:block;
overflow:hidden;
}

#guestRoom02 .Left,
#guestRoom01 .Left{
width:433px;
float:left;
overflow:hidden;
}
#guestRoom05 .Left,
#guestRoom04 .Left,
#guestRoom03 .Left{
width:272px;
float:left;
overflow:hidden;
background:#ff000;
}
#guestRoom02 .Right,
#guestRoom01 .Right{
width:427px;
float:right;
overflow:hidden;
}

/*guestRoomTtl*/
#guestRoom02 .guestRoomTtl,
#guestRoom01 .guestRoomTtl{
width:433px;
height:198px;
text-indent:-9999px;
overflow:hidden;
}
#guestRoom05 .guestRoomTtl,
#guestRoom04 .guestRoomTtl,
#guestRoom03 .guestRoomTtl{
width:224px;
height:191px;
text-indent:-9999px;
overflow:hidden;
}
#guestRoom06 .guestRoomTtl{
width:860px;
height:84px;
text-indent:-9999px;
overflow:hidden;
}


/*guestRoom IMG*/
#guestRoom02 .img01,
#guestRoom01 .img01{
width:433px;
height:283px;
text-indent:-9999px;
overflow:hidden;
}
#guestRoom02 .img02,
#guestRoom01 .img02{
width:427px;
height:303px;
text-indent:-9999px;
overflow:hidden;
}
#guestRoom02 .img03,
#guestRoom01 .img03{
width:427px;
height:283px;
text-indent:-9999px;
overflow:hidden;
}
#guestRoom05 .img01,
#guestRoom04 .img01,
#guestRoom03 .img01{
width:538px;
height:235px;
text-indent:-9999px;
overflow:hidden;
float:left;
}
#guestRoom06 .img04,
#guestRoom06 .img03,
#guestRoom06 .img02,
#guestRoom06 .img01{
width:430px;
height:322px;
text-indent:-9999px;
overflow:hidden;
float:left;
}

/*txt*/
#guestRoom01 .txt{padding-left:50px;}
#guestRoom02 .txt{padding-left:50px;}

/*check*/
#guestRoom02 .check,
#guestRoom01 .check{
margin-top:10px;
padding-left:50px;
color:#cc0000;
font-weight:bold;
}
#guestRoom02 .check dt,
#guestRoom01 .check dt{
clear:both;
float:left;
}
#guestRoom03 .check dd,
#guestRoom01 .check dd{
padding-left:8.5em;
}

#guestRoom01 .btnDtls{margin-top:18px;}
#guestRoom01 .btnDtls a{
width:340px;
height:52px;
margin:0 auto;
text-indent:-9999px;
display:block;
overflow:hidden;
}
#guestRoom05 .btnDtls a,
#guestRoom04 .btnDtls a,
#guestRoom03 .btnDtls a{
width:177px;
height:58px;
margin:0 auto;
text-indent:-9999px;
display:block;
overflow:hidden;
}
#guestRoom06 .btnDtls a{
width:218px;
height:101px;
margin:0;
text-indent:-9999px;
display:block;
overflow:hidden;
}

#guestRoom02 .btnDtls{margin-top:18px;}
#guestRoom02 .btnDtls a{
width:340px;
height:52px;
margin:0 auto;
text-indent:-9999px;
display:block;
overflow:hidden;
}


/*priceTable*/
#guestRoom .priceTable{
margin:0 auto;
clear:both;
}
#guestRoom .priceTable table{}
#guestRoom .priceTable table th,
#guestRoom .priceTable table td{
padding:5px;
text-align:center;
}
#guestRoom .priceTable table th{}
#guestRoom .priceTable table td{}

/*priceTableList*/
.priceTableList{margin-top:5px;}

/*priceNoteList*/
.priceNoteList{
width:520px;
margin:10px auto 0;
}


/*==free==*/
#free{
clear:both;
}


/*--footer
--------------------------------------------------------------*/
#footer{
width:860px;
clear:both;
}
#footer{
padding-top:26px;
padding-bottom:27px;
background:#ffffff url(/landingpage/img/plan/footer_bg.jpg) ;
}

#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=====================================================================*/
#pageLink ul:after,
.clearfix:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#pageLink ul,
.clearfix{display:inline-block;}

/* Hides from IE-Mac \*/
* html #pageLink ul,
* html .clearfix{height:1%;}

#pageLink ul,
.clearfix{display:block;}
/* End hide from IE-Mac */
/*==clearfix=====================================================================*/
