?@charset "UTF-8";

/*
Theme Name:ookubo
Author:forever
*/

* {
	margin:0;
	padding:0;
}


div, ul, li, body {
display: block;
margin: 0;
padding: 0;
line-height: 2.0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

html {
	font-size: 75%;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}
/*===================================================================================*/

body {
	font-size: 100%;
	line-height: 140%;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #fff0;
}


.clearfix:after {
  content: " ";
  display: block;
  height: 0.1px;
  font-size: 0.1em;
  clear: both;
  visibility: hidden; }

* + html .clearfix {
  height: 1%; }

* html .clearfix {
  height: 1%; }

a:link { text-decoration:none; color: #666;}
a:visited { text-decoration:none; color: #006699;}
a:active { text-decoration:none; color: #999;}
a:hover { text-decoration:underline; color: #333;}


h2 {
	height: 170px;
	width: 50px;
	margin-bottom: 20px;
}

p {
letter-spacing: 0.1em;
}


#container {
	width: 100%;
}


#side {
	width: 260px;
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
}




#main_content {
	width: 670px;
	float: left;
}

#all_wrap {
width: 100%;
margin: 0px auto;



background-image: url(img/bg_body.jpg);
background-repeat: repeat-x;
background-position: top;

}




#wrap_content {
width: 960px;
margin: 0px auto;
padding: 20px 0px;
}



/*==[新着情報]==================================================*/
dl.news {
float: right;
width: 600px;
background: white;
padding: 10px;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
margin-bottom: 10px;
}



dl.news dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 80px;
padding-bottom: 10px;
}

dl.news dd {
	margin-bottom: 0.8em;
	margin-left: 11em;
border-bottom: 1px dotted #999;
padding-bottom: 10px;
}

#news_content {
float: left;
width:670px;
margin-bottom: 20px;
}



/*==[h3のボタン画像/h3テキスト]=========================================================*/
h3.title_img {
	height: 170px;
	float: left;
}

h3.title {
	padding:0px 0px 20px 0px;
	color: #FFFFFF;
	font-size: 1.5em;
}



#footer {
	width: 100%;
	background-image: url(img/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;

}
p.copy {
	height: 25px;
	padding-top: 25px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #ECE9D8;
	width: 960px;
	text-align: center;
}

#footer ul.footer_links {
	width: 150px;
	float: left;
}

#footer ul.footer_links li {
	background-image: url(img/f_link-point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	height: 20px;
}


#footer ul.footer_links li a:link { text-decoration:none; color: #333;}
#footer ul.footer_links li a:visited { text-decoration:none; color: #333;}
#footer ul.footer_links li a:active { text-decoration:none; color: #333;}
#footer ul.footer_links li a:hover { text-decoration:underline; color: #333;}






#footer_box {
width: 960px;
clear: both;
margin: 0px auto;
padding: 100px 0px 300px 0px;
}

div.fb_box {
background-color: #FFFFFF;
border-color: #333;
}

/*====================================================================================*/
strong {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
/*\*/
	overflow: hidden;
/**/
}

option {
	padding-right: 10px;
}


/*==[LINK HOVER]================================================*/
a img.links{
background:none!important;
}
 
a:hover img.links{
opacity:0.6;
filter:alpha(opacity=30);
-ms-filter: "alpha( opacity=30 )";
background:none!important;
}


/*==[NAVI]===========================================================*/

#g_navi {
	width: 550px;
	height: 190px;
	background: url(img/bg_nav_main.jpg) no-repeat right top;
	float: left;
	padding-left: 25px;
}


#g_navi ul {
	/*width: 550px;*/
	height: 190px;
}

body#page #g_navi ul {
	margin-bottom: 15px;
}
#g_navi li {
	width: 91px;
	height: 190px;
	float: left;
	box-sizing: border-box;
}

#g_navi li a {
	width: 91px;
	height: 190px;
	overflow: hidden;
	display: block;
	text-indent: -10000px;
}

#g_navi li.menu1 a {background: url(img/bg_nav.jpg) no-repeat left 0;}
#g_navi li.menu1 a:hover {background: url(img/bg_nav.jpg) no-repeat left -190px;}

#g_navi li.menu2 a {background: url(img/bg_nav.jpg) no-repeat -91px 0;}
#g_navi li.menu2 a:hover {background: url(img/bg_nav.jpg) no-repeat -91px -190px;}

#g_navi li.menu3 a {background: url(img/bg_nav.jpg) no-repeat -182px 0;}
#g_navi li.menu3 a:hover {background: url(img/bg_nav.jpg) no-repeat -182px -190px;}

#g_navi li.menu4 a {background: url(img/bg_nav.jpg) no-repeat -273px 0;}
#g_navi li.menu4 a:hover {background: url(img/bg_nav.jpg) no-repeat -273px -190px;}

#g_navi li.menu5 a {background: url(img/bg_nav.jpg) no-repeat -364px 0;}
#g_navi li.menu5 a:hover {background: url(img/bg_nav.jpg) no-repeat -364px -190px;}

#g_navi li.menu6 a {background: url(img/bg_nav.jpg) no-repeat -455px 0;}
#g_navi li.menu6 a:hover {background: url(img/bg_nav.jpg) no-repeat -455px -190px;}

/*==========================================================================*/

h1#logo {
float: left;
height: 170px;
width: 260px;
padding: 0px 20px 0px 0px;
}



/*==========================================================================*/

/* ソーシャルボタン */

/*div.sbver {
width:500px;
padding:0 0 150px 0;
}*/

div.sbver ul li {
float: left;
margin-right: 10px;
}



/*====================*/

.pro_box{
	padding: 15px 10px 10px;
	background: url('img/bg_pro_box.jpg') repeat left top;
	position: relative;
	margin-top: 30px;
}

.pro_box h3{
	font-size: 200%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 3px solid #8c0000;
	position: relative;
	font-weight: 500;
}

.pro_box h3 span{
	font-size: 60%;
	display: inline-block;
	margin-right: 0.5rem;
}

span.rubi{
	font-size: 40%!important;
	background: #8c0000;
	color: #ffffff;
	padding: 1px 5px;
	margin: 0!important;
	position: absolute;
	right: 0;
	top: 30%;
}

div#hana {
	background: url('img/goods/bg_hana.jpg') no-repeat left top!important;
	margin-top: 0!important;
}

div#kuro {background: url('img/goods/bg_hk.jpg') no-repeat left top!important;}
div#mori {background: url('img/goods/bg_mori.jpg') no-repeat left top!important;}
div#kanpou {background: url('img/goods/bg_kan.jpg') no-repeat left top!important;}
div#futoshi {background: url('img/goods/bg_fu.jpg') no-repeat left top!important;}
div#tobirakuro {background: url('img/goods/bg_kt.jpg') no-repeat left top!important;}
div#tobirashiro {background: url('img/goods/bg_kt.jpg') no-repeat left top!important;}

div#samurai {background: url('img/goods/bg_samurai.jpg') no-repeat left top!important;}
div#shisui {background: url('img/goods/bg_shisui.jpg') no-repeat left top!important;}
div#ookubo {background: url('img/goods/bg_ookubo.jpg') no-repeat left top!important;}
div#beniharuka {background: url('img/goods/bg_beniharuka.jpg') no-repeat left top!important;}


/*===================*/

h3.drink_name {
	text-align: center;
	font-size: 5em;
	font-family: "ＭＳ Ｐ明朝", "細明朝体";
	font-weight: bold;
	color: #000000;
	line-height: 1.3;
}

div.img_box {
	float: right;
	margin-left: 10px;
}
div.text_box {
	overflow: hidden;
	_zoom: 1;
}



p.ex {padding:0px 20px 30px;}



.drink{margin-top:20px;}

.drink dl{
	padding: 1em 0;
	border-bottom: solid 1px #E5E5E5;
}


.drink dt {
	float: left;
	width: 10em;
	color: black;
}

.drink dd {
	overflow: hidden;
	_zoom: 1;
}


p.nomikata {
	border: 1px solid #333333;
	padding: 8px;
	background-color: #FFFFFF;
margin-bottom: 30px;
}

.relative   {  
    position: relative;  
}  

hr.separator {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



/*====================*/
p.to-top {
	margin: 20px 0px;
	width: 960px;
	clear: both;
text-align: right;
}

p.to-top_blog {
text-align: right;
}


.blog_day {
	padding:2px 20px 20px 0px;
	font-size: 84%;
text-align:right;
background-image: url(img/bg_day.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.day {
	font-size: 1em;
}


/*====================*/


h3.news-title {
font-size: 1.5em;
padding: 10px 0px 10px 0px;
background-image: url(img/bg_h3.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 40px;
font-weight: bold;
}

h3.page-title {
margin: 20px 0px 10px 0px;
font-size: 1.5em;
padding: 0px 0px 20px 0px;
background-image: url(img/bg_h3.gif);
height: 30px;
font-weight: bold;
}


/*===[ロゴとナビを囲むdiv]========*/

#nav_box {
margin: 0px auto ;
padding: 10px 0px;
clear: both;
width: 100%;
background-image: url(img/bg_nav_main.jpg);
height: 200px;
}

.nav_area {
margin: 10px auto;
padding: 10px 0px;
clear: both;
width: 960px;

}




/*===[お酒の飲み方ボタン]=========*/

ul.drink_links {
padding-top:20px;
}

ul.drink_links li {
margin-bottom:10px;

}


/*===[投稿記事を囲むdiv]==============*/
div.blog_box {
border: 1px solid #999;
width: 610px;
margin-bottom: 20px;
padding: 20px;
background-color: white;
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
}


/*===================================*/
dl.office_info {
margin-bottom: 20px;
}

dl.office_info dt {
font-size: 1.2em;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C90;
padding: 20px 0px 20px 30px;
background-image: url(img/shop_point.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 20px 0px 20px 30px;
margin-bottom: 10px;
}

dl.office_info dd {
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}


/*=============*/


.relative {
	position: relative;
}


div,ul,li,body {
	display: block;
	margin: 0;
	padding: 0;

}


.leftNav,
.rightNav {
	background: url(img/bg.png);
	outline: none;
}

.leftNav:before,
.rightNav:before {
	content:"";
	width:100%;
	height:100%;
	display: block;

}

.leftNav:hover {
	background: url(img/leftNav.png) right center no-repeat  /*rgba(204,204,204,0.4);*/
}


.rightNav:hover {
	background: url(img/rightNav.png) left center no-repeat  /*rgba(204,204,204,0.4);*/
}

.leftNav:hover:before,
.rightNav:hover:before {
	background: url(img/bg2.png)
}

/*-----[サイドメニュー設定]-------*/

ul#side_link {
background: #ECE9D8;
padding: 10px 0px;
background-image: url(img/bg_side_link_hade.gif);
background-repeat: no-repeat;
background-position: left top;
}

ul#side_link li {
	background-image: url(img/bg_sidelink-point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 5px 30px;
	margin: 0px;
	text-align: left;
}

img.side_ul_foot {
margin-bottom: 20px;
}


h3.archive {
text-align: right;
}


h3.title_bana {
padding:10px 0px 20px 0px;
clear:both;
}


dd.title {
font-weight: bold;
}

/*
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.clear {
    clear:both;
}*/


/*==============================*/
.ppBox {
/*width: 600px;*/
height: 200px;
margin: 0 auto 40px;
padding: 1em;
overflow-y: scroll;
border: 1px solid #CCC;
}

.ar {
text-align: right;
}
.mb30px {
margin-bottom: 30px;
}


/*================================*/
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.red {
color: red;
}

.btn_r {
text-align: right;
}