/* ----------------------------------------------------------------
  default
----------------------------------------------------------------- */

body{
	border: 0;	
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;	
	line-height:140%;
	font-family: "Roboto Slab",Garamond,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,table,img,form,fieldset,td,th,a{margin:0;padding:0; border:0;}
ul,ol,dl{list-style:none;}

a { color: #325586; text-decoration: none;}
a:hover{ color:#C40105;}
/*a img:hover{ opacity:0.5;filter: alpha(opacity=50) ;}*/

input[type="text"],textarea,select{ border:1px solid #ddd; padding:5px; margin-right:5px;}
input[type="submit"],button{ color:#fff; border-radius:5px; font-weight:bold; border:none; cursor:pointer;}


/*---------------------------------------------
ClearFix
---------------------------------------------*/

.inner:after, .clfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.inner, .clfix {
	min-height: 1px;
}
* html .inner, * html .clfix {
	height: 1px;/*\*//*/height: auto;  overflow: hidden;/**/
}
hr.cl {
	clear: both;
	line-height: 0% !important;
	visibility: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	size: 0px;
}

/* ------------------------------------------------------------------------------------------------------

	toppage,about

---------------------------------------------------------------------------------------------------------*/

#maincontents{
	width: 100%;
}
#maincontents #header .menu{
	width: 100%;
	height: 147px;
	position: relative;
	background: #ffffff;
	margin: 0 auto;
}
#maincontents #header .menu ul {
	max-width: 1000px;
	padding-top: 100px;
	margin: 0 auto;
	float: right;
}
#maincontents #header .menu ul li{
	float: left;
	margin-right: 30px;
}
#maincontents #header .menu ul li a{
	letter-spacing: 3px;padding-bottom: 2px;
}
#maincontents #header .menu ul li a:hover{
	border-bottom: 2px solid #ddbb66;
}
#maincontents #header .logo{
	position: absolute;
	z-index: 100;
}

#maincontents #header #mainimg{
	margin: 0 auto;
	text-align: center;
}
#maincontents #header #mainimg img{
	width: 100%;
	max-height: 550px;
	vertical-align: bottom;
}
#maincontents #header #news{
	background: #f0f0f0;
	padding-bottom: 30px;
	font-size: 16px; 
}
#maincontents #header .inbox{
	max-width: 1000px;
	margin: 0 auto;
}
#maincontents #header #news .inbox{
	padding-top: 30px;
}
#maincontents #header #news .inbox h2{
	font-size: 20px;
	border-bottom: 1px #212121 dotted;
	padding-bottom: 10px;
	margin-bottom: 15px;
	letter-spacing: 3px;
}
#maincontents #header #news .inbox a.detail_list{
	float: right;
	font-size: 14px;
}
#maincontents #header #news .inbox #news-top{
	clear: both;
}
#maincontents #header #news .inbox p{
	margin-bottom: 10px;
}
#maincontents #header #news .inbox p:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#maincontents #header #news .inbox p .date{
	width: 13%;
	float: left;
}
#maincontents #header #news .inbox p a.detail{
	width: 87%;
	float: left;
}

#maincontents #about{
	max-width: 1000px;
	margin: 30px auto;
}
#maincontents #about .inbox{
	margin: 30px 0;
	width: 100%;
}

#maincontents #about .inbox .txtbox{
	float:  right;
	width: 50%;
}
#maincontents #about .txtbox h2{
	font-size: 28px;
	margin: 20px 0;
}
#maincontents #about .txtbox h2 span{
	font-size: 18px;
}
#maincontents #about .txtbox p{
	line-height:1.6em;
	margin-bottom: 20px;
}
#maincontents #about .txtbox p span{
	float: right;
}
#maincontents #about .txtbox p:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#maincontents #about .txtbox a{
	float: right;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    padding: 10px 5%;
}
#maincontents #about .txtbox a:hover{
	background: #c4c4c4;
	color: #fff;
}
#maincontents #shop{
	clear: both;
}
#maincontents #shop .inbox h2{
	padding: 40px 0;
	font-size: 28px;
	text-align: center;
	background: #000;
	color: #fff;
	letter-spacing: 3px;
}
#maincontents #shop ul{
	max-width: 1000px;
	margin: 0 auto;
}
#maincontents #shop ul li{
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	border-top: 5px solid #808080;
}
#maincontents #shop .inbox .fb_wapper{
	width: 100%;
	margin-bottom: 20px;
}
#maincontents #shop ul li .btnbox{
	margin-top: 20px;
}
#maincontents #shop ul li .btnbox a{
	padding:10px 5%;
	border-radius: 5px;
	border: 1px solid #c4c4c4;
	background: #FFFFFF;
}
#maincontents #shop ul li .btnbox a:hover{
	background: #c4c4c4;
	color: #fff;
}
#maincontents #map{
	width: 100%;
	background: #f0f0f0;
}
#maincontents #map .inbox{
	max-width: 980px;
	padding:30px 10px;
	margin: 10px auto 0;
}
#maincontents #map .inbox .adress{
	width: 48%;
	float: left;
}
#maincontents #map .inbox .adress h3{
	padding: 10px 0;
}
#maincontents #map .inbox .adress img{
	width: 100%;
	
}
#maincontents #map .inbox .mapbox{
	width: 48%;
	float: right;
}
#maincontents #map .inbox .mapbox img{
	width:100%;max-width:435px;
}
#maincontents #footer{
	width: 100%;
	background: #000;
	padding: 60px 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	letter-spacing: 5px;
}

/* facebook */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
#maincontents .fb_wapper{
	float:  left;
	width: 48%;
	text-align: center;
	margin-right: 1%;
}
#maincontents .fb{
	max-width: 500px;
	margin: 0 auto;
}


#maincontents #group{
	width: 100%;
	border-top:1px #ccc solid;
	background: #f0f0f0;
	text-align: left;
	color: #000;
	font-size: 14px;
	padding: 15px 0;
}
#maincontents #group .adress{
	max-width: 980px;
	padding:0 10px;
	margin: 0 auto;
}
#maincontents #map .adress .data{
	padding:5px 0px;
}
#maincontents #map .adress .data .add{
	padding:5px 0px;
}
#maincontents #map .adress .data .shop{
}
#maincontents #map .adress .data .coverage{
	padding:12px 0 5px;
}

#maincontents #group p{
	width: 48%;
	float: left;
	font-size: 16px;
}
#maincontents #group h3{
	padding: 10px 0;
	font-size: 18px;
}
#maincontents #group .inquiry{
	width: 48%;
	float: right;
	text-align: right;
}
#maincontents #group .adress{
	margin-top: 15px;
	margin-bottom: 50px;
}

#maincontents #group .adress ul{
	margin-left: 2%;
}
#maincontents #group .adress ul li{
	float: left;
	width: 15%;
	margin-right: 1%;
	margin-top: 10px;
}
#maincontents #group .adress ul li:last-child{
	margin-right: 0; 
}
#maincontents #group .adress ul li img{
	width: 100%; 
}




/* ------------------------------------------------------------------------------------------------------

	about 

---------------------------------------------------------------------------------------------------------*/

#about #maincontents #about .inbox .imgbox{
	float: left;
	width: 48%;
	margin-right: 2%;
}
#about #maincontents #about .inbox .imgbox img{
	display: block;
	width: 100%;
}
#about #maincontents #shop .inbox{
	max-width: 1000px;
	margin: 0 auto;
}
#about #maincontents #shop .inbox ul li{
	width: 100%;
	border:  none;
	text-align: left;
	padding: 0;
	margin: 0;
}
#about #maincontents #shop .inbox ul li h3{
	font-size: 28px;
	padding: 15px 0 20px;
}
#about #maincontents #shop .inbox ul li h3 span{
	font-size: 20px;
}
#about #maincontents #shop .inbox ul li p{
	padding-bottom:10px;
}
#about #maincontents #shop .inbox ul li{
	padding: 20px 0;
}
#about #maincontents #shop .inbox ul li img{
	width: 100%;
}
#about #maincontents #shop .inbox ul li .imgbox{
	padding-top: 8px;
}
#about #maincontents #shop .inbox ul li .logo {
	position: absolute;
	padding-left: 2%;
}
#about #maincontents #shop .inbox ul li .logo img{
	width: auto;
}

#maincontents #map .inbox .adress p{
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}
#maincontents #map .inbox .adress .inquiry{
	float: right;
}
#about #maincontents #shop .inbox h2{
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	background: #f0f0f0;
	color: #000;
	letter-spacing: 5px;
}
#about #maincontents #shop ul li .btnbox{
	margin-top: 20px;
	text-align: right;
}
#about #maincontents #shop ul li .btnbox a{
	padding:10px 5%;
	border-radius: 5px;
	border: 1px solid #c4c4c4;
	background: #FFFFFF;
}
#about #maincontents #shop ul li .btnbox a:hover{
	background: #c4c4c4;
	color: #fff;
}

/* ------------------------------------------------------------------------------------------------------

	news-m

---------------------------------------------------------------------------------------------------------*/
.paginate .pagination:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.paginate .pagination li{
	float: left;
	margin-right: 15px;
}

.paginate .pagination li a{
	padding: 3px 10px;
	background-color: #fff;
	border: none;
}
.paginate .pagination li.active a{
	border: 1px solid #7E7E7E;
}


/* ------------------------------------------------------------------------------------------------------

	modal

---------------------------------------------------------------------------------------------------------*/

.modalbox{
	width: 94%;
	margin: 0 auto;
	height: 100%;
}
.modalbox #modal-ymd{
	margin-top: 3%;
}
.modalbox #modal-subject{
	font-weight: bold;
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px dotted #000;
	margin-bottom: 10px;
}
.modalbox #modal-body{
	font-size:14px;
	overflow-y: auto;
	height: 80%;
}
.modalbox #modal-body #modal-img{
	margin-top: 15px;
	width: 100%;
}
.modalbox #modal-body #modal-img img{
	max-width: 100%;
}


/* ------------------------------------------------------------------------------------------------------

	プレオープン

---------------------------------------------------------------------------------------------------------*/
.open{ text-align:center; }
.open img{ width:100%;max-width:678px; }


/* ------------------------------------------------------------------------------------------------------

	slider

---------------------------------------------------------------------------------------------------------*/

.bx-wrapper{
	box-shadow: none !important;
	border: none !important;
	margin: 0 !important;
}