@charset "UTF-8";
/* CSS Document */


/* 共通部分 */
*{
margin:0;
padding:0;
}
ul{
list-style-type:none;
}
a:link,a:visited{
color:#333;
text-decoration:none;
}
a:hover{
color:#0033cc;
text-decoration:underline;
}
a:link img,a:visited img{
padding:1px;
border:1px solid #ccc;
}
a:hover img{
padding:1px;
border:1px solid #0033cc;
}
h2{
color:#333;
font-size:24px;
line-height:140%;
margin:0 0 12px 0;
padding:0;
float:left;
width:100%;
}
h3{
color:#333;
font-size:16px;
line-height:140%;
margin:0 0 9px 0;
padding:0;
float:left;
width:900px;
}

	body{
	text-align:center;
	margin:0;
	padding:0;
	background-color:#fff;
	border-top:12px solid #9b0000;
	line-height:120%;
	}
	#container{
	margin:0px auto;
	width:962px;
}
#header{
	width:962px;
/*	height:164px;*/
	padding:0;
	margin:0 0 24px 0;
	text-align:left;
	display:block;
	float:left;
}
h1 {
	font-size: 18px;
	margin:54px 0 12px 10px;
	width:661px;
	height:37px;
	display:block;
	float:left;
	}
html>body h1{
	margin:54px 0 12px 20px;
}
#header h1 a img{
	border:none;
}
#searcharea{
	width:261px;
	display:block;
	float:left;
	margin:64px 10px 0 0;
	font-size:10px;
}
html>body #searcharea{
	margin:64px 20px 0 0;
}
#searcharea dl{
	float:right;
}
#searcharea dt,#searcharea dd{
	text-align:center;
	line-height:1.2;
	float:left;
}

/*nav*/
#nav{
float:left;
width:962px;
height:60px;
}

#nav ul li{
float:left;
margin:0;
padding:0;
}
#nav1 a{
overflow:hidden;
text-decoration:none;
display:block;
height:48px;
width:86px;
margin:0;
padding:0;
outline:none;
}
#nav2 a,#nav3 a,#nav4 a{
overflow:hidden;
text-decoration:none;
display:block;
height:48px;
width:176px;
margin:0;
padding:0;
outline:none;
}
#nav5 a,#nav6 a{
overflow:hidden;
text-decoration:none;
display:block;
height:48px;
width:174px;
margin:0;
padding:0;
outline:none;
}

#nav a img{
border:none;
margin:0;
padding:0;
}
#subnav{
float:left;
margin:0px 0 0 100px;
padding:0px 0 0 30px;
background:url(img/vending-subnav-bg.gif) no-repeat left top;
}
#subnav li{
float:left;
background:#fff;
}

#subnav li a{
font-size:14px;
margin:0px 1em 0 0;
padding:0px 0 0 0;
}

/*main*/
#main{
	width:962px;
	padding:0;
	margin:0 0 40px 0;
	text-align:left;
	display:block;
	float:left;
}
#image-area{
	float:left;
	width:480px;
	height:360px;
	padding:0px 0px 0 0px;
	margin:0 0 40px 12px;
	text-align:left;
}
html>body #image-area{
	margin:0 0 40px 24px;
}

#data-area{
	float:left;
	width:406px;
	text-align:left;
	height:360px;
	padding:0px 0px 0 0px;
	margin:0 0px 40px 14px;
}
html>body #data-area{
	margin:0 0px 40px 28px;
}

#data-area-header{
	width:406px;
	height:73px;
	text-align:left;
	padding:0px 0 0 0;
	margin:0 0 17px 0;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:2px solid #999;
}

#data-area-header h2{
	text-align:center;
	padding:0 0 0 0px;
	margin:0 0px;
	color:#333;
	font-size:72px;
	line-height:100%;
}
#data-area-header h2 span{
	font-size:18px;
	color:#666;
}

#data-area-left{
float:left;
width:270px;
height:270px;
margin:0 8px 0 0;
font-size:12px;
}
html>body #data-area-left{
margin:0 16px 0 0;
}
#data-area-left p,#data-area-left form{
font-size:12px;
padding:0px 4px 4px 4px;
margin:0;
line-height:140%;
}
#data-area-left p span{
padding:0 6px 0 0;
}

#data-area-left a{
font-size:12px;
padding:0 0px 0 0;
}

#map_canvas{
margin:4px 0 0 0;
width:270px;
height:180px;
font-size:6px;
}

#prev-next{
float:left;
margin:0;
background:url(img/prevnext.gif) no-repeat;
width:120px;
height:270px;
}
#prev-next div{
float:left;
display:block;
width:120px;
margin:10px 0 0px 0;
}

#prev-next a{
display:block;
text-align:center;
margin:0 0px 2px 0;
font-size:14px;
line-height:100%;
}
#prev-next #prev a:link,#prev-next #prev a:visited{
background:url(img/prev-bg.gif) no-repeat 8px 4px;
color:#333;
text-decoration:none;
}

#prev-next #prev a:hover{
background:url(img/prev-bgon.gif) no-repeat 8px 4px;
color:#0033cc;
text-decoration:underline;
}
#prev-next #next a:link,#prev-next #next a:visited{
background:url(img/next-bg.gif) no-repeat 90px 4px;
color:#333;
text-decoration:none;
}

#prev-next #next a:hover{
background:url(img/next-bgon.gif) no-repeat 90px 4px;
color:#0033cc;
text-decoration:underline;
}

#prev-next a span{
font-size:10px;
font-style:italic;
line-height:100%;
}



/* サムネイル表示部分 */
#thumb-area{
width:928px;
float:left;
margin:0 0 0px 16px;
}
html>body #thumb-area{
margin:0 0 0px 24px;
}

#thumb-area div{
float:left;
width:100px;
height:96px;
margin:0 12px 0px 0;
text-align:center;
font-size:10px;
}
html>body #thumb-area div{
margin:0 16px 0px 0;
}
#thumb-area div a{
text-decoration:none;
font-size:10px;
line-height:100%;
}


/*footer*/
#footer{
	width:962px;
	margin:0 0 0px 0;
	padding:16px 0 0 0;
	text-align:left;
	clear:left;
	border-top:2px solid #ccc;
}
#footer address{
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding:0 0 50px 24px;
}

#footer ul{
width:450px;
display:block;
float:right;
margin:0 0px 0 0px;
}
#footer ul li{
float:left;
padding:0 12px 0 0;
}
#footer ul li a{
font-size:10px;
}


/*search*/
.search-box{
width:330px;
display:block;
float:left;
margin:0 24px 0px 0px;
padding:0 0 24px 0;
}
.place-box{
width:260px;
display:block;
float:left;
margin:0 0px 0px 0px;
padding:0 0 24px 0;
}

.acc01{
float:left;
margin:5px 0px 0px 10px;
}
.acc01 table{
padding:0;
margin:0;
}
.acc01 table td a{
line-height:1.4;
}

.acc01 li{
float:left;
margin:0 10px 5px 0;
}
.place-box a img{
border:none;
}
/*map*/
#wide-area{
	margin:0 24px 0px 24px;
	text-align:left;
font-size:12px;
width:900px;
}
#wide-area .entry{
	margin:0 0px 0px 0px;
	padding:0 0 20px 0;
	text-align:left;
font-size:12px;
display:block;
float:left;

}
#wide-area p{
	padding:10px 10px 10px 14px;
	text-align:left;
font-size:14px;
float:left;
}

#wide-area ol{
clear:left;
	margin:0 0px 20px 32px;
	text-align:left;
font-size:12px;

}
#wide-area ul#machines{
float:left;
	text-align:center;
font-size:12px;
	margin:0 0px 10px 0px;
}

#machines{
width:910px;
}
#machines li{
float:left;
padding:0 28px 0 10px;
}

#wide-left{
width:640px;
margin:10px 20px 0 0;
float:left;
}
#wide-right{
width:220px;
float:left;
}
#wide-right li{
padding:16px 0 4px 0;
}

#wide-right li a img{
border:none;
}

/*other contents*/
h2#contents-title{
font-size: 18px;
font-weight:bold;
color:#333;
margin:0;
padding:2px 0 4px 5px;
line-height:100%;
float:left;
display:block;
height:18px;
width:892px;
border-left:8px solid #660000;
border-bottom:2px solid #ff9999;

}
html>body h2#contents-title{
padding:2px 0 4px 10px;
}
h3.subtitle{
font-size: 15px;
font-weight:bold;
color:#333;
margin:20px 0 5px 3px;
padding:2px 0 2px 3px;
float:left;
display:block;
width: 894px;
border-left:4px solid #ff9999;
}
html>body h3.subtitle{
margin:20px 0 5px 6px;
padding:2px 0 2px 6px;
}