﻿@charset "UTF-8";

*{ margin:0; padding:0; }

#main {
	width:730px;
	float:right;
	background-color:#FFFFFF;
}
#main p.topicPath { font-size:10px; margin:0 0 5px 0; }


#budgethotels {
	width:730px;
	background-color:#00bbda;
}
#budgethotels h1,h2,h3,h4,h5,h6 { margin:0; padding:0; clear:both; }

#budgethotels div.headbody { position:relative; width:730px; height:290px; overflow:visible; }
#budgethotels div.headbody h1 { position:absolute; top:0; left:0; width:730px; height:290px; z-index:1; }
#budgethotels div.headbody ul#tabMenu { list-style:none; margin:0; padding:0; z-index:10; }
#budgethotels div.headbody ul#tabMenu li { position:absolute; list-style:none; margin:0; padding:0; height:35px; }
#budgethotels div.headbody ul#tabMenu li#tabTokyo     { top:326px; left:329px; }
#budgethotels div.headbody ul#tabMenu li#tabKyoto     { top:326px; left:388px; }
#budgethotels div.headbody ul#tabMenu li#tabOsaka     { top:326px; left:445px; }
#budgethotels div.headbody ul#tabMenu li#tabNarita    { top:326px; left:504px; }
#budgethotels div.headbody ul#tabMenu li#tabHiroshima { top:326px; left:572px; }
#budgethotels div.headbody ul#tabMenu li#tabOkinawa   { top:326px; left:655px; }

#budgethotels div.areabody { text-align:center; }
#budgethotels div.areabody h2 { text-align:left; }
#budgethotels div.areabody div.titleSet { width:710px; margin:0 auto 0 auto; background-color:#FFFFFF; text-align:left; }
#budgethotels div.areabody div.titleSet h3 { padding:20px 15px 0 15px; text-align:left; }
#budgethotels div.areabody div.titleSet p { padding:10px 15px 15px 15px; text-align:left; color:#666666; }

#budgethotels div.areabody div.hotelSet { width:710px; margin:0 auto 0 auto; background-color:#FFFFFF; text-align:left; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL { width:345px; height:160px; position:relative; float:left; }
#budgethotels div.areabody div.hotelSet div.hotelBoxR { width:350px; height:160px; position:relative; float:left; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p,
#budgethotels div.areabody div.hotelSet div.hotelBoxR p { position:absolute; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.pict { width:150px; top:10px; left:15px; }
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.pict { width:150px; top:10px; left:20px; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.info { width:165px; top:10px; left:175px; color:#666666; font-size:12px; line-height:170%; }
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.info { width:165px; top:10px; left:180px; color:#666666; font-size:12px; line-height:170%; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.info a,
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.info a { color:#000000; text-decoration:underline; font-size:14px; font-weight:bold; line-height:120%; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.info a:hover,
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.info a:hover { color:#0090a8; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.price { width:165px; bottom:35px; left:175px; color:#cc0000; font-size:14px; font-weight:bold; }
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.price { width:165px; bottom:35px; left:180px; color:#cc0000; font-size:14px; font-weight:bold; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.price span,
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.price span { font-size:20px; }
#budgethotels div.areabody div.hotelSet div.hotelBoxL p.btnmore,
#budgethotels div.areabody div.hotelSet div.hotelBoxR p.btnmore { right:0px; bottom:30px; }
#budgethotels div.areabody div.hotelSet p.btnarea { text-align:right; padding:10px 15px 30px 0; clear:both; }

#budgethotels div.areabody div.chainSet { width:710px; margin:0 auto 0 auto; background-color:#FFFFFF; text-align:left; }
#budgethotels div.areabody div.chainSet div.chainBoxL { width:225px; height:320px; float:left; position:relative; }
#budgethotels div.areabody div.chainSet div.chainBoxR { width:235px; height:320px; float:left; position:relative; }
#budgethotels div.areabody div.chainSet div.chainBoxL p,
#budgethotels div.areabody div.chainSet div.chainBoxR p { color:#666666; font-size:12px; line-height:120%; }
#budgethotels div.areabody div.chainSet div.chainBoxL p { padding:5px 0 0 15px; }
#budgethotels div.areabody div.chainSet div.chainBoxR p { padding:5px 0 0 25px; }
#budgethotels div.areabody div.chainSet div.chainBoxL p.pict { padding:10px 0 0 15px; }
#budgethotels div.areabody div.chainSet div.chainBoxR p.pict { padding:10px 0 0 25px; }
#budgethotels div.areabody div.chainSet div.chainBoxL p.chain a,
#budgethotels div.areabody div.chainSet div.chainBoxR p.chain a { color:#000000; text-decoration:underline; font-size:14px; font-weight:bold; line-height:170%; }
#budgethotels div.areabody div.chainSet div.chainBoxL p.chain a:hover,
#budgethotels div.areabody div.chainSet div.chainBoxR p.chain a:hover { color:#0090a8; }
#budgethotels div.areabody div.chainSet div.chainBoxL p.btnmore,
#budgethotels div.areabody div.chainSet div.chainBoxR p.btnmore { position:absolute; bottom:15px; right:0; }

#budgethotels div.areabody p.caution { padding:0 10px 10px 10px; margin:10px 0 0 0; color:#FFFFFF; text-align:right; }

.clrhack:after { content:"."; display:block; height:0px; clear:both; overflow:hidden; color:#ffffff; }
/* Hides from IE-mac \*/
*html body .clrhack { height:1%; overflow:visible; }
*+html body .clrhack { height:1%; overflow:visible; }
/* End hide from IE-mac */

