@charset "utf-8";
/********** SETTING *************/
html { margin:0; padding:0; }
body { margin: 0 auto; padding: 0; color: #333333; font-family: Helvetica, Verdana, Arial, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック" ,sans-serif; font-size: 0.9em; letter-spacing: 0.3px; line-height: 1.4; }
html > body { font-size:12px; }
* + html body { font-family:"メイリオ","Meiryo"; margin:0; padding:0; }
* { margin:0; padding:0; }
p { padding: 0 20px ; line-height: 1.7; }
ul{ zoom: 100%; }
ul:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
li { list-style: none; margin: 0; padding: 0; }
a{ outline:none; }
a:link { color: #008cbb; text-decoration: underline; }
a:visited { color: #008cbb; text-decoration: underline; }
a:active { color: #008cbb; text-decoration: underline; }
a:hover { color: #ff9933; text-decoration: underline; }

.center { text-align: center; }
.text-shadow { text-shadow: 1px 1px #fff; }

/********** LEYOUT *************/
#top { background: url(../img/share/top_bg.jpg) repeat-x #d9cbb0; }
#wrapper { width: 100%; height: auto; margin: 0 auto; }
#header { width: 1000px; height: 70px; margin: 0 auto; padding: 0 10px; }
#section { width: 980px; height: auto; margin: 0 auto; padding: 0 10px; clear: both; }
#main { width: 980px; height: auto; margin: 0 auto; float: left; background: url(../img/share/right_bg.jpg) right repeat-y; }
#left { width: 700px; height: 100%; float: left; margin: 0 auto; background-color: #ffffff; }
#right { float: left; width: 280px; height: 100%; margin: 0 auto; }
#footer { width: 100%; height: 102px; background: url(../img/share/footer_bg.jpg) repeat-x 0 0; margin: 0 auto; clear: both; bottom: 0; }

/***** HEADER *****/
#site_id { width: 260px; height: 45px; margin: 15px 0 0 0 ; float: left; }
#site_id p a.logo { background: url(../img/share/site_id.jpg) top no-repeat; display: block; width: 220px; height: 45px; }
#header-navi { float: right; margin: 0; width: 490px; height: 70px; }
#header h1 { width: 500px; font-size: 10px; color: #ffffff; margin: 0; padding: 10px 0 0 0; }
#header-navi p { float: right; margin-top: -15px; padding: 0; display: block; width: 180px; height: 50px; }
#header-navi ul { margin-top: 7px; }
#header-navi ul li { float: left; display: inline; }
#header-navi ul li a { margin: 0 10px 0 0; display: block; width: 90px; height: 25px; }

/***** HEADER NAVI｜画像設定 *****/
#header-navi ul li a.hn1 { background: url(../img/share/hed_navi01.jpg) no-repeat; }
#header-navi ul li a.hn1:hover, #header-navi ul li a.hn1_on { background: url(../img/share/hed_navi01_on.jpg) no-repeat; }
#header-navi ul li a.hn2 { background: url(../img/share/hed_navi02.jpg) no-repeat; }
#header-navi ul li a.hn2:hover, #header-navi ul li a.hn2_on { background: url(../img/share/hed_navi02_on.jpg) no-repeat; }

/********** FLASH & MOVIE AREA *************/
#flash_area, #movie_area { width: 100%; margin: 0 auto; }
#flash_area p { width: 980px; height: 427px; margin: 0 auto; background: url(../img/share/flash.jpg) top center no-repeat; }

#movie_area p { width: 980px; height: 450px; margin: 0 auto; padding: 10px 0; }

/********** MAIN *************/
#left h2{ margin: 0; background: url(../img/share/title.jpg) top no-repeat; width: 700px; height: 70px; }
.info_bg { background: url(../img/share/name_bg.jpg) no-repeat; display: block; width: 700px; height: 250px; }
.info_404_bg { background: url(../img/share/404_bg.jpg) no-repeat; display: block; width: 700px; height: 250px; }
.info_bg ul.info { display: list-item; padding: 80px 0 0 20px; list-style-type: none; }
.info_bg ul.info li.day { font-size: 120%; padding: 5px 0; }
.info_bg ul.info li.plan { font-size: 170%; }
.info_bg ul.info li.name { font-size: 170%; font-weight: bold; padding-top: 10px; }
.name p span { font-size: 70%; line-height: 16px; }
ul.dl li { float:left; background: url(../img/btn.png) no-repeat; width: 180px; height: 30px; margin-left: 20px; padding: 5px 0 0 13px; }
#left p.tel_banner { clear: both; background: url(../img/share/tel_banner.jpg) no-repeat; display: block; width: 700px; height: 270px; margin: 0; padding: 0; }

h2.area { background: url(../img/share/area.jpg) no-repeat; display: block; width: 247px; height: 45px; margin: 15px auto 0; }
#right dl { margin: 0 auto; }
#right dl dt { color: #ff8381; font-weight: bold; margin: 5px auto 0; padding: 0 0 0 15px; }
#right dl dd { margin: 0; padding: 0 0 5px 15px; background: url(../img/share/right_dd_bg.jpg) bottom no-repeat; }

/***** FOOTER *****/
#footer_inner { width: 980px; margin: 0 auto; padding: 0; }
#footer_inner ul{ float: right; margin: 10px 10px 0 0; }
#footer_inner li{ display: inline; padding: 0 5px; font-size: 11px; color: #ffffff; }
#footer_inner li a{ color: #ffffff; text-decoration: none; font-weight: normal; }
#footer_inner li a:hover{ color: #ffffff; text-decoration: underline; font-weight: normal; }
.copy{ font-family: Georgia, "Times New Roman", Times, serif; clear: both; text-align: right; font-size: 10px; padding: 55px 20px 0 0; color: #aaaaaa; }

/***** ナビゲーションテキスト用設定 *****/
#flash_area p span, #left h2 span { visibility: hidden; }
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }