@charset "utf-8";
/*
Theme Name: theme347
Theme URI: http://theme.o2gp.com/
Description: theme347
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

html{background:#ffffff;}

body{
	font: 0.9em/1.5 "AGaramondPro-Regular","KozMinPro-ExtraLight","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","HGS MinchoE","ＭＳ Ｐ明朝","MS PMincho",serif;
	color:#252525;
/*	background:#F4E3CE url(img/copyright.jpg) center bottom repeat-x;  */
}

a{color:#777;text-decoration:none;}
a:hover{color:#999;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}

#header_all {
	background: url(img/back.jpg) repeat-x; 
}
#body_all {
	background:#F4E3CE url(img/copyright.jpg) center bottom repeat-x; 
}
#container_all {
	margin: 0 auto;
	width: 980px; /* 960px; */
	background-color: #ffffff;
	overflow: hidden; 
}

/*******************************
全体幅
*******************************/
#header, #container, .inner{
	margin: 0 auto;
	width: 980px; /* 960px; */
}


/*******************************
/* ヘッダー
*******************************/
#header{
	position:relative;
	height: 194px; /* 130px; */
	background-color: #ffffff; 
}

#header h1, #header h2, #header h3, #header ul, #header .banners{
	font-weight:normal;
	position:absolute;
	top: 0;
	font-size: 10pt;
	line-height: 21px;
	color: #315aa3;
}

#header h1{ 
	left:0; 
	top: 0px; 
	color: #F29901;
}

#header h2{
	left:0; 
	top: 79px; /* 35px; */}

#header .toiawase{
	padding-top: 10px;
	float:right;
}

.info-bg {
	height: 96px;
}
.info-contact {
	height: 38px;
}
.tel-link {
	height: 55px;
}

/* 電話番号 */
.info {
    float: right;
}

a[href^="tel:"] { cursor: default; }

/* ロゴの位置 */
#header h3{ left:0; top: 85px; }


/******************
/* ヘッダーナビゲーション
******************/
#header ul{
top: 40px;
right:0;
width: 305px;
height: 14px;
background:url(img/topnav.png) no-repeat 0 0;
line-height:14px;
}

#header ul li{float:left;list-style:none;}

#header ul a{
text-indent: -9999px;
text-decoration: none;
display: block;
height: 14px;
background:url(img/topnav.png) no-repeat;
}

#header ul a#contact{background-position:0 0;width: 110px;}
#header ul a#sitemap{background-position:-110px 0;width:104px;}
#header ul a#access{background-position:-214px 0;width:91px;}

#header ul a#contact:hover, #header ul li.active a#contact{background-position:0 -14px;}
#header ul a#sitemap:hover, #header ul li.active a#sitemap{background-position:-110px -14px;}
#header ul a#access:hover, #header ul li.active a#access{background-position:-214px -14px;}






/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
	margin: 0 auto;
	width: 980px; /* 960px; */
	height: 46px; /* 60px; */
	/* list-style:none; */
	background-image: url(img/mainnav.jpg) no-repeat 0 0;
}

ul#mainnav li{ width:192px; float:left; }

ul#mainnav a{
	width: 192px; height:  46px; /* 60px; */
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(img/mainnav.jpg);
}

ul#mainnav a#menu1{ background-position: 0px 0; width:233px; }
ul#mainnav a#menu2{ background-position: -233px 0; width:201px; }
ul#mainnav a#menu3{ background-position: -434px 0; width:207px; }
ul#mainnav a#menu4{ background-position: -641px 0; width:175px; }
ul#mainnav a#home{ background-position: -818px 0px; width:162px; }

ul#mainnav a#home:hover, ul#mainnav li.active a#home{ background-position: 0px -60px; }
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{ background-position:-192px -60px; }
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{ background-position:-384px -60px; }
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{ background-position:-576px -60px; }
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{ background-position:-768px -60px; }



#g_navi {
	margin: 0 auto;
	width: 980px;
	height:46px;
	background:url(img/mainnav.jpg) no-repeat;
}
#g_navi ul {
	padding:0px 0 0 0px;
}
#g_navi li {
	float:left;
	list-style-type:none;
}
#g_navi li a {
	height:46px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(img/mainnav.jpg) no-repeat 0px 0px;
	width:238px;
}
#g_navi li.g_navi02 a {
	background:url(img/mainnav.jpg) no-repeat -238px 0px;
	width:203px;
}
#g_navi li.g_navi03 a {
	background:url(img/mainnav.jpg) no-repeat -441px 0px;
	width:200px;
}
#g_navi li.g_navi04 a {
	background:url(img/mainnav.jpg) no-repeat -641px 0px;
	width:180px;
}
#g_navi li.g_navi05 a {
	background:url(img/mainnav.jpg) no-repeat -821px 0px;
	width:159px;
}





/*******************************
メイン画像
*******************************/
#mainImage{
	margin: 0px 0px 0px 0px;
}


/*******************************
コンテンツ位置
*******************************/
#container{
	padding: 20px 0 ;
}

#main {
	float: right;
	width: 751px; /*715px*/
	padding-left:19px;
	padding-right:19px;
	padding-bottom:40px;
}

#sidebar {
	float: left;
	width: 172px; /* 225px; */
	padding-left:19px;
	padding-bottom:40px;
	background-color: #ffffff; 
}


/*************************
/* ボックス
*************************/
#main_l{
	float: left;
	width: 560px;
}
#main_r{
	float: right;
	width: 172px;
}
#sidebar .box1{
	width:209px;
	margin: 0 0 20px;
	padding: 10px 7px;
}

.bgf{
	background: #fff;
	border:1px solid #dadada;
}
/*
.box2{
	margin:0 0 20px 0;
	width:713px;
	border:1px solid #dadada;
	background: #fff;
}

.box2 p{ padding: 10px 10px 0px 10px; }
*/
/* 追加 ↓*/
.box2{
	/* margin:0 20px 20px 0; */
	width:363px;
	border:1px solid #dadada;
	background: #fff;
}
.box2 p{ padding: 5px 10px 0px 10px; }

.box2 a{color:#333; text-decoration: none;}
/*
.box2 a:hover{color:#999;text-decoration:none;}
.box2 a:active, a:focus {outline: 0;}
*/
.box2 ul{
	height:147px;
	display: block;
	overflow:auto;
}
.box2_l{
	float: left;
	width: 365px;
	padding-right:20px;
}
.box2_r{
	float: right;
	width: 365px;
}
/* 追加 ↑*/

#date {
	text-align: right;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#858585;
}

#next {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

img.aligncenter {
    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;
}



/*************
/* 見出し
*************/

#container h3{
	font-size: 13px;     /* 13px; */
	margin-bottom:10px;
	/* padding-bottom:5px; */
	padding: 5px;
	color: #252525; 
	font-weight: normal;
	border-bottom: 1px solid #dddddd;
}

#container h2{
	margin: 5px 0px 20px 0;
	padding: 10px 5px 5px 15px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	line-height:37px;
	font-size: 1.2em; /* 15px; */     /* 14px; */
	font-weight: bold; /* normal; */
	/* color:#3fa9f5; */
	color: #252525; 
	/* border-bottom: 5px solid #b28500; */
	background:#ffffff url(img/bar.jpg) center bottom repeat-x; 
}

.top_heading{
	padding: 0 5px 0 15px;
	line-height:37px;
	font-size: 12px;
	font-weight: normal;
	color:#ffffff;
	background:url(img/h2Bg.png) repeat-x 0 bottom;
}
/*************
/* リスト
*************/
#container ul{margin-left: 5px;}

#container ul li, #footerUpper ul li{
	list-style: none;
	margin-bottom: 8px;
	padding: 0 5px 0 12px;
	background:url(img/bullet.gif) no-repeat 0 5px;
}

#sidebar ul{margin-left:3px;}

/*************
サイド（右側）コンテンツ
*************/
#sidebar p{margin-bottom:10px; /* 20px; */}
#sidebar ul{margin-bottom:10px;}

#sidebar .pagechild {
	margin-bottom:60px;
}
#sidebar .pagechild .pageparent{
	line-height:37px;
	font-size: 14px; 
	font-weight: normal;
	background:#ffffff url(img/bar.jpg) center bottom repeat-x; 
}
#sidebar .pagechild ul li{
	list-style: none;
	margin: 8px 0;
	padding: 0 5px 0 12px;
	border-bottom: 1px solid #dddddd;
}

/*******************************
/* フッター
*******************************/
#footerUpper{
	font-size:11px;
	clear:both;
	padding: 20px 0;
	overflow: hidden;
}

#footerUpper .inner .box{
	float: left;
	width: 200px;
	padding-left:10px;
	margin:0 0px 10px 19px;
	line-height: 1.2;
}

#footerUpper .inner .last{
	float: right;
	width: 260px;
	margin-right:0;
}

#footerUpper .inner .last p{
	color:#444444;
	line-height: 150%;
	font-size: 12px;
	font-weight: bold;
} 

#footerUpper ul li{
	color:#444444;
	background:url(img/icon.jpg) no-repeat 0px 0px;
	padding:0 0 10px 20px;
	font-size: 12px;
	font-weight: bold; 
}

#footerUpper ul li a{
	text-decoration: none;
}
#footerLower{
	clear:both;
	padding: 50px; /* 10px; */
	text-align:center;
/*	background:#000; */
}

.address{
	color: #fff;
	font-style:normal;
	font-size:10px;
}

/*******************************
/* ページ
*******************************/
.pagination {
	padding: 20px 0;
	position: relative;
	font-size: 0.8em;
	line-height: 14px;
	text-align: center;
}

.pagination span {
	margin: 0px 5px;
	padding:5px 10px 6px 10px;
	background-color: #eee;
	background-color: #f9f9f9;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
	background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.pagination a {
	margin: 0px 5px;
	padding:5px 10px 6px 10px;
	background-color: #eee;
	background-color: #f9f9f9;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
	background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.pagination a:hover{
	background-color: #efefef;
	background-image: -webkit-linear-gradient(top, #eaeaea, #f9f9f9);
	background-image: -moz-linear-gradient(top, #eaeaea, #f9f9f9);
}
.pagination .current{
	padding:5px 10px 6px 10px;
	background-color: #444;
	background-image: -webkit-linear-gradient(top, #444, #555);
	background-image: -moz-linear-gradient(top, #444, #555);
	border: 1px solid #444;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
}


/***** 追加 *****/
.entry {
	margin: 10px 20px 10px 20px;
}


.imgleft {
	width: 231px; height: 137px;
	margin: 0px 0px 15px 5px;
	float: left;
}

.top_head_text {
	margin: 0px 0px 15px 5px;
	line-height: 180%;
	float: left;
}

#container ul.top_news {
	width: 430px; height: auto;
	margin: 15px 9px 15px 15px;
	padding: 0px 0px;
	float: left;
}

.imgright {
	width: 231px; height: 137px;
	margin: 0px 5px 15px 0px;
	float: left;
}

.entry ul li{
	margin: 8px auto 10px auto;
	padding: 0px 0px;
}



/************************
商品一覧
************************/
#container .items{
	margin: 0px 30px 5px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #dadada;
	position:relative;
}

#container .items .leftimage {
	width: 120px; height: auto;
	margin: 0px 10px 0px 0px;
	/* padding: 5px 5px; */
	border: 1px solid #dadada;
	text-align: center;
	float: left;
}

#container .items .centertext {
	margin: 0px 0px 0px 20px;
	float: left;
}

#container .items .centertext p {
	margin: 0px 0px 0px 0px;
}

#container .items .right {
	width: 100px; 
	margin: 30px 0px 0px 0px;
	text-align: left;
	float: right;
}

/************************
店舗詳細
************************/
#container .items_d{
	padding: 10px 0px 10px 0px;
}

#container .items_d .items_img{
	width: 400px; height: auto;
	margin: auto;
	/* padding: 5px 5px; */
	border: 1px solid #dadada;
	text-align: center;
}

#container .items_d .items_text {
	width: 402px; height: auto;
	margin: auto;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #dadada;
	position:relative;
	text-align: left;
}
#container .items_d .items_text p {
	margin: 0px 0px 0px 0px;
}

#container .items_d .items_feature {
	width: 402px; height: auto;
	margin: auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
}
#container .items_d .items_feature p {
	margin: 0px 0px 0px 0px;
}

#container .items_d .items_feature dt{
	float: left;
	width: 45px;
}
#container .items_d .items_feature dd{
	margin-left:45px;
}

#container .items_d .items_content{
	border-top: 1px dotted #dadada;
	position:relative;
	margin: 30px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	text-align: left;
}
#container .items_d .items_content p {
	margin: 0px 0px 0px 0px;
}

/************************
アーカイブ追加
************************/
#container .archive {
	margin: 0px 30px 5px 30px;
	padding: 10px 0px 10px 0px;
	border-bottom: 2px solid #dadada;
	position:relative;
}

#container .archive h3{
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #dadada;
}

#container .archive h3 a{
	color: #3fa9f5;
	font-size: 10pt;
	text-decoration:none;
	border: none;
}

#container .archive .date {
	text-align: right;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#858585;
	font-size: 8pt;
}


#container .archive .coms {
	padding: 0px 10px;
}


#container .entry ul#sitemap_list {
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}

#container .entry ul#sitemap_list li {
	background: none;
}

#container .box3{
	margin: 20px 0 20px 0;
	padding: 10px ;
	/* width:713px; */
	/* border:1px solid #dadada; */
	background: #fff;
}

.box3 p{ padding: 10px 10px 0px 10px; }

#container .box3 h2{
	padding: 0 5px 0 15px;
	line-height:37px;
	font-size: 12px;
	font-weight: normal;
	color:#252525;
	border-bottom: 3px solid #dddddd;
	background:url(img/h2Bg.png) repeat-x 0 bottom;
}


.minhi {
	min-height: 350px;
}


/* ************************************************ 
 *	テーブル
 * ************************************************ */
 


.c_table {
	margin-bottom:20px;margin-top:15px;
	border-top:1px solid #CCC :
	border-left:1px solid #CCC :
	}
.c_table th {
	width:160px;     /* 200px; */
	overflow:hidden;
	padding:10px 10px 10px 14px; 
	font-weight:normal;
	text-align:left;
	border-top:1px  solid #CCC ;
	border-left:1px  solid #CCC ;
	border-right:1px  solid #CCC ;
	border-bottom:1px solid #CCC ;
	background-color: #F8F6EA; /* #E7E7E7;	#ccffff; */
	font-weight: bolder; 
	font-size: larger;
	}

.c_table td {
	padding:10px 10px 10px 14px; 
	text-align:left;
	border-top:1px  solid #CCC ;
	border-left:1px  solid #CCC ;
	border-right:1px solid #CCC ;
	border-bottom: 1px solid #CCC ;

	}
	
.c_table td table th,
.c_table td table td,
.c_table td table,
.c_table td table {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none;
	}
	
.c_table th img,
.c_table td img {
	vertical-align:middle;
	}


/* フォーム */
.iqfm-table th {
	font-size: larger;
}

.iqfm-table td {
	text-align: left;
}

#inquiryform-1, #inquiryform-2 {
	text-align: center;
}

/* 単一記事　サイド（ウィジェット） */
#main_r h3{
	/* color: #777; */
	text-decoration: none;
	line-height:37px;
	font-size: 14px; 
	font-weight: normal;
	background:#ffffff url(img/bar.jpg) center bottom repeat-x; 
}

#main_r #archives-2{
	color: #777; 
}

/* 固定ページ */
.title_bk{
	background:url(img/title_bk.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	padding-left: 20px;
	line-height:33px;
	color: #666666; 
	font-size: 18px; 
}
.title_bl{
	margin-top: 10px;
	color: #0059B2; 
	font-size: 16px; 
}
#container .flow ul{
	margin-left: 20px;
	margin-bottom: 20px;
}

#container .flow ul li{
	list-style: none;
	padding: 0 0 0 0px;
	margin-bottom: 0px;
}
#container .flow ul li .li_sub{
	list-style: none;
	padding: 0 0 0 22px;
	margin-bottom: 0px;
}
.ninniku{
	color: #444444; 
	font-size: 17px; 
	margin-bottom: 10px;
}

/* タクソノミー　*/
#main_r li{
	list-style-type:none
}

/* アーカイブ */
.posts_link{
	padding-top: 10px;
	text-align: center;
}

/* フェイスブック */
.line_space{
	padding-top: 10px;
}

/*成分表
-------------------------------*/
.seibun table{
	width:690px;
	border-collapse: collapse;
}
.seibun tr,
.seibun td{
	border:1px solid #ccc;
	padding:5px;
	margin:0;
}
.seibun th{
	font-weight:normal;
	text-align:left;
	width:5em;
	padding:5px;
	margin:0;
	background:#ffffcc;
}

/* フォーム */
.iqfm-table th {
	font-size: larger;
}

.iqfm-table td {
	text-align: left;
}

#inquiryform-1, #inquiryform-2 {
	text-align: center;
}

.link {
	text-align: left;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-color: #F0F0E1;
	padding: 10px;
}


/*特定商取引法テーブル*/

.tokutei_table{border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.tokutei_table th,.tokutei_table td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px;}
.tokutei_table th{background-color: #fcfcfc; width:200px;}



/*************
/* index
*************/
.member_block {
	background: #ffe4c3;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 30px;
}

.member_block .member_box {
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 350px;
	padding: 20px;
	text-align: center;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.member_block .member_box a:hover {
	opacity: 0.7;
}

.google_calendar {
	width: 750px;
	overflow: hidden;
	margin: 0 0 30px;
}