@charset "shift_jis";
/* CSS Document */


/******************************************

全ページ　全店舗　共通


-----------------------------------------
３カラム　幅指定

左カラム：130px; ※キャンペーン広告枠
真ん中カラム：990px；
真ん中カラム：ボーダー5px　E8b5e08
右カラム：130px; ※キャンペーン広告枠

******************************************/



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

大枠設定

----------------------------------------------*/
/*背景ボトムに背景画像を位置させるためのcss*/
html,body {
	height:100%;
}

.indent {
	text-indent:-9999px;
	overflow:hidden;
}


#brouz_content {
	width:100%;
	height:100%;
	background:#000000;
   /* overflow:hidden;追加*/
}




#head_content {
	text-align:center;
	margin-top:20px;
}

#container {
	clear:both;
	width:1260px;
	margin:0 auto;
}
#left-clum {
	width:1130px;
	float:left;
}


#pr_left {
	float:left;
}


#pr_right {
	float:right;
}


#pr_left ,
#pr_right {
	width:130px;
	/*height:2480px;*/
	background:#999999;
	margin:0;

}
#pr_left {
	background:url(../images/side_banner.jpg) repeat-y;
}
#pr_right {
	float:right;
	background:url(../images/side_banner.jpg) repeat-y;
}
#center_content {
	float:right;
	width:990px;
	/*border-left:5px solid #8b5e08;
	border-right:5px solid #8b5e08;*/
	background:#000000;
}




#footer {
	clear:both;
	width:990px;
	/*border-left:5px solid #8b5e08;
	border-right:5px solid #8b5e08;
	border-bottom:5px solid #8b5e08;*/
	background:#000000;
	margin:0 auto 10px;
	padding-top:50px;
}

#footer .telTeisei{
margin-bottom:50px;
}


#address {
	clear:both;
	text-align:center;
	margin-bottom:30px;
}

div.main_c {
	width:940px;
	margin:0 auto;
}

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

ヘッダー部

----------------------------------------------*/
ul.head_list {
    width: 1260px;
    margin: 20px auto 30px;
}

ul.head_list li {
   float: left;
    padding: 10px 5px;
    width: 24%;
    letter-spacing: 0.2em;
    border-right: solid 1px #fff;
    background:#910000;
}

ul.head_list li:last-child {
	border:none;
}


ul.head_list li a {
	font-size:15px;
	display:block;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

ul.head_list li a:hover {
	text-decoration:none;
	opacity:0.8;
}


#slider_area {
	width:1260px;
	margin:0 auto;
}



.test{
	height:500px;
}









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

メインコンテンツ

----------------------------------------------*/
p.storBox {
	width:100%;
	text-align:center;
	background:url(../images/storBox_bk.jpg) repeat-x;
	height:262px;
	padding-top:38px;
}






/*-----------------店舗一覧-----------------------*/
div.stor_cont {
	width:940px;
	margin:0 auto 0 auto;
	clear:both;
}
div.stor_cont h2 img {
	margin-top:-50px;
}

div.stor_cont h2.title_sotr img {
		margin-top:0;
}










/*インフォボックス　Facebook　キャンペーン　お知らせ*/
div.info_box {
	clear:both;
	width:940px;
	margin:0 auto;
}


  /*Facebook*/
div.facebook {
	float:left;
	width:450px;
	margin-right:40px;
}


  /*キャンペーン*/
div.campaign {
	float:right;
	width:450px;
	margin-right:0;
}

dt.cL01_dt {
	background:url(../images/bk_campaign01.png) no-repeat;
	width:450px;
	height:200px;
}
dt.cL02_dt {
	background:url(../images/bk_campaign02.png) no-repeat;
	width:450px;
	height:200px;
	margin-top:10px;
}
dd.cL_dd {
	color:#FFFFFF;
	margin-bottom:20px;
}







/**************************************************

フッター

****************************************************/

div#footer p.footer_info {
	background:url(../images/header.jpg) no-repeat;
	width:990px;
	height:100px;
	clear:both;
}
div.footer_list {
	margin-bottom:50px;
}

.footer_list ul.f_list01 {
	width:940px;
	margin:0 auto;
}
.footer_list ul.f_list02 {
	width:23em;
	margin:0 auto;
}
div#footer div.footer_list ul {
	clear:both;
}

div#footer div.footer_list ul li {
	float:left;
}

a.footer_logo {
	display:block;
	text-align:center;
}



/*SNS｜TOPへ戻るリンクボタン*/
#social_box{
   /* background:#000;*/
    width:69px;
    padding:15px;
    margin-left:1270px;
    text-align:center;
    position:fixed;
    bottom:30px;
    list-style-type:none;
}

div.topLink {
	width:69px;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
}





/**************************************************

店舗紹介ページ　共通

****************************************************/

/*パンくず　リスト*/
div.b-crumb {
	width:940px;
	margin:0 auto;
}
div.b-crumb ul.b-sList li {
	float:left;
	font-size:12px;
	color:#CCCCCC;
	margin-top:5px;
}


/*上部ブローバル　メニュー部分*/

#compliance_head {
	width:100%;
	background:url(../images/glioval_back.png) center bottom repeat-x;
}

ul.headMenu {
	width:962px;
	margin:0 auto;
}

div.headMenu_list {
	width:962px;
	margin:0 auto;
	color:#FFFFFF;
	height:50px;
}

ul.headMenu li ,
ul.headMenu li a {
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	display:block;
}

ul.headMenu li.headList01 ,
ul.headMenu li.headList01 a {
	background:url(../images/gloval01.png) no-repeat;
	width:274px;
	height:50px;
}

ul.headMenu li.headList02 ,
ul.headMenu li.headList02 a {
	background:url(../images/gloval02.png) no-repeat;
	width:228px;
	height:50px;
}
ul.headMenu li.headList03 ,
ul.headMenu li.headList03 a {
	background:url(../images/gloval03.png) no-repeat;
	width:228px;
	height:50px;
}
ul.headMenu li.headList04 ,
ul.headMenu li.headList04 a {
	background:url(../images/gloval04.png) no-repeat;
	width:232px;
	height:50px;
}

ul.headMenu li.headList01 a:hover ,
ul.headMenu li.headList02 a:hover ,
ul.headMenu li.headList03 a:hover ,
ul.headMenu li.headList04 a:hover {
	background:#FFFFFF;
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}

/*上部店舗情報*/
div.store_ifBox {
	clear:both;
	width:940px;
	margin:0 auto;
	padding-top:20px;
}

div.store_ifBox img.store_img {
	float:left;
	width:282px;
}

div.store_ifBox div.store_if {
	float:right;
	width:638px;
}

h3.store_name {
	background:url(../images/sotre_nameBack.png) no-repeat left bottom ;
	width:940px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:24px;
}

dl.sotre_joho dt {
	color:#9E8C71;
	float:left;
	clear:both;
	margin-right:15px;
}
dl.sotre_joho dd {
	float:left;
}
p.store_mese {
	clear:both;
	line-height:1.2;
	padding-top:10px;
}




/**************************************************

その他　共通

****************************************************/
#container h2 {
	margin-top:30px;
	clear:both;
}

h3.titlevar02 {
	background:#5E0000;
	width:300px;
	text-align:center;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size:16px;
	margin-bottom:10px;
}

h2.title_menu {
	margin-bottom:20px;
}

/*メニュー*/
div.menu {
	clear:both;
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
ul.menu_list {
	width:940px;
	/*padding-top:20px;*/
	clear:both;
}

/*
ul.menu_list_child {
	width:940px;
}*/

ul.menu_list li.m01 ,
ul.menu_list li.m01 a {
	display:block;
	width:940px;
	height:300px;
	margin-bottom:20px;
}

ul.menu_list li.m08 ,
ul.menu_list li.m08 a {
	display:block;
	width:940px;
	height:250px;
}


/* ここがメニュー枠修正箇所　*/
ul.menu_list_child {
	width:300px;	
	height:229px;
	margin-bottom:20px;
	overflow:hidden;		
	float:left;
}

ul.menu_list_child li {
	margin:0 20px 20px 0;
	background:#fff;
}

ul.menu_list_child li,
ul.menu_list_child li a {
	display:block;
	width:300px;
	height:229px;
}


.mgR20{
	margin-right:20px;
}


ul.menu_list_2col {
	clear:both;
}
ul.menu_list_2col li {
	float:left;
	margin:0 20px 20px 0;
}
ul.menu_list_2col li:last-child {
	margin-right:0;
}

ul.menu_list_2col li.m2_01 a:hover ,
ul.menu_list_2col li.m2_02 a:hover,
ul.menu_list li.m01 a:hover ,
ul.menu_list_child li.m02 a:hover ,
ul.menu_list_child li.m03 a:hover ,
ul.menu_list_child li.m04 a:hover ,
ul.menu_list_child li.m05 a:hover ,
ul.menu_list_child li.m06 a:hover ,
ul.menu_list_child li.m07 a:hover ,
ul.menu_list li.m08 a:hover {
	background:#ffffff;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}



/*クーポン表示*/
div.coupon {
	width:940px;
	margin:0 auto;
}

ul.couponList li {
	float:left;
	margin-right:20px;
}
ul.couponList li:last-child {
	margin-right:0;
}

/*店舗情報*/
div.aboutInfo {
	width:940px;
	margin:0 auto;
	padding-top:20px;
	clear:both;
}

table.aboutTable {
	border-top:1px solid #9D8E71;
	border-left:1px solid #9D8E71;
}
table.aboutTable th {
	background:#2F2B22;
	width:20%;
}

table.aboutTable th ,
table.aboutTable td {
	border-bottom:1px solid #9D8E71;
	border-right:1px solid #9D8E71;
	text-align:left;
	padding:10px;
}

/*カルーセル　イメージビューワー*/
#carousel {
	padding-top:30px;
	clear:both;
	margin: 0 auto;
	width: 890px;
	height: 290px;
	text-align: left;
	position: relative;
}

#carousel_prev,
#carousel_next {
	top: 170px;
	width: 20px;
	height: 20px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -25px;
	background:transparent url(../images/prev.png) no-repeat top left;
}
#carousel_next {
	right: -25px;
	background:transparent url(../images/next.png) no-repeat top left;
}

#carousel ul {
}
#carousel ul li {
	width: 290px;
	float: left;
	display: inline;
}
ul.carouselList li {
	margin-right:10px;
}



/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	display: inline-block;
	overflow: hidden;
}