@charset "Shift_JIS"; 
 
/* ----------------------------------------------- site color */ 

img,image{ 
	margin: 0px;
	padding:0px;
	border-width: 0px 0px 0px 0px;
}
 
#waku{ 
	border-left: 3px solid #D8D8D8;
	border-right: 3px solid #D8D8D8;
}

 
body,td{ 
	font-size: 12px;
	line-height: 120%;
	color:#444444;
	font-family: "MS UI Gothic",Tahoma,Osaka,sans-serif;
	background-position: 0px 0px;
}
 
#head td a:hover{ 
	background-color: transparent;
}/* スペーサー部分hover透過 */
 
.sideline{ 
	border-left: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	padding: 10px 10px 8px 10px;
	margin: 0px;
	background-position : right 0px;
}
	
.sideline .topics01{ 
	line-height: 150%;
	text-align: left;
}
 
.sideline .img{ 
	padding: 0px;
	margin: 0px 10px 0px 0px;
}
 
.sideline .f14px{ 
	font-weight: bold;
	color: #354C5B;
}
 
.sideline small{ 
	color: #354C5B;
	font-size: 12px;
}
 
.sideline a:hover{ 
	background-color: #edf9ff;

}
	
.infodat ul,.infodat{ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.infodat li{
	list-style-type : none;
	list-style-image : url(../img/lisq.gif);
	color : #4B4B4B;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
.sideline .infodat dl{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.infodat dt{
	float: left;
	width: 7em;
	clear: left;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	_width: 8em; /* Override for WinIE6 */
}
.infodat dd{
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 7em;
	_position: relative; /* for WinIE6 */
	_left: -3px; /* for WinIE6 */
	_height: 0%; /* for WinIE6 */

}
.infodat a:hover{
	background-color: #edf9ff;
}
.sideline .infodat ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
 
.mtopics{ 
	line-height: 110%;
	text-align: left;
}
	
.mtopics b{ 
	color: #354C5B;
	font-weight: bold;
}
 
.mtopics .sub{ 
	color: #354C5B;
	font-size: 10px;
}
	
.topics td a:hover{ 
	background-color: #edf9ff;

}
 
#menubg td{ 
	bgcolor: #666666;
}
 
.goodsline{ 
	margin: 10px;
	text-align: center;
}
	
/* common */ 
	
/* ----------------------------------------------- liststyle */ 
	
ol{ 
	list-style-type: none;
}

 
ul{ 
	margin: 0px;
	padding: 0px;
}

	
li{ 
	list-style-type: circle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}
	
.none , .none ul{ 
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
	
.none li{ 
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	paddint: 0px;
}
 
.none li ul li{ 
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	paddint: 0px;
}
	
hr{ 
	margin: 0px;
	color: black;
	border-width: 1px;
	display: block;
}
	
/* ----------------------------------------------- anchor */ 
	
a:link{ 
	color : #354C5B;
	text-decoration: none;
}

 
a:visited{ 
	color : #354C5B;
	text-decoration: none;
}
 
a:hover{ 
	color: #263842;
	text-decoration: none;
	background-color: #edf9ff;
}
 
a:active{ 
	text-decoration:none;
	color:#fd8420;
}
	 
/* color */ 
	
.red{ 
	color: red;
}
	
/* font */ 
	
.f10px{ 
	font-size: 10px;
}
 
.f12px{ 
	font-size: 12px;
}
 
.f14px{ 
	font-size: 14px;
}
 
.f16px{ 
	font-size: 16px;
}
	
/* h */ 
	
H1{ 
	font-size : 14px;
	font-weight : bold;
	color : #354C5B;
	text-align : left;
	margin: 0px 0px 5px 0px;
	padding: 20px 3px 3px 15px;
	padding-right : 5px;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #353535;
	background-color: transparent;
}
	
a h1,h1{ 
	text-decoration: none;
}

a:hover h1{
	background-color: #ffffff;
	background-color: transparent;
}
a:hover h1{
	background-color: #ffffff;
	background-color: transparent;
}
a:hover h1{
	background-color: #ffffff;
	background-color: transparent;
}
h1 a:hover{
	background-color: transparent;
	display: block;
	width: 100%;
}
h1 a{
	display: block;
	width: 100%;
	background-color: transparent;
}
	
h2{ 
	font-size: 14px;
	color: #ffffff;
	letter-spacing: 0px;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	background-color: #304887;
}
 
h3{ 
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 0px;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #304887;
}
	
h3 a{ 
	font size: 14px;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
	
h5{ 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
}
 
h4.normal{ 
	padding: 0;
	border-width: 0;
}
 
h4{ 
	padding: 10px 10px 2px 0px;
	background-color: #d3effa;
	border-color: #d8d8d8;
	border-width: 1px 0px 1px 0px;
	border-style: none none solid none;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
	
/* ----------------------------------------------- class */ 
	
/* ----------------------------------------------- other */ 
	
.line{ 
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #5b5b5b #5b5b5b #5b5b5b #5b5b5b;
}
 
.rline{ 
	border-width: 1px 1px 1px 1px;
	border-style: none solid none solid;
	border-color: #6BD2FF;
}
 
#bg_gare{ 
	background-image : url(../img/title_bg_gare.gif);
	background-repeat : no-repeat;
	background-attachment : fixed;
	background-position : 0px 0px;
}
	
/* ----------------------------------------------- listtab */ 
	
.mm{ 
	width: 10%;
	text-align: center;
}
 
.mmt{ 
	width: 13%;
	text-align: right;
}
 
.name{ 
	text-align: left;
}
	
.name a{ 
	text-decoration: none;
	display: block;
	width: 100%;
}
	
.listtab{ 
	width: 95%;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	background-color: #ffffff;
	border-collapse: collapse; /* 枠線の表示方法 */
}
	
.listtab td{ 
	background-color: #ffffff;
	padding: 2px;
	margin: 0px;
	border-bottom: 1px #dfdfdf solid;
}
 
.listtab td a:hover{ 
	background-color: #edf9ff;

}
	 
/* ----------------------------------------------- syouhin */ 
	
.syouhin{ 
	width: 550px;
	clear:left;
}

.syouhin .left{
	width: 200px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	text-align: center;
}
.syouhin .right{
	float: left;
	width: 338px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	border-width : 1px;
	border-style : solid;
	border-color : #d8d8d8;
	line-height: 140%;
	text-align: left;
}
.syouhin .right .dat{
	width: 318px;
	margin: 10px;
	padding: 0px;
	font-size: 12px;
}
.border{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 95%;}
}
.syouhin .right strong{
	font-weight: bold;
	color: #354C5B;
}

.syouhin .left .line{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.syouhin .left .line2{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.dat ul{
	padding: 0px;
	margin: 0px;
}
.dat li{
	list-style-type : none;
	list-style-image : url(../img/lisq.gif);
	color : #4B4B4B;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
.dat dl{
	padding: 0px;
	margin: 0px;
}
.dat dt{
	float: left;
	width: 6em;
	clear: left;
	font-weight: bold;
	color: #354C5B;
	_width: 7em; /* Override for WinIE6 */
}
.dat dd{
	margin-left: 6em;
	_position: relative; /* for WinIE6 */
	_left: -3px; /* for WinIE6 */
	_height: 0%; /* for WinIE6 */
}

.info dt{
	width:6em;
}
.info dd{
	margin-left:6em;
	margin-top:-1.5em;
}

p{clear: left;padding: 0px; margin: 0px;}

	
.topics{ 

}
	
.topics{ 
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.topics strong{
	font-size: 14px;
	font-weight: bold;
}
	
.bookdat{ 
	width: 90%;
}
	
.bookdat tr td{ 
	background-color: #ffffff;
	width: 80%;
	text-align: left;
}
 
.bookdat tr th{ 
	background-color: #cccccc;
	width: 20%;
	font-weight: normal;
	text-align: center;
}
	
.pad5{ 
	margin: 5px 0px; 5px 0px;
}
 
.pad10{ 
	padding: 10px 10px 10px 10px;
}
 
.toplist{ 
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	color: #000000;
}
.toplist li{
	margin: 0px 0px 4px 15px;
	padding: 0px 0px 0px 0px;
line-height: 130%;
}
.infolist,.infolist dl{
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 2px 0px;

}
.infolist dt{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
}
.infolist dd{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 2px 0px;
}



.dat .infolist,.infolist dl{
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 2px 0px;

}
.dat .infolist dt{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
}
.dat .infolist dd{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 2px 0px;
}



.bar{
	clear:both;
	margin: 5px 0px 5px 0px;
	height:2px;
	width:100%;
	background-repeat: repeat-x;background-image: url("../img/line.gif");
}

.bar hr{
	display:none;
	margin:0;
	border:0;
	padding:0;
	height:1px;
	width:auto;
	clear:both;
}