@charset "utf-8";

/* ====================================================================

	layout

==================================================================== */

#home_page{
	padding-top:20px;
	font-size:12px;
	zoom:1;
}
#home_page:after {
	content:'';
	display:block;
	clear:both;
}

#main_area{
	width:745px;
	float:left;
	zoom:1;
}
#main_area:after{
	content:'';
	display:block;
	clear:both;
}
#main_content{
	width:530px;
	float:right;
}
#side_content{
	width:200px;
	float:left;
}


/* ====================================================================

	main contents

==================================================================== */

#flash{
	margin-bottom:16px;
}

#mainImg{
	width:745px;
	margin:0 0 20px 0;
}

/* news, tour
--------------------------------------------------------------- */
#infobox_news{
	margin-bottom:15px;
}
#infobox_news .info_box li{
	background:url("../images/common/icon_bullet_blue.gif") no-repeat 0 0.25em;
}
#infobox_tour{
	margin-bottom:20px;
}
#infobox_tour .info_box li{
	background:url("../images/common/icon_bullet_pink.gif") no-repeat 0 0.25em;
}
#infobox_tour .info_box li img{
	vertical-align:baseline;
	margin-left:3px;
}

/* special banner
--------------------------------------------------------------- */
#special{
	margin-bottom:20px;
}
#special h2{
	margin-bottom:8px;
}

#special ul{
	zoom:1;
}
#special ul:after{
	content:'';
	display:block;
	clear:both;
}
#special li{
	width:265px;
	height:98px;
	float:left;
	overflow:hidden;
}
#special li a{
	display:block;
	margin:0 5px;
}
#special li span img{
	margin:2px 0 0 4px;
}

/* travel & railway information
--------------------------------------------------------------- */
#travel,
#railway{
	margin:0 0 25px 2px;
}
#travel h2,
#railway h2{
	margin:0 0 10px -2px;
}
#travel .category_box,
#railway .category_box{
	border:none;
	margin-right:-15px;
}

#travel .category_box .head,
#railway .category_box .head{
	margin:0;
	padding:2px 0 2px 7px;
}

#travel .category_box dl,
#railway .category_box dl{
	width:242px;
	height:120px;
	margin-right:16px;
	padding-top:4px;
	overflow:hidden;
}

/* ---------- 旅行情報 ---------- */
#travel .category_box{
	margin-bottom:15px;
}
#travel .category_box .head{
	border-left:4px solid #88cd54;
}
#travel .category_box dl{
	border-left:1px solid #88cd54;
}

/* コラム位置 */
#goumet_column{
	padding-top:16px;
}
#goumet_column dl{
	height:105px !important;
	margin-bottom:5px;
}

/* ---------- 鉄道情報 ---------- */
#railway .category_box .head{
	border-left:4px solid #57d2c5;
}
#railway .category_box dl{
	border-left:1px solid #57d2c5;
}
#train{
	width:282px;
	float:left;
}
#railway_other{
	width:242px;
	float:left;
}
#railway_other .category_box{
	margin-bottom:5px;
}
#railway_other ul{
	border-left:1px solid #57d2c5;
	padding:0 0 5px 10px;
}
#railway_other li{
	line-height:1.2;
	padding-top:5px;
}



/* kotsu shinbunsya banner
--------------------------------------------------------------- */
#banner_kotsu{
	background:url("../images/common/bg_line_oblique.gif");
	border:1px solid #b8cbd6;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#banner_kotsu ul{
	padding:6px 0 2px 6px;
	zoom:1;
}
#banner_kotsu ul:after {
	content:'';
	display:block;
	clear:both;
}
#banner_kotsu li{
	float:left;
	margin:0 3px 4px 0;
}
#banner_kotsu li img{
	border:1px solid #b8cbd6;
}

/* PR
--------------------------------------------------------------- */
.pr_area{
	margin-bottom:30px;
	border:1px solid #b8cbd6;
}
.pr_area:after{
	content:'';
	display:block;
	clear:both;
}
.pr_area h2{
	width:58px;
	float:left;
	background-color:#eff4f7;
	border-right:1px solid #b8cbd6;
	font-size:10px;
	font-weight:bold;
	color:#78a6c0;
	text-align:center;
	height:20px;
	line-height:20px;
}
.pr_area p{
	float:right;
	width:458px;
	height:20px;
	line-height:20px;
}


/* ====================================================================

	side contents

==================================================================== */

/* transit
--------------------------------------------------------------- */
#side_content iframe{
	margin:0;
	overflow:hidden;
}
#transit_serarch{
	background-color:#fff;
	text-align:left;
}
#transit{
	width:200px;
}


/* ====================================================================

	tabs new

==================================================================== */

#transit ul.tabs_transit{
	background:url("../images/home/bg_transit_head.gif") no-repeat left bottom #fff;
	border:none;
	zoom:1;
}
#transit ul.tabs_transit:after{
	content:'';
	display:block;
	clear:both;
}
#transit ul.tabs_transit li{
	float:left;
	width:80px;
	height:30px;
}
#transit ul.tabs_transit li a{
	display:block;
	width:80px;
	height:30px;
	background:none;
	border:none;
}
#transit ul.tabs_transit li a span{
	display:none;
}
#transit ul.tabs_transit li.route{
	background:url("../images/home/transit_tab_route_off.png") no-repeat;
}
#transit ul.tabs_transit li.route a:hover{
	background:url("../images/home/transit_tab_route_on.png") no-repeat;
}
#transit ul.tabs_transit li.route a.current{
	background:url("../images/home/transit_tab_route_self.png") no-repeat;
}
#transit ul.tabs_transit li.time{
	background:url("../images/home/transit_tab_time_off.png") no-repeat;
}
#transit ul.tabs_transit li.time a:hover{
	background:url("../images/home/transit_tab_time_on.png") no-repeat;
}
#transit ul.tabs_transit li.time a.current{
	background:url("../images/home/transit_tab_time_self.png") no-repeat;
}


/* */


#transit ul.tabs-nav{
	background:url("../images/home/bg_transit_head.gif") no-repeat left bottom #fff;
	border:none;
	zoom:1;
}
#transit ul.tabs-nav:after{
	content:'';
	display:block;
	clear:both;
}
#transit ul.tabs-nav li{
	float:left;
	width:80px;
	height:30px;
}
#transit ul.tabs-nav li a{
	display:block;
	width:80px;
	height:30px;
	background:none;
	border:none;
}
#transit ul.tabs-nav li a span{
	display:none;
}
#transit ul.tabs-nav li a.route{
	background:url("../images/home/transit_tab_route_off.png") no-repeat;
}
#transit ul.tabs-nav li a.route:hover{
	background:url("../images/home/transit_tab_route_on.png") no-repeat;
}
#transit ul.tabs-nav li.tabs-selected a.route,
#transit ul.tabs-nav li.tabs-selected a.route:hover{
	background:url("../images/home/transit_tab_route_self.png") no-repeat;
}
#transit ul.tabs-nav li a.time{
	background:url("../images/home/transit_tab_time_off.png") no-repeat;
}
#transit ul.tabs-nav li a.time:hover{
	background:url("../images/home/transit_tab_time_on.png") no-repeat;
}
#transit ul.tabs-nav li.tabs-selected a.time,
#transit ul.tabs-nav li.tabs-selected a.time:hover{
	background:url("../images/home/transit_tab_time_self.png") no-repeat;
}
#transit .info_box{
	background:url("../images/home/bg_transit_body.gif") no-repeat left bottom;
	padding-bottom:14px;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#transit .info_box p{
	text-align:center;
}
#transit .info_box dl{
	margin:6px 10px 0;
	height:170px;
}
#transit .info_box dt,
#transit .info_box dd{
	margin:0 0 2px;
}
#transit .info_box dt img{
	vertical-align:bottom;
}
#transit .info_box dt span img{
	margin-left:5px;
}
#transit .info_box dd input{
	width:138px;
	height:16px;
	margin:0;
	padding:0;
	margin-right:4px;
}
#transit .info_box dd.route input{
	width:154px;
}
#transit .info_box dd img{
	vertical-align: middle;
}

/* IE6 */
* html #transit .info_box dt{
	margin:0;
}
* html #transit .info_box dd{
	margin:0;
}
* html #transit .info_box dd input{
	height:19px;
}
/* IE7 */
*+html #transit .info_box dt{
	margin:0;
}
*+html #transit .info_box dd{
	margin:0;
}



/* information（トップページ用）
--------------------------------------------------------------- */
#information h2 a{
	width:200px;
	background:url("../images/home/title_information_top.png") no-repeat;
}


/* ticket
--------------------------------------------------------------- */
#ticket{
	margin-bottom:15px;
}
#ticket h2 img{
	margin-left:-6px;
}
#ticket .info_box{
	background-color:#fffbef;
}
#ticket ul li{
	background:url("../images/home/icon_ticket.gif") no-repeat 0 0.25em;
	padding-left:20px;
}

#ticket_monthly{
	margin-bottom:15px;
}


/* event calendar
--------------------------------------------------------------- */
#event_calendar{
	margin-top:15px;
	margin-bottom:15px;
}
#event_calendar .info_box{
	padding:0 0 8px;
}

#event_calendar .info_box p{
	font-weight: bold;
	padding:5px 5px 3px;
}

#event_calendar ul{
	zoom:1;
}
#event_calendar ul:after {
	content:'';
	display:block;
	clear:both;
}
#event_calendar ul li{
	background:none;
	margin:0;
	padding:0;
	float:left;
	height:25px;
	line-height:25px;
	text-align:center;
}
#event_calendar ul li{
	width:118px;
}
#event_calendar ul li.prev,
#event_calendar ul li.next{
	width:40px;
}
#event_calendar ul li.prev a,
#event_calendar ul li.next a{
	display:block;
	width:40px;
	height:25px;
}
#event_calendar ul li.prev img,
#event_calendar ul li.next img{
	margin-top:6px;
}
#event_calendar ul li.next{
	float:right;
}

#event_calendar p{
	text-align:center;
}

#event_calendar table{
	width:280px;
	margin:0 auto;
}

#event_calendar th,
#event_calendar td{
	width:40px;
	text-align:center;
	vertical-align:center;
	font-size:12px;
}
#event_calendar th{
	background-color:#e6ebee;
}
#event_calendar .sun,
#event_calendar #sun{
	color:#c00;
}
#event_calendar .sat,
#event_calendar #sat{
	color:#58a1cc;
}
#event_calendar span.today{
/*	border-bottom:2px solid #57d2c5;*/
}
#event_calendar td a{
	display:block;
	width:40px;
	height:25px;
	line-height:25px;
	background:url("../images/home/icon_cal_event.gif") no-repeat center center;
	color:#fff;
}
#event_calendar td a:hover{
	color:#9ff;
}

#event_calendar table caption {
	text-align: center;
	font-size:12px;
}

#event_calendar table caption a{
	color:#0046ba;
	text-decoration:none;
}
#event_calendar table caption a:hover{
	color:#769abe;
}

/* contents
--------------------------------------------------------------- */
#sitemap_mini{
	margin-bottom:20px;
}
#sitemap_mini ul li ul{
	margin:3px 0 0 -10px;
}
#sitemap_mini ul li ul li{
	background:url("../images/home/icon_layer_line.gif") no-repeat 0 1px;
	padding-left:10px;
}

/* banner
--------------------------------------------------------------- */
#jr_banner{
	margin-bottom:12px;
}
#jr_banner h2{
	display:none;
}
#jr_banner li{
	margin-bottom:5px;
}
#pr_banner{
	margin-bottom:20px;
}
#pr_banner h2{
	margin-bottom:3px;
	background-color:#eff4f7;
	border:1px solid #b8cbd6;
	font-size:10px;
	font-weight:bold;
	line-height:1.1;
	color:#78a6c0;
	text-align:center;
}
#pr_banner li{
	margin-bottom:5px;
}


/* ====================================================================

	side bar

==================================================================== */

/* pick up
--------------------------------------------------------------- */
#pickup{
	margin-bottom:15px;
}
#pickup .info_box h3{
	margin-bottom:4px;
	font-size:12px;
	font-weight:bold;
}
#pickup .info_box li{
	background:url("../images/common/icon_bullet_blue.gif") no-repeat 0 0.25em;
}


/* premium
--------------------------------------------------------------- */
#premium{
	margin-bottom:15px;
	background:url("../images/home/bg_topics.png") no-repeat top left;
}
#premium h2 {
	height:32px;
}
#premium h2 span{
	display:none;
}
#premium .info_box{
	border-bottom:1px solid #cfbc8f;
	border-left:1px solid #cfbc8f;
	border-right:1px solid #cfbc8f;
}
#premium .info_box h3{
	margin-bottom:8px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#996633;
}
#premium .info_box li{
	background:url("../images/common/icon_bullet_gold.gif") no-repeat 0 0.25em;
}

/* present
--------------------------------------------------------------- */
#present{
	margin-bottom:15px;
}
#present .info_box{
	padding:8px 0;
	border-color:#ff981f;
}
#present .info_box ul{
	margin:0 0 10px 14px;
	zoom:1;
}
#present .info_box ul:after {
	content:'';
	display:block;
	clear:both;
}
#present .info_box li{
	background:none;
	padding:0;
	width:130px;
	float:left;
	margin:0 10px 0 0;
}
#present .info_box li img{
	margin-bottom:3px;
	border:1px solid #b8cbd6;
}
#present .info_box .btn_link{
	margin-right:8px;
}
#present .info_box span img{
	border:none;
}


/* recommend
--------------------------------------------------------------- */
#recommend{
	margin-bottom:10px;
}
#recommend .info_box h3{
	margin-bottom:4px;
	font-size:12px;
	font-weight:bold;
}
#recommend .info_box li{
	background:url("../images/common/icon_bullet_pink.gif") no-repeat 0 0.25em;
}

/* quiz
--------------------------------------------------------------- */
#quiz{
	margin:0 2px;
	background:url("../images/home/bg_top_quiz_bottom.png") no-repeat center bottom;
}
#quiz p.question{
	padding:2px 25px 8px;
	background:url("../images/home/bg_top_quiz_question.png") no-repeat center bottom;
}
#quiz ol.answer{
	padding:6px 18px 8px;
}
#quiz ol.answer li{
	padding-left:18px;
	margin-bottom:4px;
	background-repeat:no-repeat;
	background-position:0 0.1em;
}
#quiz ol.answer li.no_01{
	background-image:url("../images/home/icon_quiz_01.gif");
}
#quiz ol.answer li.no_02{
	background-image:url("../images/home/icon_quiz_02.gif");
}
#quiz ol.answer li.no_03{
	background-image:url("../images/home/icon_quiz_03.gif");
}
#quiz ol.answer li.no_04{
	background-image:url("../images/home/icon_quiz_04.gif");
}
#quiz ol.answer li.no_05{
	background-image:url("../images/home/icon_quiz_05.gif");
}
#quiz ol.answer li.no_06{
	background-image:url("../images/home/icon_quiz_06.gif");
}
#quiz ol.answer li.no_07{
	background-image:url("../images/home/icon_quiz_07.gif");
}
#quiz ol.answer li.no_08{
	background-image:url("../images/home/icon_quiz_08.gif");
}
#quiz ol.answer li.no_09{
	background-image:url("../images/home/icon_quiz_09.gif");
}
#quiz ol.answer li.no_10{
	background-image:url("../images/home/icon_quiz_10.gif");
}
#quiz p.btn{
	height:42px;
	text-align:center;
}
#quiz p.btn img{
	margin-top:7px;
}

#quiz .quizpage{
	padding-bottom:8px;
	text-align:center;
}
#quiz .quizpage a{
	background:url("../images/common/icon_bullet_blue_s.gif") no-repeat 0 0.35em;
	padding-left:10px;
}

/* site inquiry
--------------------------------------------------------------- */
#side_inquiry{
	margin:12px 0;
}


table#tblOuterIc-W8gpdo-l-qgr-m,
table#tblOuterIc-W8gpdo-l-qgr-m tr,
table#tblOuterIc-W8gpdo-l-qgr-m td,
table.styleic-w8gpdo-l-qgr-m{
	width:270px !important;
	background-color:#fdf7e1 !important;
	font-size:12px;
}
table#tblOuterIc-W8gpdo-l-qgr-m,
table#tblOuterIc-W8gpdo-l-qgr-m tr,
table.styleic-w8gpdo-l-qgr-m{
	padding:0 !important;
}
table#tblOuterIc-W8gpdo-l-qgr-m td.styleic-w8gpdo-l-qgr-m{
	padding:0 10px 5px !important;
}
table#tblOuterIc-W8gpdo-l-qgr-m{
	margin:10px 15px;
	background-color:#fdf7e1;
}
#quiz hr{
	display:none;
}
#quiz b{
	height:0;
}
input#button_GadgetVote_qid2Ic-W8gpdo-l-qgr-m{
	background:#39abf7 !important;
	width:auto !important;
	padding:4px 20px;
	color:#fbfe00;
	font-weight:bold;
	border:1px solid #2f91ff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}

/* 駅弁の歌
--------------------------------------------------------------- */
#ekiben-mp3{
	margin-bottom: 15px;
}

#ekiben-mp3 .box{
	font-size: 12px;
	padding: 4px 4px 2px;
	border: 1px solid #221200;
	border-top: none;
	text-align:center;
	font-weight: bold;
}

/* SNS Twitter facebook banner
--------------------------------------------------------------- */
#sns_area{
	margin-top:30px;
}
#sns_area h2{
	margin:0 0 20px 8px;
}
#sns_area img.bnr{
	margin:0 0 15px 10px;
}
#sns_area a img, #sns_area a{ 
	border: 1px solid #ffffff; 
}
#sns_area a:hover img{ 
	border: 1px solid #aaaaaa;
}

#tweet_timeline{
	margin-bottom:15px;
}