@charset "shift_jis";
/*-------------------------------------
リセット・初期設定
-------------------------------------*/
* {
	margin:0;
	padding:0;
}
strong {
	font-weight: bold !important;
}
table {
	empty-cells:show;
	border-style: none;
	border-width: 0px;
}
img { border-width: 0px; }
.contents_inner a:link {
	color: #111184;
	text-decoration: underline;
}
.contents_inner a:visited {
	color: #0033cc;
	text-decoration: underline;
}
.contents_inner a:active,
.contents_inner 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;
}
.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;
}
/*------------------------------------------------------------------------
ヘッダ header 20100702修正 NTA-Kikuchi
-------------------------------------------------------------------------*/
#header {
	margin: 0px 1px;
	background: url(../images/jr_booking_header.gif) no-repeat;
	height: 75px;
	position: relative;
}
#header .logo {
	background: url(../images/logo_nta.gif) no-repeat;
	height: 60px;
	width: 180px;
	position: absolute;
	left: 26px;
	top: 0;
}
#header .logo a {
	text-indent: -9999px;
	overflow: hidden;
	height: 60px;
	width: 180px;
	display: block;
}
#header .category_jr {
	background: url(../images/jr_header_title.gif) no-repeat;
	height: 60px;
	width: 150px;
	text-indent: -9999px;
	position: absolute;
	left: 225px;
	top: 0;
}
#header p#illust_jr {
	height: 60px;
	width: 570px;
	position: absolute;
	left: 385px;
	top: 0;
}
/*
ヘッダ header
-------------------------------------------------------------------------*/
.forcia-title-yado-00{
	position: absolute;
	top: 20px;
	left: 110px;
}
#headerAreaB01, #headerAreaB02 {
	width: auto;
}
#headerAreaB01 ul {
	margin: 10px 0px 0px;
	list-style: none;
	padding: 0px 20px 0px 0px;
	float: right;
}
#headerAreaB01 li {
	margin: 0px 22px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 10px;
}
#headerAreaB01 li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#headerAreaB01 #category { display: none; }
/* メニュー menuxx----------*/
#headerAreaB01 li#menu01 {
	background: url("../images/menu_h_menu01.gif") no-repeat;
}
#headerAreaB01 li#menu01 a {
	width: 80px;
	height: 12px;
}
#headerAreaB01 li#menu02 {
	background: url("../images/menu_h_menu02.gif") no-repeat ;
	width: 99px;
	height: 12px;
}
#headerAreaB01 li#menu02 a {
	width: 99px;
	height: 12px;
}
#headerAreaB01 li#menu03 {
	background: url("../images/menu_h_menu03.gif") no-repeat ;
	width: 33px;
	height: 12px;
}
#headerAreaB01 li#menu03 a {
	width: 33px;
	height: 12px;
}
#headerAreaB01 li#menu04 {
	background: url("../images/menu_h_menu04.gif") no-repeat;
	width: 55px;
	height: 12px;
	margin: 0px;
}
#headerAreaB01 li#menu04 a {
	width: 55px;
	height: 12px;
}

#header_receipt {
	margin: 0 auto;
	padding: 5px;
}

/*------------------------------------------------------------------------
ボディ部設定 contents_body
-------------------------------------------------------------------------*/
div.contents_body {
	background-attachment: scroll;
	background-image: url(../images/contents_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px auto;
	width: 970px;
	position: relative;
}
div.contents_inner { padding: 0px 10px; font-size:85%}
.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 {
	background: url(../images/jr_pagetitle.gif) no-repeat;
	height: 40px;
	margin-bottom: 15px;
}
.pagetitle .title {
	float: left;
	line-height: 40px;
}
.pagetitle .title .hotelName{
	line-height: 25px;
	font-size: 120%;
	font-weight: bold;
	padding-left: 20px;
	color: #000000;
}
.pagetitle .title .hotelKana {
	line-height: 13px;
	font-size: 75%;
	margin-top: 2px;
	padding-left: 20px;
	color: #000000;
}
.pagetitle .update {
	float: right;
	padding-right: 10px;
	line-height: 40px;
	text-align: right;
}
.planDetailBox {
	background: #fff7da;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding: 10px;
}
.planDetailBox .plantitle {
	background: #ffe99d;
	line-height: 1.3;
	font-size: 130%;
	font-weight: bold;
	padding: 4px 10px;
	margin-bottom: 10px;
}
.planDetailBox .photo {
	float: left;
	width: 150px;
	padding-top: 3px;
}
.planDetailBox .detail {
	float: right;
	width: 760px;
}
.planDetailBox .detail .hotel {
	float: left;
	width: 400px;
	padding-bottom: 7px;
}
.planDetailBox .detail .hotel .name {
	font-size: 135%;
	font-weight: bold;
}
.planDetailBox .detail .info {
	padding-bottom: 25px;
}
.planDetailBox .detail .info .lump {
	width: 420px;
	float: left;
	padding-top: 5px;
}
.planDetailBox .detail .info .icon {
	width: 330px;
	float: right;
	text-align: right;
}
.planDetailBox .detail .info .icon img {
	margin-right: 3px;
	line-height: 0px;
	vertical-align: middle;
}
.planDetailBox .detail .info .area {
	padding-right: 3px;
}
.planDetailBox .detail .info .code {
	color: #666666;
	padding: 5px 0px 0px;
}
.planDetailBox .detail .inner { clear: both; }
.planDetailBox .detail table.left {
	float: left;
	width: 420px;
	border: 1px solid #d3c490;
	border-collapse:collapse;
}
.planDetailBox .detail table.right {
	float: right;
	width: 330px;
	border: 1px solid #d3c490;
	border-collapse:collapse;
}
.planDetailBox .detail table.left th {
	background: #fff9e3;
	border: 1px solid #d3c490;
	font-weight: normal;
	color: #968345;
	text-align: center;
	width: 120px;
}
.planDetailBox .detail table.right th {
	background: #fff9e3;
	border: 1px solid #d3c490;
	font-weight: normal;
	color: #968345;
	text-align: center;
	width: 60px;
}
.planDetailBox .detail table.left 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;
}
.guideBox {
	clear: both;
	padding: 10px 15px;
	margin-bottom: 20px;
	font-size: 90%;
	line-height: 1.3;
}
.guideBox .title { color: #FF0000; }
.guideBox .attention { color: #FF0000; }
.guideBox ul {
	padding-top: 5px;
	font-size: 110%;
}
.guideBox ul li {
	margin-right: 10px;
	float: left;
}
.guideBox ul li a {
	background: url(../images/jr_arrow01.gif) no-repeat left center;
	padding-left: 7px;
}

.sysMente1 {
	clear: both;
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid #FF0000;
	font-size: 110%;
	line-height: 1.3;
}
.sysMente1 .attention { color: #FF0000; ;font-weight:bold;}
.sysMente2 {
	clear: 			both;
	padding: 		10px 15px;
	margin-top:		10px;
	margin-right:	3px;
	margin-bottom:	0px;
	border: 1px solid #FF0000;
	font-size: 110%;
	line-height: 1.3;
}
.sysMente2 .attention { color: #FF0000; ;font-weight:bold;}

.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 5px 5px;
}
.selectedBox table.itineraryTable {
	width: 940px;
	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;
	padding: 35px 15px 10px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.selectedBox .requestBox .textbox {
	float: left;
	width: 500px;
	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: 950px;
	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: 201px;
	height: 40px;
}
ul.navi li.navi01 a:hover {
	background: url(../images/jr_navi01_on.gif) no-repeat;
	width: 201px;
	height: 40px;
}
ul.navi li.navi01_selected {
	background: url(../images/jr_navi01_select.gif) no-repeat;
	width: 201px;
	height: 40px;
}
ul.navi li.navi02, ul.navi li.navi02 a {
	background: url(../images/jr_navi02_off.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi02 a:hover {
	background: url(../images/jr_navi02_on.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi02_selected {
	background: url(../images/jr_navi02_select.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi03, ul.navi li.navi03 a {
	background: url(../images/jr_navi03_off.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi03 a:hover {
	background: url(../images/jr_navi03_on.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi03_selected {
	background: url(../images/jr_navi03_select.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi04, ul.navi li.navi04 a {
	background: url(../images/jr_navi04_off.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi04 a:hover {
	background: url(../images/jr_navi04_on.gif) no-repeat;
	width: 193px;
	height: 40px;
}
ul.navi li.navi04_selected {
	background: url(../images/jr_navi04_select.gif) no-repeat;
	width: 193px;
	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;
}
ul.navi li.navi05, ul.navi li.navi05 a {
	background: url(../images/jr_navi05_off.gif) no-repeat;
	width: 170px;
	height: 40px;
}
ul.navi li.navi05 a:hover {
	background: url(../images/jr_navi05_on.gif) no-repeat;
	width: 170px;
	height: 40px;
}
ul.navi li.navi05_selected {
	background: url(../images/jr_navi05_select.gif) no-repeat;
	width: 170px;
	height: 40px;
}
.selectBox {
	background: #ECFCDE;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 9px 10px 10px;
	clear: both;
	margin-bottom: 20px;
}
.selectBox .box {
	background: url(../images/jr_frm04_mid.gif) repeat-y left;
	border-top: 1px solid #89c25a;
	clear: both;
}
.selectBox .box .inner {
	background: url(../images/jr_frm04_btm.gif) no-repeat bottom;
	padding: 10px;
}
.selectBox .box table.roomTable {
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 910px;
	background: #FFFFFF;
}
.selectBox .box table.roomTable th {
	background: #f7f7f7;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	padding: 2px 5px;
}
.selectBox .box table.roomTable td {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 7px;
}
.selectBox .box table.roomTable td.room {
	text-align: left;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	width: 300px;
}
.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 20px;
	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;
	padding: 10px 10px 38px;
}
.selectBox .box.step3 .inner {
	background: url(../images/jr_frm04_arrow.gif) no-repeat bottom;
	padding: 10px 10px 38px;
}
.selectBox .box.step4 .inner {
	background: url(../images/jr_frm04_btm.gif) no-repeat bottom;
	padding: 10px 10px 13px;
}
.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: 910px;
	background: #FFFFFF;
}
.selectBox .box table.stationTable th {
	background: #f7f7f7;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	padding: 2px 5px;
	width: 100px;
}
.selectBox .box table.stationTable td {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 7px 10px;
}
.selectBox .box table.stationTable td .railbtn {
	background: url(../images/jr_btn_rail_off.gif) no-repeat;
	height: 26px;
	width: 77px;
	float: left;
	margin-right: 7px;
	font-size: 14px;
	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 {
	background: url(../images/jr_btn_rail_on.gif) no-repeat;
	color:#fb6609;
}
.selectBox .box table.stationTable td .railbtn:active {
	background: url(../images/jr_btn_rail_active.gif) no-repeat;
	color:#fb6609;
	line-height: 28px;
}
.selectBox .box table.stationTable td .railbtn.selected {
	background: url(../images/jr_btn_rail_selected.gif) no-repeat;
	color:#ffffff;
	line-height: 28px;
}
.selectBox .box table.railTable {
	border: 1px solid #CCCCCC;
	clear: both;
	border-collapse:collapse;
	width: 910px;
	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 10px;
}
.selectBox .box table.railTable dl.selectlist1 dt { float: left; }
.selectBox .box table.railTable dl.selectlist1 dd {
	margin-left: 72px;
	padding: 5px 0px;
}
.selectBox .box table.railTable dl.selectlist2 {
	clear: both;
	padding: 10px;
	display: block;
}
.selectBox .box table.railTable dl:hover { background: #ffeeda; }
.selectBox .box table.railTable dl.selected {
	background: #ffeeda;
	font-weight: bold;
}
.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 dt .railbtn_s:hover {
	background: url(../images/jr_btn_rail_s_on.gif) no-repeat;
	color:#fb6609;
}
.selectBox .box table.railTable dl dt .railbtn_s:active {
	background: url(../images/jr_btn_rail_s_active.gif) no-repeat;
	color:#fb6609;
	line-height: 28px;
}
.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 {
	margin-left: 72px;
	background: url(../images/jr_dot03.gif) repeat-y left top;
	padding-left: 10px;
}
.selectBox .box table.railTable dl.selectlist2 dd table { border:none; }
.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: 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 span, .selectBox .box table.railTable dl.selectlist2:hover dd table td span { background: #ffeeda; }
.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 p.trackDescription{
	border-bottom: 1px dotted #CCCCCC;
	padding-left:100px;
}
.selectBox .box table.railTable span.jr_track_black_line {
	background: url(../images/jr_track_black_line.gif) repeat-x left center;
	margin-right: 10px;
	padding: 0px 10px;
}
.selectBox .box table.railTable span.jr_track_black {
	background: url(../images/jr_track_black.gif) repeat-x left center;
	margin-right: 10px;
	padding: 0px 10px;
}
.selectBox .box table.railTable span.jr_track_green {
	background: url(../images/jr_track_green.gif) repeat-x left center;
	margin-right: 10px;
	padding: 0px 10px;
}
.selectBox .box table.railTable span.jr_track_blue {
	background: url(../images/jr_track_blue.gif) repeat-x left center;
	margin-right: 10px;
	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;
	background: #FFEEDA;
	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: 911px;
	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: 880px;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
.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;
	width: 450px;
}
.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 10px; }
.btmBox .forcia { float: left; }
.btmBox .pagetop { float: right; }
/*20100604ご案内用に追加*/
.selectBox .box table.guideTable {
	width: 911px;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	margin-bottom: 15px;
}
.selectBox .box table.guideTable th {
	background: #e7e7e7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
	width: 200px;
}
.selectBox .box table.guideTable td {
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #CCCCCC;
}
/*20100619修正追加*/
.selectBox .box table.stationTable td .railbtn.noact {
	background: url(../images/jr_btn_rail_noact.gif) no-repeat;
	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;
	border-right: 1px dotted #CCCCCC;
	margin-right: 10px;
}
.selectedBox table.itineraryTable dl.timelist dd {
	width: 200px;
	float: left;
}
/*------------------------------------------------------------------------
列車選択画面 修正 20120619
-------------------------------------------------------------------------*/
.attention { color: #FF0000; }
.titAttention {
	font-weight: bold;
	color: #FF0000;
	margin: 0px 20px 5px;
}
.trainBody {
	clear: both;
	margin: 0px 0px 20px;
}
.trainBody:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.trainBody { min-height: 1px; }
*html .trainBody { height: 1px; }
.trainBody .left {
	width: 570px;
	float: left;
}
.trainBody .left .inner2 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	height: 330px;
	overflow: auto;
	padding:0 !important;
}
.trainBody table.trainTable {
	_width: 100%;
	width: 550px;
	border-collapse: collapse;
}
.trainBody table.trainTable th {
	font-weight: normal;
	padding: 7px 0px 5px;
	background: #efefef url(../images/bg2.jpg) repeat-x top;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #aaa;
}
.trainBody table.trainTable td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
}
.trainBody table.trainTable .even { background: #f3f3f3; }
.trainBody table.trainTable .price {
	text-align: right;
	white-space: nowrap;
}
.trainBody table.trainTable .select { text-align: center; }
.trainBody table.trainTable .station {
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}
.trainBody table.trainTable .time { text-align: center; }
.trainBody .right {
	float: right;
	width: 330px;
	background: url(../images/arrow4.gif) no-repeat left center;
	text-align: right;
	padding-top: 19px;
}
.trainBody .right .inner2 {
	background: #ebebeb;
	width: 306px;
	margin-left: 24px;
	text-align: center;
	padding-top: 5px;
	overflow: visible;
}
.trainBody table.selectedTable {
	margin: 0px auto 3px;
	width: 296px;
	background: #FFFFFF;
	border: 1px solid #ababab;
	border-collapse: collapse;
}
.trainBody table.selectedTable th {
	background: #FFFFFF url(../images/bg1.jpg) repeat-x bottom;
	border: 1px solid #ababab;
	width: 60px;
	font-weight: normal;
}
.trainBody table.selectedTable td {
	border: 1px solid #ababab;
	text-align: left;
	line-height: 1.3;
}
.trainBody table.selectedTable .box {
	position: relative;
	padding: 5px 4px 4px 7px;
	background:none;
	border:none;
}
.trainBody table.selectedTable .train { font-weight: bold; }
.trainBody table.selectedTable .time { font-weight: bold; }
.trainBody table.selectedTable .price { float: left; }
.trainBody table.selectedTable .guide1 {
	font-weight: bold;
	color: #eb0000;
}
.trainBody table.selectedTable .guide2 { font-size: 85%; }
.trainBody table.selectedTable ul.btnlist {
	text-align: right;
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.trainBody table.selectedTable ul.btnlist li { display: inline; }
.trainBody table.selectedTable ul.btnlist li img {
	line-height: 0px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}
.titTrainRequest { margin: 30px 0px 10px; }
table.requestTable {
	width: 910px;
	border-collapse: collapse;
}
table.requestTable th {
	border: 1px solid #CCCCCC;
	background: #f7f7f7;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
}
table.requestTable td {
	border: 1px solid #CCCCCC;
	padding: 0px 10px;
}
table.requestTable .column {
	padding: 10px 5px;
	border-bottom: 1px solid #CCCCCC;
}
table.requestTable .column input {
	margin-right: 3px;
	position: relative;
	top: 2px;
}
table.requestTable .column label { margin-right: 10px; }
table.requestTable .column input.other {
	color: #999999;
	padding: 1px;
	top: 0;
}
table.requestTable .column .ex {
	color: #666666;
	padding-top: 5px;
}
table.requestTable .noline { border-style: none; }
.train_remarks1 {
	clear: both;
	margin: 0px 15px;
}
.train_remarks2 {
	clear: both;
	margin: 0px 20px 20px;
}
.train_remarks2 .request {
	font-weight: bold;
	margin-left: 10px;
}
.train_remarks2 .request a {
	background: url(../images/arrow1.gif) no-repeat left center;
	padding-left: 15px;
}
.train_remarks3, .train_remarks4 {
	background: #efefef;
	border: 1px solid #CCCCCC;
	padding: 10px 12px;
	margin: 0 20px 10px;
}
.trainBody .left .caution {
	color: red;
	padding-bottom: 2px;
}

/* 店頭受け取り */
#receiptBox {
	width:500px;
	position: absolute;
	color:#626262;
	background-color:#FFF;
	border:5px solid #53cdf9;
	margin:0px auto;
	padding:10px;
}
#receiptBox table {
	margin: 0 auto;
}
.receipt_title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.receipt_title_error {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}
.receipt_close_string {
	float: right;
}
.receipt_close_button {
	margin-right: 20px;
}
.receipt_close_button:link, .receipt_close_button:visited, .receipt_close_button:active, .receipt_close_button:hover {
	text-decoration: none;
}
.receipt_caution {
	border:3px solid #FFCC00;
	padding: 10px;
	margin:10px auto;
}
.receipt_caution p {
	padding: 10px;
}
.receipt_booking {
	margin: 0 auto;
	text-align: center;
}

#shadow {
	opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.70; /*FF*/
	background-color: gray;
	display:none;
	position:absolute;
	top: 0px;
	left: 0px;
}
.planDetailTitle,
.jrGuideTitle {
	background-image: url("../img/tit_syosai.gif");
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 43px;
	margin: 0;
	padding: 0;
	width: 963px;
}
.planDetailTitle span,
.jrGuideTitle span {
	display: block;
	padding: 15px 0 0 32px;
}

#boxShisetsu {
	width: 933px;
	margin-bottom: 25px;
	margin-left: 8px;
	border-top: 1px solid #B2AEA9;
	border-bottom: 1px solid #B2AEA9;
}

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

#boxShisetsu #shisetsuContent {
	font-size: 14px;
	list-style-type: disc;
}

.planDetail,
.jrGuide {
	background-image: url("../img/box_blue1.gif");
	background-repeat: repeat-y;
	margin-bottom: 25px;
	width: 955px;
}
.planDetail .planDetailIn,
.jrGuide .jrGuideIn {
	background-image: url("../img/box_blue2.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 22px 10px 0;
	clear:both;
	display: block;
	min-height: 1px;
}
.planDetail .planDetailIn h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}
.planDetail .planDetailIn h3.osusume {
	background-image: url("../img/tit_point.gif");
	background-position: left top;
	background-repeat: no-repeat;
	height: 37px;
	padding-left: 50px;
	padding-top: 10px;
}
.planDetail .planDetailIn p {
	font-size: 13px;
	margin: 0;
	padding: 0 7px 30px 50px;
}

.boxRoom {
	background-image: url("../img/box_pink1.gif");
	background-repeat: repeat-y;
	margin-bottom: 25px;
	width: 955px;
}
.boxRoom .titRoom {
	background-image: url("../img/tit_room.gif");
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 44px;
	margin: 0;
	padding: 0;
}
.boxRoom .titRoom span {
	display: block;
	padding: 15px 0 0 60px;
}
.boxRoomIn {
	background-image: url("../img/box_pink2.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 20px 0 30px 10px;
}
.boxRoomIn p {
	font-size: 14px;
	margin: 0;
	padding: 0 0 5px 7px;
}
#bg strong {
	font-weight: bold;
}
.boxRoomIn table {
	border-left: 1px solid #B2AEA9;
	border-right: 1px solid #B2AEA9;
	border-top: 1px solid #B2AEA9;
}
.Room1 {
	margin: 0 0 20px 7px;
}
.Room2 {
	margin:0px 0px 0px 7px;
}
.boxRoomIn td {
	border-bottom: 1px solid #B2AEA9;
	font-size: 12px;
	padding: 10px;
}
.square12px {
	margin: 1px 2px 0 0;
	vertical-align: top !important;
}

.f-red {
	color: #FF0000;
}

.titFood {
	background-image: url("../img/tit_food.gif");
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	height: 41px;
	margin: 0 0 10px;
	padding: 0;
	width: 963px;
}
.titFood span {
	display: block;
	padding: 17px 0 0 48px;
}
.mealName {
	background-color: #FFEBED;
	border-right: 1px solid #B2AEA9;
	text-align: left;
	vertical-align: top;
	width: 100px;
}
.Room3 {
	margin: 0 0 10px 7px;
}
.Room4 {
	margin: 0 0 0 7px;
}
.infPriceBox{
	margin: 10px 0px;
	width: 910px;
}
.infPriceBox th{
	border: 1px solid #CCCCCC;
	background:#eee7dd;
	margin: 10px 0px;
	padding: 10px;
	width: 15%
}
.infPriceBox td{
	border: 1px solid #CCCCCC;
	margin: 10px 0px;
	padding: 10px;
}
.photoExist-right{
	float:right;
	width:220px;
}
.photoExist-right .photo{
	padding: 0px 35px 20px 20px;
}
.photoExist-right .photo span{
	margin:10px
}
.photoExist-left{
	float:left;
	width:700px;
	display: block;
}

/* 残室・料金カレンダー */
#boxCalender {
	background: none repeat scroll 0 0 #FBFBEF;
	background-repeat: repeat-y;
	margin-bottom:25px;
	border: 1px solid #CCCCCC;
}
#boxCalenderIn {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:10px 5px;
}
.txtCalender1 {
	font-size:12px;
	color:#ff0101;
	padding:0px;
	margin:0px 0px 10px 0px;
}
.txtCalender2 {
	float:right;
	font-size:12px;
	padding:0px;
	margin:0px 0px 10px 0px;
}
.txtCalender3 {
	font-size:12px;
	padding:0px;
	margin:0px 0px 10px 0px;
}
#Calender {
	background-color: #50AB21;
	background-repeat: no-repeat;
	padding:0px 0px 3px 0px;
	margin-bottom:5px;
}
.ca1 td {
	font-size:14px;
	color:#FFF;
	padding:0px 10px;
}
.ca1 a {
	color:#FFF;
	text-decoration:none;
}
.ca1 a:link {
	color:#FFF;
}
.ca1 a:visited {
	color:#FFF;
}
.ca1 a:hover {
	color:#FFF;
}
.ca1 a:action {
	color:#FFF;
}
.ca2 {
	margin-left:5px;
}

.calheader {
	width:33%;
	height:40px;
	font-weight:bold;
}

.calweek {
	font-size:12px;
	padding:7px 0px;
	background-color: #FFFFFF;
	text-align:center;
}
.calday {
	font-size:12px;
	text-align:right;
	padding:2px 2px 1px 0px;
	font-weight: bold;
	background-color: #eeece1;
	text-align:center;
}
.calprice {
	font-size:14px;
	height:74px;
	background-color: #FFFFFF;
	text-align:center;
	width: 127px;
}
.calprice_non{
	height:74px;
	background-color: #E8E8E8;
}
.txtCalender4 {
	font-size:14px;
	line-height:14px;
	padding:0px;
	margin:0px;
}
.txtCalender5 {
	font-size:14px;
	text-align:right;
	padding:0 23px 0 0;
	margin-top:-14px;
}
.btnSetplan {
	padding:0px ;
	margin:0px 0px 15px 653px;
}
.txtCalender6 {
	border-left:4px solid #50AB21;
	padding-left:9px;
	margin-bottom:25px;
}
.txtCalender6 h3 {
	font-size:16px;
	font-weight:bold;
	padding:3px 0px 0px 0px;
	margin:0px 0px 7px 0px;
}
.txtCalender6 p {
	font-size:12px;
	line-height:20px;
	padding:0px;
	margin:0px;
}
.txtCalender7 {
	margin-top: 20px;
}
.txtCalender7 h3 {
	font-size:16px;
	font-weight:bold;
	padding:3px 0px 0px 0px;
	margin:0px 0px 13px 0px;
}
.txtCalender7 table {
	margin:0px 0px 13px 0px;
	width:100%;
}
.txtCalender7 th {
	font-size:12px;
	font-weight:normal;
	border:1px solid #b2aea9;
	padding: 10px
}
.txtCalender7 td {
	background-color: #FFFFFF;
	font-size:12px;
	border:1px solid #b2aea9;
}
.txtCalender7 p {
	font-size:12px;
	line-height:20px;
	padding:0px;
	margin:0px;
}

#boxCalender .head {
	position: relative;
	height: 40px;
}
#boxCalender .head .title {
	font-weight: bold;
	border-left: 4px solid #FF9900;
	padding-left: 8px;
	float: left;
	margin: 5px 15px 0px 0px;
}
#boxCalender .head .jinin_select {
	margin-top: 5px;
}
#boxCalender .head .remarks {
	position: absolute;
	right: 20px;
	bottom: 5px;
}

.toggleCalendar {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
	text-align: right;
}
.toggleCalendar a {
	background: url("../images/arrow5.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding-left: 12px;
}

div.recommendItem{
	float: left;
	padding: 18px;
	width: 200px;
	font-size: 120%;
}

div.recommendName{
	padding-top: 5px;
	font-weight: bold;
	font-size: 90%;
	word-break: break-all;
}

div.recommendArea{
	border: 1px solid #CCCCCC;
	width: 100%;
	margin: 0 auto;
}

div.RecommendTitle{
	font-size: 200%;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
	border-bottom-width: 1px;

}

img.recommendImg{
	max-width: 150px;
	max-height: 150px;
}

p.recommendFeature{
	font-size: 90%;
	word-break: break-all;
}

p.recommendPrice{
	color: red;
	font-weight: bold;
}

div.recommendAttention{
	padding: 5px;
	font-size: 85%;
	color: #666;
}
#historyGadget {
	border: 1px solid #CCCCCC;
	width: 100%;
	margin: 0px auto 10px auto;
}

#historyMainTitle {
	font-size: 200%;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "Tahoma", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-color: #b2b2b2;
	border-bottom-width: 1px;
}

div.historyCassette {
	float: left;
	padding: 18px;
	width: 200px;
	font-size: 120%;
}

p.historyAttention {
	padding: 5px;
	font-size: 85%;
	color: #666;
}

p.historyTitle {
	padding-top: 5px;
	font-weight: bold;
	font-size: 90%;
	word-break: break-all;
}

img.historyImage {
	max-height: 150px;
	max-width: 150px;
}