@charset "utf-8";

/*-------------------------◆初期値リセット◆\*/
#CONTENTS *{
	margin: 0; padding: 0;
	border: 0;
	font-size: 100%; font-style: normal; font-weight: normal;}



/*-------------------------◆大枠◆\*/
body{
	background-color: #ffffff;}

#WRAPPER{
	background: transparent url("../images/station_bg.gif") repeat-y left top;}

#CONTENTS{
	width: 770px;
	background: transparent url("../images/logo_bg.gif") no-repeat right bottom;}

#SERIAL, #TRAILER, #APPEARED, #DELIVERY, #INFO, #BACKNUMBER{
	padding: 0 10px 0 122px;}



/*-------------------------◆水平線（hr）◆\*/
#SNAVI hr{
	display: none;}

#CONTENTS hr{
	visibility: hidden;}

#APPEARED hr, #INFO #SPOT hr{
	clear: right;}

#TRAILER hr,
#INFO div.topic hr{
	clear: left;}

#INFO #MEMO hr{
	clear: both;}



/*-------------------------◆連載タイトル◆\*/
#CONTENTS h1{
	float: left;}



/*-------------------------◆連載情報◆\*/
#SERIAL{
	padding: 15px 15px 10px 130px;}

#SERIAL h2{
	float: left;}

#SERIAL ul{
	list-style-type: none;
	color: #555555; font-size: 9pt;
	line-height: 1.5; letter-spacing: 1pt;}

#SERIAL li{
	padding: 0 0 0 5px;}



/*-------------------------◆予告文◆\*/
#TRAILER{
	width: 550px;
	line-height: 1.8;}

#TRAILER h2{
	margin: 5px 0 10px 0;}

#TRAILER h3{
	line-height: 1.2;}

#TRAILER h3 span{
	color: #881113; font-weight: bold;}

#TRAILER h3 span.run{
	display: block;
	color: #000000;}

#TRAILER h3 span.name{
	font-size: 180%; font-family: serif;}

#TRAILER h3 span.area{
	font-size: 90%;}

#TRAILER h4{
	margin: 4px 0 5px 0;
	font-weight: bold; font-family: serif;
	letter-spacing: .1em;}

#TRAILER h4:before{
	content: "●";}

#TRAILER img.photo{
	display: block;
	float: left;
	margin: 7px 13px 1em 0;
	border: 1px solid #333333;}

#TRAILER p{
	position: relative;
	margin: 0 0 35px 0;
	font-size: 80%;}

body*#TRAILER p{
	margin: 0 0 35px 220px;}

#TRAILER p img{
	display: block;
	position: absolute; right: -85px; bottom: -40px;}



/*-------------------------◆掲載記事◆\*/
#APPEARED{
	margin: 0 0 0 0; padding: 0 10px 18px 122px;
	background: transparent url(../images/appeared_bg.gif) no-repeat 97% 100%;}

#APPEARED h2{
	margin: 10px 0 5px 0;}

#APPEARED h3{
	line-height: 1.2;}

#APPEARED h3 span{
	color: #335500; font-weight: bold;}

#APPEARED h3 span.run{
	display: block;
	color: #000000; font-size: 80%;}

#APPEARED h3 span.name{
	font-size: 150%; font-family: serif;}

#APPEARED h3 span.area{
	font-size: 80%;}

#APPEARED h4{
	margin: 13px 0 5px 0;
	font-weight: bold; font-family: serif;
	letter-spacing: .1em;}

#APPEARED h4:before{
	content: "●";}

#APPEARED p{
	font-size: 80%; line-height: 1.5;
	margin: 0 0 1em 0;}

#APPEARED div.photo{
	display: block;
	float: right;
	margin: 4px 0 0 10px;}

#APPEARED div.photo img{
	border: 1px solid #333333;}

#APPEARED div.photo span{
	display: block;
	width: 250px;
	margin: 3px 0 8px 0;
	color: #444444; font-size: 60%;
	line-height: 1.5; letter-spacing: 1pt;}

#APPEARED div.photo span:before{
	margin: 0 3px 0 0;
	color: #667744;
	content: "▲";}

#APPEARED div.photo br{
	display: none;}



/*-------------------------◆音と映像◆\*/
#DELIVERY{
	float: left;
	width: 256px;
	margin: 17px 0 0 122px; padding: 0;
	border-bottom: 3px double #bbccaa;
	background: #dceeda url("../images/haishin_bg.gif");}

#DELIVERY h2{
	padding: 0 0 3px 0;
	background-color: #ffffff;}



/*-------------------------◆映像◆\*/
#MOVIE h3{
	padding: 8px 7px 3px 7px;
	border-top: 3px double #bbccaa;
	font-size: 80%;}

#MOVIE h3:before{
	color: #99aa88;
	content: "■";}

#MOVIE img{
	padding: 4px; margin: 0 13px 5px 13px;
	border: 1px solid #ccddcc;
	background-color: #ffffff;}

#MOVIE div{
	width: 161px;
	margin: 0 7px 10px 7px; padding: 3px 3px 3px 90px;
	background: transparent url("../images/movie.gif") no-repeat left center;
	font-size: 10pt; line-height: 1px;}

#MOVIE div a{
	margin: 0 0 0 5px;}

#MOVIE div img{
	margin: 0; padding: 0;
	border: 0;}



/*-------------------------◆音◆\*/
#SOUND{
	border-top: 3px double #ffffff;}

#SOUND h3{
	margin: 5px 0 0 0; padding: 4px 10px 0 10px;
	font-size: 80%; font-weight: bold;}

#SOUND ul{
	list-style-type: circle;
	width: 210px;
	margin: 2px 0 6px 25px; padding: 2px 0 0 10px;
	font-size: 80%; line-height: 1.5em;}

#SOUND li{
	min-height: 18px;
	margin: 0; padding: 0 5px 0 0;}

#SOUND li a{
	color: #0000cc; text-decoration: none;}

#SOUND li a:hover{
	color: #0000cc; text-decoration: underline;}

#SOUND li a:active{
	color: #0000cc; text-decoration: underline;}



/*-------------------------◆周辺情報◆\*/
#INFO{
	margin: 17px 5px 0 270px;
	line-height: 1.5;}

#INFO p{
	font-size: 70%;}

#INFO h3{
	font-size: 80%; font-weight: bold; font-family: serif;}

#INFO h4{
	color: #343434;
	font-size: 90%; font-weight: bold; font-family: serif;}

#INFO div.photo img{
	display: block;
	border: 1px solid #333333;}



/*-------------------------◆おすすめスポット◆\*/
#INFO #SPOT{
	padding: 0 0 15px 0;}

#INFO #SPOT h3{
	padding: 4px 0 2px 0;}

#INFO #SPOT div.photo{
	float: right;}

#INFO #SPOT div.photo img{
	padding: 0; margin: 3px 0 0 8px;}



/*-------------------------◆追加情報◆\*/
#INFO div.topic{
	margin: 0 0 13px 0;}

#INFO div.topic h4{
	color: #000000; font-size: 80%;}
#INFO div.topic h4:before{
	content: "●";}

#INFO div.topic div.photo{
	float: left;}

#INFO div.topic div.photo img{
	padding: 0; margin: 0 8px 0 0;}

#INFO #SPOT div.photo span,
#INFO div.topic div.photo span{
	display: block;
	width: 180px;
	padding: 0 0 0 5px;
	color: #333333; font-size: 60%; letter-spacing: 1pt;}

#INFO #SPOT div.photo span:before,
#INFO div.topic div.photo span:before{
	margin: 0 3px 0 0;
	color: #ff6600;
	content: "▲";}



/*-------------------------◆駅メモ◆\*/
#INFO #MEMO{
	display: table;
	padding: 5px; margin: 3px 0 0 0;
	border: 1px solid #dddddd;
	background-image: url("../images/memo_bg.gif");}

#INFO #MEMO h3{
	font-size: 90%;}

#INFO #MEMO h3:before{
	margin: 0 4px 0 0;
	content: "■";}

#INFO #MEMO p{
	margin: 0 0 0 165px;}

#INFO #MEMO div{
	float: left;
	margin: 5px;}

#INFO #MEMO img{
	display: block;
	margin: 0 0 5px 0;
	border: 1px solid #434343;}



/*-------------------------◆バックナンバー◆\*/
#BACKNUMBER{
	clear: both;
	padding: 10px 15px 10px 120px;}

#BACKNUMBER h3{
	margin: 10px 0 5px 0;}

#BACKNUMBER ul{
	margin: 0 0 0 10px;
	line-height: 1.2em;}

#BACKNUMBER li{
	list-style-type: none;
	font-size: 80%;}

#BACKNUMBER li span{
	margin: 0 0 0 0.2em;
	font-size: 90%;
	vertical-align: middle;}
#BACKNUMBER li span:before{
	content: "― ";}

#BACKNUMBER li a:link{
	color: #000000;
	text-decoration: none;}
#BACKNUMBER li a:visited{
	color: #000000;
	text-decoration: none;}
#BACKNUMBER li a:hover{
	color: #0000cc;
	text-decoration: underline;}
#BACKNUMBER li a:active{
	color: #0000cc;
	text-decoration: underline;}



/*-------------------------◆TOPに戻る◆\*/
#MODORU{
	clear: both;
	font-size:10pt; text-align: right;
	padding: 10px 5px;}
#MODORU a{
	text-decoration: none;}

/*-------------------------◆CLEAR指定用の中見出し◆\*/
#NAKA{
	clear: both;}
#NAKA h2{
	font-size: 1px; color: white;
	visibility: hidden;}

/*-------------------------◆winIE用の指定◆\*/
#TRAILER{
	_margin: -300px 0 0 0;}

#TRAILER p{
	_width: 330px;}

#APPEARED div.photo span{
	_margin: -3px 0 8px 0;}

#DELIVERY{
	_width: 258px;
	_margin: 17px 0 0 60px; padding: 0;}

#DELIVERY hr{
	_display: none;}

#MOVIE img{
	_margin: 0 3px 0 13px;}

#MOVIE div{
	_margin: 0 0 5px 7px; _padding: 6px 3px 3px 87px;}

#SOUND li{
	_height: 18px;
	_margin: 5px 0 0 10px;}

#INFO #MEMO{
	_background: none;
	_border: 0;}

#INFO #MEMO p{
	_width: 165px;
	_margin: 5px 0 0 0; _padding: 5px;
	_border: 1px solid #dddddd;
	_background-image: url("../images/memo_bg.gif");}

#INFO #MEMO div{
	_float: right;}

#BACKNUMBER li span{
	_margin: 0 0 0 1em;
	_font-size: 80%; _font-style: italic;}

/*-------------------------◆広告領域（20060712）◆\*/
#AD{
	position: absolute; left: 0; top: 585px;
	width: 110px;}

#AD img.cover{
	margin: 0 0 0 7px;
	border: 1px solid #333333;}

#AD dl{
	padding: 5px 7px;
	font-size: 8pt;}

#AD dt{
	padding: 0 0 5px 0;}

#AD dt a:link,
#AD dt a:visited{
	font-weight: bold;
	text-decoration: none;}
#AD dt a:hover{
	text-decoration: underline;}
#AD dt a:active{
	text-decoration: none;}

/*-------------------------◆広告領域（20060712）◆\*/
#PREFECTURE{
	padding: 10px 15px 10px 120px;}

#PREFECTURE h2{
	margin: 0 0 5px 0;}

#PREFECTURE h3{
	margin: 14px 0 5px 28px;}

#PREFECTURE dl{
	margin: 0 28px 0 28px; padding: 5px 8px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	line-height: 1.5em;}

#PREFECTURE dt,
#PREFECTURE dd{
	font-size: 80%;}

#PREFECTURE dd{
	display: inline;}

#PREFECTURE dd span{
	display: block;}

#PREFECTURE dt span{
	margin: 0 0 0 0.2em;
	font-size: 90%;
	vertical-align: middle;}
#PREFECTURE dt span:before{
	content: "― ";}

#PREFECTURE dt a:link{
	color: #000000;
	text-decoration: none;}
#PREFECTURE dt a:visited{
	color: #000000;
	text-decoration: none;}
#PREFECTURE dt a:hover{
	color: #0000cc;
	text-decoration: underline;}
#PREFECTURE dt a:active{
	color: #0000cc;
	text-decoration: underline;}