@import "area.css";/*Area Guide*/

*{ margin:0; padding:0; border:0; list-style:none;}

body{ margin:0; padding:0; font-family:Arial; font-size:80%;}

a{ text-decoration:underline;}
a:hover{ text-decoration:none;}

img{ margin:0; padding:0; border:0;}

h1,h2,h3,h4,h5,h6,p,dl,dt,dd{ margin:0; padding:0;}

ul,li{ margin:0; padding:0; list-style:none;}

.clear{ clear:both; font-size:1px; line-height:1px;}

.clearFix:after{ display: block; clear: both; height: 0; visibility: hidden; content: ".";}
.clearFix{ display: inline-block; }
/* Hides from IE 4-6 \*/
* html .clearFix{ height: 1%; }
.clearFix{ display: block; } 
/* End hide from IE 4-6 */

#wrap{ width:750px;}

h1{ font-size:0; margin:0;}

#NaviBox{ width:750px; margin:8px 0 0 0;}
#NaviBox li{ float:left;}

#MapL{ width:748px; border:1px #E2DEDE solid; 
/*background:#F4F2F4; font-size:300%; font-weight:bold; color:#666666; line-height:600%; */text-align:center;}

.PageTop{ text-align:right; margin:20px 0 30px 0; clear:both;}


/*--TopPage-------------------------------------------------------------------------------------------------*/

#TopPage{ width:750px; margin:12px 0 0 0;}

#TopPage #Left{ float:left; margin:0 0 0 6px; width:337px; display:inline;}
#TopPage #Left h2{ font-size:0;}

#TopPage #Left #MassageBox{ width:328px; margin:0 0 20px 0;}
#TopPage #Left #MassageBox img{ float:left; margin:4px 8px 0 4px;}
#TopPage #Left #MassageBox p{ color:#48657A; font-size:100%; line-height:140%;}

#TopPage #Left #EventBox{ width:328px; margin:0 0 20px 0; padding:0; background:url(../img/evevt_bg.jpg) repeat-y;}

#TopPage #Left #SearchBox{ width:318px; _width:328px; border:5px #C6A0C7 solid; color:#0000FE; font-size:100%; margin:0 0 20px 0; padding:3px 0 0 0; _padding:8px 0 0 0;}
#TopPage #Left #SearchBox img{ margin:2px 0 -4px 0;}
#TopPage #Left #SearchBox dl{ clear:both; margin:3px 0 0 9px;}
#TopPage #Left #SearchBox dt{ float:left; clear:left; font-weight:bold; width:75px; color:#000000; padding:4px 0 0 0;}
#TopPage #Left #SearchBox dd{ float:left; clear:right;}
#TopPage #Left #SearchBox select{ border:1px #7F9DB9 solid;}
#TopPage #Left #SearchBox input{ display:block; margin:20px auto 6px 102px;}

#TopPage #Left .HotdealsBox{ width:328px; margin:0 0 20px 0;}
#TopPage #Left .HotdealsBox h3{ background:#273655; line-height:200%; text-indent:15px; font-size:120%;}
#TopPage #Left .HotdealsBox h3 a{ color:#FFFFFF; text-decoration:underline;}
#TopPage #Left .HotdealsBox h3 a:hover{ text-decoration:none;}
#TopPage #Left .HotdealsBox h4 {margin: 0 0 10px 0; background-color: #ccc; padding:4px 4px 4px 6px;}
#TopPage #Left .HotdealsBox ul{ width:328px;}
#TopPage #Left .HotdealsBox li{ float:left; margin:5px 2px 0 0;}
#TopPage #Left .HotdealsBox li.right{ float:left; margin:0 0 0 0;}
#TopPage #Left .HotdealsBox p{ clear:both; margin:5px 0 0 0; line-height:110%;}
#TopPage #Left .HotdealsBox p.price{ font-weight:bold; line-height:150%;}
#TopPage #Left .HotdealsBox span{ color:#FF0000;}
#TopPage #Left .HotdealsBox span.save{ background:#FF0000; padding:1px 2px; color:#FFFFFF;}
#TopPage #Left .HotdealsBox .BtnBox{ margin:10px 0 0 0;}
#TopPage #Left .HotdealsBox .BtnBox li{ float:left; display:inline; margin:0 6px 0 5px;}

#TopPage #Right{ float:left; width:393px; _width:407px; background:url(../img/top_dotline.gif) repeat-y left; padding:0 0 0 14px;}
#TopPage #Right h2{ font-size:0; text-align:right; margin:0;}

#TopPage #Right #InJapan{ width:386px; margin:0 0 0 7px; }
#TopPage #Right #InJapan img{ display:block; font-size:0;}
#TopPage #Right #InJapan #MapTxt{ background:url(../img/top_bg_suby150.jpg) no-repeat; width:386px;}
#TopPage #Right #InJapan #MapTxt p{ color:#666666; font-size:100%; line-height:140%; width:305px;}
#TopPage #Right #InJapan #MapTxt_1 { width:386px;}
#TopPage #Right #InJapan #MapTxt_1 p { color:#666666; line-height:140%; width:380px; margin-top: 8px;}
#TopPage #Right #InJapan #MapTxt_1 ul { width: 386px; height: 82px; margin: 15px 0 40px 0;}
#TopPage #Right #InJapan #MapTxt_1 ul li { float: left;}
#TopPage #Right #InJapan #MapTxt_1 ul li.pic { padding-left: 15px;}


#TopPage #Right #MapImg{ margin:0 0 0 7px;}

#TopPage #Right h3{ font-size:0; display:block; margin:20px 0 5px 7px;}
#TopPage #Right #IntroduceBox{  width:386px; margin-top: 5px; background:url(../img/introduce_bg.gif) no-repeat top; clear:both;}
#TopPage #Right #IntroduceBox p{ padding: 3px 7px; line-height:110%; color:#4D374D;}
#TopPage #Right #IntroduceBox p img{ float:right; margin:0 0 5px 5px;}
#TopPage #Right ul#introduce { width: 386px; height: 82px; margin: 5px 0 5px 0;}
#TopPage #Right ul#introduce li { float: left; margin:0 0 0 4px;}
#TopPage #Right #IntroButtomAera { width: 386px; height: 55px; /*background:url(../img/introduce_bg_footer.gif) no-repeat;*/}
#TopPage #Right ul#introduce li.pic { padding-left: 8px;}
/*#TopPage #Right #experience { margin: 5px 0 5px; position: absolute;}*/
#TopPage #Right #report_buttom { text-align:right; clear:both; width:386px;}

#TopPage #Right #CouponsBox{ width:393px; border:1px #7F1F94 solid; background:#FEF7FE; margin:30px 0 0 0; padding:0 0 12px 0; clear:both;}
#TopPage #Right #CouponsBox p{ margin:0 15px; color:#7F1F94;}
#TopPage #Right #CouponsBox ul{ margin:0 0 0 24px;}
#TopPage #Right #CouponsBox li{ float:left; margin:20px 8px 0 8px; display:inline;}
#TopPage #Right #CouponsBox #AllCoupons{ margin:15px 33px 0 0; float:right;}

#TopPage #Left #infomationBox { background:url(../img/information_top_bg.gif) no-repeat;}        
#TopPage #Left #infomationBox ul.information { width: 320px;}
#TopPage #Left #infomationBox ul.information li { width: 320px; display: block; padding-left: 5px;}
#TopPage #Left #infomationBox ul.information li.style_font { margin-left: 6px; color:#a40c74; font-weight: bold; height: 20px;}
#TopPage #Left #infomationBox ul.information li.style_font_1 { color:#a40c74; font-weight: bold; height: 20px; padding: 8px 0 0 6px;}
#TopPage #Left #infomationBox ul.information li span { height: 20px; padding: 0 0 0 12px; color:#a40c74; background:url(../img/icon_information.gif) 0 25% no-repeat; display: inline;}
                 

/*--HotelsPage-------------------------------------------------------------------------------------------------*/

#HotelsPage{ width:750px; margin:0;}

#HotelsPage #bread{ text-align:center;}
#HotelsPage #bread ul{ margin:15px 30px;}
#HotelsPage #bread li{ float:left; border-right:#8C428D solid 1px; line-height:100%;}
#HotelsPage #bread li#first{ border-left:#8C428D solid 1px;}
#HotelsPage #bread li a{ color:#8C428D; margin:0 15px; font-weight:bold;}

#HotelsPage #InfoArea #Search{ float:left; margin:12px 5px 0 5px; width:328px; display:inline;}
#HotelsPage #InfoArea #Disclaimer{ float:right; padding:0; margin:12px 0 0 0; width:390px; border:1px #DCDCDC solid; background:#FFEDFF; color:#535353; min-height:179px; _height:196px;}
#HotelsPage #InfoArea #Disclaimer h3{ background:#8C428D; padding:8px 12px; color:#FFFFFF;}
#HotelsPage #InfoArea #Disclaimer p{ margin:15px 15px 0 15px; font-weight:bold; line-height:180%;}
#HotelsPage #InfoArea #Disclaimer span{ color:#FF0000; font-size:150%;}

#HotelsPage #SearchBox{ width:318px; _width:328px; border:5px #C6A0C7 solid; color:#0000FE; font-size:100%; padding:3px 0 0 0; _padding:8px 0 0 0;}
#HotelsPage #SearchBox img{ margin:2px 0 -4px 0;}
#HotelsPage #SearchBox dl{ clear:both; margin:3px 0 0 9px;}
#HotelsPage #SearchBox dt{ float:left; clear:left; font-weight:bold; width:75px; color:#000000; padding:4px 0 0 0;}
#HotelsPage #SearchBox dd{ float:left; clear:right;}
#HotelsPage #SearchBox select{ border:1px #7F9DB9 solid;}
#HotelsPage #SearchBox input{ display:block; margin:20px auto 6px 102px;}

#HotelsPage .BoxArea{ margin:20px 0 0 0; width:750px; background:url(../img/hotels_box_bg.gif) repeat-y;}
#HotelsPage .BoxArea h2{ font-size:0; display:block; width:750px;}
#HotelsPage .BoxArea .contents{ width:750px;}
#HotelsPage .BoxArea .HotelBox{ margin:18px 15px 0 13px;}
#HotelsPage .BoxArea .HotelBox .HotelImg{ border:1px #536486 solid; padding:2px; float:left; margin:0 12px 0 0;}
#HotelsPage .BoxArea .HotelBox .TxtArea{ float:left; width:540px;}
#HotelsPage .BoxArea .HotelBox .TxtArea h3{ background:url(../img/hotels_h3_icon.gif) no-repeat; text-indent:18px; font-size:100%; margin:0 0 10px 0;}
#HotelsPage .BoxArea .HotelBox .TxtArea h3 a{ text-decoration:none; color:#B842BA;}
#HotelsPage .BoxArea .HotelBox .TxtArea h3 a:hover{ text-decoration:underline;}
#HotelsPage .BoxArea .HotelBox .TxtArea p{ font-size:88%; color:#979797; line-height:140%;}
#HotelsPage .BoxArea .HotelBox .TxtArea p a{ color:#536486; margin:0 0 0 5px;}

#HotelsPage .BoxArea .HotelBox .TxtArea div{ font-size:88%; color:#4D4D4D; line-height:140%; margin:15px 0 0 0;}
#HotelsPage .BoxArea .HotelBox .TxtArea .save{ background:url(../img/hotels_save_bg.jpg) no-repeat; height:15px; color:#FFFFFF; font-weight:bold; padding:0 6px; margin:0 10px 0 0;}
#HotelsPage .BoxArea .HotelBox .TxtArea .price{ font-size:140%; color:#FF0000; font-weight:bold;}
#HotelsPage .BoxArea .HotelBox .TxtArea div img{ margin:0 0 0 20px; vertical-align:middle;}

#HotelsPage .BoxArea .dotline{ margin:18px 0 0 13px; font-size:0; display:block; clear:both;}
#HotelsPage .BoxArea .bottom{ width:750px; font-size:0; display:block;}

.seemore{ text-align:right; padding:20px 5px 20px 0; clear:both;}
.seemore a { margin: 20px 0 0 0; clear:both; color: #a40c74}
.look { text-align: center; margin: 15px 5px;}
.look a { clear:both; margin: 15px 5px;}

/*--ReportPage-------------------------------------------------------------------------------------------------*/

#ReportPage{ width:750px; margin:12px 0 0 0;}
#ReportPage ul#quicksearch  { width: 732px;}
#ReportPage ul#quicksearch li { float: left; padding: 0 0 10px 165px; font-weight: bold;}
#ReportPage h2 { margin: 0 0 10px 10px;}
#ReportPage .Special_Report { width: 732px; height: 171px; background:url(../img/Special_Report_bg.gif) no-repeat; margin: 0 0 20px 10px;}
#ReportPage .Special_Report img { margin: 5px 0 0 25px; border: solid 2px #fff;}
#ReportPage .Special_Report span { text-align: center; font-weight: bold; display: block;}
#ReportPage .Special_Report p { width: 545px; float: left; line-height: 170%; padding: 10px 10px;}
#ReportPage .Special_Report .Photobg {width: 167px; height: 171px; background:url(../img/Special_Report_Photo_bg.gif) no-repeat; float: left;}

#ReportPage .InfoBox{ margin: 10px 0 0 9px; width:732px;}
#ReportPage .InfoBox h2{ font-size:0; margin: 0; padding: 0;}
#ReportPage .InfoBox h2.hand{ cursor: pointer;}
#ReportPage .InfoBox .TxtBox{ margin:14px 0 0 0; background:url(../img/Special_Report_pbg.gif) repeat-y; padding:15px 26px 20px 16px; width:690px; _width:732px; }
#ReportPage .InfoBox .TxtBox h3{ font-size:100%; font-weight:bold; color:#A940AB; background:url(../img/report_h3_icon.gif) no-repeat; text-indent:13px;}
#ReportPage .InfoBox .TxtBox p{ color:#4C4C4C; line-height:135%; font-size:90%; margin: 2px 0 0 0;}
#ReportPage .InfoBox .TxtBox p.experience{ color:#378100;}
#ReportPage .InfoBox .TxtBox p span{ font-weight:bold;}
#ReportPage .InfoBox .TxtBox img{ display:block; margin:10px 0 0 0;}
#ReportPage .InfoBox .ImgBox{ background:url(../img/report_scene_img_bg.jpg) no-repeat; width:690px; _width:732; height:218px; padding:0 0 0 42px;}
#ReportPage .InfoBox .ImgBox img{ margin:41px 4px 0 0; border:3px solid #FFFFFF;}

#ReportPage .InfoBox .TxtBoxH{ margin:14px 0 0 0; background:url(../img/report_hotel_bg.jpg) no-repeat bottom; padding:15px 26px 20px 16px; width:690px; _width:732px; }
#ReportPage .InfoBox .TxtBoxH h3{ font-size:100%; font-weight:bold; color:#A940AB; background:url(../img/report_h3_icon.gif) no-repeat; text-indent:13px;}
#ReportPage .InfoBox .TxtBoxH p{ color:#4C4C4C; line-height:135%; font-size:90%; margin:10px 0 0 0;}
#ReportPage .InfoBox .TxtBoxH p span{ font-weight:bold;}
#ReportPage .InfoBox .TxtBoxH img{ display:block; margin:10px 0 0 0;}
#ReportPage .InfoBox .ImgBoxH{ background:url(../img/report_hotel_img_bg.jpg) no-repeat; width:690px; _width:732; height:218px; padding:0 0 0 42px;}
#ReportPage .InfoBox .ImgBoxH img{ margin:41px 4px 0 0; border:3px solid #FFFFFF;}






/*--CouponsPage-------------------------------------------------------------------------------------------------*/

#CouponsPage{ width:750px; margin:12px 0 0 0;}

#CouponsPage #TitleBar{ margin:20px 0 15px 12px; font-size:0;}

#CouponsPage .MainBox{ margin:0 0 0 12px; width:725px;}
#CouponsPage .MainBox h2{ font-size:0; margin:0 0 15px 0; display:block; cursor: pointer;}
#CouponsPage .MainBox .contents img{ float:left; margin:0 10px 0 4px;}
#CouponsPage .MainBox .contents .Right{ width:433px; float:left;}
#CouponsPage .MainBox .contents .Right .FeeBox{ color:#FF0000;}
#CouponsPage .MainBox .contents .Right .FeeBox h3{ font-size:120%; line-height:120%; margin:0 0 5px 0;}
#CouponsPage .MainBox .contents .Right .FeeBox .txt{ border-top:#FF0000 dotted 1px; border-bottom:#FF0000 dotted 1px; padding:6px 0; line-height:220%; _line-height:240%;}
#CouponsPage .MainBox .contents .Right .FeeBox .txt p{ line-height:110%; margin:5px 0 0 0;}
#CouponsPage .MainBox .contents .Right .FeeBox span{ color:#FFFFFF; background:#FF0000; padding:0 3px; font-size:160%; font-weight:bold;}
#CouponsPage .MainBox .contents .Right .TxtBox{ color:#595959; margin:10px 0 0 0;}
#CouponsPage .MainBox .contents .Right .TxtBox p{ margin:0 0 10px 0; line-height:120%;}
#CouponsPage .MainBox .contents .Right .TxtBox span{ font-weight:bold; margin:0 5px 0 0; line-height:100%;}
#CouponsPage .MainBox .contents .Right dl{ margin:8px 0 0 0;}
#CouponsPage .MainBox .contents .Right dt{ float:left; line-height:120%; color:#509A17; font-weight:bold; padding:2px 4px; border:#509A17 1px solid;}
#CouponsPage .MainBox .contents .Right dd{ float:right; background:url(../img/coupons_toreport_icon.gif) no-repeat; text-indent:15px;}
#CouponsPage .MainBox .contents .Right dd a{ color:#2E56A4; font-weight:bold; text-decoration:underline;}
#CouponsPage .MainBox .contents .Right dd a:hover{ text-decoration:none;}


/*--AreaPage-------------------------------------------------------------------------------------------------*/

#AreaPage{ width:750px; margin:12px 0 0 0;}

#AreaPage #TopArea { width: 732px; margin: 0 0 0 10px; padding: 0;}
#AreaPage #TopArea #TitleArea { width: 732px; background-color:#6eb8e9;}
#AreaPage #TopArea #TitleArea h2 { margin:0; padding:0;}
#AreaPage #TopArea #TitleArea img { float: left; margin: 8px 8px 0 7px; border: solid 2px #fff;}
#AreaPage #TopArea #TitleArea p { color:#fff; padding: 7px;}
#AreaPage #TopArea .SubTitle { width: 732px; margin-top: 15px;}
#AreaPage #TopArea .SubTitle p { color:#0069b7; font-weight: bold; font-size:125%; margin: 5px 0 0 0; padding: 3px 0 0 5px; }
#AreaPage #TopArea .dotline{ margin: 5px 0 0 0px; display:block; clear:both;}
#AreaPage #TopArea .MainBox{ width:732px;}
#AreaPage #TopArea .MainBox .FeeBox .txt { margin: 10px 0 10px 10px;}
#AreaPage #TopArea .MainBox .FeeBox h2 { color:#fff; padding-left: 5px; margin: 10px 0 10px 0; width: 732px; background-color:#337cbd;}
#AreaPage #TopArea .MainBox .contents img{ float:left;}
#AreaPage #TopArea .MainBox .contents .Right{ width:433px; float:left;}
#AreaPage #TopArea .MainBox .contents .Right .FeeBox { color:#337cbd;}
#AreaPage #TopArea .MainBox .contents .FeeBox .txt { border-top:#337cbd dotted 1px; color: #666; border-bottom:#337cbd dotted 1px; padding:6px 0; line-height:220%; _line-height:240%;}
#AreaPage #TopArea .MainBox .contents .Right .FeeBox h3 { margin-left: 15px;}
#AreaPage #TopArea .MainBox .contents .Right .txt { border-top:#337cbd dotted 1px; color: #666; border-bottom:#337cbd dotted 1px; padding:6px 0; line-height:220%; _line-height:240%;}
#AreaPage #TopArea .MainBox .contents .Right .FeeBox ul { width: 732px; margin: 15px 0 15px 0;}
#AreaPage #TopArea .MainBox .contents .Right .FeeBox ul li { float: left; padding-left: 35px;}
#AreaPage #TopArea .MainBox .contents .Right .txt2 { width: 732px; color: #666; border-top:#337cbd dotted 1px; border-bottom:#337cbd dotted 1px; padding:6px 0; line-height:220%; _line-height:240%;}
#AreaPage #TopArea .MainBox .contents .Right .txt3 { width: 732px; color: #666; border-bottom:#337cbd dotted 1px; padding:6px 0; line-height:220%; _line-height:240%;}
#AreaPage #TopArea .MainBox .contents .Right .txt4 { width: 700px; float:left; border-top:#337cbd dotted 1px; color: #666; border-bottom:#337cbd dotted 1px; padding:6px 0; line-height:220%; _line-height:240%;}
#AreaPage #TopArea .MainBox .contents .Right .txt4 img { float: right; margin: 22px 5px 0 0;}

/*
#AreaPage #Left{ width:220px; float:left; display:inline;}
#AreaPage #Left img{ display:block;}
#AreaPage #Left #SideNavi{ width:194px;}
#AreaPage #Left #SideNavi li{ line-height:120%; font-weight:bold; width:194px;}
#AreaPage #Left #SideNavi li a{ color:#7D7D7D; text-decoration:none; background:url(../img/area_bg_snavi_off.gif) no-repeat; display:block;  padding:8px 0 0 14px; _padding:8px 0 11px 14px; height:43px;}
#AreaPage #Left #SideNavi li a:hover{ color:#FFFFFF; text-decoration:none; background:url(../img/area_bg_snavi_on.gif) no-repeat; display:block; padding:8px 0 0 14px; _padding:8px 0 11px 14px; height:43px;}
*/

#Footer { width: 732px; margin: 20px 0 0 10px;}
#Footer h2{ font-size:0;}

#Footer #MassageBox{ width: 732px; margin:5px 0 0 10px; color:#737373; line-height: 18px;}
#Footer #MassageBox img { float: left; margin: 5px 10px 0 0;}
#Footer .sign { width: 732px; text-align: right; padding: 10px 0 10px 0; color:#737373;}
#Footer .major_sign { width: 732px; text-align: right;}
#Footer .major_sign img{ clear:left;}
#Footer .major_sign p { font-size: 120%; font-weight: bold; text-align:center; line-height:135%; margin:20px 0 0 0;}

/*
#AreaPage #Right #map{ display:block; font-size:0px;}
#AreaPage #Right .EreaBox{ width:498px; background:url(../img/area_bg_box.jpg) no-repeat; margin:25px 0 0 0;}
#AreaPage #Right .EreaBox img{ float:left; margin:12px 10px 0 12px;}
#AreaPage #Right .EreaBox .TxtBox{ float:left; margin:12px 0 0 0; width:380px;}
#AreaPage #Right .EreaBox .TxtBox h3{ font-size:90%; background:url(../img/area_h3_icon.gif) no-repeat; padding:0 0 5px 20px;}
#AreaPage #Right .EreaBox .TxtBox h3 a{ text-decoration:underline; color:#930000;}
#AreaPage #Right .EreaBox .TxtBox h3 a:hover{ text-decoration:none; color:#930000;}
#AreaPage #Right .EreaBox .TxtBox p{ color:#737373; line-height:110%; word-spacing:0px;}
*/