@charset "UTF-8";
/* CSS Document */
#sightseeing #header_wrapper{background:url(https://h-togen.com/rakuten/sightseeing/img/title_bg.jpg) no-repeat center top #000; width:950px;}
#sightseeing #wrapper { width:950px; }
#sightseeing #header { padding-top:40px;}
#sightseeing #header:after { content:url(../img/gnav_img.png); position:relative; left:-30px; bottom:10px; z-index:50; }
#sightseeing #wrapper h2 { position:relative; top:0; margin-top:-300px; width:950px;}

#sightseeing #search_col { margin:100px 10px 0px 0; text-align: right; position:absolute; width:940px;}
#sightseeing #search_col h2{ float:left; height:36px;}
#sightseeing #search_col table{ float:left; margin:10px 5px; }
#sightseeing #search_col ul{ float:left; padding-top:5px; }
#sightseeing #search_col li{ display:inline; margin-right:15px; }




#sightseeing #content { background:url(https://h-togen.com/rakuten/sightseeing/img/sec1_bg.jpg) repeat-x;  margin-top:95px;  }

#sightseeing #content #breadcrumb { color:#fff; display:block;padding-top:10px; margin-bottom:-50px; position:absolute; z-index:80; }
#sightseeing #content #breadcrumb a{ color:#fff;}
#sightseeing section { margin:0 auto; }
#sightseeing section dl { float:left; margin-bottom:60px; }
#sightseeing section dd { font-size:120%; font-weight:bold; padding-top:8px; }
#sightseeing section dd p { background:url(https://h-togen.com/rakuten/sightseeing/img/line.gif) repeat-x center top; font-size:80%; font-weight:normal; margin-top:8px; padding-top:4px; }
#sightseeing section dd span { font-size:80%; font-weight:normal;}
#sightseeing section dd ul { padding:10px 0;}
#sightseeing section dd ul:after {content:" "; clear:both; display:block; height:0;}
#sightseeing section dd li { float:left; margin-right:px;}


#sightseeing #sec1_wrapper { background:url(../../sightseeing/img/sec1_bg01.jpg) repeat-x center top; width:950px;}
#sightseeing #sec1 { position:relative;  margin: 0 0 50px 0;}
#sightseeing #sec1 h3 { background:url(https://h-togen.com/rakuten/sightseeing/img/sec1_sp_bg.png) no-repeat center center; margin:20px 0; padding:8px 0; text-align:center; }
#sightseeing #sec1 p.lead { color:#fff; position:absolute; left:10px; top:45px; width:120px;}
#sightseeing #sec1 p.note { margin-top:-150px;}
#sightseeing #sec1 ul { position:absolute; left:0px; top:300px;}
#sightseeing #sec1 dl { margin:0 9px 0 8px; width:220px;}
#sightseeing #sec1 dl:nth-child(4) { margin-right:0;}
#sightseeing #sec1 dd { text-align:center; }
#sightseeing #sec1 dd p{ text-align:left;}

#sightseeing #sec2_wrapper { background:url(../../sightseeing/img/sec2_bg.jpg) repeat-x center top; padding-top:40px; width:950px; }
#sightseeing #sec2 h3 { background:#faf6ee;float:right; margin:-36px 0 -10px 0; width:166px;}
#sightseeing #sec2 h3 img { margin:-30px 0px 0 0;}
#sightseeing #sec2 dl { margin-bottom:30px;width:770px;}
#sightseeing #sec2 dt { float:left; width:450px; height:236px; margin: 0 0px 0 10px;}
#sightseeing #sec2 dd { float:right; width:260px; margin: 0 20px 0 20px;}
#sightseeing #sec2 dl.sp02 dt{ float:right;}
#sightseeing #sec2 dl.sp02 dd { float:left;}

#sightseeing #sec3_wrapper { background:url(../../sightseeing/img/sec3_bg.jpg) no-repeat left top; padding-top:80px; width:950px;}
#sightseeing #sec3 dl { margin:0 10px 60px 10px; width:450px;}
#sightseeing #sec3 dl:nth-child(odd) {clear:both; }
#sightseeing #sec3 dt { float:left; }
#sightseeing #sec3 dd { float:right; width:220px; }

#sightseeing #sec4 { background:url(https://h-togen.com/rakuten/sightseeing/img/map_bg.jpg) ; margin: 0 auto; padding:35px 0 15px 0; text-align:center; width:950px;}
#sightseeing #sec4 #map { margin:15px auto 0 auto; height:480px; width:900px; }