/* CSS Document */ /* 基本装飾 */ body { font-size: 13px; line-height: 20px; text-align: center; margin-top:0; background-color:#eaf4f5; background-image: url(images/bg.jpg); background-repeat: repeat-x; } a{ color: #16b8b4; text-decoration: none; } a:link{ color: #16b8b4; text-decoration: none; } a:visited{ color: #10807e; text-decoration: none; } a:hover{ color: #10807e; text-decoration: underline; } p { font-size: 13px; padding:0 0 10px 10px; margin: 0px; color:#686868; line-height:22px; } em { visibility:hidden; } .font10 { font-size: 10px; } .font11 { font-size: 11px; } .font12 { font-size: 12px; } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font24 { font-size: 24px; } .font28 { font-size: 28px; } .font32 { font-size: 32px; } .red { color: #FF0000; } .blue { color: #0000FF; } .green { color: #006600; } .gray { color: #666666; } .white { color: #FFFFFF; } .black { color: #000000; } .left { float: left; margin: 0px 10px 10px 0; } .right { float: right; margin: 0px 0px 10px 10px; } .clear { clear:both;} /*****【ページレイアウト】*****/ #wrapper { width: 900px; margin: 0; padding: 0; text-align: left; margin-left: auto; margin-right: auto; background: none; } /******【ヘッダー】********/ #header { width: 900px; font-size: 12px; color: #333333; height:183px; text-align: left; background-image: url(images/head.jpg); background-repeat: no-repeat; margin-bottom: 0; margin-top:0; } #header h1 { margin:0; padding: 0 5px 0 5px; color: #fff; font-weight: normal; font-size: 12px; line-height: 14px; text-align:right; } /******【ヘッダー】バナー2種********/ .head_bn_waku { margin:10px 0 0 0; padding:0; float:right; width:475px; } .head_bn_01 a { margin:0 10px 0 0; padding:0; display:block; line-height:80px; color: #333; width:232px; float:left; background-image: url(images/head_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; } .head_bn_01 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .head_bn_02 a { margin:0; padding:0; display:block; line-height:80px; color: #333; width:232px; float:left; background-image: url(images/head_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; } .head_bn_02 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } /******【上部横ナビ】*****/ #navigation { margin:10px 0 0 0; width:725px; float:right; } #navigation ul { list-style: none; margin:0; padding:0; height:40x; font-size:12px; overflow:hidden; } #navigation li { float: left; margin:0; padding:0; } #navigation li em { visibility:hidden; } #navigation li.home a { display:block; width:145px; line-height:40px; color: #333; padding:0 ; background-image: url(images/navi_home.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.home a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n01 a { display:block; width:145px; line-height:40px; color: #333; padding:0 ; background-image: url(images/navi_01.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n01 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n02 a { display:block; width:145px; line-height:40px; color: #333; padding:0 ; background-image: url(images/navi_02.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n02 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n03 a { display:block; width:145px; line-height:40px; color: #333; padding:0 ; background-image: url(images/navi_03.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n03 a:hover { background-color: none; background-position: right top; text-decoration: none; } #navigation li.n04 a { display:block; width:145px; line-height:40px; color: #333; padding:0 ; background-image: url(images/navi_04.jpg); background-position:left top; text-decoration: none; text-align: center; } #navigation li.n04 a:hover { background-color: none; background-position: right top; text-decoration: none; } /******【メイン画像】********/ .main_waku { margin:0; padding:0; width:900px; } .main_waku ul,li { list-style: none; margin:0; padding:0; } /******【メイン】********/ #main { width: 900px; margin: 20px 0 0 0; padding: 0; border: none; } #main_in { margin:0; padding:0; } /******【コンテンツ】********/ img.con_title { margin:0 0 10px 0; padding:0;} /******【コンテンツ】目的に合わせて探す********/ .con_01_waku { margin:0; padding:0; height:330px; background-color:#FFFFFF; background-repeat:no-repeat; } .con_01_in { margin:0; padding:10px; } .con_01_list { margin:0; padding:0; float:left; width:178px; } .con_01_main { margin:0 0 0 10px; padding:0; float:left; width:458px; } .con_01_main ul,li { list-style: none; margin:0; padding:0; } .bx-pager a img { opacity: 0.5; filter: alpha(opacity=60); } .bx-pager a.active img { opacity: 1; filter: alpha(opacity=100); } /******【目的に合わせて探す】バナー********/ .con_01_bn_waku { margin:0 0 0 15px; padding:0; float:left; width:215px; } .con_01_bn_01 a { margin:0; padding:0; display:block; line-height:151px; color: #333; width:215px; float:left; background-image: url(images/con_01_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; } .con_01_bn_01 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .con_01_bn_02 a { margin:0; padding:0; display:block; line-height:151px; color: #333; width:215px; float:left; background-image: url(images/con_01_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; } .con_01_bn_02 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } /******【コンテンツ】新着情報********/ .info_waku { margin:0 13px 0 0; padding:0; float:left; width:300px; background-color:#FFF; } .info_in { margin:0; padding:7px; } /******【新着情報】記事********/ img.info_title { margin:0 0 8px 0; } .info { margin:0 0 10px 0; padding:0; height:55px; background-image:url(images/info_bg.jpg); background-repeat:no-repeat; } .info_text { margin:0 0 0 5px; padding:0; float:left;} p.info_new { margin:0; padding:0; font-size:13px; font-weight:bold; line-height:13px; color:#54aeb8; } p.info_kiji { margin:5px 0 0 0; padding:0; font-size:12px; line-height:18px; color:#929292; } .info img { margin:0 10px 0 0; padding:0; float: left;} /******【コンテンツ】地図から探す********/ .map_waku { margin:0; padding:0; float:left; width:585px; height:425px; background-color:#fffeee; } .map_in { margin:0; padding:15px; } .map_img { margin:0 5px 0 0; padding:0; float:left; } .map_info { margin:0; padding:0; float:left; } /******【地図から探す】ホテル名********/ .map_list { margin:5px 0 5px 0; padding:0; } .map_name_waku { margin:0 8px 0 0; padding:0; float:left; } .map_icon { margin:0; float:left; } p.map_name { margin:0; padding:0 0 0 10px; font-size:14px; line-height:25px; color:#3e5051; background-image:url(images/map_mark.jpg); background-repeat:no-repeat; } p.map_name_02 { margin:0; padding:0 0 0 10px; font-size:14px; line-height:25px; color:#3e5051; } /******【コンテンツ】一覧から探す********/ .con_02_bg { margin:0; padding:0; height:265px; background-image:url(images/contens_02_bg.jpg); background-repeat:no-repeat; } .con_02_bg_in { margin:0; padding:10px 20px 10px 20px; } /******【一覧から探す】ホテルバナー********/ .hotel_bn_01 a { margin:0 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_01 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_02 a { margin:0 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_02 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_03 a { margin:0 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_03.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_03 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_04 a { margin:0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_04.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_04 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_05 a { margin:0 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_05.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_05 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_06 a { margin:0 0 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_06.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_06 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_07 a { margin:5px 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_07.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_07 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_08 a { margin:0 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_08.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_08 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_09 a { margin:5px 0 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_09.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_09 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_10 a { margin:5px 0 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_10.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_10 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .hotel_bn_11 a { margin:5px 18px 0 0; padding:0; display:block; line-height:78px; color: #333; width:200px; float:left; background-image: url(images/hotel_bn_11.jpg); background-position:left top; text-decoration: none; text-align: center; } .hotel_bn_11 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } /******【コンテンツ】会員専用コンテンツ********/ .link_bn_waku { margin:0; padding:0; width:900px; } .link_bn_01 a { margin:0 10px 0 0; padding:0; display:block; line-height:60px; color: #333; width:295px; float:left; background-image: url(images/link_bn_01.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_01 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .link_bn_02 a { margin:0 10px 0 0; padding:0; display:block; line-height:60px; color: #333; width:290px; float:left; background-image: url(images/link_bn_02.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_02 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .link_bn_03 a { margin:0; padding:0; display:block; line-height:60px; color: #333; width:294px; float:left; background-image: url(images/link_bn_03.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_03 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .link_bn_04 a { margin:10px 12px 0 0; padding:0; display:block; line-height:60px; color: #333; width:293px; float:left; background-image: url(images/link_bn_04.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_04 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .link_bn_05 a { margin:10px 10px 0 0; padding:0; display:block; line-height:60px; color: #333; width:291px; float:left; background-image: url(images/link_bn_05.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_05 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } .link_bn_06 a { margin:10px 0 0 0; padding:0; display:block; line-height:60px; color: #333; width:294px; float:left; background-image: url(images/link_bn_06.jpg); background-position:left top; text-decoration: none; text-align: center; } .link_bn_06 a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } /*******【フッター】会員専用バナー*******/ .bn_inq_waku { margin:0; padding:0; height:63px; } .bn_inq_in { margin:10px 0 0 0; padding:0; float:right; width:178px;} .bn_inq a { margin:0; padding:0; display:block; line-height:42px; color: #333; width:178px; float:left; background-image: url(images/bn_inq.jpg); background-position:left top; text-decoration: none; text-align: center; } .bn_inq a:hover { backgroundcolor: none; background-position: right top; text-decoration: none; } /*******【フッター】*******/ #ft_bg { clear:both; background-image:url(images/footer_bg.jpg); background-repeat:repeat-x;} #footer { width:900px; margin-left: auto; margin-right: auto; padding:0; height:560px; display:block; color: #666; clear: both; text-align: left; } #footer a{ color: #fff; text-decoration: none; } #footer a:hover{ color: #ffe775; text-decoration: underline; } #footer .ft01 { margin:0 20px 10px 0; padding:0; width:200px; float:left; } #footer .ft02 { margin:0 20px 0 0; padding:0; width:230px; float:left; } #footer .ft03 { margin:0 20px 0 0; padding:0; width:200px; float:left; } #footer .ft04 { margin:0; padding:0; width:200px; float:left; } .ft_in { margin:0; padding:0; height:370px;} #footer ul { list-style: none; margin: 10px 0 0 0; padding:0; font-size:12px; } #footer li { list-style: none; margin:0 0 0 5px; color:#666; padding:0 0 0 10px; background-image: url(images/footer_mark.gif); background-repeat:no-repeat; background-position: left; line-height:24px; } p.copy { clear:both; margin:0; padding:0; font-size: 12px; color: #fff; text-align:center; line-height:16px; }