@charset "UTF-8";
@import "reset.css";

/* 共通 */
/* ---------------------------------------------------------------- */
body { color: #333; font-family: Verdana,Arial,Helvetica,sans-serif; text-align:center; font-size: 90%; line-height: 1.6; background:#faeebe; }

.clear { clear:both; }
.clearfix:after { content: " "; display:block; visibility:hidden; clear:both; height:0.1px;font-size:0.1em; line-height:0; }

a:link {color: #098E9D; text-decoration: none;}
a:visited {color: #098E9D; text-decoration: none; }
a:hover {color: #098E9D; text-decoration: underline;}
a:active {color: #098E9D; text-decoration: none;}

div.div_cmn01 { margin: 0 0 15px 0; }
div.div_cmn02 { margin: 0 0 20px 0; }
div.div_cmn01:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
div.div_cmn02:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

/* コンテナ */
/* ---------------------------------------------------------------- */
#container { width: 960px; margin: 0 auto; overflow: hidden; text-align: left; }

.btn_pdfdownload { margin: 0 auto; text-align:center;}
.btn_pdfdownload a { display: block; width: 250px; height: 40px; margin: 10px auto 30px; text-indent: -3000px; background: url(../images/sub/btn_pdfdownload.jpg) 0 0 no-repeat; }
.btn_pdfdownload a:hover { background-position: 0 -40px;}



/* ヘッダー */
/* ---------------------------------------------------------------- */
#container div.header { margin: 0;}
#container div.header h1 {} 
#container .box  { width: 860px; _width:960px; margin: 0; padding:0px 50px; overflow: hidden; background: url(../images/index/bg.gif) 0 0 repeat-y; }
#container .info { position:relative; padding:30px; margin:30px 0 10px; background:#fff;}
#container .info h2 { height: 61px; text-indent: -3000px; margin: 0 0 5px 0; background: url(../images/index/h2_futatabi.gif) 0 0 no-repeat; }
#container .info p { width: 600px; }
#container .info .coupon { position:absolute; top:10px; left:626px; z-index:1; width: 235px; height:200px;  background: url(../images/index/first_coupon.jpg) 0 0 no-repeat;}
#container .info .coupon a{ position:absolute; top:130px; left:60px; width: 235px; height:200px; color:#fff;}

#container .btn_campaign { margin: 0px auto; text-align:center;}
#container .btn_campaign a { display: block; width: 480px; height: 50px; margin: 20px auto 0px; text-indent: -3000px; background: url(../images/index/btn_hotel_list2.gif) 0 0 no-repeat; }
#container .btn_campaign a:hover { background-position: 0 -50px;}


#container div.header .detail { position: absolute; width: 110px; top: 555px; left: 764px; font-size: 85%; }
#container div.header .detail a { line-height: 1.4; color: #fff; font-weight: bold; }

/* コンテンツ */
/* ---------------------------------------------------------------- */
#container .how {padding:30px; margin:30px 0 11px; background:#fff; font-size:93%;}
#container .how h2 { height: 55px; margin: 0px 0 50px 0px; text-indent: -3000px; background: url(../images/index/h2_shikumi.gif) 0 bottom no-repeat; }
#container .how dl { padding: 0 15px 0 450px; background: url(../images/index/img_shikumi.gif) 60px 0 no-repeat; min-height: 380px; height: auto!important; height: 380px; }
#container .how dl dt { color: #FF9900; font-weight: bold; margin:0; }
#container .how dl dd { margin: 0 0 15px 0; }
#container .how dl dd li { padding: 0 0 0 10px; background: url(../images/index/icon.gif) 0 8px no-repeat; } 
#container .how dl dd strong{ color:#cc0000;}

/* フッター */
/* ---------------------------------------------------------------- */

#container div.main_bottom { width: 960px; height:55px; margin:0; padding:0px; overflow: hidden; background: url(../images/index/bg_bottom.gif) 0 0 no-repeat; }

#container div.footer { margin: 0 0 50px 0; padding: 35px 0 0 0; }
#container div.footer p { text-indent: -3000px; background: url(../images/common/copyright.gif) 15px 8px no-repeat; }