﻿@charset "UTF-8";

*{ margin:0; padding:0; }

#side {
/*	background:#ffccff; */
	width:210px;
	margin:0px;
	padding:0px;
	float:left;
}


#spShinkansen-contents h1,h2,h3,h4.h5,h6,p,ul,ol,dl { line-height:1.4em; }
#spShinkansen-contents ul,ol { list-style-type:none; }
#spShinkansen-contents img { border:0; }

#spShinkansen-contents a:link { color:#f00; text-decoration:underline; }
#spShinkansen-contents a:visited { color:#f00; text-decoration:underline; }
#spShinkansen-contents a:active  { color:#f00; text-decoration:underline; }
#spShinkansen-contents a:hover { color:#f00; text-decoration:underline; }

#spShinkansen-contents {
	float:right;
	margin:0 0 0 10px;
	padding:0;
	width:740px;
}

#spShinkansen-contents div#topTopic h2,
#spShinkansen-contents div#topTopic h3,
#spShinkansen-contents div#topTopic p { font-size: 13px; }

#spShinkansen-contents div#topTopic { width:730px; background:url("../images/bg_top_topic.gif") repeat-y; } 

#spShinkansen-contents div#topTopic div.wrap { width:730px; background:url("../images/bg_top_topic_bottom.jpg") no-repeat bottom transparent; }

#spShinkansen-contents div#topTopic h3 { text-indent:-9999px; }

#spShinkansen-contents div#topTopic div.wrap div.subWrap { width:530px; background:url("../images/bg_top_topic_top.jpg") no-repeat transparent; float:left; }

#spShinkansen-contents div#topTopic div.wrap div.subWrap h2 { margin:0 15px 0 0; }

#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main { width:338px; float:left; }

#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main h3 { margin:21px 6px 0 12px; }
#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main p { margin:0 0 0 30px; }
#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main p.topic3 { margin:0 36px 0 30px; }
#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main h3.topic1 { width:221px; height:26px; background:url("../images/hd_top_topic_01.gif") no-repeat transparent; }
#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main h3.topic2 { width:162px; height:23px; background:url("../images/hd_top_topic_02.gif") no-repeat transparent; }
#spShinkansen-contents div#topTopic div.wrap div.subWrap div.main h3.topic3 { width:294px; height:23px; background:url("../images/hd_top_topic_03.gif") no-repeat transparent; }

#spShinkansen-contents div#topTopic div.wrap div.subWrap p.price { width:177px; float:left; }
#spShinkansen-contents div#topTopic div.wrap div.subWrap p.price img { margin:21px 6px 0 0; }

#spShinkansen-contents div#topTopic div.wrap div.side { width:200px; background:transparent; float:left; }

#spShinkansen-contents div#topTopic div.wrap div.side h3 { width:200px; height:62px; background:url("../images/hd_top_topic_04.gif") no-repeat #333; color:#fff; }
#spShinkansen-contents div#topTopic div.wrap div.side p { margin:8px 10px; color:#fff; }
#spShinkansen-contents div#topTopic div.wrap div.side ul { margin:26px 10px 14px; padding:2px 0 0; background:url("../images/top_topic_line.gif") repeat-x transparent; }
#spShinkansen-contents div#topTopic div.wrap div.side li { padding:17px 0; background:url("../images/top_topic_line.gif") repeat-x transparent; }

#spShinkansen-contents div#topTopic div.wrap p.logoMarks { padding:0 0 0 20px; clear:both; }
#spShinkansen-contents div#topTopic div.wrap p.logoMarks img { vertical-align:middle; }

#spShinkansen-contents div#travelMap { position:relative; padding:0 0 20px; background: url("../images/bg_travel_map.jpg") no-repeat; height:320px; }
#spShinkansen-contents div#travelMap h3,
#spShinkansen-contents div#travelMap ol { text-indent:-9999px; }

#spShinkansen-contents p#cautionWords { padding:6px 0 3em 6px; }

#spShinkansen-contents div#travelMap ul.map li a { text-decoration:none; display:block; text-indent:-9999px; outline:none; }
#spShinkansen-contents div#travelMap ul.map li.item1 a { width:35px; height:38px; }
#spShinkansen-contents div#travelMap ul.map li.item2 a { width:38px; height:28px; }
#spShinkansen-contents div#travelMap ul.map li.item3 a { width:37px; height:30px; }
#spShinkansen-contents div#travelMap ul.map li.item4 a { width:36px; height:33px; }
#spShinkansen-contents div#travelMap ul.map li.item5 a { width:73px; height:37px; }
#spShinkansen-contents div#travelMap ul.map li.item6 a { width:94px; height:21px; }
#spShinkansen-contents div#travelMap ul.map li.item7 a { width:38px; height:35px; }
#spShinkansen-contents div#travelMap ul.map li.item8 a { width:55px; height:21px; }
#spShinkansen-contents div#travelMap ul.map li.item9 a { width:37px; height:35px; }
#spShinkansen-contents div#travelMap ul.map li.item10 a { width:36px; height:38px; }

#spShinkansen-contents div#travelMap ul.map li { position:absolute; }
#spShinkansen-contents div#travelMap ul.map li.item1 { top:215px; left:552px; width:35px; height:38px; }
#spShinkansen-contents div#travelMap ul.map li.item2 { top:198px; left:301px; width:38px; height:28px; }
#spShinkansen-contents div#travelMap ul.map li.item3 { top:228px; left:271px; width:37px; height:30px; }
#spShinkansen-contents div#travelMap ul.map li.item4 { top:215px; left:512px; width:36px; height:33px; }
#spShinkansen-contents div#travelMap ul.map li.item5 { top:184px; left:80px; width:73px; height:37px; }
#spShinkansen-contents div#travelMap ul.map li.item6 { top:169px; left:410px; width:94px; height:21px; }
#spShinkansen-contents div#travelMap ul.map li.item7 { top:251px; left:500px; width:38px; height:35px; }
#spShinkansen-contents div#travelMap ul.map li.item8 { top:210px; left:430px; width:55px; height:21px; }
#spShinkansen-contents div#travelMap ul.map li.item9 { top:184px; left:248px; width:37px; height:35px; }
#spShinkansen-contents div#travelMap ul.map li.item10 { top:257px; left:353px; width:36px; height:38px; }

#spShinkansen-contents div#travelMap ul.popup li { position: absolute; visibility: hidden; }
#spShinkansen-contents div#travelMap ul.popup li#picture1{ top:78px; left:517px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture2{ top:63px; left:303px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture3{ top:91px; left:273px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture4{ top:82px; left:514px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture5{ top:52px; left:82px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture6{ top:35px; left:412px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture7{ top:115px; left:500px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture8{ top:79px; left:431px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture9{ top:52px; left:252px; } 
#spShinkansen-contents div#travelMap ul.popup li#picture10 { top:127px; left:356px; } 

#spShinkansen-contents h3.normal,  
#spShinkansen-contents h3.open { margin:20px 0 0 0; }
#spShinkansen-contents h3.normal a,  
#spShinkansen-contents h3.open a {  width:730px; height:40px; display:block; text-decoration:none; outline:none; text-indent:-9999px; }

#spShinkansen-contents h3#tokyo.normal a { background: url("../images/hd_travel_tokyo.gif") no-repeat; }
#spShinkansen-contents h3#tokyo.open a { background: url("../images/hd_travel_tokyo_open.gif") no-repeat; }
#spShinkansen-contents h3#kyoto.normal a { background: url("../images/hd_travel_kyoto.gif") no-repeat; }
#spShinkansen-contents h3#kyoto.open a { background: url("../images/hd_travel_kyoto_open.gif") no-repeat; }
#spShinkansen-contents h3#osaka.normal a { background: url("../images/hd_travel_osaka.gif") no-repeat; }
#spShinkansen-contents h3#osaka.open a { background: url("../images/hd_travel_osaka_open.gif") no-repeat; }
#spShinkansen-contents h3#hakone.normal a { background: url("../images/hd_travel_hakone.gif") no-repeat; }
#spShinkansen-contents h3#hakone.open a { background: url("../images/hd_travel_hakone_open.gif") no-repeat; }
#spShinkansen-contents h3#hiroshima.normal a { background: url("../images/hd_travel_hiroshima.gif") no-repeat; }
#spShinkansen-contents h3#hiroshima.open a { background: url("../images/hd_travel_hiroshima_open.gif") no-repeat; }
#spShinkansen-contents h3#hida.normal a { background: url("../images/hd_travel_hida.gif") no-repeat; }
#spShinkansen-contents h3#hida.open  a { background: url("../images/hd_travel_hida_open.gif") no-repeat; }
#spShinkansen-contents h3#atami.normal a { background: url("../images/hd_travel_atami.gif") no-repeat; }
#spShinkansen-contents h3#atami.open a { background: url("../images/hd_travel_atami_open.gif") no-repeat; }
#spShinkansen-contents h3#hirugami.normal a { background: url("../images/hd_travel_hirugami.gif") no-repeat; }
#spShinkansen-contents h3#hirugami.open a { background: url("../images/hd_travel_hirugami_open.gif") no-repeat; }
#spShinkansen-contents h3#arima.normal a { background: url("../images/hd_travel_arima.gif") no-repeat; }
#spShinkansen-contents h3#arima.open a { background: url("../images/hd_travel_arima_open.gif") no-repeat; }
#spShinkansen-contents h3#toba.normal a { background: url("../images/hd_travel_toba.gif") no-repeat; }
#spShinkansen-contents h3#toba.open a { background: url("../images/hd_travel_toba_open.gif") no-repeat; }

#spShinkansen-contents div.open { width:730px; padding:12px 0 6px; background-color:#ffe3d4; }
#spShinkansen-contents div.open h4 { margin:0 10px; padding:0 5px; background-color:#ffc2a2; font-size:14px; font-weight:bold; line-height:1.8em; color:#9a3200; border-bottom:1px solid #bd6439;  border-right:1px solid #bd6439; }
#spShinkansen-contents div.open div.travelPlanTopic { margin:0 10px 12px; padding:0 10px 8px; background-color:#fff; border-right: 1px solid #bd7a59; border-bottom: 1px solid #bd7a59; }
#spShinkansen-contents div.open div.travelPlanTopic h5 { padding:8px 0 0; font-size:12px; color:#000; font-weight:normal; }
#spShinkansen-contents div.open div.travelPlanTopic h5 a { font-size:14px; color:#f00; font-weight:bold; }
#spShinkansen-contents div.open div.travelPlanTopic p strong { font-size:14px; font-weight:bold; }
#spShinkansen-contents div.open div.travelPlanTopic p.lineBottom { background: url("../images/dotted_line.gif") repeat-x bottom; padding:0 0 12px; }

#spShinkansen-contents div.open p.anchorPageTop { margin:0 10px 6px 0;text-align:right; }

#spShinkansen-contents p.anchorPageTop { margin:20px 0; text-align:right; }

#spShinkansen-contents .clearHack { min-height: 1%; }
#spShinkansen-contents .clearHack:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html #spShinkansen-contents .clearHack { height: 1%; }

body div#spShinkansen-contents {
	width:730px;
	float:right;
	padding:0px;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicPhoto {
	float:left;
	width:150px;
	margin:10px 0;
}
body div#spShinkansen-contents div.travelPlanTopic {
	height:100%;
}

body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList {
	float:right;
	width:530px;
	margin:10px 0;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList table{
	width:530px;
	border-collapse: collapse;
	padding:0px;
	margin:0px;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList th{
	font-weight:bold;
	text-align:center;
	border:1px solid #BD6439;
	padding:5px;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList td{
	border:1px solid #BD6439;
	padding:5px;
	text-align:center;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList td.w40p{
	width:40%;
}

body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList td.days{
	text-align:left;
	font-weight:bold;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList td.days span.small{
	font-weight:normal;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList th.travelPlanTopicListTitle {
	text-align:left;
	color:#9A3200;
	background-color:#ffc2a2;
	font-size:14px;
/*	line-height:1.8em;*/
	margin:0 10px;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList td.travelPlanTopicListSummary {
	text-align:left;
	background-color:#ffeecc;
	color:#000000;

}


body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList span.trPrfrom {
	font-size:10px;
}
body div#spShinkansen-contents div.travelPlanTopic div.travelPlanTopicList span.trPrPr {
	font-weight:normal;
}



/*促*//*/
* html #spShinkansen-contents .clearHack { height: inherit; display: inline-table; }
/**/

