@charset "UTF-8";

*{ margin:0; padding:0; }

#hokkaido {
	width:730px;
	float:right;
	
}
#main h1,h2,h3,h4,h5,h6 { margin:0; padding:0; clear:both; line-height:100%; }
#hokkaido h1,h2,h3,h4,h5,h6 { margin:0; padding:0; clear:both; line-height:100%; }

#hokkaido p.topicPath { font-size:10px; margin:0 0 5px 0; }
#hokkaido div.headbody { width:730px; height:345px; position:relative; background-color:#FFFFFF; }
#hokkaido div.headbody h1 { width:730px; height:345px; top:0; left:0; }
#hokkaido div.headbody p#btnTours { position:absolute; top:15px; right:10px; }
#hokkaido div.headbody ul#tabMenu { list-style:none; margin:0; padding:0; }
#hokkaido div.headbody ul#tabMenu li { position:absolute; list-style:none; margin:0; padding:0; height:35px; }
#hokkaido div.headbody ul#tabMenu li#tabSapporo  { top:306px; left:133px; }
#hokkaido div.headbody ul#tabMenu li#tabHakodate { top:306px; left:258px; }
#hokkaido div.headbody ul#tabMenu li#tabCentral  { top:306px; left:393px; }
#hokkaido div.headbody ul#tabMenu li#tabNorthern { top:306px; left:513px; }
#hokkaido div.headbody ul#tabMenu li#tabEastern  { top:306px; left:643px; }

#hokkaido div.areabody { text-align:center; background-color:#78d1ff; }
#hokkaido div.areabody div.areatitle { position:relative; width:730px; height:90px; }
#hokkaido div.areabody div.areatitlefst { border-top:5px solid #00a8ff; }
#hokkaido div.areabody div.areatitle h2 { text-align:left; z-index:100; }
#hokkaido div.areabody div.areatitle p { position:absolute; bottom:10px; right:10px; z-index:200; }
#hokkaido div.areabody div.areatitle p a { color:#FFFFFF; font-weight:bold; }

#hokkaido div.areabody div.hotelBox3l { width:240px; height:305px; position:relative; float:left; background:url(../images/hotel_bg3l.gif) top right no-repeat; text-align:left; }
#hokkaido div.areabody div.hotelBox3l h3,
#hokkaido div.areabody div.hotelBox3l p { width:210px; margin:0; padding:0; color:#5688a2; line-height:1.2em; }
#hokkaido div.areabody div.hotelBox3l p.pict { position:absolute; top:10px; left:20px; }
#hokkaido div.areabody div.hotelBox3l h3 { width:210px; position:absolute; top:170px; left:20px; font-size:14px; font-weight:bold; }
#hokkaido div.areabody div.hotelBox3l h3 a { color:#005987; text-decoration:none; }
#hokkaido div.areabody div.hotelBox3l h3 a:hover { text-decoration:underline; }
#hokkaido div.areabody div.hotelBox3l h3 img.recommend { margin:0 3px 2px 0; float:left; }
#hokkaido div.areabody div.hotelBox3l p.summary { position:absolute; top:207px; left:20px; }
#hokkaido div.areabody div.hotelBox3l p.price { position:absolute; top:240px; left:20px; font-weight:bold; }
#hokkaido div.areabody div.hotelBox3l p.btnmore { position:absolute; right:10px; bottom:30px; text-align:right; }

#hokkaido div.areabody div.hotelBox2l { width:360px; height:265px; position:relative; float:left; background:url(../images/hotel_bg2l.gif) top right no-repeat; text-align:left; }
#hokkaido div.areabody div.hotelBox2l h3,
#hokkaido div.areabody div.hotelBox2l p { width:330px; margin:0; padding:0; color:#5688a2; line-height:1.2em; }
#hokkaido div.areabody div.hotelBox2l p.pict { position:absolute; top:10px; left:20px; }
#hokkaido div.areabody div.hotelBox2l h3 { width:330px; position:absolute; top:140px; left:20px; font-size:14px; font-weight:bold; }
#hokkaido div.areabody div.hotelBox2l h3 a { color:#005987; text-decoration:none; }
#hokkaido div.areabody div.hotelBox2l h3 a:hover { text-decoration:underline; }
#hokkaido div.areabody div.hotelBox2l h3 img.recommend { margin:0 3px 2px 0; float:left; }
#hokkaido div.areabody div.hotelBox2l p.summary { position:absolute; top:170px; left:20px; }
#hokkaido div.areabody div.hotelBox2l p.price { position:absolute; top:200px; left:20px; font-weight:bold; }
#hokkaido div.areabody div.hotelBox2l p.btnmore { position:absolute; right:10px; bottom:30px; text-align:right; }

#hokkaido div.areabody div.hotelBox2s { width:360px; height:230px; position:relative; float:left; background:url(../images/hotel_bg2s.gif) top right no-repeat; text-align:left; }
#hokkaido div.areabody div.hotelBox2s h3,
#hokkaido div.areabody div.hotelBox2s p { width:330px; margin:0; padding:0; color:#5688a2; line-height:1.2em; }
#hokkaido div.areabody div.hotelBox2s p.pict { position:absolute; top:10px; left:20px; }
#hokkaido div.areabody div.hotelBox2s h3 { width:330px; position:absolute; top:140px; left:20px; font-size:14px; font-weight:bold; }
#hokkaido div.areabody div.hotelBox2s h3 a { color:#005987; text-decoration:none; }
#hokkaido div.areabody div.hotelBox2s h3 a:hover { text-decoration:underline; }
#hokkaido div.areabody div.hotelBox2s h3 img.recommend { margin:0 3px 2px 0; float:left; }
#hokkaido div.areabody div.hotelBox2s p.price { position:absolute; top:165px; left:20px; font-weight:bold; }
#hokkaido div.areabody div.hotelBox2s p.btnmore { position:absolute; right:10px; bottom:30px; text-align:right; }

#hokkaido div.areabody p.caution { padding:0 10px 20px 10px; margin:0; color:#FFFFFF; text-align:right; }

#hokkaido ul#footlink { list-style:none; text-align:center; margin:15px 0; }
#hokkaido ul#footlink li { list-style:none; display:inline; border-right:1px solid #005987; padding:1px 5px; }
#hokkaido ul#footlink li.end { border:none; }
#hokkaido ul#footlink li a { color:#005987; }

#hokkaido #userlinks { border-top:1px solid #666666; border-bottom:1px solid #666666; padding:8px; background:url(../images/topics_bg.gif) repeat-y; }
#hokkaido #userlinks h2 { font-weight:bold; padding:0 0 5px 0; }
#hokkaido #userlinks p { width:340px; float:left; padding:0 0 4px 7px; margin:0 5px 0 0; line-height:120%; background:url(../images/topics_arrow.gif) top left no-repeat; }
#hokkaido #userlinks p a { font-weight:bold; }