@charset "shift_jis";
body {
	margin: 0px;
	padding: 0px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
}

a img {
　　border-width: 0;
}



a:hover img{
	opacity:0.65;
	filter: alpha(opacity=65);
}

#headercontainer {
	padding: 0px;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container {
	padding: 0px;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}
#header {
	padding: 0px;
	height: 75px;
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header h1{
margin: 0 0 0 0;
padding: 0 0 0 0;
text-indent: -9999px;
}


#header h1 a{
	float:left;
	display: block;
	height: 75px;
	width: 150px;
	background-image: url(img/logo.gif);
}



#topimg {
	padding: 0px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#content {
	padding: 0px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer {
	padding-top: 10px;
padding-left:5px;
	width: 745px;
	background-image: url(img/footerbg.gif);
	height: 23px;
}


#menu {
	display: block;
	width: 600px;
	height: 25px;
	padding: 0;
	float: left;
	margin-top: 37px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#menu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
}

#menu li,#menu a {
	list-style-type: none;
	float:left;
	height: 25px;
	margin: 0;
	padding: 0;
}


#menu a{
	background-image:url(img/menu.gif);
	background-repeat: no-repeat;
}

#menu li#m01 a{
	width: 76px;

}

#menu li#m02 a{
	width: 93px;
	background-position:-76px 0
}

#menu li#m03 a{
	width: 59px;
	background-position:-169px 0
}

#menu li#m04 a{
	width: 122px;
	background-position:-228px 0
}

#menu li#m05 a{
	width: 109px;
	background-position:-350px 0
}

#menu li#m06 a{
	width: 141px;
	background-position:-459px 0
}




#menu li#m01 a:hover{
	width: 76px;
	background-position:0 -25px

}

#menu li#m02 a:hover{
	width: 93px;
	background-position:-76px -25px
}

#menu li#m03 a:hover{
	width: 59px;
	background-position:-169px -25px
}

#menu li#m04 a:hover{
	width: 122px;
	background-position:-228px -25px
}

#menu li#m05 a:hover{
	width: 109px;
	background-position:-350px -25px
}

#menu li#m06 a:hover{
	width: 141px;
	background-position:-459px -25px
}


#menuf {
	display: block;
	width: 725px;
	height: 25px;
	padding: 0;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menuf ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
}

#menuf li,#menuf a {
	list-style-type: none;
	float:left;
	height: 25px;
	margin: 0;
	padding: 0;
}


#menuf a{
	background-image:url(img/menu2.gif);
	background-repeat: no-repeat;
}

#menuf li#m01 a{
	width: 117px;

}

#menuf li#m02 a{
	width: 83px;
	background-position:-117px 0
}

#menuf li#m03 a{
	width: 46px;
	background-position:-200px 0
}

#menuf li#m04 a{
	width: 51px;
	background-position:-246px 0
}

#menuf li#m05 a{
	width: 136px;
	background-position:-297px 0
}

#menuf li#m06 a{
	width: 292px;
	background-position:-433px 0
}




#menuf li#m01 a:hover{
	width: 117px;
	background-position:0 -25px

}

#menuf li#m02 a:hover{
	width: 83px;
	background-position:-117px -25px
}

#menuf li#m03 a:hover{
	width: 46px;
	background-position:-200px -25px
}

#menuf li#m04 a:hover{
	width: 51px;
	background-position:-246px -25px
}

#menuf li#m05 a:hover{
	width: 136px;
	background-position:-297px -25px
}

#menuf li#m06 a:hover{
	width: 292px;
	background-position:-433px -25px
}


.cdimg{
height: 150px;
}
.cdimg dt{
text-align:center;
width: 115px;
height: 124px;
padding-top:10px;
margin:0 0 0 0;
}
.cdimg dd{
text-align:center;
width: 115px;
height: 20px;
padding-top:0px;
font-size: 0.8em;
color: gray;
margin:0 0 0 0;
}


h3.coordinate{
	background-image: url(img/h3_coordinate.gif);
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 750px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h3.news{
	background-image: url(img/h3_news.gif);
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 370px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


h3.info{
	background-image: url(img/h3_info.gif);
	text-indent: -9999px;
	padding: 0px;
	height: 20px;
	width: 369px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.coordinateboxwr{
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;

}
.coordinatebox1 {
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 115px;
	background-image: url(img/coordinate1.gif);
	background-repeat: no-repeat;
}


.coordinatebox2 {
	margin: 0px;
	padding: 0px;
	height: 165px;
	width: 115px;
	background-image: url(img/coordinate2.gif);
}


.coordinatebox3 {
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 115px;
	background-image: url(img/coordinate3.gif);
	background-repeat: no-repeat;
}


#newsarea {
	padding: 0px;
	float: left;
	width: 370px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#infoarea {
	padding: 0px;
	float: left;
	width: 369px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.cd01{
width: 115px;
text-align: center;
padding:0 0 0 0;
margin:0 0 0 0;
}

.codtitle{
font-size:0.8em;
heigth:38px;
line-height:130%;
margin:0 0 0 0;
}
.codimg{
width:115px;
padding:0 0 0 0;
margin:0 0 0 0;
text-align: center;
}

.cm02title,
.cmtitle111{
font-size:0.8em;
color: #ffffff;
background-color:#8C7163;
width:118px;
heigth:38px;
line-height:130%;
border-right: solid 1px #636363;
border-bottom: solid 1px #636363;
border-left: solid 1px #636363;
}


/*-----coordinatepart--------*/

#cootitle{
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #989899;
	margin: 0px;
	padding: 10px 0 5px 5px;
	height: 20px;
	width: 745px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#cdfrm{
width: 750px;
margin-left: auto;
margin-right: auto;
background-image: url(img/cd_back.gif);
background-repeat: repeat-y;
background-position: left top;
}

/*-----left----*/
div#coomain{
width: 250px;
float: left;
margin-top: 20px;
margin-left: 20px;
padding-left: 10px;
}
.cootext{
width: 200px;
font-size: 0.73em;
color: gray;
text-align: left;
line-height: 150%;
margin:0;
padding:0;
}
.cootext p{
text-align: left;
padding-bottom: 10px;
}

/*-----right----*/
#cooitems{
margin-top: 25px;
float: right;
width: 430px;
font-size: 0.75em;
color: gray;
}

.cooditem{
text-align: left;
width: 200px;
height:350px;
margin:0 0 0 0;
float: left;
}
.cooditem dt{
width: 150px;
height: 150px;
text-align: center;
margin:0;
padding:0;
}
.cooditem dd{
margin:0;
padding:0;
text-align: left;
}
.cooditem p{
margin-top: 5px;
width: 160px;
text-align: left;
background-color: #C6AE9C;
color: #5F5C5F;
padding: 5px;
}

#common{
padding-left: 10px;
}
#commonn{
width: 366px;
height: 500px;
float: left;
padding-left: 15px;
}

dl.cmimg{
float: left;

}
.cmimg dt{
width: 118px;
height: 105px;
padding-top:10px;
padding-bottom:5px;


}
.cmimg dd{
width: 114px;
height: 30px;
font-size: 0.8em;
color: gray;

}



.newss{
padding-top: 15px;
}
.newss dt{
float: left;
padding: 0 0 0 10px;
}
.newss dt img{
padding: 1px;

}

.newss dd{
width: 220px;
float: right;
font-size: 0.7em;
padding-left:5px;
padding-right: 10px;
text-align: left;
line-height: 150%;
color: gray;
}

.newss a:link,
.newss a:visited{
color: gray;
}
.newss a:hover{
color:red;
}


/*-------news--------*/

#ne{
text-align: left;
margin-left: 0px;
color: gray;

}
#ne dl{
margin-top: 0px;
width: 750px;
font-size: 0.8em;
}

#ne dd.neimg{
margin-left:10px;
/*background-color:#CCCCCC;*/
float: left;
width: 180px;
}

#ne dd{
margin-right:10px;
/*background-color:#CCCCCC;*/
width: 460px;
text-align: left;
float: right;
}
#ne p{
text-align: left;
}

.nefoot{
margin-top:5px;
margin-bottom:10px;
}

.nedays{
color:#753431;
margin-bottom:5px;
}
.netitle{
font-weight: bold;
}
.clear{
clear: both;
}
#map{
clear: both;
}
#map img{
float: left;
margin-top: 8px;
margin-left: 0px;
}
#shop img{
float: left;
margin-top: 20px;
margin-left: 0px;
}

#shop dl{
width: 470px;
font-size: 0.8em;
margin-top: 20px;
margin-bottom: 10px;
float: right;
line-height: 150%;
color: gray;
text-align: left;

}
#shop dt{
text-align: left;
font-size: 1.1em;
color:#753431;
margin-bottom:10px;
}
#shop p{
text-align: left;
padding-right: 30px;
text-indent: 7px;
}

#map dl{
width: 470px;
font-size: 0.8em;
color: gray;
margin-top: 20px;
margin-bottom: 20px;
float: right;
line-height: 150%;
}


#map dd{
text-align: left;
padding-right: 30px;
}

#shopmap{
margin-top: 30px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
width: 450px;
float: right;
}
#shopmap dt{
text-align:left;
}
#shopmap dd{
margin:0;
text-align:left;
font-size:0.7em;
}
#shopmap dd#bcbmap{
/*background-color:#FF0000;*/
text-align:left;
float: left;
width:261px;
}
#shopmap #googlemap{
/*background-color:#CCCCCC;*/
float: right;
width:150px;
font-size: 0.7em;
text-align:left;
margin-top: 10px;
margin-right: 5px;
}
#googlemap p{
text-align:left;
margin-bottom: 20px;
color: gray;
}