@charset "utf-8";
/* CSS Document */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}


/* GENERAL
-----------------------------------------*/
html{ overflow-y: scroll; }

body{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ ゴシック", "Osaka", "sans-serif", "Arial";
	color: #333333;
	background: #ffffff;
	line-height: 1.5;
	background: url(../images/header_back.gif) repeat-x;
}

a:link, a:visited { color: #1d76b8;}
a:hover { color: #4699d7;}
a img { vertical-align: bottom;}

#container{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#Frame{
	width: 970px;
	margin: 0 auto 0;
}


/* 左エリア
-----------------------------------------*/
#left{
	width: 250px;
	float: left;
}

/* レフトメニュー */

#mainMenu{
	margin: 0 0 10px;
}

#mainMenu ul{
	width: 250px;
}

#mainMenu li{
	display: block;
	width: 250px;
}

#mainMenu li a{
	display: block;
	width: 250px;
}


#mHome{ background: url(../images/menu/m_home_on.png) no-repeat; }
#mService{ background: url(../images/menu/m_service_on.jpg) no-repeat; }
#mPrice{ background: url(../images/menu/m_price_on.jpg) no-repeat; }
#mFlow{ background: url(../images/menu/m_flow_on.jpg) no-repeat; }
#mShop{ background: url(../images/menu/m_shop_on.jpg) no-repeat; }
#mQa{ background: url(../images/menu/m_qa_on.jpg) no-repeat; }
#mRequest{ background: url(../images/menu/m_request_on.jpg) no-repeat; }
#mContact{ background: url(../images/menu/m_contact_on.jpg) no-repeat; }

#mRest{ 
	margin: 6px auto 0;
	display: block;
	width: 230px;
}


#mainMenu li a:hover,#fc li a:hover{
	background-color: transparent;
}

#mainMenu li a:hover img,#fc li a:hover img{
	visibility: hidden;
}

#mainMenu li:hover img,#fc li:hover img{
	visibility: hidden;
}


/* 店舗一覧 */
#shop{
	width: 230px;
	margin: 0 auto 0;
	border-top: solid 1px #cccccc;
	padding: 15px 0 15px 0;
	border-bottom: solid 1px #cccccc;
}

.shoplist{
	margin: 0 0 15px 0;
}

.shoplist p{
	margin: 0 0 6px 0;
}

.shoplist ul{
	margin: 0px 0 0 0;
}

.shoplist li{
	margin: 0 0 7px 0;
}

#facebook{
	width: 230px;
	margin: 20px auto 0;
}

#bannerArea{
	width: 230px;
	margin: 20px auto 0;
}

#bannerArea li{
	margin-bottom: 10px;
}



/* 右エリア
-----------------------------------------*/
#right{
	width: 700px;
	float: right;
}

#headtxt{
	font-size: 11px;
	color: #ffffff;
	margin: 2px 0 0 0;
	height: 18px;
}


/* HEADER
-----------------------------------------*/
#header{
	margin: 0 0 23px 0;
}

#headerFrame{
	margin: 5px  0 0 0;
}

#headimg{
	float: left;
	margin: 0 0 0 8px;
}

/*#headerContents_Left{
	float: left;
	width: 340px;
	margin: 8px 0 0 0;
}

#headerContents_Left_in{
	width: 247px;
	float: right;
}*/

#headerContents_Right_in{
	width: 247px;
	float: right;
}

/*#headerContents_Left_in ul{
	margin: 8px 0 0 0;
}

#headerContents_Left_in li{
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

#headerContents_Left_in li a{
	display: block;
}*/


#headerContents_Right{
	float: right;
	width: 338px;
	margin: 1px 0 0 0;
	background-color: #ffecce;
	padding: 7px 10px 7px;
}

/*#shop_text{
	margin: 0px 0 0 0;
	width: 81px;
	height: 81px;
	float: left;
}*/

#fc_text{
	margin: 0px 0 0 0;
	float: left;
}

#headerContents_Left dd,#headerContents_Right dd{
	margin: 7px 0 0 0;
}

#btn_request{
	margin-right: 0px!important;
}

#btn_fccontact{
	text-align: center;
	margin: 5px 0 0 0;
}

#fc_dt{
	text-align: center;
	margin: 0 0 0 0;
	line-height: 0;
}

#teltime{
	margin: 0 0 0 0;
	line-height: 0;
}



/* CONTENTS
-----------------------------------------*/
#contents{
	width: 700px;
	margin: 0px 0 35px;
}


#mainContents{
	width: 700px;
	float: right;
}


/* お問い合わせボックス */

#contactBox{
	margin: 50px 0 0 0;
	border: solid 1px #626262;
}

#shopBox{
	width: 476px;
	margin: 0 auto 0;
}

#shopBox dl{
	margin: 14px 0 0 0;
	height: 25px;
}

#shopBox dt{
	margin: 0 21px 0 0;
	float: left;
}

#shopBox dd{
	padding: 10px 0 0 0;
}

#shopBox dd img{
	vertical-align: top;
}

#contactBox ul{
	padding: 20px 15px 20px;
}

#contactBox li{
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

#shopBtn{
	margin: 0 0 0 0!important;
}








/* FOOTER
-----------------------------------------*/
#pagetop{
	width: 970px;
	margin: 0 auto;
	text-align: right;
}

#footer{
	width: 100%;
	background: url(../images/footer_back.gif) ;
}

#footerFrame{
	width: 970px;
	margin: 0 auto;
	padding: 25px 0 50px 0;
}

#footerFrame ul{
	width: 600px;
	float: left;
}

#footerFrame li{
	display: block;
	float: left;
	margin-right: 30px;
	background: url(../images/footer_arrow.gif) no-repeat 0 3px;
	padding: 0 0 0 16px;
}

#footerFrame p{
	text-align: right;
}

#footer a:link,#footer a:visited { 
	color: #333333!important;
	text-decoration: none!important;
}

#footer a:hover { color: #1d76b8!important;}


/* hover 共通設定
-----------------------------------------*/
.hover a{
	display: block;
	overflow:hidden;
}

/*メニューリンクにマウスが重なった時に背景を透過*/
.hover a:hover{
	background-color: transparent;
}

/*リスト内 画像にマウスが重なった時、ボックスの非表示*/
.hover :hover img{
	visibility: hidden;
}

.hover2 a{
	display: block;
	overflow:hidden;
}

.hover2 a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}