@charset "UTF-8";
/* CSS Document */
/*COMMON-CSS*/
ul,ol,dl,dd,dt,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,blockquote,textarea,table,td,th,li{
margin: 0px;
padding: 0px;
border:0px;
text-decoration:none;
font: 16px/20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:2;

color: #333;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{
border: none;
vertical-align:bottom;
}
strong{
font-style: normal;
}
em{
font-weight: normal;
font-style: normal;
}
form{
margin: 0px;
padding: 0px;
}
ol,ul,li,dl,dd,dt{
list-style:none;
margin: 0px;
padding: 0px;
}
input{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
a{
	color:#0066CC;
}
a:hover{
	color: #F03;
}
img{
	border:none;
	vertical-align:bottom;
}
p.page_title{
	margin:15px 0px 0px 0px;
}
a:hover img{
filter:alpha(opacity=40);
opacity:0.4;
}
/*レイアウト----------------------------------------------- */
body{
background: #FFF; /* Old browsers */
}
#wrapper{
	margin:0 auto; 
	width:980px;
	text-align:left;
	overflow:hidden;
	padding:20px 0px;
}

.main-contents,.side{
	padding:20px 0px;
	overflow:hidden;
	}

.main-contents{
	float:left;
	width:725px;
	overflow:hidden;
}
.side{
	float:right;
	width:230px;
	overflow:hidden;
}
#top_pagecell{
	clear:both;
	padding:5px 0px 15px 0px;
	overflow:hidden;
	}
#pagecell{
	overflow:hidden;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	width:1000px;
	clear:both;
}
/*HEAD------------------------------------------------------------*/
div.h1-outer{
	width:100%;	
}
div.h1-outer h1{
	width:980px;
	margin:0px auto;	
}

h2{
	margin-bottom:15px;
}
h3{
	margin-bottom:15px;
}
h4{
	margin-bottom:5px;
	font-weight:bold;
	font-size:16px;
}
/*HEADER------------------------------------------------------------*/
header {
	width:100%;
background: #FFF; /* Old browsers */
}

header div.logo{
clear:both;
padding:5px 0px 20px 0px;
margin:0px auto;
	width:980px;
overflow:hidden;

}
header div.logo .left{
	width: 432px;
	padding-top: 20px;
	float: left;
}
header div.logo .left-btn{
	width: 85px;
	padding-top: 30px;
	float: left;
	padding-left: 6px;
	padding-right: 6px;
}
header div.logo .left-btn li{
	margin-bottom:10px;
}
header div.logo .right{
	float: right;
	text-align: right;
	width: 444px;
	padding-top:30px
}
header div.logo .right p{
	float:left;
	margin-left:10px;
}
/*-nav---------------------------------------------------------------------------------*/
.nav-outer{
	width:100%;
	clear:both;
	background: #ff0000;
/* box-shadow */
/*box-shadow:rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
overflow:hidden;*/
}
nav {
	margin:0px auto 0px auto;
width:980px;
	*zoom: 100; /*forIE6,7*/
	overflow:hidden;

}
nav li {
	float:left; 
	display:block; 
	position:relative;


}
nav li.now {
	background:#6BDBFE;
}
#main_img-outer{
	margin-bottom:15px;
	padding:15px 0px;
	width:100%;
	clear:both;
	background: #888;
overflow:hidden;
	-webkit-background-size: 5px 5px;
	-moz-background-size: 5px 5px;
	background-size: 5px 5px; /* Controls the size of the stripes */

	background-color: #111;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
	background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}
#main_img{
	overflow:hidden;
	clear:both;
		margin:0px auto 0px auto;
		width:980px;

}
/*--------------------------------------------------------------------------------*/
ul.top-reason-list li{
	float:left;
	margin:0px 0px 15px 10px;
}
/*--------------------------------------------------------------------------------*/
.top-reason{
	margin-bottom:30px;
	overflow:hidden;
	width:725px;
}
.top-reason .left{
	float:left;
	width:500px;
}
.top-reason .left p{
		margin-bottom:10px;
}
.top-reason .right{
	float:right;
}
/*-message-------------------------------------------------------------------------------*/
.message{
	margin-bottom:30px;
	overflow:hidden;
	width:725px;
}
.message .left{
	float:left;
	width:560px;
}
.message .left p{
		margin-bottom:10px;
}
.message .right{
	float:right;
}
/*-shop-------------------------------------------------------------------------------*/
.shop{
	margin-bottom:30px;
	overflow:hidden;
	width:725px;
}
.shop .left{
	float:left;
	width:353px;
}

.shop div{
	margin-bottom:10px;
}
.shop .right{
	float:right;
}
.shop table.data.top-shop{
	clear:both;
}

/*--------------------------------------------------------------------------------*/
h4.blog-tit{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.side_blog{
	margin-bottom:20px;
	padding:10px 10px 5px 10px;
	border:5px solid #005bac;
}
.side_blog dl{
	margin-bottom:5px;
}

.side_chirashi{
	margin-bottom:20px;
	padding:10px 10px 5px 10px;
	border:5px solid #008cd6;
}
/*--------------------------------------------------------------------------------*/
.bnr{
	margin-bottom:25px;
}

.p_bnr{
	margin-bottom:50px;
}


/*--------------------------------------------------------------------------------*/
/*table-------------------------------------------------------------*/
table.data{
margin:0px 0px 10px 0px;
width:100%;
text-align:center;
border:1px solid #BBB;
border-collapse:collapse;
border-spacing:0px;
}

table.data th,table.data td{
padding:12px 8px 12px 8px;
line-height:18px;
vertical-align: middle;
border:1px solid #BBB;
text-align:left;
font-size:14px;
color:#000000;
}

table.data th{
font-weight:bold;
background:#E9E9E9;
}
table.data.top-shop td span.tel{
	font-size: 20px;
	font-weight: bold;
	color: #Ff0000;
}
table.data.top-shop  th{
	width:15%;
}
table.data.top-shop  td{
	width:35%;
}
/**/
.pageTop-outer{
	width:100%;
	padding:10px 0px;
	background:#383838;
}
.pageTop{
	width:980px;
	margin:0px auto;
	text-align:right;
}
.pageTop a{
	color:#FFFFFF;
}
/**/
#footerArea{
	width: 100%;
	padding: 10px 0px 0px 0px;
	background: #ff0000;
}
#inner-footer{
	width: 890px;
	margin: 0px auto;
}
#inner-footer .left{
	float:left;
}
#inner-footer .right{
	float:right;
}
#footLink{
	clear:both;
	width:700px;
	margin:0px auto;
	padding:15px 0px;
	overflow:hidden;
}
#footLink ul li{
	float:left;
	width:140px;
}
#footLink ul li a{
	color:#FFFFFF;
}
#copyright-wrap{
	clear:both;
	width:100%;
	padding:10px 0px;
	overflow:hidden;
	background:#FFFFFF;
}
#copyright-wrap p{
		width:980px;
margin:0px auto;
text-align:center;
}
/*----------------------------------------------*/
.side_area h4{
	padding:3px;
	border-bottom:2px solid #FF0;
	background:#313336;
	color:#FFF;
	text-align:center;
}
.side_area li a{
	padding:6px 10px;
	display:block;
	border-bottom:1px solid #CCC;
	background:#EFEFEF;
	color:#222;
	text-align:left;
}
.side_area li a:hover{
	padding:6px 10px;
	display:block;
	border-bottom:1px solid #CCC;
	background: #FF0;
	color:#222;
	text-align:left;
}

.red{
	color:#FF0004;
}
.bold{
	font-weight:bold;
}

.shop_bo {
	border-bottom: solid 3px red;
	margin-bottom: 10px;
}


.vaM {
    vertical-align: middle !important;
}




dl.infospace > dt {
    font-size: 0.9em;
    padding: 7px 15px 0;
}


dl.infospace > dd {
    border-bottom: 1px solid #dbdbdb;
    color: #00338b;
    padding-bottom: 7px;
}




.top_shop table{ margin-bottom:20px}

.topttl{ margin-bottom:20xp; overflow:hidden}

.topttl img{ float:right}


.ttl_b{font-size:20px; font-weight:bold; color:#00C;line-height:1}
.ttl_r{font-size:28px; font-weight:bold; color:#F00; line-height:1}



/*CHIRASHI------------------------------------------*/
.chirashiarea{
	margin:15px 10px;
}

.chirashiarea img{
	width:180px;
	margin-bottom:5px;
}
.top_info{
	overflow: hidden;
	padding-bottom: 10px;
	text-align: left;
	border: #FE2B00 solid 3px;
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}