@charset "Shift_jis";
/* CSS Document */

#main{
	margin-top:-80px;
}


/* pageHeader
---------------------------------*/
#pageHeader{
	text-align:right;
	margin-bottom:15px;
}

#pageHeader #title{
	margin-bottom:5px;
}

#pageHeader .trainData{
	margin-bottom:10px;
}

#pageHeader .trainData dt{
	display:inline;
	padding-left:1em;
	font-weight:normal;
	font-size:0.9em;
}

#pageHeader .trainData dd{
	display:inline;
	font-size:0.9em;
}

#pageHeader .stamp{
	position:absolute;
	top:auto;
	left:auto;
	bottom:-85px;
	right:5px;
}

/* mainVisual
---------------------------------*/
#mainVisual{
	margin-bottom:20px;
}

#mainVisual ul{
	overflow:hidden;
	zoom:1;
	margin-right:-20px;
}

#mainVisual li{
	float:left;
	margin-right:20px;
}

/* MainVisualSlider
---------------------------------*/
#mainVisual_slide{
	margin-bottom:20px;
	min-height:347px;
	height:auto !important;
	height:400px;
}

#mvSlider{
	position:relative;
	zoom:1;
	width:593px;
	margin:0 auto;
}

#mvSlider ul{
	margin-right:0px;
	height:347px;
}

#mvSlider li{
	float:left;
	margin-right:0px;
}

#mvSlider .btn_prev{
	position:absolute;
	left:-50px;
	top:50%;
	margin-top:-30px;
}

#mvSlider .btn_next{
	position:absolute;
	right:-50px;
	top:50%;
	margin-top:-30px;
}

#mvSlider .btn_next a{
	display:block;
	width:40px;
	height:40px;
	background:url(../images/share/bg_btn_nav03.png) no-repeat;
	text-indent:-9999px;
}

#mvSlider .btn_prev a{
	display:block;
	width:40px;
	height:40px;
	background:url(../images/share/bg_btn_nav03.png) 0 -40px no-repeat;
	text-indent:-9999px;
}

#mvSlider .carouPage {
	text-align: center;
	display: table;
	margin-left:23%;
}

#mvSlider .carouPage a {
	display: table-cell;
	float:left;
	width: 20px;
	height: 20px;
	margin: 15px 10px;
	background: url(../images/share/bg_btn_pagination_nav.png) 0 -20px no-repeat;
	text-indent:-9999px;
}

#mvSlider .carouPage a.selected {
	background: url(../images/share/bg_btn_pagination_nav.png) no-repeat;
}

/* lead , banner
---------------------------------*/
#lead,#banner{
	margin-bottom:20px;
}

/* pageNav
---------------------------------*/
#pageNav,
#pageNav2,
#pageNav3,
#pageNav4,
#pageNav5,
#pageNav6,
#pageNav7{
	overflow:hidden;
	zoom:1;
}

#pageNav li,
#pageNav2 li,
#pageNav3 li,
#pageNav4 li,
#pageNav5 li,
#pageNav6 li,
#pageNav7 li{
	float:left;
}

#pageNav a,
#pageNav2 a,
#pageNav3 a,
#pageNav5 a,
#pageNav6 a,
#pageNav7 a{
	display:block;
	height:43px;
	margin-bottom:20px;
	text-indent:-9999px;
}

#pageNav4 a{/*楽しい列車用*/
	display:block;
	height:41px;
	text-indent:-9999px;
}

#pageNav a{
	width:133px;
	background:url(../images/trains/share/bg_pagenav.png) no-repeat;
}

#pageNav2 a{
	width:176px;
	background:url(../images/trains/share/bg_pagenav2.png) no-repeat;
}

#pageNav3 a{
	width:355px;
	background:url(../images/trains/share/bg_pagenav3.png) no-repeat;
}

#pageNav4 a{
	width:352px;
	background:url(../images/trains/share/bg_pagenav4.png) no-repeat;
}

#pageNav5 a{
	width:235px;
	background:url(../images/trains/share/bg_pagenav5.png) no-repeat;
}

#pageNav6 a{
	width:176px;
	background:url(../images/trains/share/bg_pagenav6.png) no-repeat;
}

#pageNav7 a{
	width:704px;
	background:url(../images/trains/share/bg_pagenav7.png) no-repeat;
}

#pageNav #pnav02 a{background-position:-133px 0;}
#pageNav #pnav03 a{background-position:-266px 0; width:150px;}
#pageNav #pnav04 a{background-position:-416px 0; width:148px;}
#pageNav #pnav05 a{background-position:-564px 0; width:141px;}

#pageNav2 #pnav02 a{background-position:-176px 0;}
#pageNav2 #pnav03 a{background-position:-352px 0;}
#pageNav2 #pnav04 a{background-position:-528px 0; width:177px;}

#pageNav3 #pnav02 a{background-position:-355px 0; width:350px;}

#pageNav4 #pnav02 a{background-position:-352px 0;}
#pageNav4 #pnav03 a{background-position:0 -41px;}
#pageNav4 #pnav04 a{background-position:-352px -41px;}
#pageNav4 #pnav05 a{background-position:0 -82px;}
#pageNav4 #pnav06 a{background-position:-352px -82px;}
#pageNav4 #pnav07 a{background-position:0 -123px;}
#pageNav4 #pnav08 a{background-position:-352px -123px;}
#pageNav4 #pnav09 a{background-position:0 -164px;}
#pageNav4 #pnav10 a{background-position:-352px -164px;}

#pageNav5 #pnav02 a{background-position:-235px 0;}
#pageNav5 #pnav03 a{background-position:-470px 0;}

#pageNav6 #pnav02 a{background-position:-176px 0;}
#pageNav6 #pnav03 a{background-position:-352px 0;}
#pageNav6 #pnav04 a{background-position:-528px 0; width:177px;}



/* pageNav
---------------------------------*/
#topicPatch{
	margin-bottom:20px;
}

#topicPatch li{
	display:inline;
}


/* section layout
---------------------------------*/
.sec{
	padding:40px 0;
	background:url(../images/share/bg_line01.png) no-repeat;
	zoom:1;
}

.sec:after{
	content:"";
	display:block;
	clear:both;
}

.sec h2{
	width:88px;
	float:left;
}

.sec .inner{
	width:616px;
	float:right;
	}

.sec .zoom{
	position:absolute;
	right:18px;
	bottom:18px;
	width:23px;
	height:23px;
	background:url(../images/trains/share/ico_zoom.png) no-repeat;
	text-indent:-9999px;
}

.sec .note{
	font-size:77%;
}



/* intro
---------------------------------*/
#intro .fr{
	width:320px;
	overflow:hidden;
}

#intro .frame01{
	width:266px;
	height:183px;
	padding:9px 0 0 9px;
	float:left;
	position:relative;
	background:url(../images/trains/share/bg_frame01.png) no-repeat;
}

#intro .frame02{
	width:266px;
	height:246px;
	padding:9px 0 0 9px;
	float:left;
	position:relative;
	background:url(../images/trains/share/bg_frame05.png) no-repeat;
}


#intro .frame03{
	padding:10px;
	position:relative;
	background:url(../images/trains/share/bg_frame03.png) no-repeat;
}

#intro h3{
	margin-bottom:20px;
	font-size:107%;
}

#intro .intro02{
	width:366px;
	float:left;
}

#intro .intro03{
	width:221px;
	float:right;
}


/* plan
---------------------------------*/
#plan .frame02{
	margin-bottom:20px;
}


#plan .type{
	margin-bottom:20px;
	font-weight:bold;
	font-size:107%;
}


/* attractiveness
---------------------------------*/
#attractive p,
#attractive h3 {
	margin-bottom: 20px;
}

#attractive .attractiveHead {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../images/trains/share/bg_dotline.png) left bottom no-repeat;
}

#attractive .y-map {
	width: 316px;
	height: 160px;
	padding: 10px;
	background: url(../images/trains/share/bg_ymap.png);
	float: right;
}

#attractive .maparea {
	width:315px;
	height: 140px;
	margin-bottom: 5px;
}

#attractive .ph{
	float: left;
	margin-right: 20px;
}

#attractive .attractiveHead .txt,
#attractive .item,
#attractive .item .txt {
	overflow: hidden;
	*zoom:1;
}

#attractive .access {
	padding-top: 10px;
	background: url(../images/trains/share/bg_access_top.png) no-repeat;
}

#attractive .access dl {
	padding: 0 12px 15px 10px;
	background: url(../images/trains/share/bg_access_btm.png) left bottom no-repeat;
}

#attractive .access_l {
	padding-top: 10px;
	background: url(../images/trains/share/bg_access_top_L.png) no-repeat;
}

#attractive .access_l dl {
	padding: 0 12px 15px 10px;
	background: url(../images/trains/share/bg_access_btm_L.png) left bottom no-repeat;
}


/* calender
---------------------------------*/
.calContainer{
	margin-bottom:15px;
	padding-top:20px;
	background:url(../images/trains/share/bg_cal_top.png) no-repeat;
}

.calInner{
	padding-bottom:20px;
	background:url(../images/trains/share/bg_cal_bottom.png) left bottom no-repeat;
}

.calender{
	padding:2px 16px;
	background:url(../images/trains/share/bg_cal_body.png) repeat-y;
}

.calData.col2 .first{
	margin-left:100px;
}

.calData.col1 .first{
	margin-left:200px;
}


.cal{
	width:170px;
	margin-left:37px;
	margin-bottom:10px;
	float:left;
}

.cal.first{
	margin-left:0;
}

.cal a{
	color:#fff !important;
	text-decoration:none;
}

.cal a:hover{
	text-decoration:underline !important;
}

.cal table{
	margin-bottom:10px;
}

.cal caption,
.cal2 caption{
	display:table-caption;
	margin-bottom:3px;
	background-color:#d1d1cf;
	font-weight:bold;
}

.cal td{
	width:24px;
	height:23px;
	text-align:center;
	line-height:1;
	vertical-align:middle;
	font-size:92%;
}

.cal td.mark01{
	background:url(../images/trains/share/bg_mark01.png) no-repeat;
	color:#fff;
}

.cal td.mark01_2{
	background:url(../images/trains/share/bg_mark01_2.png) no-repeat;
	color:#fff;
}

.cal td.mark02{
	background:url(../images/trains/share/bg_mark02.png) no-repeat;
	color:#fff;
}

.cal td.mark03{
	background:url(../images/trains/share/bg_mark03.png) no-repeat;
	color:#fff;
}

.cal td.mark04{
	background:url(../images/trains/share/bg_mark04.png) no-repeat;
	color:#fff;
}

.cal td.mark05{
	background:url(../images/trains/share/bg_mark05.png) no-repeat;
	color:#fff;
}

.cal td.mark05_2{
	background:url(../images/trains/share/bg_mark05_2.png) no-repeat;
	color:#fff;
}

.cal .note{
	text-align:left;
}

.cal .note dt{
	font-weight:normal;
}


/* blankList
---------------------------------*/
.blankLink{
	padding-left: 15px;
	background: url(../images/trains/share/ico_blank01.png) left center no-repeat;
}

/* inlineList
---------------------------------*/
.inlineList li {
	display: inline;
	padding: 0 10px;
	border-left: #000 1px solid;
}

.inlineList li.first {
	padding-left: 0;
	border-left: none;
}


/* ticket
---------------------------------*/
.ticketLink{
	overflow:hidden;
	zoom:1;
}

.ticketLink li{
	float:left;
}

/* POKEMON with YOU/ */

#columnBlock .hn1{
	min-height:155px;
}

* html #columnBlock .hn1{
	height:155px;
}

#columnBlock .withBlock{
	width:446px;
	background:url(../images/trains/pokemon/with_bg.png) left bottom no-repeat;
	padding:0 0 18px;
	margin:0 auto;
}

#columnBlock .withBlock .columnTit{
	text-align:center;
	margin-bottom:5px;
}

#columnBlock .withBlock .txt{
	width:250px;
	float:left;
	padding:0 15px 0 20px;
}

#columnBlock .text-ss { font-size: 65%; }

#columnBlock .withBlock .btn{
	float:left;
	text-align:center;
}

#columnBlock .withBlock .btn .pdf{
	margin-top:5px;
}
/* /POKEMON with YOU */



/* 画像文字
---------------------------------*/
.taku{
	vertical-align:top;
}


/* リゾートしらかみ専用スタイル
---------------------------------*/
#shirakami #pageHeader{
	margin-bottom:60px;
}

#shirakami #mainVisual .col{
	width:213px;
	float:left;
	margin-right:31px;
	text-align:right;
}

#shirakami #mainVisual .last{
	margin-right:0;
}

#shirakami #mainVisual h2{
	margin-bottom:10px;
}

#shirakami .trainData {
	margin-bottom:20px;
}

#shirakami .trainData li{
	float:none;
}

#shirakami .trainDatanote{
	font-size:77%;
	text-align: left;
}

#shirakami .trainDatanote li{
	text-indent:-1em;
	margin-left:1em;
}

#shirakami .addFavorite{
	margin-bottom:30px;
}

#shirakami .stamp{
	top:auto;
	left:auto;
	bottom:-100px;
	right:5px;
}

#shirakami #lead p{
	margin-bottom:20px;
}

#shirakami ul.note li{
	text-indent:-1em;
	margin-left:1em;
}

#shirakami .cal2,
#shirakami .note{
	width:444px;
	margin:0 auto;
}

#shirakami .cal2 caption{
	margin-bottom:5px;
	padding:2px 0;
	background:#ccc;
	font-weight:bold;
}

#shirakami .cal2 td{
	width:22px;
}

#shirakami .cal2 .blank{
	width:70px;
}

#shirakami th,
#shirakami td{
	padding:1px 0;
	text-align:center;
}

#shirakami tr.mb10 th,
#shirakami tr.mb10 td{
	padding-bottom:10px;
}



/* その他の列車専用スタイル
---------------------------------*/
#other #pageHeader{
	margin-bottom:30px;
}

#other #title{
	margin-bottom:15px;
}

#other .trainData{
	font-size:85%;
}

#other #mainVisual{
	height:270px;
	padding-top:90px;
	background:url(../images/trains/other/bg_main.jpg) no-repeat;
}

#other #pageNav4{
	margin-bottom:20px;
}

#other .train{
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}

#other .train .header{
	height:40px;
	margin-bottom:20px;
	position:relative;
	z-index:10;
}

#ohter .train .header h2{
	position:absolute;
}

#other .btn_favo{
	position:absolute;
	right:10px;
	top:10px;
	width:170px;
	height:22px;
}

#other .btn_favo a{
	display:block;
	width:170px;
	height:22px;
	padding-top:22px;
	background:url(../images/trains/other/btn_favorite2.png) no-repeat;
}

#other .favo .btn_favo a{
	background-position:0 -22px;
}

#other .stamp{
	right:auto;
	bottom:auto;
	left:200px;
	top:50px;
	z-index:11;
}

#other .train .txt{
	width:408px;
	float:right;
}

#other .train .frame01{
	width:266px;
	height:183px;
	padding:9px 0 0 9px;
	float:left;
	position:relative;
	background:url(../images/trains/share/bg_frame01.png) no-repeat;
}


/*for ie6
****************************/
.ie6 #main{
	margin-right:-16px;
}

.ie6 #shirakami #main,
.ie6 #other #main,
.ie6 #touhoku #main {
	margin-right:0;
}

.ie6 #pageHeader .stamp{
	bottom:-90px;
}

.ie6 #intro .frame03{
	zoom:1;
}

.ie6 #main .inner{
	zoom:1;
	overflow:hidden;
}

.ie6 #pageHeader{
	zoom:1;
}

.ie6  #addFavorite{
	zoom:1;
}

.ie6 .cal{
	display:inline;
}

.ie6 .cal caption,
.ie6 .cal2 caption,
.ie7 .cal caption,
.ie7 .cal2 caption{
	display:block !important;
}