<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";
/*----------
リセット・初期設定
----------*/
* {
	margin:0;
	padding:0;
}
table {
	empty-cells:show;
	border-style: none;
	border-width: 0px;
}
img {
	border-width: 0px;
	vertical-align: bottom;
}
a:link {
	color: #111184;
	text-decoration: underline;
}
a:visited {
	color: #0033cc;
	text-decoration: underline;
}
a:active,
a:hover {
	color: #FF3300;
	text-decoration: underline;
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
.clearfix:after,
.inner:after,
.content:after,
dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

h1 {
	font-size:15px;
}

.clearfix,
.inner,
.content,
dl { min-height: 1px; }
* html .clearfix,
* html .inner,
* html .content,
* html dl { height: 1px; }
ul li { list-style: none; }
.nomargin { margin:0px !important; }
/*----------
JR予約画面
----------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 78%;
	color: #333333;
	line-height: 1.4;
}
#container_outer {
	width : 100%;
	position: relative;
}

#container {
	width : 100%;
	position: relative;
}

#header { background-color:#17178B; }

/*----------
ボディ部設定 contents_body
----------*/
div.contents_body {
	background-attachment: scroll;
	background-image: url(../images/contents_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100%;
	-webkit-background-size: 100%;
	margin: 0px 0px;
	width: 100%;
	position: relative;
}
div.contents_inner { padding: 0px 0px; }
.pankuzu { padding: 5px 5px 7px; }
.pankuzu .help { margin-left: 20px; }
.pankuzu .help a {
	background: url(../images/jr_arrow01.gif) no-repeat left center;
	padding-left: 6px;
}
.pagetitle {
	border: 1px solid #CCCCCC;
	margin: 5px 0;
	padding: 2px 6px;
}
.pagetitle .title {
	width: 100%;
}
.pagetitle .title .padding { padding-left: 20px; }
.pagetitle .update {
	clear : both;
	padding-right: 10px;
	text-align: left;
}
.pagetitle h1.hotel {
	font-size: 125%;
	color: #000000;
}
.pagetitle #hotelKana {
	float:left;
	font-weight: normal;
	font-size: 75%;
}
.pagetitle #hotelArea {
	float: right;
	padding-bottom: 7px;
	font-size: 12px;
}
.planDetailBox {
	background: #fff7da;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding: 5px;
}
.planDetailBox .plantitle {
	background: #ffe99d;
	line-height: 1.3;
	font-size: 130%;
	font-weight: bold;
	padding: 4px 10px;
}
.planDetailBox .photo {
	text-align: center;
	width: 152px;
	margin-top: 3px;
}
.planDetailBox .photo img{
	width: 150px;
	height: 150px;
}
.planDetailBox .detail { width: 100%; }
.planDetailBox .detail .inner {}
.planDetailBox .detail table{
	width: 100%;
	border: 1px solid #d3c490;
	border-collapse:collapse;
	border: 1px solid #d3c490;
	border-collapse:collapse;
	margin-top: 3px
}
.planDetailBox .detail table th {
	background: #fff9e3;
	border: 1px solid #d3c490;
	font-weight: normal;
	color: #968345;
	text-align: center;
	width: 120px;
}
.planDetailBox .detail table th.access { width: 40px; }
.planDetailBox .detail table.right th {
	background: #fff9e3;
	border: 1px solid #d3c490;
	font-weight: normal;
	color: #968345;
	text-align: center;
	width: 60px;
}
.planDetailBox .detail table td,
.planDetailBox .detail table.right td {
	border: 1px solid #d3c490;
	background: #FFFFFF;
	padding: 3px 10px;
}
.planDetailBox .detail .price {
	font-size: 130%;
	font-weight: bold;
	color: #FF0000;
}
.planDetailBox .detail .icon {
	display: block;
	text-align: right;
}
.planDetailBox .detail .icon img{
	padding-top: 3px
}
.planDetailBox .detail .photo {
	float:left
}
#boxShisetsu {
	width: 97%;
	margin-bottom: 25px;
	margin-left: 5px;
	border-top: 1px solid #B2AEA9;
	border-bottom: 1px solid #B2AEA9;
}

#titShisetsu {
	width: 93%;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin: 0px;
	border-bottom: 1px solid #D6D4D1;
}

#boxShisetsu #shisetsuContent {
	font-size: 14px;
	list-style-type: disc;
}
.guideBox {
	clear: both;
	padding: 10px 5px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	font-size: 90%;
	line-height: 1.3;
}
.guideBox .title { color: #FF0000; }
.guideBox .attention
,.facilities_kind .attention{ color: #FF0000; }
.guideBox ul {
	padding-top: 5px;
	font-size: 110%;
}
.guideBox ul li { float: left; }
.guideBox ul li a {
	background: url(../images/jr_arrow01.gif) no-repeat left center;
	padding-left: 7px;
}
.selectedBox {
	background: #ebebeb url(../images/jr_frm01_top.gif) no-repeat top;
	padding: 5px 0px 0px;
	margin-bottom: 20px;
}
.selectedBox .inner {
	background: url(../images/jr_frm01_btm.gif) no-repeat bottom;
	padding: 0px;
}
.selectedBox table.itineraryTable {
	width: 100%;
	background: #FFFFFF;
	border-collapse:collapse;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.selectedBox table.itineraryTable th {
	font-weight: normal;
	background: #e5e5e5 url(../images/jr_bg01.gif) repeat-x top;
	text-align: center;
	padding: 7px 5px 6px;
	border-top: 0px none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	vertical-align: middle;
	white-space: nowrap;
}
.selectedBox table.itineraryTable td {
	border: 1px solid #CCCCCC;
	padding: 7px 10px;
}
.selectedBox table.itineraryTable td.select {
	background: #ffeeda;
	text-align: center;
}
.selectedBox table.itineraryTable td.category {
	background: #eaeaea;
	text-align: center;
	vertical-align: middle;
}
.selectedBox table.itineraryTable .noselect { color: #999999; }
.selectedBox table.itineraryTable .selected { font-weight: bold; }
.selectedBox table.itineraryTable .soine {
	background: #ecf5fc;
	padding: 8px 12px;
	border: 1px solid #cfe1ee;
	margin: 10px 0px 2px;
}
.selectedBox table.itineraryTable .soine .title {
	font-weight: bold;
	color: #0b8df1;
	font-size: 115%;
}
.selectedBox table.itineraryTable .soine .select {
	font-weight: bold;
	margin-bottom: 5px;
}
.selectedBox table.itineraryTable .soine .note { color: #787878; }
.selectedBox .requestBox {
	background: #FFFFFF;
	margin-bottom: 5px;
	width: 100%;
}
.selectedBox .requestBox img{
	display:block;
	width: 100%;
}
.selectedBox .requestBox .paddingBorder {
	border: 1px solid #CCCCCC;
	padding: 10px 15px;
}
.selectedBox .requestBox .textbox {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.selectedBox .requestBox .textbox input.request {
	color: #999999;
	width: 200px;
	top: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 3px;
}
.selectedBox .requestBox .remarks {
	float: right;
	color: #FF0000;
	width: 400px;
	line-height: 1.3;
}
.selectedBox .totalBox {
	clear: both;
	background: url(../images/jr_frm02_btm.gif) no-repeat bottom;
	padding-bottom: 5px;
}
.selectedBox .totalBox table.totalTable {
	background: url(../images/jr_frm02_bg.gif) no-repeat left top;
	width: 940px;
}
.selectedBox .totalBox table.totalTable th {
	text-align: center;
	vertical-align: middle;
	width: 38px;
	padding-top: 5px;
}
.selectedBox .totalBox table.totalTable td { padding: 10px 15px; }
.selectedBox .totalBox table.totalTable td .total {
	width: 500px;
	float: left;
}
.selectedBox .totalBox table.totalTable td .total .title {
	font-weight: bold;
	margin-right: 5px;
}
.selectedBox .totalBox table.totalTable td .total .price {
	font-size: 210%;
	font-weight: bold;
	color: #FF0000;
	margin-right: 5px;
}
.selectedBox .totalBox table.totalTable td .total .yen {
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;
}
.selectedBox .totalBox table.totalTable td .booking {
	float: right;
	width: 350px;
	text-align: right;
	padding-top: 5px;
}
.selectedBox .totalBox table.totalTable td .guide {
	color: #FF0000;
	padding-top: 5px;
	clear: both;
}
ul.navi {
	background: url(../images/jr_navi_btm.gif) no-repeat bottom;
	width: 100%;
	height: 45px;
}
ul.navi li {
	float: left;
	height: 40px;
	text-indent: -9999px;
}
ul.navi li a {
	display: block;
	overflow: hidden;
}
ul.navi li.navi01,
ul.navi li.navi01 a {
	background: url(../images/jr_navi01_off.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi01 a:hover {
	background: url(../images/jr_navi01_on.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi01_selected {
	background: url(../images/jr_navi01_select.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi02,
ul.navi li.navi02 a {
	background: url(../images/jr_navi02_off.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi02 a:hover {
	background: url(../images/jr_navi02_on.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi02_selected {
	background: url(../images/jr_navi02_select.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi03,
ul.navi li.navi03 a {
	background: url(../images/jr_navi03_off.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi03 a:hover {
	background: url(../images/jr_navi03_on.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi03_selected {
	background: url(../images/jr_navi03_select.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi04,
ul.navi li.navi04 a {
	background: url(../images/jr_navi04_off.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi04 a:hover {
	background: url(../images/jr_navi04_on.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi04_selected {
	background: url(../images/jr_navi04_select.gif) no-repeat;
	width: 100%;
	height: 40px;
}
ul.navi li.navi04_noactive,
ul.navi li.navi04_noactive a {
	background: url(../images/jr_navi04_noactive.gif) no-repeat;
	text-indent: -9999px;
	height: 40px;
	width: 193px;
}
.selectBox {
	background: #ECFCDE;
	background-size: 100%;
	-webkit-background-size: 100%;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}
.selectBox .box {
	background: url(../images/jr_frm04_mid.gif) repeat-y left;
	background-size: 100%;
	-webkit-background-size: 100%;
	border-top: 1px solid #89c25a;
	width: 100%;
	clear: both;
}
.selectBox .box .inner { padding: 0px; }
.selectBox .box table.roomTable {
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 100%;
	background: #FFFFFF;
}
.selectBox .box table.roomTable th {
	background: #f7f7f7;
	font-weight: normal;
	padding: 2px 5px;
}
.selectBox .box table.roomTable td {
	text-align: center;
	padding: 7px;
}
.selectBox .box table.roomTable td.room {
	text-align: left;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	width: 120px;
}
.selectBox .box table.roomTable td.room .roomtype { float: left; }
.selectBox .box table.roomTable td.room .icon { float: right; }
.selectBox .box table.roomTable td.room .btn {
	text-align: left;
	clear: both;
}
.selectBox .box table.roomTable .selected {
	font-weight: bold;
	background: #ffeeda !important;
}
.selectBox .box .remarks {
	padding: 5px;
	clear: both;
}
.selectBox .box .remarks .attention { color: #FF0000; }
.selectBox .stepinfo {
	font-weight: bold;
	padding: 10px;
}
.selectBox .box.step1 .inner {
	background: url(../images/jr_frm04_arrow.gif) no-repeat bottom;
	padding: 0px 0px 28px;
}
.selectBox .box.step2 .inner {
	background: url(../images/jr_frm04_arrow.gif) no-repeat bottom;
	width : 100%;
}
.selectBox .box.step3 .inner {
	background: url(../images/jr_frm04_arrow.gif) no-repeat bottom;
	background-size: 100%;
	-webkit-background-size: 100%;
	padding: 0px 0px 38px 0px;
}
.selectBox .box.step4 .inner { padding: 0px 0px 13px 0px; }
.selectBox .box .step_title {
	background: url(../images/jr_dot01.gif) repeat-x bottom;
	padding: 10px 15px;
	font-size: 135%;
	font-weight: bold;
	color: #000000;
	line-height: 24px;
}
.selectBox .box .step_title img {
	margin-right: 12px;
	line-height: 0px;
	float: left;
}
.selectBox .box .step_title .attention {
	font-size: 80%;
	font-weight: normal;
	color: #FF0000;
	margin-left: 10px;
}
.selectBox .box ul.modellist { margin: 0px 2px 0px 1px; }
.selectBox .box ul.modellist li { padding: 6px 15px; }
.selectBox .box ul.modellist li.list1 { background: #f3f3f3; }
.selectBox .box ul.modellist li input {
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.selectBox .box table.stationTable {
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 100%;
	background: #FFFFFF;
}
.selectBox .box table.stationTable td {
	text-align: left;
	padding: 7px 10px;
}
.selectBox .box table.stationTable td .railbtn {
	height: 26px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 26px;
	color: #3366ff;
	text-align: center;
	display: block;
	cursor:pointer;
	margin-bottom: 2px;
}
.selectBox .box table.stationTable td .railbtn:hover { color:#fb6609; }
.selectBox .box table.stationTable td .railbtn:active {
	color:#fb6609;
	line-height: 28px;
}
.selectBox .box table.stationTable td .railbtn.selected { line-height: 28px; }
.selectBox .box table.railTable {
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 100%;
	background: #FFFFFF;
}
.selectBox .box table.railTable th {
	background: #f7f7f7;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	padding: 2px 5px;
	width: 100px;
}
.selectBox .box table.railTable td {
	border: 1px solid #CCCCCC;
	text-align: left;
}
.selectBox .box table.railTable dl.selectlist1 {
	clear: both;
	padding: 3px 15px;
}
.selectBox .box table.railTable dl.selectlist1 dt { float: left; }
.selectBox .box table.railTable dl.selectlist2 {
	clear: both;
	padding: 5px;
	display: block;
}
.selectBox .box table.railTable dl {
	-webkit-border-radius: 8px;
	border: 1px solid rgb(171,173,176);
	border-bottom-width: 0;
	margin : 5px 5px;
	border-color: #ABADB0;
	border-style: solid;
	border-width: 1px 1px 0;
	font-size: 16px;
	padding: 5px;
	min-height : 30px;
}
.selectBox .box table.railTable dl {
	background-image: url("../images/btn_back_img_off.gif");
	background-repeat: repeat-x;
	border-top-color: #ABADB0;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #ABADB0;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	padding: 5px;
}
.selectBox .box table.railTable dl.selected {
	background-image: url("../images/check.png"),url("../images/btn_back_img_on.gif");
	background-repeat: no-repeat,repeat-x;
	background-position: left center,left top;
}
.selectBox .box table.railTable dl.noact {
	background-image: none;
	background-color: #F7F7F7;
}
.selectBox .box table.railTable dl.selectlist2 dt { /* float: left;*/ }
.selectBox .box table.railTable dl dt .railbtn_s {
	background: url(../images/jr_btn_rail_s_off.gif) no-repeat;
	height: 26px;
	width: 60px;
	float: left;
	margin-right: 7px;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	color: #3366ff;
	text-align: center;
	display: block;
	cursor:pointer;
}
.selectBox .box table.railTable dl.selected dt .railbtn_s {
	background: url(../images/jr_btn_rail_s_selected.gif) no-repeat;
	color:#ffffff;
	line-height: 28px;
}
.selectBox .box table.railTable dl.selectlist2 dd { padding-left: 10px; }
.selectBox .box table.railTable dl.selectlist2 dd table {
	border:none;
	width:100%;
}
.selectBox .box table.railTable dl.selectlist2 dd table td {
	border:none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.selectBox .box table.railTable dl.selectlist2 dd table td.sta {
	background: #FFFFFF;
	padding: 2px 5px;
	border: 1px solid #6c90c2;
	text-align: center;
	line-height: 1.2;
	font-size: 12px;
}
.selectBox .box table.railTable dl.selectlist2 dd table td span {
	font-size: 12px;
	color: #666666;
	background: #FFFFFF;
}
.selectBox .box table.railTable dl.selectlist2 dd table td.rail {
	background: url(../images/jr_track_green.gif) repeat-x left center;
	padding: 0px 15px;
}


.selectBox .box table.railTable dl.selectlist2 dd table td.localTrain{
	background: url(../images/jr_track_black_line.gif) repeat-x left center;
	padding: 0px 10px;
}
.selectBox .box table.railTable dl.selectlist2 dd table td.normalSeat{
	background: url(../images/jr_track_black.gif) repeat-x left center;
	padding: 0px 15px;
}
.selectBox .box table.railTable dl.selectlist2 dd table td.greenSeat{
	background: url(../images/jr_track_green.gif) repeat-x left center;
	padding: 0px 15px;
}
.selectBox .box table.railTable dl.selectlist2 dd table td.unreservedSeat{
	background: url(../images/jr_track_blue.gif) repeat-x left center;
	padding: 0px 15px;
}


.selectBox .box table.railTable dl.selectlist2 dd table td.rail span {
	font-size: 10px;
	font-weight:normal !important;
	text-align: center;
	line-height: 1.2;
	color: #666666;
	background: #FFFFFF;
}
.selectBox .box table.railTable dl.selectlist2.selected dd table td.rail span { background: #ffeeda;}
.selectBox .box table.railTable dl.selectlist2 dd table td.rail2 {
	background: url(../images/jr_track_black.gif) repeat-x left center;
	padding: 0px 10px;
}
.selectBox .box table.railTable dl.selectlist2 dd table td.price {
	padding-left: 15px;
	white-space: nowrap;
}
.selectBox .box .sectionBox {
	border: 2px solid #CCCCCC;
	padding: 5px 8px;
	margin-top: 10px;
}
.selectBox .box .sectionBox table.sectionTable {
	float: left;
	height: 29px;
}
.selectBox .box .sectionBox table.sectionTable .title {
	background: #e3ecc4;
	border: 1px solid #b2ca69;
	padding: 3px 5px;
	color: #417d15;
	text-align: center;
	display: inline-block;
}
.selectBox .box .sectionBox table.sectionTable .section {
	font-size: 135%;
	font-weight: bold;
	color: #999999;
	line-height: 1.3;
	padding: 0px 20px 0px 10px;
}
.selectBox .box .sectionBox table.sectionTable .section .select { color: #000000; }
.selectBox .box .sectionBox table.sectionTable .time {
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
}
.selectBox .box .sectionBox table.sectionTable .time .cancel {
	font-weight: normal;
	margin-left: 10px;
}
.selectBox .box .sectionBox table.sectionTable .time .attention {
	font-weight: normal;
	color: #FF0000;
}
.selectBox .box .sectionBox .btn { text-align: right; }
.selectBox .box table.timeTable {
	width: 100%;
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-collapse:collapse;
}
.selectBox .box table.timeTable th {
	background: #f7f7f7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
	text-align: center;
	padding: 5px;
}
.selectBox .box table.timeTable td {
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
}
.selectBox .box table.timeTable .col1 { background: #FFFFFF; }
.selectBox .box table.timeTable .col2 { background: #f7f7f7; }
.selectBox .box table.timeTable .selected {
	background: #FFEEDA;
	font-weight: bold;
}
.selectBox .box .item_title {
	font-size: 125%;
	color: #000000;
	font-weight: bold;
	padding: 0px 10px;
	border-left: 4px solid #298F31;
	margin: 20px 15px 8px 17px;
	line-height: 1.3;
}
.selectBox .box table.itemTable {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
.selectBox .box table.itemTable th {
	background: #f7f7f7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
	text-align: center;
	padding: 5px;
}
.selectBox .box table.itemTable td {
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.selectBox .box table.itemTable td.item {
	text-align: left;
}
.selectBox .box table.itemTable .col1 { background: #FFFFFF; }
.selectBox .box table.itemTable .col2 { background: #f7f7f7; }
.selectBox .box table.itemTable .selected {
	background: #FFEEDA;
	font-weight: bold;
}
.selectBox .naviBtn {
	text-align: right;
	padding: 20px 0px 15px;
}
.btmBox { padding: 10px 10px 20px; }
.btmBox .forcia { float: left; }
.btmBox .pagetop { float: right; }
table.guideTable {
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	margin-bottom: 15px;
	width: 100%;
}
table.guideTable th {
	background: #e7e7e7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px;
	width: 25%;
}
table.guideTable td {
	padding: 5px;
	text-align: left;
	border: 1px solid #CCCCCC;
}
#PlanOffice table.guideTable th { width : 25%; }
.selectBox .box table.stationTable td .railbtn.noact {
	background-image: url("../images/btn_back_img_no.gif");
	color:#acacac;
	line-height: 28px;
	cursor:default;
}
.selectBox .box table.stationTable .note {
	clear: both;
	margin-bottom: 5px;
	background: url(../images/icon_attention.gif) no-repeat left center;
	padding: 2px 0px 2px 20px;
	color: #666666;
}
.selectedBox table.itineraryTable .section {
	clear: both;
	font-weight: bold;
	padding-bottom: 5px;
}
.selectedBox table.itineraryTable .section .subtitle {
	background: #EAEAEA;
	padding: 2px 3px 0px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	font-size: 90%;
	line-height: 1;
	font-weight: normal;
}
.selectedBox table.itineraryTable dl.timelist {
	padding: 6px 0px 5px;
	clear: both;
	border-top: 1px solid #dedede;
}
.selectedBox table.itineraryTable dl.timelist dt {
	float: left;
	width: 190px;
	margin-right: 10px;
}
.selectedBox table.itineraryTable dl.timelist dd {
	width: 200px;
	float: left;
}

table.totalTable td .guide {
	color: #FF0000;
	padding-top: 5px;
	padding:5px;
}
.totalTable td .total .title {
	font-weight: bold;
	margin-right: 5px;
}
.totalTable td .total .price {
	font-size: 210%;
	font-weight: bold;
	color: #FF0000;
	margin-right: 5px;
}
.totalTable td .total .yen {
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;
}
.totalTable td .booking {
	text-align: center;
	padding-top: 5px;
}
table.roomTable {
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 100%;
	background: #FFFFFF;
	margin-top : 5px;
}
table.roomTable th {
	background: #f7f7f7;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	padding: 2px 5px;
}
table.roomTable th.room {
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 120px;
}
table.roomTable th.room .roomtype { float: left; }
table.roomTable th.room .icon { float: right; }
table.roomTable th.room .btn {
	text-align: left;
	clear: both;
}
table.roomTable .selected {
	font-weight: bold;
	background: #ffeeda !important;
}
table.roomTable td {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 7px 0px;
}
table.roomTable#TABLE_TYPE_SELECT td { background: #f7f7f7; !important; }
table.roomTable#TABLE_ROOM_SELECT td { background-color: #ffeeda; }
table .roomTypeSelection {
	background: url(../images/jr_btn_rail_s_off.gif) no-repeat;
	height: 26px;
	width: 60px;
	float: left;
	margin: 7px;
	font-weight: bold;
	line-height: 26px;
	color: #36F;
	text-align: center;
	display: block;
	cursor: pointer;
}
table .roomTypeSelection.selected {
	color: white;
	background: url(../images/jr_btn_rail_s_selected.gif) no-repeat !important;
}

table.roomTypeOption {
	border-left:1px solid #b2aea9;
	border-right:1px solid #b2aea9;
	border-bottom:1px solid #b2aea9;
	width: 100%
}
table.roomTypeOption th {
	background-color: #e9f9ff;
	border-top: 1px solid #b2aea9;
	border-bottom: 1px solid #b2aea9;
	text-align: left;
}
table.roomTypeOption td.check { width: 25%; }
.totalTable { width : 100%; }
.totalBoxTop { width : 100%; }

.stationTableTitle {
	background: #f7f7f7;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	padding: 2px 5px;
	text-align : center;
}

#navi_message {
	border: 2px solid red;
	margin: 3px;
	padding: 3px;
	display: none;
	color: black;
}
#navi_message .guide {
	background-color: yellow;
	margin: 6px;
}
#navi_message .message { color: red; }

.toolbar {
	-webkit-box-sizing: border-box;
	background: #6D84A2 url(../images/toolbar.png) repeat-x;
	border-bottom: 1px solid #2D3642;
	border-top: 1px solid #6D84A2;
	height: 40px;
	line-height : 40px;
	padding: 0px;
}
.toolbar h1 {
	color: white;
	font-size: 18px;
	font-weight: bold;
	left: 50%;
	margin: 1px 0px 0px;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.398438) 0px -1px 0px;
	white-space: nowrap;
}
.selectedTable {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ABABAB;
	border-collapse: collapse;
	margin: 0 auto 3px;
	width: 94%;
	font-size: 12px;
}
.selectedTable th {
	background: url("../images/bg1.jpg") repeat-x scroll center bottom #FFFFFF;
	font-weight: normal;
	width: 60px;
}
.selectedTable td {
	border: 1px solid #ABABAB;
	line-height: 1.3;
	text-align: left;
}
.selectedTable .box {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	padding: 5px 4px 4px 7px;
	position: relative;
}
.selectedTable .guide1 {
	color: #EB0000;
	font-weight: normal;
	text-decoration: none;
}
.selectedTable .guide2 {
	font-size: 85%;
	height: 20px;
}
.selectedTable ul.btnlist {
	bottom: 3px;
	position: absolute;
	right: 3px;
	text-align: right;
	float: right;
	margin-right: 10px;
}
.selectedTable ul.btnlist li { display: inline; }

.trainTable {
	font-size: 12px;
	width: 100%;
}
.trainTable td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 1px;
}
.trainTable .even { background: none repeat scroll 0 0 #F3F3F3; }
.trainTable th {
	background: url("../images/bg2.jpg") repeat-x scroll center bottom #EFEFEF;
	border-bottom: 2px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	font-weight: normal;
	padding: 7px 0 5px;
}
.trainTable .selected {
	background-image: url("../images/btn_back_img_on.gif");
	background-position: left center, left top;
	background-repeat: repeat-x;
}
.trainTable td.close_box { text-align: center; }
.close_box {
	padding: 5px;
	margin: 5px;
	height: 20px;
	text-align: center;
}
.select_train {
	font-size: 17px;
	background-image: url("../images/bg02.gif");
	background-repeat: repeat-x;
	border-top-color: #ABADB0;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #ABADB0;
	border-style: solid;
	border-width: 1px;
	clear: both;
	padding: 3px 15px;
	-webkit-border-radius: 8px;
	border: 1px solid rgb(171,173,176);
  	margin : 5px 5px;
	border-color: #ABADB0;
	min-height : 30px;
}
.info_red {
	color: #F00;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	font-size: 10px;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}
.modal_window {
	background: #fff;
	position: absolute;
	z-index: 10;
	margin-bottom:100px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px 5px rgba(5, 5, 5, 0.5);
	box-shadow: 5px 5px 5px 5px rgba(5, 5, 5, 0.5);
}
.modal_window h2 {
	width: 300px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: rgb(180,221,180); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(82,177,82,1) 10%, rgba(0,138,0,1) 26%, rgba(5,102,0,1) 100%, rgba(5,102,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180,221,180,1)), color-stop(10%, rgba(82,177,82,1)), color-stop(26%, rgba(0,138,0,1)), color-stop(100%, rgba(5,102,0,1)), color-stop(100%, rgba(5,102,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(82,177,82,1) 10%, rgba(0,138,0,1) 26%, rgba(5,102,0,1) 100%, rgba(5,102,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(82,177,82,1) 10%, rgba(0,138,0,1) 26%, rgba(5,102,0,1) 100%, rgba(5,102,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(82,177,82,1) 10%, rgba(0,138,0,1) 26%, rgba(5,102,0,1) 100%, rgba(5,102,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(180,221,180,1) 0%, rgba(82,177,82,1) 10%, rgba(0,138,0,1) 26%, rgba(5,102,0,1) 100%, rgba(5,102,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#056600', GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.sp_hidden { display: none; }

#footer{
	margin: 0;
	padding: 18px 0 0;
	clear: both;
}
#copyPl{
	margin: 0;
	padding: 0;
	background: #3130B2;
	text-align: center;
}
#menu{
	margin:0;
	padding:5px 0 0;
	color:#FFFFFF;
	font-size:68%;
}
#menu li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li a{
	color:#FFFFFF;
}
#menu a:visited {
	color:#FFFFFF;
}
#menu a:active,
#menu a:hover {
	color:#FF9933;
}
#copyimg{
	margin:0;
	padding:7px 0 5px;
}
img.title_img { width: 100%; }
tr.seiyaku {				/* 選択すべき制約先素材 */
	background-color:	#FFD88E !important;
}
div#submitBtn {
	margin-top: -80px;
	padding-top: 80px;
}

#boxSalesPoint {
	border: 2px solid #FFDB95;
	margin: 10px;
	padding: 0;
}
.closed {
	height: 40px;
}
.roundbox {
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
}
.salespoint-content {
	font-size: 12px;
	line-height: 30px;
	margin: 10px 10px 5px;
	overflow: hidden;
}
.salespoint-caption {
	font-size: 14px;
	margin: 0;
	padding: 13px 0 0 45px;
}
#salesPointReadMore,
#planinfoReadMore {
	display: none;
	float: right;
	font-size: 15px;
	background-color:#FFFFFF;
	opacity:0.8;
	border: solid 1px #666666;
	color: #3366FF;
	cursor: pointer;
	display: none;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin: 0px 7px 7px 0px;
	text-align: center;
	width: 80px;
}
.roundbox {
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
}
.boxtitle-blue {
	background-position: 0 0;
}

#titleRoomIcon {
	background-position: -25px 0;
	width: 30px;
}
.boxtitle-blue {
	background-position: 0px 0px;
}

.boxtitle-blue-focus {
	background-position: 0px -40px;
}

.boxtitle-yellow {
	background-position: 0px -80px;
}

.boxtitle-yellow-focus {
	background-position: 0px -120px;
}

.boxtitle-red {
	background-position: 0px -160px;
}

.boxtitle-red-focus {
	background-position: 0px -200px;
}

.boxtitle-orange {
	background-position: 0px -240px;
}
.boxtitle-header {
	background-image: url("../img/title_background.png");
	background-repeat: no-repeat;
	height: 40px;
}
.planinfo-header {
	border-bottom: 1px solid #808080;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 10px 5px;
}
.planinfo-content {
	font-size: 12px;
	margin: 0 10px 20px;
}
.arrow-down {
	background-position: 0 0;
}
.arrow-right {
	background-position: -13px 0;
}
.arrow {
	background-image: url("../img/arrow.png");
	background-repeat: no-repeat;
	float: left;
	height: 13px;
	margin: 13px;
	width: 13px;
}
#titlePlanIcon {
	background-position: 0 0;
	width: 20px;
}
.boxtitle-icon {
	background-image: url("../img/title_icons.png");
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	margin: 0 5px;
}
.boxtitle-caption {
	float: left;
	font-size: 14px;
	margin: 13px 0 13px 10px;
}

#titleRoomIcon {
	background-position: -25px 0;
	width: 30px;
}
.square-symbol {
	font-family: "MS Gothic"
}

.room-header {
	margin: 10px 0 5px 10px;
	font-size: 16px;
}
.room-table {
	border-left: 1px solid #B2AEA9;
	border-right: 1px solid #B2AEA9;
	border-top: 1px solid #B2AEA9;
	font-size: 12px;
	margin: 10px;
	width: 95%;
}
.room-leftcell {
	background-color: #FFEBED;
	border-bottom: 1px solid #B2AEA9;
	vertical-align: top;
	width: 60px;
}
.room-rightcell {
	border-bottom: 1px solid #B2AEA9;
	font-size: 12px;
}
.room-table tbody tr td {
	margin: 10px;
	padding: 10px;
}

.f-red {
	color: #FF0000;
}
#boxPlanInfo {
	border: 2px solid #6DD7FF;
	margin: 10px;
	padding: 0;
}
#boxRoom {
	border: 2px solid #FF99A3;
	margin: 10px;
	padding: 0;
}
#boxMeal {
	border: 2px solid #F4A460;
	margin: 10px;
	padding: 0;
}
#titleMealIcon {
	background-position: -55px 0;
	width: 30px;
}
.meal-table {
	border: 1px solid #B2AEA9;
	font-size: 12px;
	margin: 10px;
	width: 95%;
}
.meal-leftcell {
	background-color: #FFF6DE;
	padding-top: 12px;
	text-align: left;
	vertical-align: top;
	width: 40px;
}
.meal-rightcell {
	vertical-align: top;
}
.meal-table tbody tr td {
	margin: 10px;
	padding: 10px;
}

.box .inner .remarks .attention { color: #FF0000; }
table.infPriceBox {
	
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 100%;
	background: #FFFFFF;
}
table.infPriceBox th {
	border: 1px solid #CCCCCC;
	text-align: left;
	background: #f7f7f7;
	font-weight: bold;
	padding: 2px 5px;
}
table.infPriceBox td {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 7px;
}
.selectBox .box table.railTable div.trackDescription{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 80%;
	margin-left: 5px;
}
.selectBox .box table.railTable span.jr_track_black {
	background: url(../images/jr_track_black.gif) repeat-x left center;
	margin-right: 7px;
	padding: 0 12px;
}
.selectBox .box table.railTable span.jr_track_green {
	background: url(../images/jr_track_green.gif) repeat-x left center;
	margin-right: 7px;
	padding: 0 12px;
}
.selectBox .box table.railTable span.jr_track_blue {
	background: url(../images/jr_track_blue.gif) repeat-x left center;
	margin-right: 7px;
	padding: 0 12px;
}
.selectBox .box table.railTable span.jr_track_black_line {
	background: url(../images/jr_track_black_line.gif) repeat-x left center;
	margin-right: 7px;
	padding: 0 8px;
}

/* 共通Footerの打消し */
footer {
	position:relative;
}

footer ul.linkBtm li a {
	text-decoration:none;
}
</pre></body></html>