@charset "utf-8";

/*------------------------------------------------
index.css
2010.04.23
BS朝日　鉄道のたび
------------------------------------------------*/

*{
margin:0;
padding:0;
}

body{
font:"ＭＳ Ｐゴシック",Osaka,Arial, sans-serif;
}

ul,li {
	list-style: none;
	}

img {
	border: none;
	}

/* common
------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background: #ebeef7;
	font-size: 15px;
	line-height: 1.5em;
	color: #333333;
	}

#main {
	width: 968px;
	margin: 0px auto;
	background: #FFFFFF;
	border: 1px #8f9bbf solid;
	border-top:none;
	}

#main2 {
	width: 968px;
	margin: 0px auto;
	background: #ebeef7;
	border-top:none;
	}

/* head
------------------------------------------------*/




/* navi
------------------------------------------------*/

#main #navi_area ul{
border-top:solid 1px #8f9bbf;
border-bottom:solid 1px #8f9bbf;
}

#main #navi_area ul li{
height:43px;
float:left;
border-right:solid 1px #8f9bbf;
}

#main #navi_area ul li.last{
border:none;
}


#main #navi_area2 ul{
border:none;
margin:0 auto;
/*border-top:solid 1px #8f9bbf;
border-bottom:solid 1px #8f9bbf;*/
}

#main #navi_area2 ul li{
height:52px;
float:left;
/*border-right:solid 1px #8f9bbf;*/
}

#main #navi_area2 ul li.last{
border:none;
}

/* category
------------------------------------------------*/

#main .category{
	position:relative;
	top:0;
	left:0px;
	padding:18px 19px 19px 19px;
	background:#ffffff url(../images/category_bg01.jpg) no-repeat left top;
}


#main .category h2{
padding:0 0 9px 10px;
margin-bottom:20px;
background:url(../images/hdg_bg03.gif) no-repeat left top;
}

#main .category .leaf{
position:absolute;
right:0;
top:0;
}

#main .category .contents h3{
padding:0 0 10px 0px;
margin:30px 0 15px 0;
background:url(../images/hdg_bg03.gif) no-repeat left bottom;
font-size:18px;
color:#0029a6;
}


#main .category .contents h4 {
	margin-top: 20px;
	margin-bottom: 15px;
}

div.imgJacket {
	float: left;
	height: 180px;
	margin-right: 10px;

}
table.tbl02 {
	width: 690px;
	height: 180px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
table.tbl02 th {
	background-color: #AF7B20;
	background:url(../images/table_bg.jpg) repeat left bottom;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
	color:#FFFFFF;
}
table.tbl02 td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;
}
table.tbl02 td.center {
	text-align: center;
}
table.tbl02 td.left {
	padding-left: 3px;
	text-align: left;
}

table.tbl03 td {
	background-color: #AF7B20;
	background:url(../images/table_bg.jpg) repeat left bottom;
	text-align: center;
	color:#FFFFFF;
}

#main ul.list03 {
	text-align:center;
	margin-top: 15px;
}
#main ul.list03 li {
	display: inline;
	margin-right: 20px;
}

#main ul.list04 {
	margin-top: 15px;
}
#main ul.list04 li {
	float: left;
	width: 136px;
	height: 75px;
	margin-right: 6px;
	border: 3px solid #ffd45d;
	background-color: #faf6eb;
	text-align: center;
	line-height: 1.0;
}
#main ul.list04 li img {
	margin-top: 15px;
}
#main ul.list04 li.twoLine img {
	margin-top: 2px;
}


#main .category .contents h3.text{
	padding-top:5px;
}

#main .category .contents p.txly{
	width:808px;
	font-size:15px;
}

/* common
------------------------------------------------*/

.firstItem{
margin-top:0 !important;
}

#main h2{
background:url(../images/hdg_bg02.jpg) no-repeat left top;
padding:20px 0 18px 19px;
}


#main .coloumA01{
float:left;
margin-right:20px;
width:240px;
}


#main .coloumA02{
float:left;
width:670px;
}

#main .coloumB01{
float:left;
margin-right:20px;
}

#main .coloumB02{
float:right;
width:661px;
padding-right:49px;
margin-bottom:20px;
}

#main .coloum_tabi{
/*float:left;*/
margin-right:20px;
}

#main .coloumA02 span{
color:#0029a6;
font-size:17px;
}

#main .coloumB02 .name{
margin-bottom:15px;
}

#main  dl.list01{
width:550px;
margin-top:15px;
}

#main  dl.list01 dt{
font-weight:bold;
font-size:16px;
}


#main ul.list01{
height:36px;
text-align:right;
margin-top:20px;
}

#main ul.list01 li{
display:inline;
}

#main ul.list01 li img{
overflow:hidden;
}

*html #main ul.list01 li{
margin-left:5px;
}

*+html #main ul.list01 li{
margin-left:5px;
}

#main ul.list02{
margin-top:20px;
}

#main ul.list02 li{
background:url(../images/icon_circle.gif) no-repeat left 0.2em;
padding-left:17px;
}







#main ul.list05{
	height:36px;
	text-align:center;
	margin-top:20px;
}

#main ul.list05 li{
display:inline;
}

#main ul.list05 li img{
overflow:hidden;
}

*html #main ul.list05 li{
margin-left:5px;
}

*+html #main ul.list05 li{
margin-left:5px;
}











table.tbl01 {
width:930px;
border:0 none;
border-top:1px solid #e4ddcc;
margin-top:20px;
}

table.tbl01 tbody tr {
border-bottom:1px solid #e4ddcc;
}

table.tbl01 tbody th {
font-weight:bold;
padding:5px 30px 5px 10px;
vertical-align:top;
white-space:nowrap;
color:#0029a6;
/*width:150px;*/
/*width:180px;*/
width:260px;
text-align:left;
}
table.tbl01 tbody th, table.tbl01 tbody td {
border:0 none;
border-bottom:1px solid #e4ddcc;
padding:5px;
}

table.tbl01 tbody td {
vertical-align:top;
}


table.tbl_tabi {
width:900px;
border:0 none;
border-top:1px solid #e4ddcc;
margin-top:20px;
margin-left:10px;
}

table.tbl_tabi tbody tr {
border-bottom:1px solid #e4ddcc;
}

table.tbl_tabi tbody th {
font-weight:bold;
padding:5px 30px 5px 10px;
vertical-align:top;
white-space:nowrap;
color:#0029a6;
/*width:150px;*/
/*width:180px;*/
width:260px;
text-align:left;
}
table.tbl_tabi tbody th, table.tbl_tabi tbody td {
border:0 none;
border-bottom:1px solid #e4ddcc;
padding:5px;
/*font-weight:bold;*/
}

table.tbl_tabi tbody td {
vertical-align:top;
}



#main ul.imgphoto,
#main ul.imgphotoB{
	margin-top:20px;
	font-size:13px;
	line-height: 1.35em;
	margin-bottom:5px;
}


#main ul.imgphoto li{
margin-right:6px;
float:left;
}

#main ul.imgphotoB li{
margin-right:12px;
float:left;
width:214px;
}

#main ul.imgphoto li.last,
#main ul.imgphotoB li.last{
margin-right:0;
}

#main ul.imgphoto li img,
#main ul.imgphotoB li img{
overflow:hidden;
}

#main ul.imgphotoB li img{
margin-bottom:8px;
}

#main ul.imgphotoB li img.img-border{
padding:2px;
border:1px solid #c1ad64;
}


#main .contents{
padding:0 0 0 10px;
}

.contentsPrestrap {
	margin: 25px 0 15px 0;
}

p.soon{
text-align:center;
padding:150px 0;
}

/*p.mook_img{
position:absolute;
top:53px;
left:71px;
zoom:1;
}*/
p.mook_img{
position:absolute;
top:30px;
left:48px;
zoom:1;
}
p.bnrshueisha {
position:absolute;
top:161px;
left:630px;
zoom:1;
}

#main div.mapareaA00{
background:url(../images/index02_mapbg02.gif) repeat-y left center;
}

#main div.mapareaB00{
background:url(../images/index02_mapbg01.gif) no-repeat left top;
}

#main div.mapareaC00{
background:url(../images/index02_mapbg03.gif) no-repeat left bottom;
padding:1px 15px 1px 15px;
}

div.maparea01{
float:left;
width:260px;
margin-right:10px;
background:url(../images/line_bg.jpg) repeat-y left top;
padding: 15px 0 5px 0;
}

div.ovf{
height: 620px;
overflow: auto;
}

ul.linklist01 li{
background:url(../images/line_list_bg.jpg) repeat-y left top;
padding:5px 26px;
margin-bottom:9px;
text-align: center;
width: 178px;
font-size: 82%;
}

#main2 div.banner{
	margin:10px 0 0 0;
	/*float:right;*/
}
#main2 div.banner02{
	margin:15px;
}

#main div.maparea02{
float:right;
width:620px;
padding: 10px 0;
}

#main div.maparea02-line{
background:url(../images/index02_outline.gif) no-repeat left top;
padding:5px;
width:610px;
margin-bottom: 10px;
}


/*
2010/01/12 add
-----------------------------*/
.index01Title {
	margin-bottom: 0.5em;
	color:#0029a6;
	font-size:17px;
	font-weight: bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/*
2011/04/06 add
-----------------------------*/
.index01Title2 {
	margin-bottom: 0.5em;
	margin-top:20px;
	margin-left:15px;
	color:#0029a6;
	font-size:16px;
	font-weight: bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.index01tabi {
	margin-bottom: 0.5em;
	width:890px;
	float:left;
	margin-left:15px;
}


/*
2010/04/23 add
-----------------------------*/

/* 鉄道地図 */
li.ttl-style {
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
height: 20px;
}

ul.linklist01 li.ttl-hokkaido { background:url(../images/ttl_hokkaido.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-tohoku { background:url(../images/ttl_tohoku.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-kanto { background:url(../images/ttl_kanto.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-chubu { background:url(../images/ttl_chubu.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-kinki { background:url(../images/ttl_kinki.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-chugoku { background:url(../images/ttl_chugoku.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-shikoku { background:url(../images/ttl_shikoku.jpg) no-repeat left top; !important}
ul.linklist01 li.ttl-kyushu { background:url(../images/ttl_kyushu.jpg) no-repeat left top; !important}


ul.linklist01 li a{
color: #ffff00;
}

ul.linklist01 li a:hover{
color: #ff0000;
}

.att-txt {
font-size: 82%;
}


/* プレゼント */
a.i-circle{
background:url(../images/i_circle.gif) no-repeat left top;
width:36px;
height: 31px;
display: block;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
float: left;
}

a.i-circle:hover{
background:url(../images/i_circle_ov.gif) no-repeat left top;
}

.f-left {
float: left;
}

.mar-Th3 {margin: 3px 0px 0px 0px;}



/* バックナンバー */
.back-sp {
	padding: 15px 15px 15px 15px !important;
}

.back-left {
float: left;
width: 600px;
background:url(../images/back_arrow.gif) no-repeat right center;
margin:0 0 0 0;
}

.back-right {
float: right;
width: 290px;
margin:0 auto;
}

.back-right iframe {
border: solid 1px #cccccc;
padding: 0 0 0 0;
width:260px;
height:385px;
}

.back-left h3,
.back-right h3{
margin-bottom: 5px;
}


/* インラインフレーム */
body#menu {
background: #ffffff url(../images/line_bg.jpg) repeat-y left top;
padding: 0 0;
}

body#menu div.maparea01{
float:none;
width:240px;
}









/*
2010/07/30 add
-----------------------------*/
/* 放送履歴 */
#main .category02{
	width:918px;
	margin:20px auto;
	padding:6px;
	border:1px solid #ccc;
	background:#E8E8E8;
}
.category02 table{
	width:454px;
	margin:0;
	padding:0;
}
.category02 .left{
	float:left;
}
.category02 .right{
	float:right;
}
.category02 table th{
	margin:0;
	padding:0 0 1px 0;
}
.category02 table td{
	border:1px solid #333333;
	margin:0;
	padding:0;
	color:#ffffff;
}
.category02 table td.count{
	width:53px;
	background: transparent url(../images/index03_bg01.gif) repeat-x left center;
	text-align:center;
	font-size:10pt;
	padding:4px 0;
}
.category02 table td.date{
	width:85px;
	background: transparent url(../images/index03_bg02.gif) repeat-x left center;
	text-align:center;
	font-size:10pt;
	padding:4px 0;
}
.category02 table td.title{
	width:206px;
	background: transparent url(../images/index03_bg02.gif) repeat-x left center;
	margin:0;
	font-size:10pt;
	line-height:1.35em;
	padding:4px;
}
.category02 table td.btn01{
	width:42px;
	height:31px;
	border:1px solid #002B42;
	background: transparent url(../images/index03_bg03.gif) repeat-x left center;
	margin:0;
	padding:0;
/*	text-align:center;
	font-size:9pt;
	line-height:2em;*/
}
.category02 table td.btn02{
	width:42px;
	height:31px;
	border:1px solid #1F4E1F;
	background: transparent url(../images/index03_bg04.gif) repeat-x left center;
	margin:0;
	padding:0;
/*	text-align:center;
	font-size:9pt;
	line-height:2em;*/
}
/*.category02 table td.btn01 a,
.category02 table td.btn02 a{
	width:100%;
	height:100%;
	line-height:2em;
	display:block;
	color:#ffffff;
	text-decoration:none;
}
.category02 table td.btn01 a:hover,
.category02 table td.btn02 a:hover{
	color:#ffffff;
	text-decoration:underline;
}*/


#main .category03{
	width:918px;
	margin:20px auto;
	padding:6px;
	border:1px solid #ccc;
	background:#E8E8E8;
}

.category03 table{
	width:628px;
	margin:0;
	padding:0;
}

.category03 table th{
	margin:0;
	padding:0 0 1px 0;
}
.category03 table td{
	border:1px solid #333333;
	margin:0;
	padding:0;
	color:#ffffff;
}
.category03 table td.count{
	width:53px;
	background: transparent url(../images/index03_bg01.gif) repeat-x left center;
	text-align:center;
	font-size:10pt;
	padding:4px 0;
}
.category03 table td.date{
	width:85px;
	background: transparent url(../images/index03_bg02.gif) repeat-x left center;
	text-align:center;
	font-size:10pt;
	padding:4px 0;
}
.category03 table td.title{
	width:406px;
	background: transparent url(../images/index03_bg02.gif) repeat-x left center;
	margin:0;
	font-size:10pt;
	line-height:1.35em;
	padding:4px;
}

.category03 table td.flag{
	width:42px;
	height:31px;
	background: transparent url(../images/index03_bg02.gif) repeat-x left center;
	margin:0;
	padding:0;
}

.category03 table td.btn{
	width:42px;
	height:31px;
	/*border:1px solid #1F4E1F;*/
	background: transparent url(../images/index03_bg05.gif) repeat-x left center;
	margin:0;
	padding:0;
}




/*
2010/09/14 add index03.html
-----------------------------*/
dl.thumSP {
	width: 900px;
	margin-top: 24px;
	margin-left: 20px;
	margin-bottom: 24px;	
	padding: 17px 0 17px 17px;
	border: 1px solid #eee7d8;
}
dl.thumSP dt {
	float: left;
}
dl.thumSP dd {
	margin-left: 80px;
}
dl.thumSP dd a:link {color: #0010de;}
dl.thumSP dd a:visited {color: #0010de;}
dl.thumSP dd a:hover {color: #0010de;}
dl.thumSP dd a:active {color: #0010de;}


/*
2010/09/14 add indexSP_01.html
-----------------------------*/
.contents p.txtHeading {
	margin: 25px 0;
	color:#0029a6;
	font-size:17px;
	font-weight: bold;
}
.contents p.txtHeading {
	margin: 25px 0;
	color:#0029a6;
	font-size:17px;
	font-weight: bold;
}

.contents p.txtHeading2 {
	margin: 10px 0;
	color:#0029a6;
	font-size:18px;
	font-weight: bold;
}

.indexSP_01routeTxt {
	float: left;
	width: 475px;
	margin-right: 50px;
}
.indexSP_01routeImg {
	float: left;
	width: 371px;
}
.returnTOP {
	margin: 35px 0 15px 0;
}


.contents .movie-left {
	 float: left;
	 margin-top: 10px;
	 margin-right: 15px;
	 margin-bottom: 15px;
}





/* 車両図鑑 */
.zukan-sp {
	padding: 15px 15px 15px 15px !important;
}
.zukan-right {
float:left;
width:610px;
padding: 5px 0;
}
.zukan-left {
float: left;
width: 290px;
padding: 5px 0;
text-align:center;
}
.zukan-left iframe {
border: solid 1px #cccccc;
padding: 0;
width:260px;
height:603px;
_height:617px;
}
.zukan-right h3{
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin-bottom: 5px;
	color:#222222;
	font-size: 18px;
}
.zukan-left h3{
margin-bottom: 11px;
}
.zukan-right ul {
margin:0 0 0 0;
padding:0 0 5px 0;
}
.zukan-right ul li {
width: 200px;
height: 117px;
float: left;
margin:0 0 0 0;
padding:0 5px 0 0;
}
.zukan-right ul li img {
padding: 2px;
border:1px solid #BAA561;
}
.zukan-right ul li.last {
padding: 0 0 0 0;
}
.zukan-right .btn_box {
padding:5px 0 0 0;
text-align:right;
}







/* 車両図鑑 */

.zukan-sp {
	padding: 15px 15px 15px 15px !important;
}
.zukansp-right {
width:820px;
padding: 5px 0;
margin:0 auto;
}

.zukansp-right h3{
/*	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";*/
	margin-bottom: 5px;
	color:#0029A6;
	font-size: 18px;
}
.zukan-left h3{
margin-bottom: 11px;
}
.zukansp-right ul {
margin:0 0 0 0;
padding:0 0 5px 0;
}
.zukansp-right ul li {
width: 200px;
height: 117px;
float: left;
margin:0 0 0 0;
padding:0 5px 0 0;
}
.zukansp-right ul li img {
padding: 2px;
border:1px solid #BAA561;
}
.zukansp-right ul li.last {
padding: 0 0 0 0;
}
.zukansp-right .btn_box {
padding:5px 0 0 0;
text-align:right;
}





/*
HACH
-----------------------------*/
.c-box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7�p */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

td.newsCss {
	width: 90px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #AF7B20;
	/* Fx */
	background: -moz-linear-gradient(top, #d5b749, #835c16);  
	/* safari chrome */
	background: -webkit-gradient(linear, center top, center bottom, from(#d5b749), to(#835c16));
	/*　IE6・7　*/
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d5b749', endColorstr='#835c16');
	/*　IE8　*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d5b749', endColorstr='#835c16')";
}

div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td{
zoom:1;
}


/* マージン調整 */
.mar-B20 {margin: 0px 0px 20px 0px;}
.mar-B10 {margin: 0px 0px 10px 0px;}
.mar-B15 {margin: 0px 0px 15px 0px;}
.mar-T10 {margin: 10px 0px 0px 0px;}
.mar-T20 {margin: 20px 0px 0px 0px;}
.mar-R5 {margin: 0px 5px 0px 0px;}

/* clear
------------------------------------------------*/
#main div.mapareaA00:after,
#main div.mapareaB00:after,
#main div.mapareaC00:after,
#main .coloumB00:after,
#main .coloumA00:after,
#main #navi_area ul:after,
#main ul.imgphoto:after,
#main ul.imgphotoB:after,
#main ul.list04:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* リンクカラー 
------------------------------------------------*/
a:link {color: #7f6900;}
a:visited {color: #7f6900;}
a:hover {color: #EA3B2E;}
a:active {color: #7f6900;}

.pre{
	margin:0 auto;
	text-align:center;
	
}

/* FONT-COLOR
------------------------------------------------*/
.contents p span.colorBlue {
	color:#0029a6;
}