@charset "utf-8";

/*  
Theme Name: SAKATA-WEBNET
Theme URI: http://sakata-webnet.jp/
Description: 
Version: 1.0
Author: S.Suzuki
*/

/*-- Reset --------------------------------------*/

html, body, div, span, applet, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}

ul {list-style: none;}

ol {margin: 0 0 0 25px;}

html>/**/body ol {margin: 0 0 0 21px;}

blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*-- hack --------------------------------------*/

object,embed {  
	vertical-align: top;  
}

/*-- 基本設定 --------------------------------------*/

a {text-decoration: none;}

a:link {color: #333;}

a:visited {color: #333;}

a:hover {color: #333; text-decoration: underline;}

a:active {color: #333;}

body {
	text-align: center;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 13px;
	line-height: 165%;
	color: #333;
	background-color: #662100;
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-x;
}

/*-- 共通設定 --------------------------------------*/	

p {
	margin: 0 0 0.75em 0;
}

.h1_404 {
	font-size: 20px;
	font-weight: bold;
	margin: 0.75em 0 1.5em 0;
}

br {
	clear: both;
	letter-spacing: 0;
}


/*-- コンティナー --------------------------------------*/

#container {

}

#container_top {

}

/*-- ヘッダー --------------------------------------*/

#header {
	position: relative;
	width: 860px;
	height: 150px;
	margin: 0 auto 15px;
	padding: 0 20px;
}

* html body #header {
	position: relative;
	width: 900px;
	height: 150px;
	margin: 0 auto 15px;
	padding: 0 20px;
}

.header-name {
	display: none;
}

.description {
	display: none;
}

.head_logo {
	position: absolute;
	top: 20px;
	left: 60px;
}

/*-- ヘッダーメニュー --------------------------------------*/

#header_menu {
	display: inline;
	float: right;
	text-align: right;
	position: absolute;
	top: 35px;
	right: 35px;
}

#header_menu li {
	float: left;
}

/*-- グローバルナビ --------------------------------------*/

#g_navi {
	display: inline;
	float: right;
	text-align: right;
	position: absolute;
	top: 75px;
	right: 30px;
}

#g_navi li {
	float: left;
}

/*-- コンテンツ --------------------------------------*/

#content_outline {
	background-color: #f7f7f0;
}

#content_top {
	text-align: left;
	width: 860px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #f7f7f0;
	overflow: hidden;
}

#content {
	text-align: left;
	width: 860px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #f7f7f0;
}

* html body #content_top {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #f7f7f0;
	overflow: hidden;
}

* html body #content {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #f7f7f0;
}

/*-- メイン --------------------------------------*/

#main {
	width: 550px; /* コンテンツ幅 */
	float: left; /* コンテンツ位置(左) */
	letter-spacing: 0.08em;
	min-height: 500px;
	display: inline;
	height: auto !important;  
	height: 500px;
}

#main_top {
	width: 550px; /* コンテンツ幅 */
	float: left; /* コンテンツ位置(左) */
	letter-spacing: 0.08em;
}

#main_info , #main_blog {
	width: 610px; /* コンテンツ幅 */
	float: left; /* コンテンツ位置(左) */
	letter-spacing: 0.08em;
	min-height: 500px;
	display: inline;
	height: auto !important;  
	height: 500px;
}

#main_pages {
	width: 860px; /* コンテンツ幅 */
	float: left; /* コンテンツ位置(左) */
	letter-spacing: 0.08em;
	min-height: 500px;
	display: inline;
	height: auto !important;  
	height: 500px;
}

.nocomments {
	display: none;
}

.post_link {
	clear: both;
	text-align: center;
	margin: 0 0 30px 0;
}

.pankuzu_list {
	font-size: 13px;
	font-weight: bold;
	color: #341600;
	background-image: url(images/h1_bg.gif);
	padding: 4px 0 6px 15px;
	margin: 5px 0 20px 0;
}

.pankuzu_list a {
	font-size: 13px;
	color: #341600;
}

#main_info .pankuzu_list {
	font-size: 13px;
	font-weight: bold;
	color: #341600;
	background-image: url(images/h1_bg.gif);
	padding: 4px 0 6px 15px;
	margin: 5px 0 30px 0;
}

/*-- サイドバー --------------------------------------*/

#sidebar {
	width: 280px; /* サイドバー幅 */
	float: right; /* サイドバー位置(右) */
	margin: 5px 0 50px 0;
}

#info_sidebar {
	width: 210px; /* サイドバー幅 */
	float: right; /* サイドバー位置(右) */
	margin: 5px 0 50px 0;
	letter-spacing: 0.08em;
}

#blog_sidebar {
	width: 210px; /* サイドバー幅 */
	float: right; /* サイドバー位置(右) */
	margin: 0 0 50px 0;
	letter-spacing: 0.08em;
}

/*-- フッター --------------------------------------*/

.contact {
	clear: both;
	text-align: right;
	margin: 0 140px -19px 0;
	line-height: 1;
}

#container_top .contact {
	clear: both;
	margin: 0 0 5px 0;
	text-align: right;
}

.backtotop {
	clear: both;
	text-align: right;
	line-height: 0;
	margin: 0 15px 0 0;
}

#container_top .backtotop {
	display: none;
}

#footer {
	width: 100%;
	clear: both;
	color: #eee3bb;
	border-top: #997444 3px solid;
	margin: 0 0 70px 0;
}

#footer a {text-decoration: none;}

#footer a:link {color: #eee3bb;}

#footer a:visited {color: #eee3bb;}

#footer a:hover {color: #eee3bb; text-decoration: underline;}

#footer a:active {color: #eee3bb;}

#footer_menu {
	clear: both;
	width: 860px;
	margin: -3px auto 0;
	padding: 5px 20px 0;
	letter-spacing: 0.08em;
	border-top: #997444 3px solid;
}

* html body #footer_menu {
	clear: both;
	width: 900px;
	margin: -3px auto 0;
	padding: 8px 20px 0;
	letter-spacing: 0.08em;
	border-top: #997444 3px solid;
}

#footer_menu li {
	float: left;
}

#footer_cop {
	clear: both;
	width: 860px;
	margin: 0 auto 10px;
	padding: 0 20px;
	text-align: left;
}

* html body #footer_cop {
	clear: both;
	width: 900px;
	margin: 0 auto 10px;
	padding: 0 20px;
	text-align: left;
}

#matsubaya_link img {
	border: #997444 1px solid;
}

html > body #matsubaya_link {
	width: 860px;
	margin: -47px auto 0px;
	padding: 0 20px;
	text-align: right;
}

* html body #matsubaya_link {
	width: 900px;
	margin: -47px auto 0px;
	padding: 0 20px;
	text-align: right;
}

/*-- 個別ページ「トップページ」 --------------------------------------*/

#top_flash {
	margin: 0 0 10px -5px;
}

#content_top h1 {
	display: none;
}

#main_top img {
	vertical-align: text-bottom;
}

* html body #main_top img {
	vertical-align: text-bottom;
	margin: 0.25em 0;
	vertical-align: middle;
}

main_top .entry_block {
	padding: 0 0 50px 0;
	overflow: auto;
}

.top_topics {
	background-image: url(images/h2_top_topics.gif);
	width: 550px;
	height: 30px;
	text-indent: -9999px;
	margin: 5px 0 10px 0;
}

.cuore_qr {
	background-image: url(images/h2_cuore_qr.gif);
	width: 280px;
	height: 30px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}

/*-- 個別ページ「お店の紹介」 --------------------------------------*/

.page_name_2 {
	display: none;
}

#container-1 {
	padding: 0 0 50px 0;
}

#container-1 p {
	display: none;
}

#container-1 h2 {
	display: none;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-nav {
	width: 160px;
	padding: 15px 0 0 0;
}

.tabs-nav li {
	width: 160px;
	margin: 0 0 15px 15px;
}

.tabs-nav li a {
	text-indent: -9999px;
}

#tabs-nav_about a {
	position: relative;
	z-index: 5;
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(images/about_shopinfo.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#tabs-nav_system a {
	position: relative;
	z-index: 5;
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(images/about_system.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#tabs-nav_menu a {
	position: relative;
	z-index: 5;
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(images/about_menu.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#tabs-nav_about a:hover {
	position: relative;
	z-index: 5;
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(images/about_shopinfo.png);
	background-repeat: no-repeat;
	background-position: top;
}

#tabs-nav_system a:hover {
	position: relative;
	z-index: 5;
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(images/about_system.png);
	background-repeat: no-repeat;
	background-position: top;
}

#tabs-nav_menu a:hover {
	position: relative;
	z-index: 5;
	display: block;
	width: 160px;
	height: 40px;
	background-image: url(images/about_menu.png);
	background-repeat: no-repeat;
	background-position: top;
}

#tabs-nav_about.tabs-selected {
	position: relative;
	z-index: 1;
	background-image: none;
	background-color: transparent;
}

#tabs-nav_system.tabs-selected {
	position: relative;
	z-index: 1;
	background-image: none;
	background-color: transparent;
}

#tabs-nav_menu.tabs-selected {
	position: relative;
	z-index: 1;
	background-image: none;
	background-color: transparent;
}

.tabs-container {
	background: #f7f7f0;
}

.tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}

html>/**/body #about {
	position: relative;
	z-index: 1;
	width: 860px;
	height: 530px;
	background-image: url(images/about_about.jpg);
	margin: -180px 0 0 0;
}

html>/**/body #system {
	position: relative;
	z-index: 1;
	width: 860px;
	height: 530px;
	background-image: url(images/about_system.jpg);
	margin: -180px 0 0 0;
}

html>/**/body #menu {
	position: relative;
	z-index: 1;
	width: 860px;
	height: 530px;
	background-image: url(images/about_menu.jpg);
	margin: -180px 0 0 0;
}

#about {
	position: relative;
	z-index: 1;
	width: 860px;
	height: 530px;
	background-image: url(images/about_about.jpg);
	margin: -180px 0 0 0;
}

#system {
	position: relative;
	z-index: 1;
	width: 860px;
	height: 530px;
	background-image: url(images/about_system.jpg);
	margin: -180px 0 0 0;
}

#menu {
	position: relative;
	z-index: 1;
	width: 860px;
	height: 530px;
	background-image: url(images/about_menu.jpg);
	margin: -180px 0 0 0;
}

/*-- 個別ページ「インフォメーション」 --------------------------------------*/

.h1_cat_id_1 {
	display: none;
}

#main_info .h2_title {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	border-bottom: #6e5128 2px solid;
	margin: 0 0 30px 0;
	padding: 0 0 4px 10px;
}

#main_info .h2_title a {
	font-weight: bold;
}

#main_info h1 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: #6e5128 2px solid;
	margin: 0 0 30px 0;
	padding: 0 0 4px 10px;
}

#main_info .entry_block {
	padding: 0 0 50px 0;
}

#main_info .sub_date {
	float: right;
	color: #6e5128;
	margin: -54px 10px 0 0;
}

#main_info .entry_text_block {
	overflow: auto;
	width: 100%;
	clear: both;
}

#main_info .brbrbr {
	margin: 0 15px 0.75em 10px;
}

#main_info .backtotop {
	clear: both;
	font-size: 10px;
	color: #999;
	text-align: right;
	margin: 20px 0 0 0;
}

#main_info img {
	float: left;
	margin: 0 20px 0 0;
}

#info_sidebar ul {
	margin: 10px 5px 20px 5px;
}

#info_sidebar li {
	background: url(images/info_list_mark.gif) no-repeat 0 0.55em;
	padding: 0 0 0 18px;
}

#info_sidebar img {
	vertical-align: bottom;
}

/*-- 個別ページ「ブログ」 --------------------------------------*/

.h1_cat_id_3 {
	width: 870px;
	height: 215px;
	background-image: url(images/h1_cat_id_3.jpg);
	background-repeat: no-repeat;
	margin: 0 0 20px -5px;
	text-indent: -9999px;
}

#main_blog .h2_title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 0 50px 13px 50px;
	height: 100%;
	background-image: url(images/blog_h2_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#main_blog .h2_title a {
	font-size: 18px;
	font-weight: bold;
}

#main_blog h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 0 50px 13px 50px;
	background-image: url(images/blog_h2_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#main_blog .entry_block {
	margin: 0 0 50px 0;
}

#main_blog .brbrbr {
	margin: 0 50px 0.75em 50px;
}

#main_blog img {
	margin: 0 3px;
	vertical-align: text-bottom;
}

* html body #main_blog img {
	margin: 0.1em 3px 0.5em 3px;
	vertical-align: middle; 
}

#main_blog .blog_entry_bottm {
	text-align: right;
	color: #6e5128;
	margin: 50px 0 0 0;
	padding: 0 50px 0 50px;
}

#main_blog .blog_entry_bottm a {
	color: #6e5128;
}

#blog_sidebar ul {
	margin: 15px 5px 20px 5px;
}

#blog_sidebar li {
	background: url(images/blog_list_mark.gif) no-repeat 0 0.55em;
	padding: 0 0 0 18px;
}

#blog_sidebar img {
	vertical-align: bottom;
}

.sidebar_info_title {
	margin: 0 0 0 -10px;
}

.sidebar_info_date {
	font-size: 10px;
	line-height: 1;
}

#main_blog .pankuzu_list {
	display: none;
}

.photo {
	width: 350px;
}

.photo img {
	padding: 0 0 20px 0;
}

#side_matsubaya_link {
	text-align: center;
	margin: 25px 0 0 0;
}

/*-- 「ブログカレンダー」 --------------------------------------*/

#wp-calendar a {text-decoration: none; display: block;}

#wp-calendar a:link {color: #e85369;}

#wp-calendar a:visited {color: #e85369;}

#wp-calendar a:hover {color: #e85369; text-decoration: underline;}

#wp-calendar a:active {color: #e85369;}

#prev a , #next a {text-decoration: none;}

#prev a:link , #next a:link {color: #333;}

#prev a:visited , #next a:visited {color: #333;}

#prev a:hover , #next a:hover {color: #333; text-decoration: underline;}

#prev a:active , #next a:active {color: #333;}

#wp-calendar {
	width: 100%;
	text-align: center;
}

#blog_calendar {
	margin: 15px 0 20px 0;
}

#today {
	border: #e4d595 1px solid;
}

/*-- 個別ページ「アクセスマップ」 --------------------------------------*/

.page_name_4 {
	display: none;
}

#access_map {
	width: 100%;
	margin: 0 0 35px 0;
	overflow: hidden;
}

#access_map .g_map {
	float: left;
	width: 600px;
	text-align: center;
}

#g_map_img {
	width: 600px;
	height: 460px;
}

#access_map .shop_info {
	display: inline;
	float: right;
	width: 210px;
	margin: 0 20px 0 0;
}

#gmap_openinfo {
	line-height: 105%;
	text-align: center;
}

.shop_info h2 {
	font-weight: bold;
	padding: 0 5px 3px 10px;
}

.shop_info dl {
	border-bottom: #997444 2px solid;
}

.shop_info dt {
	padding: 3px 5px 0 5px;
	border-top: #997444 2px solid;
	border-bottom: #e2d18d 1px dotted;
}

.shop_info dd {
	margin: 0 5px 5px 10px;
}

.fb10 {
	font-weight: bold;
	color: #ce5e1f;
}

.fb15 {
	font-size: 12px;
	font-weight: bold;
}

.f9 {
	font-size: 10px;
}

/*-- 個別ページ「コメント関連」 --------------------------------------*/

#comments {
	padding: 0 0 15px 0;
	margin: 0 40px 0 20px;
}

#comments p {
	margin: 0 0 10px 0 !important;
}

.c-head {
	margin: 0 0 0 0;
}

.c-text_bg {
	background-image: url(images/c_text_bg.gif);
	width: 100%;
	height: 11px;
	background-repeat: no-repeat;
}

* html body .c-text_bg {
	background-image: url(images/c_text_bg.gif);
	width: 100%;
	height: 11px;
	background-repeat: no-repeat;
	margin: 0 0 -5px 0;
}

.c-text {
	background-color: #f5f3e6;
	margin: 0 0 15px 0;
	padding: 10px 15px 10px 15px;
	border-left: #e1d08b 1px solid;
	border-right: #e1d08b 1px solid;
	border-bottom: #e1d08b 1px solid;
}

* html body .c-text {
	width: 100%;
	background-color: #f5f3e6;
	margin: 0 0 15px 0;
	padding: 10px 15px 10px 15px;
	border-left: #e1d08b 1px solid;
	border-right: #e1d08b 1px solid;
	border-bottom: #e1d08b 1px solid;
}

ul.children li {
	border-left: #e1d08b 3px solid;
	padding: 0 0 0 15px;
}

#respond {
	margin: 0 0 0 20px;
	padding: 0 0 50px 0;
}

#commentform p {
	margin: 0 !important;
}

.yes_comments , .no_comments , .postcomment , .postcomment a {
	font-weight: bold;
	margin: 0 0 10px 0;
}

.note {
	display: none;
}

.comment_approved {
	font-size: 10px;
	color: #666;
	margin: 0;
}

.comment_approved_2 {
	font-size: 10px;
	color: #666;
	background-color: #f5f3e6;
	border-left: #e1d08b 1px solid;
	border-right: #e1d08b 1px solid;
	padding: 0 0 0 10px;
}

#respond .text-input {
	font-size: 13px;
	width: 300px;
	font-family: Verdana, "ms pgothic", Osaka, sans-serif;
	border: 1px solid #6e5128;
	padding: 5px;
}

#respond textarea {
	font-size: 13px;
	width: 500px;
	font-family: Verdana, "ms pgothic", Osaka, sans-serif;
	border: 1px solid #6e5128;
	padding: 5px;
}

* html body #respond .text-input {
	font-size: 13px;
	width: 300px;
	height: 28px;
	font-family: Verdana, "ms pgothic", Osaka, sans-serif;
	border: 1px solid #6e5128;
	padding: 5px;
}

.comment_sendbutton {
	width: 100px; 
	margin: 10px 0 0 0;
	padding: 3px;
	line-height: 110%;
	color: #333;
	background-color: #f5f3e6;
	border: 1px solid #6e5128;
}