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

body{
	margin:0px;
	padding:0px;
	color:#333;
	font-family:"Hiragino Maru Gothic Pro", "メイリオ", Meiryo, sans-serif;
	line-height:1.5;
	font-size:14px;
}

#WRAPPER{
	width:100%;
	padding:0px 0px;
	margin:0px 0;
	font-size:90%;
	background-color:#ebe8e1;
}
.inner{
	width:960px;
	margin:0 auto;
}
#header{
	clear:both;
	margin:0px 0;
	padding:0px 0px;
	background:#FFF url(../img/common/headerback.jpg) no-repeat top center;
	overflow:hidden;
}
#naviLogo{
	height:80px;
	float:left;
}

#naviMain{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	height:40px;
	width:900px;
	clear:both;
	overflow:hidden;
}

#naviMain ul,
#naviSub ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

#naviMain li,
#naviSub li{
	margin:0px;
	padding:0px;
	float:left;
}

#naviMain a{
	opacity: 0.85;
}
#naviMain a:hover,
#bodyabout #naviMain #naviabout a,
#bodyguide #naviMain #naviguide a,
#bodydisplay #naviMain #navidisplay a,
#bodyevent #naviMain #navievent a,
#bodyinside #naviMain #naviinside a,
#bodygoods #naviMain #navigoods a,
#bodyapply #naviMain #naviapply a,
#bodyfield #naviMain #navifield a{
	opacity: 1;
}

#naviSub{
	float:right;
	height:20px;
	padding:20px 40px 5px 0px;
}
#naviSub li{
	margin:0px;
	padding:0px 5px;
	float:left;
	line-height:20px;
	font-size:12px;
}

#naviSub img{
	padding:0px 3px 0 0;
	vertical-align:middle;
}
#naviSub a{
	color:#FFF;
}
#naviSub a:hover{
	opacity: 0.9;
}

#TopicPath{
	margin:10px 0px 10px 10px;
	/*border:1px solid #E6E6E6;
	background-color:#FFF;*/
	font-size:90%;
	color:#333;
	clear:both;
}

#maincontent{
	overflow:hidden;
	clear:both;
}
#maincol{
	width:740px;
	padding:0px 0px 0px 0px;
	float:left;
}

#sidecol{
	width:200px;
	padding:0px 0px 0px 0px;
	float:right;
	margin:0px 0px 10px 0px;
	overflow:hidden;
}
#sidecol .sideNavi{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px; 
	border:1px solid #CCC;
   	background-color: #FFFFFF;
	padding:0 0 4px 0;
	margin:0 0 20px 0;
}

#sidecol h2{
	margin-bottom:0;
}
#sidecol h2 a{
	display:block;
}
#sidecol h3{
	color:#345;
}
#sidecol ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#sidecol li {
	display:block;
	padding:0px;
	margin:0;
	border-top:1px solid #DDD;
}
#sidecol li a{
	padding:8px 0px 5px 5px;
	display:block;
	height:100%;
   background-color: #FFFFFF;

}
#sidecol li a:hover{
   background-color: #F8FCFF;

}
#sidecol li a:hover:before{
	content: "≫";
	text-align:right;
	float:right;
	padding-right:6px;
	font-size:80%;
}


#footer{
	clear:both;
	padding:0 0 0px 0;
	margin:20px 0 0 0;
	background-color:#FFF;
	border-top:1px solid #E6E6E6;
}
#totop{
	margin-top:-50px;
	text-align:right;
}

#address{
	padding:20px 0 10px 0;
}
#address strong{
	font-size:1.4em;
	color:#0468B7;
}
address{
	font-style:normal;
}


#footerNavi{
	overflow:hidden;
	background-color:#0468B7;
	color:#FFF;
	padding:20px 0;
}
#footerNavi a{
	color:#FFF;
}
#footerNavi a:hover{
	color: #5BC3F7;
}
#footerNavi div{
	float:left;
	width:180px;
	margin:0px 15px 0px 0;
}
#footerNavi div:first-child{
	margin:0px 0 0px 0;
}

#footerNavi h2{
	background:url(../img/common/h2footer.png) left no-repeat;
	padding:5px 0px 4px 16px;
	margin:0;
	font-size:14px;
}
#footerNavi ul.tohome{
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
}
#footerNavi ul.tohome li{
	background:url(../img/common/h2footer.png) left no-repeat;
	padding:5px 0px 4px 16px;
	margin:0;
	font-size:14px;
}


#footerNavi ul{
	margin:0 0 1.5em 0;
}
#footerNavi ul li{
	font-size:12px;
}
#footerNavi ul li a{
	display:block;
}

p#copyright{
	text-align: center;
	background-color: #2D477F;
	color:#FFF;
	font-size:90%;
	padding:10px;
	margin:0;
}