/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #EFD2AE url(../images/bg.jpg);color: #474747;font: 12px/25px Arial, Helvetica, sans-serif;}

/*-------------------------*/
a{color: #5F451B;text-decoration: none;}
a:hover {text-decoration: none;}


/*
a.button, input.button {
    cursor: pointer;
    color: #ffffff;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;

    background: rgb(155,144,129);
    background: -moz-linear-gradient(top, rgba(155,144,129,1) 0%, rgba(104,77,57,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,144,129,1)), color-stop(100%,rgba(104,77,57,1)));
    background: -webkit-linear-gradient(top, rgba(155,144,129,1) 0%,rgba(104,77,57,1) 100%);
    background: -o-linear-gradient(top, rgba(155,144,129,1) 0%,rgba(104,77,57,1) 100%);
    background: -ms-linear-gradient(top, rgba(155,144,129,1) 0%,rgba(104,77,57,1) 100%);
    background: linear-gradient(to bottom, rgba(155,144,129,1) 0%,rgba(104,77,57,1) 100%);

    border:1px solid #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
*/

a.button, input.button {
	color: #f5e9e2;
	background-color: #5D4030;
	
	background: -moz-linear-gradient(
		top,
		#d1bcaf 0%,
		#694732 60%,
		#806351);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d1bcaf),
		color-stop(0.60, #694732),
		to(#806351));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #61615f;
	-moz-box-shadow:
		0px 2px 4px rgba(135,135,135,0.6),
		inset 0px 0px 1px rgba(026,013,006,0.8);
	-webkit-box-shadow:
		0px 2px 4px rgba(135,135,135,0.6),
		inset 0px 0px 1px rgba(026,013,006,0.8);
	box-shadow:
		0px 2px 4px rgba(135,135,135,0.6),
		inset 0px 0px 1px rgba(026,013,006,0.8);
	text-shadow:
		1px 2px 3px rgba(046,022,009,1),
		0px 1px 0px rgba(214,211,214,0.4);
}




a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {}

/*-------------header */
header {
    width:960px;
    height: 130px;
    position:relative;
    margin: 0px auto 0px auto;
    background: url(../images/bgheader.png);
    border:1px solid #634A3A;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px 20px 40px 0px rgba(255, 255, 255, 0.1) inset
              , 0px 1px 1px 0px rgba(255, 255, 255, 0.05) inset;
}

header #logo {position:absolute; top:40px; left: 30px;}

/*------------menu */
header nav {
    position: absolute;
    top: 50px;
	right:20px;
	height: 37px;
	width: 410px;
}
header nav ul {list-style: none;margin: 0;padding: 0;}
header nav ul li {
    position: relative;
    float: left;
    padding: 0px;
    width: 25%;
    text-align: center;
    
    background-image: url(../images/main_menu_bg_pc.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-indent:-9999px;
}
header nav ul li:hover {
    background-position: bottom center;
}

header nav ul li a {
    font-size: 14px;
	line-height:14px;
	color: #5F451B;
	display: block;
	padding: 17px 0px 25px 0px;
	z-index: 6;
	position: relative;
	font-weight:bold;
	text-indent:0px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
	
}
header nav ul li:hover a{
    color:#000000;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1)
                ,-1px -1px 3px rgba(255, 255, 255, 1)
                ,-1px 1px 3px rgba(255, 255, 255, 1)
                ,1px -1px 3px rgba(255, 255, 255, 1)
                ,0px 6px 8px rgba(0, 0, 0, 0.5);
}




.social{position: relative;width:960px; height:40px; margin:0 auto; background: url(../images/bgheader.png);
	border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;
	box-shadow: 0px 20px 40px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 1px 0px rgba(255, 255, 255, 0.05) inset;}

.social .shareicons{position: absolute;top: 4px;left: 7px;}
.social .shareicons ul{list-style: none;margin: 0;padding: 0;}
.social .shareicons ul li{position: relative;float: left;}

.social #search {position: absolute;top: 7px;right: 7px;	width: 258px;z-index: 15;}
.social .button-search {	position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}
.social #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px 3px 3px 3px;	-moz-border-radius: 3px 3px 3px 3px;	-khtml-border-radius: 3px 3px 3px 3px;	border-radius: 3px 3px 3px 3px;}


.featured{
    width:960px;
    margin:0 auto;
    border-left:1px solid #634A3A;
    border-bottom:1px solid #634A3A;
    border-right:1px solid #634A3A;
}

/*-------------content */
#content {}

.zerogrid{border:1px solid #E1E1E1;}

.block{background:#ffffff;}

.block01 {
    padding:30px 0px;
    background-image: url(../images/contentsbg.png);
}
.block01 section {text-align:center;}
.block01 section .heading h2{color:#4F4F4F ;font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.block01 section .content{color:#555555; font-weight:bold;}
.block01 section .more{ text-align:center;}
.block01 section .more a{ text-decoration:none; text-transform:none;}

.block02 {
    background: #FFF7E9;
    margin-bottom:20px;
    border-top:1px solid #E1E1E1;
    border-bottom:1px solid #E1E1E1;
}

.block02 section{text-align:center; padding: 20px 50px; font-size:20px;}

.block03 {padding-bottom: 20px;}
.block03 section{}
.block03 section img{border-bottom:2px solid #5F451B; border-top:2px solid #5F451B;}
.block03 section .heading{font-size:14px; /*font-style:italic;*/}
.block03 section a{ text-decoration:underline; padding-left:10px;}

.block04 {background:#EDEDED; margin-bottom:20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;}
.block04 section{text-align:left; padding: 5px 10px; font-size:20px;}

.block05 {}

.block06 {}
.block06 img{width:200px; padding:5px; border:1px solid #ccc;}
.block06 div{text-align:center;}

#main-content{}
#main-content article{ clear:both; font-size:14px; margin-bottom:20px;}
#main-content article .heading{margin-bottom: 10px; padding:10px 0px;border-bottom:1px solid #E1E1E1; border-top:1px solid #E1E1E1;}
#main-content article h2{font-size:22px;}
#main-content article .info{color:#A3A3A3; font-style:italic;}
#main-content article img{width: 620px;}
#main-content article p{margin:10px 0px;}
#main-content article .more{}

#main-content .comment{font-weight:bold; margin:50px 0px;}
#main-content .comment div{margin-bottom: 20px; vertical-align:middle; }
#main-content .comment input{border: 2px solid #999999;padding: 8px 10px;width:250px;}
#main-content .comment textarea{border: 2px solid #999999;padding: 8px 10px;width:100%;}
#main-content .comment input[type="submit"] {cursor: pointer; width:100px; float:right;
	background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);
	background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);
	background: linear-gradient(top, #efefef, #ddd);
	color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1);	border: 2px solid #999999;}
#main-content .comment input[type="submit"]:hover {
	background: -webkit-linear-gradient(top, #eee, #ccc);	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);	background: -o-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);	border: 2px solid #bbb;}
#main-content .comment input[type="submit"]:active {
	background: -webkit-linear-gradient(top, #ddd, #aaa);	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -ms-linear-gradient(top, #ddd, #aaa);	background: -o-linear-gradient(top, #ddd, #aaa);
	background: linear-gradient(top, #ddd, #aaa);	border: 2px solid #999;}


#sidebar{}
#sidebar section{
    /*background: #EFEFEF;*/
    background-image: url(../images/contentsbg.png);
	border:1px solid #DBD0B2;
	margin-bottom:20px;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0px 2px 4px rgba(50,50,50,0.4);
	-webkit-box-shadow: 0px 2px 4px rgba(50,50,50,0.4);
	box-shadow: 0px 2px 4px rgba(50,50,50,0.4);
}
#sidebar section .heading{ padding:5px 10px 5px 10px;}
#sidebar section h2{font-size:22px; font-weight:normal;}
#sidebar .content{padding:15px;border-top:3px solid #DBD0B2;}
#sidebar .content img{float:left;}
#sidebar .content ul{ list-style:none; font-size:14px;}
#sidebar .content ul li{border-bottom: 1px solid #E1E1E1; padding:5px; font-weight:bold;}
#sidebar .content .post {margin-bottom: 20px;}
#sidebar .content .post h4{ font-size:14px;}
#sidebar .content .post img{ margin-right:10px;}
#sidebar .content .post p{color:#A3A3A3; font-style:italic;}

/*------------footer */
footer {
    width:960px;
    margin:0 auto 0px auto;
    color:#FFFFFF;
    background: url(../images/bgheader.png);
    border:1px solid #634A3A;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 20px 40px 0px rgba(255, 255, 255, 0.1) inset
              , 0px 1px 1px 0px rgba(255, 255, 255, 0.05) inset;
}

footer .wrapfooter{
	padding:10px;
}















/*=== ORIGINAL =====================================================================*/



#contents_wrapper {
    margin: 0px auto;
    display: table;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.7);
}


.item_page_container {
    padding: 0px 0px 0px 10px;
}


h4.item_price {
    text-align: right;
    color: #5F451B;
    border-bottom: dotted 1px #5F451B;
}


h2.item_title {
    font-size: 1.6em;
    font-weight: bold;
    color: #4B3208;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.4);
}


.contents_title_a {
    background-image: url(../images/title_bg1.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    margin: 0px 10px;
}


.contents_title_b {
    background-image: url(../images/title_bg2.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    margin: 0px 10px;
}


.show_page_title_section {
    font-size: 1.4em;
    color: #4B3208;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.4);
}


.wrapfooter .copyright_text {
    text-shadow: 2px 2px 0px rgba(93, 64, 48, 1)
                ,-2px -2px 0px rgba(93, 64, 48, 1)
                ,-2px 2px 0px rgba(93, 64, 48, 1)
                ,2px -2px 0px rgba(93, 64, 48, 1)
                ,3px 3px 3px rgba(0, 0, 0, 0.4);
}


.index_bottom_menu_head {
    font-weight: bold;
    color: #5D4030;
}


/*
.block01 {
    padding:30px 0px;
    background-image: url(../images/contentsbg.png);
}
*/

.aboutus_caution_message {
    color: #FF0000;
    font-size: 0.8em;
}

#sidebar section p#author_name_sub {
    color: #4B3208;
}

#sidebar section h2#author_name {
    font-size: 1.4em;
    color: #4B3208;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.4);
    
}


#main-content article img.shop_page_image {
}

h2.shop_name {
    font-size: 1.4em;
    color: #4B3208;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.4);

}    

#main-content article .shop_name_container {
    padding-left: 5px;
    background-image: url(../images/title_bg1.png);
}


h2.service_time_header {
    font-size: 1.4em;
    color: #a91c00;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.4);

}    

#main-content article .service_time_container {
    padding-left: 5px;
    background-image: url(../images/title_bg3.png);
}


.block01 section .heading h2.index_menu_title {
    font-size: 1.4em;
    color: #4B3208;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.4);
}

#sidebar .content .post p.shop_addr_phone {
    color: #5F451B;
    margin: 0px;
    padding: 0px;
    font-style: normal;
    
}


h4.submenu_shop_detail_lineheight {
    line-height: 100%;
}

p.submenu_shop_detail_lineheight {
    line-height: 140%;
}

#sidebar .content .post p.shop_phone_number {
    color : #6C2704;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1)
                ,-1px -1px 0px rgba(255, 255, 255, 1)
                ,-1px 1px 0px rgba(255, 255, 255, 1)
                ,1px -1px 0px rgba(255, 255, 255, 1)
                ,2px 2px 3px rgba(0, 0, 0, 0.2);
    font-size: 1.3em;
}




#background_image_l, #background_image_r {
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#background_image_l {
    /*background-image: url(../images/pcbg_l.png);*/
    background-position: bottom left;
}

#background_image_r {
    /*background-image: url(../images/pcbg_r.png);*/
    background-position: bottom right;
}

#background_image_r {
    padding: 50px 0px 50px 0px;
}








