@charset "utf-8";
/* CSS Document */

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

　common.css　全ページ共通で使用するスタイル

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



/*-------------------------------------------------
Reset
-------------------------------------------------*/
html,div,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,p{
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
	border:0px;
}



/*-------------------------------------------------
Common
-------------------------------------------------*/
/* Body */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;	
}

/*Link*/
a {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#ff6500; text-decoration:underline;}

.h1 {

}


/*-------------------------------------------------
Header　ヘッダ部分（全ページ共通）
-------------------------------------------------*/

#header {
	width:878px;
	text-align:left;
	margin:0 auto;
	padding:0;
	margin-bottom: 70px;
}

#header h1 a {
	position:absolute;
	top:22px;
	background: url(img/rogo.jpg) no-repeat;
	width:327px;
	height:38px;
	text-indent:-1000em;
	display:block;
}

#header dl {
	height:18px;
	list-style:none;
	float:right;
	margin-top:20px;
}

#header .searchbox {
	height:18px;
	border:1px solid #D6D3D6;
}


/*-------------------------------------------------
パンくず
-------------------------------------------------*/

#pan {
	padding-bottom: 12px;
}
#pan ul {
	font-size: 75%;
	line-height: 150%;
}
#pan li {
	display:inline;
}
#pan li a {
	text-decoration:none;
	padding-right: 10px;
	padding-left: 22px;
	background-image: url(img/panyaji.jpg);
	background-repeat: no-repeat;
}


/*-------------------------------------------------
Navigation　グローバルナビゲーション（全ページ共通）
-------------------------------------------------*/
#navigation {
	position:relative;
	top:35px;
	height:40px;
}
/* Navigation */
#navigation ul {
	list-style-type:none;
}
#navigation li {
	display:inline;
}
#navigation li a {
	position:absolute;
	display:block;
	height:40px;
	text-indent:-1000em;
	text-decoration:none;
}

/* 店舗情報 */
#navigation li.menu0 a {
	left:0px;
	width:185px;
	background:url(img/menu.jpg) no-repeat -0px -0px;
}

/* 店内写真 */
#navigation li.menu1 a {
	left:185px;
	width:142px;
	background:url(img/menu.jpg) no-repeat -185px -0px;
}

/* メニュー＆プライス */
#navigation li.menu2 a {
	left:327px;
	width:189px;
	background:url(img/menu.jpg) no-repeat -327px -0px;
}

/* オーナー日記 */
#navigation li.menu3 a {
	left:516px;
	width:178px;
	background:url(img/menu.jpg) no-repeat -516px -0px;
}

/* お問い合わせ */
#navigation li.menu4 a {
	left:694px;
	width:166px;
	background:url(img/menu.jpg) no-repeat -694px -0px;
}

/*-------------------------------------------------
サブメニュー
-------------------------------------------------*/
#submenu {
	position:relative;
	left:433px;
	height:32px;
	width: 392px;
}
/* Navigation */
#submenu ul {
	list-style-type:none;
}
#submenu li {
	display:inline;
}
#submenu li a {
	position:absolute;
	display:block;
	height:32px;
	text-indent:-1000em;
	text-decoration:none;
}

/* お問い合わせ */
#submenu li.submenu0 a {
	left:0px;
	width:118px;
	background:url(img/submenu.jpg) no-repeat -0px -0px;
}

/* プライバシーポリシー */
#submenu li.submenu1 a {
	left:118px;
	width:167px;
	background:url(img/submenu.jpg) no-repeat -118px -0px;
}

/* サイトマップ */
#submenu li.submenu2 a {
	left:285px;
	width:142px;
	background:url(img/submenu.jpg) no-repeat -285px -0px;
}



/*-------------------------------------------------
Wrapper　共通の背景
-------------------------------------------------*/

#wrapper {
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}



/*-------------------------------------------------
Container
-------------------------------------------------*/

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

/*-------------------------------------------------
Contents
-------------------------------------------------*/	

#contents{
	width:885px;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:17px;
}

#contents2{
	width:744px;
	background-color:#FFFFFF;
	text-align:left;
	margin-left:17px;
}

/* IE6対策 */
*html #contents{
	margin:0px;
}

/* IE7対策 */
*:first-child+html #contents{
	margin:0px;
}


#contents p{
	font-size:76.9%;
}

/* クリア用 */
.clear{
	clear:both;
}


/*-------------------------------------------------
前へ戻る、後へ戻る
-------------------------------------------------*/

#next {
	width: 878px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#next ul {
	font-size: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}
* html #next ul {
	font-size: 100%;
	line-height: 200%;
}
#next li {
	display:inline;
}
#next li a {
	text-decoration:none;
	padding: 5px 10px;
	border: 1px solid #980266;
	font-weight: bolder;
}

#next2 {
	width: 873px;
	clear: both;
	text-align: right;
	padding-bottom: 5px;
	margin-top: -10px;
	background-color: #EAEAEA;
	padding-top: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
}
* html #next2 {
	width: 878px;
	clear: both;
	text-align: right;
	padding-bottom: 5px;
	margin-top: -10px;
	background-color: #EAEAEA;
	padding-top: 5px;
	padding-right: 5px;
}
#next2 ul {
	font-size: 75%;
}
* html #next2 ul {
	font-size: 75%;
	line-height: 150%;
}
#next2 li {
	display:inline;
}
#next2 li a {
	text-decoration:none;
	padding: 2px 4px;
	border: 1px solid #980266;
	background-color: #FFFFFF;
}

#next3 {
	width: 878px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
	background-color: #EAEAEA;
	margin-top: 20px;
	padding-bottom: 10px;
}
* html #next3 {
	width: 878px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
	background-color: #EAEAEA;
	margin-top: 20px;
	padding-bottom: 5px;
}
#next3 ul {
	font-size: 100%;
}
* html #next3 ul {
	font-size: 100%;
	line-height: 200%;
}
#next3 li {
	display:inline;
}
#next3 li a {
	text-decoration:none;
	padding: 5px 10px;
	border: 1px solid #980266;
	font-weight: bolder;
	background-color: #FFFFFF;
}


/*-------------------------------------------------
前へ戻る、後へ戻る
-------------------------------------------------*/

#back {
	width: 860px;
	clear: both;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#back_mae ul {
	font-size: 75%;
	line-height: 150%;
	float: left;
}
#back_mae li {
	display:inline;
}
#back_mae li a {
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(img/ten-2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
#back_ue ul {
	font-size: 75%;
	line-height: 150%;
	float: right;
}
#back_ue li {
	display: inline;
}
#back_ue li a {
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(img/ten-3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}



/*-------------------------------------------------
Footer
-------------------------------------------------*/

#footer {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #38C0B6;
}

#footer p{
	text-align:center;
	color:#999999;
	font-size:75%;
	padding:15px 0px;
}

#footer ul {
	font-size: 75%;
	line-height: 150%;
}
#footer li {
	display:inline;
}
#footer li a {
	text-decoration:none;
	padding-right: 30px;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #38C0B6;
}



/*-------------------------------------------------
Font
-------------------------------------------------*/

p {
	line-height: 150%;
	font-size:12px;
}

h3 {
	font-size: 90%;
	font-weight: bolder;
	line-height: 120%;
	margin-bottom: 10px;
}

.date1 {
	font-size: 75%;
	color: #613A27;
	line-height: 120%;
	margin-bottom: 10px;
	font-weight: bold;
}

.date2 {
	font-size: 75%;
	color: #A3705E;
	line-height: 120%;
}

.date3 {
	font-size: 75%;
	color: #F59351;
	line-height: 120%;
}

.date4 {
	font-size: 65%;
	color: #5BAF9E;
	line-height: 120%;
}

.date5 {
	font-size: 65%;
	color: #7EBE58;
	line-height: 120%;
}
.date6 {
	font-size: 75%;
	color: #8399E1;
	line-height: 120%;
}

.title1 {
	font-size: 90%;
	line-height: 120%;
}

.title2 {
	font-size: 120%;
	line-height: 120%;
	font-weight: bolder;
}

.title3 {
	font-size: 100%;
	line-height: 120%;
	font-weight: bolder;
	padding-bottom: 10px;
}

.title4 {
}

.title5 {
}

.p1 {
	font-size: 75%;
	line-height: 130%;
}

.p2 {
	color: #CC0000;
	line-height: 150%;
}

.p3 {
	padding: 20px;
	border: 1px solid #674C41;
	display: block;
	margin-top: 20px;
	margin-bottom: 40px;
}

.p4 {
	font-size: 100%;
	font-weight: bolder;
	color: #CC0000;
	line-height: 150%;
	clear: both;
}

.p5 {
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #1FA698;
	display: block;
	font-size: 75%;
	line-height: 130%;
}

.p6 {
	font-size: 90%;
	font-weight: bolder;
	color: #CC0000;
}

.p7 {
	font-size: 120%;
	font-weight: bolder;
	color: #4D3227;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4F3429;
	margin-top: 10px;
	margin-bottom: 10px;
}

.p8 {
}

.p9 {
}

.p10 {
}

#main {
	width:860px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

#box1 {
	margin-bottom: 20px;
}
#box2 {
	width: 560px;
	float: left;
}
#box2 p {
	margin-bottom:10px;
}
#box2 img {
	background-color: #EBEBEB;
	padding: 5px;
	margin-right: 8px;
	margin-bottom: 16px;
}
.box2_left_title {
	background: url(img/new.jpg) no-repeat;
	width:172px;
	height:16px;
	text-indent:-1000em;
	margin-bottom: 12px;
}
.box2_left_box {
	display: block;
	clear: both;
	border-top-width: 1px;
	width: 560px;
	border-top-style: dotted;
	border-top-color: #1DA398;
	padding-top: 10px;
}
* html .box2_left_box {
	display: block;
	clear: both;
	border-top-width: 1px;
	width: 560px;
	border-top-style: dotted;
	border-top-color: #1DA398;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box2_left_box_txtbox {
	float: left;
	padding-bottom: 10px;
	padding-left: 0px;
}
.con1 {
	width: 310px;
	position: relative;
	clear: both;
	float: none;
}
.con1 date1 {
	font-size: 65%;
	color: #D05E80;
	line-height: 120%;
}
.con1 date2 {
	font-size: 65%;
	color: #A3705E;
	line-height: 120%;
}
.con2 {
	text-align: right;
	clear: both;
	float: none;
	width: 310px;
}
.con2a {
	text-align: right;
	clear: both;
	float: none;
	width: 310px;
	padding-top: 10px;
}

#box2_right {
	width:319px;
	float:left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	padding-left: 20px;
}
.box2_right_title {
	background: url(img/titles2.jpg) no-repeat;
	width:300px;
	height:66px;
	text-indent:-1000em;
	margin-bottom: 12px;
}
.kai1 {
	width:auto;
	float:left;
	margin-right: 10px;
}

.kai1 date3 {
	font-size: 75%;
	color: #F59351;
	line-height: 120%;
}
.box3_title {
	background: url(img/titles3.jpg) no-repeat;
	width:619px;
	height:75px;
	text-indent:-1000em;
	margin-top: -16px;
}
.con3a {
	text-align: right;
	clear: both;
	float: none;
	width: 660px;
	padding-bottom: 10px;
	padding-top: 3px;
}
* html .con3a {
	text-align: right;
	clear: both;
	float: none;
	width: 660px;
	padding-bottom: 10px;
	margin-top: -16px;
}

#box5 img {
	background-color: #EAEAEA;
	padding: 5px;
	float: left;
	margin-right: 8px;
	margin-bottom: 16px;
}
#box5_left {
	width:320px;
	float:left;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
.box5_left_title {
	background: url(img/titles5.jpg) no-repeat;
	width:310px;
	height:72px;
	text-indent:-1000em;
	margin-bottom: 12px;
	margin-top: 10px;
}
#box5_right {
	width:560px;
	float:left;
	padding-bottom: 10px;
}
.box5_right_title {
	background: url(img/blog.jpg) no-repeat;
	width:131px;
	height:19px;
	text-indent:-1000em;
	margin-bottom: 12px;
	margin-top: 10px;
}

#con3 {
	width: 300px;
	position: relative;
	clear: both;
	float: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-bottom: 10px;
}
#con3 dt {
	font-size: 65%;
	color: #5BAF9E;
	line-height: 120%;
}
#con3 dd{
	list-style-type:none;
	font-size: 90%;
	line-height: 120%;
	font-weight: bolder;
	margin-left: 0px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
* html .con3 dd{
	list-style-type:none;
	font-size: 90%;
	line-height: 120%;
	font-weight: bolder;
	margin-left: -40px;
}

#con7 {
	width: 560px;
	position: relative;
	clear: both;
	float: none;
	margin-bottom: 10px;
}
#con7 dt {
	font-size: 65%;
	color: #613A27;
	line-height: 120%;
	float: left;
	background-image: url(img/ten.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-right: 10px;
}
#con7 dd{
	list-style-type:none;
	font-size: 75%;
	line-height: 120%;
	font-weight: normal;
	margin-left: 0px;
	padding-bottom: 8px;
}
* html #con7 dd{
	list-style-type:none;
	font-size: 75%;
	line-height: 120%;
	font-weight: normal;
}

#con3 date5 {
	font-size: 65%;
	color: #7EBE58;
	line-height: 120%;
}



/* 透過PNG対策 IE6以下用 */
* html #main {
 behavior: expression(IEPNGFIX.fix(this));
}



/*-------------------------------------------------
右サイド
-------------------------------------------------*/

#side {
	width: 277px;
	float: right;
	height: auto;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #1DA398;
}
#side img {
	margin-bottom: 10px;
}

#con6 {
	width: 170px;
	position: relative;
	clear: both;
	float: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-bottom: 10px;
}
.box6_title {
	background: url(img/titles7.jpg) no-repeat;
	width:170px;
	height:72px;
	text-indent:-1000em;
	margin-bottom: 4px;
	margin-top: 20px;
}
#con6 dt {
	font-size: 65%;
	color: #8399E1;
	line-height: 120%;
}
#con6 dd{
	list-style-type:none;
	font-size: 75%;
	line-height: 120%;
	margin-left: 0px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
* html #con6 dd{
	list-style-type:none;
	font-size: 75%;
	line-height: 120%;
}
.con6a {
	text-align: right;
	clear: both;
	float: none;
	width: 170px;
	padding-top: 10px;
}

#company {
	width: 244px;
	background-color: #EBEBEB;
	margin-bottom: 20px;
}
#company p {
	margin: 20px;
	padding:10px 0;
}
.sidebox {
	width:244px;
	float:right;
}
.ichiran {
	text-align:right;
	border:1px solid #ccc;
	padding:2px;
	width:50px;
}
#voice {
	width: 244px;
	margin-bottom: 5px;
	float: right;
}
#voice img {
	background-color: #EAEAEA;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}