@charset "utf-8";

/********************************************************
Copyright(C)RELAFULL CO., LTD. All Rights Reserved.
********************************************************/

/* izakaya ********************************************/

@import url(base.css);

.clear{clear:both;}
.center{text-align:center;}

/* base 1 ********************************************/

#wrap_inner{ background: url(img/index/bg_wrap_in.gif) no-repeat top;}
html[xmlns*=""] body:last-child #wrap_inner
{ background: url(img/izakaya/bg_wrap_in_SF.gif) no-repeat top center;}

#header{ background: url(img/izakaya/header.gif);}
#header #navi_top li a:hover{ background-image: url(img/izakaya/navi_top.gif);}

#navi_left{ background: #fdf0c3;}
#navi_left_in1{ background: url(img/izakaya/left_top.gif) no-repeat top;}
#navi_left_in2{ background: url(img/izakaya/left_bottom.gif) no-repeat bottom;}

#footer{ background: #a13438 url(img/izakaya/footer.gif) no-repeat top;}

#title_img img{ margin: 0 0 0 1px;}
:root #title_img img{ margin: 0;}
html[xmlns*=""] body:last-child #title_img img{ margin: 0 0 0 1px;}

/* base 2 ********************************************/

h3{ background: url(img/izakaya/title_h3.gif) no-repeat; color: #9e0006;}

h4{ background: url(img/izakaya/icon_1.gif) no-repeat 0 0;}

/* Utility ********************************************/

@media print {
body{ background: #fff;}
#wrap{ width: 936px;}
#wrap_inner{ width: 936px;}
#title_img img{ margin: 0;}
#title_img img{ _margin: 0 0 0 1px;}
}

/* sidebar ********************************************/

#navi_left_in2 ul li{font-size:10px;}

#sidebar .cafe{ display: none;}

#navi_left h2.title1{ background: url(img/cafe/left_title_tenpo.gif);}
#navi_left h2.title2{ background: url(img/cafe/left_title_saiyou.gif);}
#navi_left h2.title3{ background: url(img/cafe/left_title_event.gif);}

#navi_left h2.title5{ background: url(img/izakaya/left_title_jigyo.gif);}

#navi_left iframe{ border: 1px solid #e8ae74;}

#navi_left .left_tel{
	margin:3px 0;
	padding:4px 0;
	border-top:1px solid #e8ae74;
	border-bottom:1px solid #e8ae74;
	color:#e00008;
	font-weight:bold;
	text-align:center;
}

#navi_left_in2 .left_pad01{padding:10px 0;}


/* article ********************************************/

#article h2{ background-position: 1px 0;}
:root #article h2{ background-position: 0;}
html[xmlns*=""] body:last-child #article h2{ background-position: 1px 0;}

#article h2.title1{ background-image: url(img/cafe/title_1.gif);}
#article h2.title2{ background-image: url(img/cafe/title_2.gif);}

#topics div div{ background: url(img/izakaya/arrow_3.gif) no-repeat 0 3px;}

.topics{ background: url(img/izakaya/topics_bg1.gif) no-repeat top;}
.topics h3{ background: url(img/izakaya/arrow_5.gif) no-repeat 0 2px;}
.topics_inner{ background: url(img/izakaya/topics_bg2.gif) no-repeat bottom;}

#check{ background: url(img/izakaya/check_bg.gif);}
#check h3, #check .top{ background: url(img/izakaya/check_bg_top.gif) no-repeat top;}
#check .bottom{ background: url(img/izakaya/check_bg_bottom.gif) no-repeat bottom;}

.unit ul.icon li{ background: url(img/izakaya/icon_2.gif) 0 3px no-repeat;}

/* !!! sankichi_atsugi ---------------------------------------------!!! */

.cafe #check{ line-height: 120%; font-size: 85%;}
.cafe #check .bottom{ padding: 0 0 22px;}
.cafe #check h3{ padding: 27px 30px 15px 150px;}
.cafe #check h4{
	margin: 0 0 0.2em;
	padding: 0;
	color: #870005;
	background: none;
	font-size: 120%;
}
.cafe #check img{ margin: 0 0 7px; vertical-align: bottom;}
.cafe #check p{ margin: 0 0 0.2em 1em; padding: 0; text-indent: -1em;}

#check #bg1{
	padding: 0 30px;
}

#check #bg1 p{text-align:left;}

#check #bg1 .p_left01{float:left;width:250px;padding:15px 0;}
#check #bg1 .p_right01{float:right;width:250px;padding:15px 0;}
#check #bg1 .text_pad01{padding:0px 0 10px;clear:both;}

.cafe .unit th{
	padding: 4px 8px;
	background-image: url(img/table_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}
.cafe .color_1 th{ background-color: #f4eac8;}
.cafe .color_2 th{ background-color: #fff9b5;}
.cafe .color_3{ background-color: #ffe8c4;}
.cafe .unit .no_bg td{ background: none;}



/* footer ********************************************/

#footer_inner{ background: url(img/izakaya/footer_line.gif) no-repeat bottom;}
#footer_inner li{ background: url(img/izakaya/arrow_4.gif) no-repeat right;}
#footer .copy{ background: url(img/izakaya/copy.gif) no-repeat top;}