@charset "utf-8";

/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
h3 {
	font-family: "Century Gothic";
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #B5933B;
	line-height: 24px;
	padding-left: 7px;
	margin-bottom: 2px;
	height: 24px;
	border-left-width: 6px;
	border-left-style: double;
	border-left-color: #FFF;
}
h4 {
	font-family: "Century Gothic";
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #C33;
	line-height: 25px;
	height: 25px;
	border-left-color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
}
h5 {
	font-family: "Century Gothic";
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #FC3;
	line-height: 25px;
	height: 25px;
	border-left-color: #FFF;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.store_photo {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	clear: both;
}



.introduce h2 {
	font-size: 18px;
	font-weight: bold;
	color: #C33;
	line-height: 25px;
	margin-top: 10px;
	margin-left: 10px;
}
#left h2 {
	background-color: #825B2F;
	color: #FFF;
	text-align: center;
	width: 235px;
	margin-bottom: 2px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
}





#wrapper {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #FFFFD6;
	position: relative;
	visibility: visible;
}

#main {
	height: auto;
	width: 950px;
	float: left;
	margin-bottom: 20px;
}

.introduce {
	background-color: #FFF;
	height: auto;
	width: 695px;
	margin-left: 250px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom:20px;
}

.info_bn{
	margin:10px 0px;
}

.introduce p {
	float: left;
	height: auto;
	width: 700px;
	padding: 10px;
}
#r3th {
	height: auto;
	width: 950px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
}
#r3th h2 {
	height: auto;
	width: 950px;
	color: #C00;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 45px;
}
#r3th h6 {
	height: auto;
	width: 500px;
	color: #FFF;
	margin-bottom: 5px;
	font-size: 24px;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C00;
	background-color: #C00;
	padding: 5px;
}




.box01 {
	background-color: #cc3333;
	float: left;
	height: 155px;
	width: 160px;
	text-align: center;
	padding: 5px;
	margin-right: 5px;
}
.inquirely {
}

.koshin_area {
	background-color: #C33;
	height: 380px;
	width: 690px;
	margin-left: 250px;
	margin-bottom: 10px;
	color: #FFF;
	padding-top: 10px;
}
.box02 {
	background-color: #cc3333;
	float: left;
	height: auto;
	width: 220px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 80px;
}
.koshin_box {
	float: left;
	height: 280px;
	width: 330px;
	text-align: center;
	padding: 5px;
	margin-left: 20px;
	margin-right: 10px;
	color: #FFF;
	font-size: 10px;
}
.twitter {
	/*! float: left; */
	height: 359px;
	width: 98%;
	text-align: center;
	padding: 5px;
	color: #FFF;
	font-size: 10px;
	margin-left: 7px;
	border: solid 1px #fff;
}

.twitter-timeline {
	width:600px!important;
	height:255px !important;
}






#left {
	height: auto;
	width: 235px;
	float: left;
	margin-left: 2px;
	background-color: #FFC;
	padding-bottom: 10px;
}

#header {
	height: 420px;
	width: 700px;
	float: left;
	margin-left: 250px;
}
#footer {
	height: auto;
	width: 950px;
	background-color: #000;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	padding-top: 5px;
	clear: both;
}

#left a {
	color: #000;
	}
	
	
#left a:link {
	color: #FFF;
	text-decoration: none;
	}	
	
#left a:visited {
	color: #DFDFDF;
	text-decoration: none;
}	

#left a:hover {
	color: #C00;
}	


#left li a {
	color: #666;
	}
	
	
#left li a:link {
	color: #A78836;
	text-decoration: none;
	}	
	
#left li a:visited {
	color: #C8A957;
	text-decoration: none;
}	

#left li a:hover {
	color: #F00;
}	


#left .add1 a {
	color: #666;
	}
	
	
#left .add1 a:link {
	color: #B5933B;
	}	
	
#left .add1 a:visited {
	color: #C8A957;
}	

#left .add1 a:hover {
	color: #F00;
}	


a {
	color: #000;
	}
	
	
a:link {
	color: #000;
	}	
	
a:visited {
color: #000;
}	

a:hover {
	color: #F00;
}	


a.pt:hover img{
   filter:alpha(opacity=70); /*←IE用*/
   -moz-opacity:0.80; /*←Mozilla用*/
    opacity:0.70; /*safari opera*/
}


.maintxt {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.inquirely {
	text-align: center;
	height: auto;
	width: 700px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
.shop_name {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.tel {
	font-size: 30px;
	font-weight: bold;
	color: #900;
	line-height: 35px;
}
.slidebox {
	cursor: pointer;
}
#left  ul{
	margin-left: 20px;
	height: auto;
	width: 170px;
	margin-bottom: 10px;
	background-color: #FFC;
}
#left ul li  {
	list-style-type: none;
	font-family: "Century Gothic";
	font-size: 12px;
	line-height: 15px;
	padding-left: 10px;
	font-weight: normal;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #B5933B;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-color: #B5933B;
	border-bottom-style: solid;
	text-decoration: none;
}
.sub_txt {
	font-size: 10px;
	font-weight: normal;
	font-family: "Century Gothic";
}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.add1 {
	height: auto;
	width: 200px;
	margin-left: 20px;
	color: #825B2F;
	margin-bottom: 35px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #B5933B;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 12px;
}
.banner-area01 {
	text-align: center;
	height: auto;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 250px;
}
.banner-area01 p {
	margin-bottom: 2px;
}

.banner-area02 {
	width: 892px;
	margin-left: 25px;
	background-color: #FFF;
	margin-bottom: 20px;
	height: auto;
	padding-left: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #C33;
	border-bottom-color: #C33;
	border-left-color: #C33;
	float: left;
}

.banner-box01 {
	margin: 4px;
	float: left;
	height: 130px;
	width: 170px;
	font-size: 10px;
	line-height: 14px;
}
.Clear {
	clear: both;
}
.td1 {
	height: auto;
	width: 205px;
}
.td2 {
	height: auto;
	width: 160px;
	font-size: 10px;
	vertical-align: top;
	line-height: 14px;
}

.td2 p {
	margin-right: 5px;

}

.td3 {
	height: auto;
	width: 160px;
	font-size: 14px;
	vertical-align: middle;
	line-height: 20px;
	background-color: #FC3;
	text-align: center;
	font-weight: bold;
}
.English {
	height: 36px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	text-align: right;
	line-height: 36px;
	margin-bottom: 10px;
}
.Right {
	float: right;
	margin-left: 10px;
}
.container01 {
	position: relative;
}







.content1 {
    width: 98%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 30px;
    background-color: #FFF;
    border: 1px solid #c33;
}

.banner1 {
	width: 100%;
	height: auto;
	padding: 1%;
	margin-bottom: 20px;
}

.banner2-wrap {
    width: 850px;
    height: auto;
    margin-left: 35.5px;
    margin-right: 35.5px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.banner2-title {
    width: 100%;
    height: auto;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    font-family: "Century Gothic";
    line-height: 45px;
    text-align: center;
    background-color: #C33;
}

.banner2 {
    width: 170px;
    height: auto;
    float: left;
}