@charset "utf-8";

/* ========================================= body ========================================= */
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	line-height:150%;
	font-size:16px;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/cmn/body_bg.jpg);
	color:#442211;
}

/* link */
a{color:#FF0000;}
a img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

/* list-style */
ul{list-style:none;}

/* line-height */
p{line-height:140%;}

/* clearfix */
.clear{clear: both;}


/* ========================================= header ========================================= */
header{
	width:100%;
	min-width:1200px;
	border-top:5px solid #442211;
}

header .box{
	font-size:14px;
	padding-top:19px;
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

header .head_info .left,h1,header .head_info dt{float:left;}
header .head_info,header .head_info .right,header .head_info dd{float:right;}

header .head_info .right{width:172px;}

header .head_info dl{
	width:255px;
	overflow:hidden;
	line-height:130%;
}

header .head_info dt{
	width:70px;
	font-weight:bold;
}

header .head_info dd{width:185px;}

h1{margin-top:6px;}
header .head_info .left p{margin-bottom:2px;}
header .head_info .left .ls{margin-bottom:5px;}


/* ========================================= nav ========================================= */
#nav{
	width:100%;
	min-width:1200px;
}


#nav ul{
	width:960px;
	height:50px;
	margin:20px auto;
}

#nav li{
	float:left;
	text-indent:-9999px;
}

#nav li a{
	display:block;
	width:160px;
	height:50px;
}

#nav li.n01{background:url(../img/cmn/navi.png) no-repeat 6px 0;}
#nav li.n02{background:url(../img/cmn/navi.png) no-repeat -156px 0;}
#nav li.n03{background:url(../img/cmn/navi.png) no-repeat -315px 0;}
#nav li.n04{background:url(../img/cmn/navi.png) no-repeat -477px 0;}
#nav li.n05{background:url(../img/cmn/navi.png) no-repeat -637px 0;}
#nav li.n06{background:url(../img/cmn/navi.png) no-repeat -797px 0;}

#nav li.n01:hover{background:url(../img/cmn/navi.png) no-repeat 6px -53px;}
#nav li.n02:hover{background:url(../img/cmn/navi.png) no-repeat -156px -53px;}
#nav li.n03:hover{background:url(../img/cmn/navi.png) no-repeat -315px -53px;}
#nav li.n04:hover{background:url(../img/cmn/navi.png) no-repeat -477px -53px;}
#nav li.n05:hover{background:url(../img/cmn/navi.png) no-repeat -637px -53px;}
#nav li.n06:hover{background:url(../img/cmn/navi.png) no-repeat -797px -53px;}


/* ========================================= footer ========================================= */
/* pagetop */
.topbtn a{
	position:absolute;
	top:-59px;
	right:0;
	display:block;
	width:159px;
	height:45px;
}

/* footer */
footer .bg{
	width:960px;
	position:relative;
	margin:0 auto;
}

footer{
	width:100%;
	min-width:1200px;
	padding:15px 0;
	color:#fff;
	text-align:center;
	border-top:2px solid #B59886;
	background:#4F2F1E;
}

footer ul{
	width:490px;
	overflow:hidden;
	margin:0 auto 27px auto;
}

footer li{float:left;}

footer li a{
	display:block;
	padding:1px 10px;
	color:#fff;
	font-size:14px;
	background:url(../img/cmn/footer_line.gif) repeat-y right;
}

footer .n06 a{background:none;}
footer small{font-size:12px;}


/* ========================================= pagetop ========================================= */
#slideshow{margin:17px auto 0 auto;}


/* ========================================= 全体共通 ========================================= */
.main_content{
	width:100%;
	min-width:1200px;
}

#index,#kodawari,#access,#menu,#news,#shopping,#contact{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 20px 0;
	background:url(../img/cmn/wrap_bg.jpg) no-repeat;
	background-position:bottom left;
}

.left{float:left;}
.right{float:right;}


/* ========================================= index.html ========================================= */
#index .maintext .image,#index .mainlist .odd,.mainlist .image{float:left;}
#index .maintext .text,#index .mainlist .even{float:right;}

.slider li{
	background:url(../img/top/slide_bg.jpg) no-repeat;
	padding:5px 0 80px 0;
}

#index h2{
	text-align:center;
	margin-bottom:38px;
}

#index .maintext{
	overflow:hidden;
	margin-bottom:54px;
}

#index .maintext .text{
	line-height:230%;
	width:700px;
}

#index .mainlist{
	padding-bottom:37px;
	overflow:hidden;
}

#index .mainlist li{
	width:460px;
	position:relative;
}

#index .mainlist .right{width:230px;}

#index .mainlist .title{
	font-size:22px;
	font-weight:bold;
	color:#660000;
	background:url(../img/top/li_beans.jpg) no-repeat 0 10px;
	padding:14px 0 14px 45px;
}

#index .mainlist .text{
	font-size:14px;
	padding-top:24px;
	background:url(../img/cmn/line_gray.jpg) repeat-x top;
}

#index .mainlist .bn{
	position:absolute;
	bottom:0;
	right:0;
}

#index .mainlist .dog{background:url(../img/top/li_dog.jpg) no-repeat 0 10px;}
#index .mainlist .owner{margin-left:23px;}

/* info */
.f_info,.f_info .bg .right,.f_info .bg .right dl{overflow:hidden;}
.f_info .bg .right dt{float:left;}
.f_info .bg .right dd{float:right;}

.f_info .bg iframe{
	width:550px;
	height:280px;
}

.f_info{
	width:100%;
	min-width:1200px;
	background:url(../img/cmn/f_infobg.jpg);
	color:#fff;
	padding-bottom:58px;
}

.f_info .bg{
	width:960px;
	margin:0 auto;
	padding-top:50px;
}

.f_info .bg .right{
	margin-right:25px;
	width:360px;
}

.f_info .bg .right p{
	font-size:24px;
	font-weight:bold;
	margin-bottom:3px;
	padding:0 0 12px 45px;
	background:url(../img/top/li_home.png) no-repeat;
	border-bottom:1px dotted #ddd;
}

.f_info .bg .right dl{
	width:360px;
	clear:both;
	padding:10px 0;
	margin-bottom:2px;
	border-top:1px dotted #ddd;
}

.f_info .bg .right dt{width:80px;}
.f_info .bg .right dd{width:270px;}


/* ========================================= カテゴリー共通 ========================================= */
#kodawari h2,#access h2,#menu h2,#news h2,#shopping h2,#contact h2{
	padding:30px 0 30px 0;
	margin-bottom:35px;
	font-size:34px;
	font-weight:bold;
	color:#660000;
}

#news h2,#access h2,#menu h2,#shopping h2{
	padding-left:355px;
	background:url(../img/cmn/main_bg.jpg) no-repeat center;
}

#menu h2.n02,#contact h2{
	padding-left:325px;
	background:url(../img/contact/main_bg.jpg) no-repeat center;
}

#kodawari h2{
	padding-left:235px;
	background:url(../img/kodawari/main_bg01.jpg) no-repeat center;
}

#kodawari h2.n02{
	padding-left:235px;
	background:url(../img/kodawari/main_bg02.jpg) no-repeat center;
}


/* ========================================= kodawari.html ========================================= */
#kodawari h3{
	width:855px;
	height:50px;
	margin:20px auto 60px auto;
	padding:45px 0 10px 10px;
	font-size:27px;
	font-weight:bold;
	color:#660000;
	text-align:center;
	background:url(../img/kodawari/bg03.jpg) no-repeat;
}

#kodawari .detail{overflow:hidden;}

#kodawari .detail .left,#kodawari .detail .right{
	width:400px;
	height:389px;
	padding:0 30px;
}

#kodawari .detail .left{background:url(../img/kodawari/bg01.jpg) no-repeat;}
#kodawari .detail .right{background:url(../img/kodawari/bg02.jpg) no-repeat;}

#kodawari .detail .left .title,#kodawari .detail .right .title{
	font-size:27px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:15px 0 28px 0;
}

#kodawari .detail .left .text p,#kodawari .detail .right .text p{line-height:230%;}

#kodawari .youtube{
	color:#fff;
	height:410px;
	padding:40px 50px;
	background:url(../img/kodawari/bg04.jpg) no-repeat;
	position:relative;
	margin-bottom:240px;
}

#kodawari .youtube .left{
	font-size:24px;
	font-weight:bold;
	line-height:130%;
}

#kodawari .youtube .left span{letter-spacing:4px;}
#kodawari .youtube .left .image{margin-top:12px;}

#kodawari .youtube .right{
	margin-top:5px;
	width:640px;
	height:360px;
}

#kodawari .youtube .right iframe{
	width:640px;
	height:360px;
}


/* ========================================= access.html ========================================= */
#access .box{
	margin-bottom:265px;
	padding:50px;
	color:#fff;
	background:url(../img/access/bg.jpg) no-repeat;
	overflow:hidden;
}

#access iframe{
	width:860px;
	height:340px;
	margin-bottom:45px;
}

#access .left{
	width:370px;
	padding:3px 0;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}

#access .left dt{float:left;}
#access .left dd{float:right;}

#access .left dl{
	line-height:130%;
	padding:9px 0;
	overflow:hidden;
	border-top:1px dotted #ddd;
}

#access .left dt{
	font-weight:bold;
	width:95px;
	padding-left:15px;
}

#access .left dd{width:260px;}
#access .left .ls{border-bottom:1px dotted #ddd;}


/* ========================================= menu.html ========================================= */
#menu .left,#menu .right{
	width:460px;
	overflow:hidden;
}

#menu .m_box{
	overflow:hidden;
	margin-bottom:40px;
}

#menu h3{
	height:41px;
	margin-bottom:10px;
	padding:15px 0 0 70px;
	color:#660000;
	font-size:23px;
	font-weight:bold;
	background:url(../img/menu/mdc_bg.jpg) no-repeat;
}

#menu h3.ls{background:url(../img/menu/mdc_bg02.jpg) no-repeat;}

/*caption*/
#menu p{
	padding:6px;
	font-size:18px;
	font-weight:bold;
	color:#660000;
	background:#E0D6CC;
}

#menu p.ls{
	font-weight:normal;
	font-size:17px;
	color:#8C0000;
	text-align:center;
}

#menu p .star{
	float:left;
	display: block;
	font-size:24px;
	letter-spacing:-10px;
}

#menu .right .image{margin-top:40px;}
#menu .right .text{
	margin:10px;
	line-height:180%;
}


/*list*/
#menu dl{
	border-bottom:1px dotted #666;
	overflow:hidden;
	padding:12px 10px 8px 12px;
}

#menu dt{
	line-height:160%;
	float:left;
}

#menu dd{float:right;}

#menu dt span{
	font-size:12px;
	color:#8C4600;
}

/*photo*/
#menu ul{
	position:relative;
	clear:both;
	width:960px;
	height:282px;
	margin-bottom:40px;
}

#menu li{
	float:left;
	width:292px;
	margin-right:42px;
	padding:7px 0 17px 0;
	line-height:200%;
	text-align:center;
	background:url(../img/menu/menu_bg.jpg) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#660000;
}

#menu li.ls{margin:0;}
#menu .ex{padding-top:35px;margin:0 0 -15px 0;}
#menu .ex li{background:none;}
#menu .ex li.ls{
	margin-top:-3px;
	position:absolute;
	top:-140px;
	right:0;
}

#menu .m_box.ls{margin-bottom:255px;}
#menu .right .ls{border-bottom:none;}
#menu .short{font-size:12px;}


/* ========================================= news.html ========================================= */
#page_content {
	width:73%;
	float:left;
}

.nsp_cgtit,.blogb_box,.cg_side{word-break: break-all;}

#sidebar {
	width:25%;
	float:right;
}

.nsp_cgtit {
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:23px;
	font-weight:bold;
	color:#660000;
	background:url(../img/news/all_bg.jpg) no-repeat bottom;
}
.nsp_cgtit span{
	display:block;
	background:url(../img/news/all.jpg) no-repeat 20px 0;
	padding-left:65px;
}

.blogb_box{
	margin:0 0 40px 0;
	padding-bottom:15px;
	border-bottom:1px dotted #666;
}

.blogb_box dl{
	min-height:28px;
	margin-bottom:15px;
	padding:7px 15px;
	overflow:hidden;
	font-size:16px;
	color:#660000;
	background:#E0D6CC;
}

.blogb_box dl dt{
	min-height:28px;
	font-size:18px;
	display:block;
	float:left;
}

.blogb_box .blog_title{
	line-height: normal;
	padding-left:15px;
	border-left:10px solid #660000;
	float:left;
	width:560px;
}

.blogb_box .blog_day{float:right;}

.blogb_box dl dd{
	font-size:12px;
	display:block;
	float:right;
	text-align:right;
}

.blog_contents,
.blog_contents p{
	line-height: normal;
}
.pagenavi{
	text-align:center;
	margin-top:-22px;
	padding-bottom:290px;
}
.pagenavi a{color:#442211;text-decoration:underline;}


/* サイドバーカテゴリー */
.cg_side,.cg_side li,.cg_side li.tit,.cg_side li a{display:block;}

.cg_side li.tit {
	padding:8px 0 8px 25px;
	background:#660000;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.cg_side li a {
	padding:7px 0 7px 22px;
	text-decoration:none;
	color:#412000;
	font-size:16px;
	border-left:1px solid #660000;
	border-bottom:1px solid #660000;
	border-right:1px solid #660000;
}

.cg_side li a:hover {
	background:#E0D6CC;
	text-decoration:underline;
}

.side_other{
	margin-top:20px;
	padding:16px;
	border:1px solid #660000;
}

.side_other .cal{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #666;
}



/* ========================================= shopping.html ========================================= */
#shopping .n01{
	height:330px;
	margin-bottom:35px;
	padding:20px;
	background:url(../img/shopping/bg01.jpg) no-repeat;
}

#shopping .n01,#shopping .n02,#shopping .n03,#shopping .n01 ul{overflow:hidden;}
#shopping .n01 .left{margin-top:20px;}

#shopping .n01 .right{
	margin-top:15px;
	width:660px;
}
#shopping .n01 .right span{color:#660000;}
#shopping .n01 p.ls{
	padding-top:23px;
	clear:both;
}

#shopping .n02{margin-bottom:40px;}
#shopping .n02 .left,#shopping .n02 .right{
	width:420px;
	height:142px;
	padding:7px 20px 20px 20px;
	background:url(../img/shopping/bg02.jpg) no-repeat;
}

#shopping .n02 .left .title,#shopping .n02 .right .title,#shopping .n03 .title{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

#shopping .n02 .left .text,#shopping .n02 .right .text{margin-top:23px;}
#shopping .n03 .title{margin-bottom:10px;}

#shopping .n03{
	height:246px;
	margin-bottom:280px;
	padding:7px 20px 20px 20px;
	background:url(../img/shopping/bg03.jpg) no-repeat;
}

#shopping .n03 .right{width:580px;}

#shopping .n03 .right dl{
	width:558px;
	overflow:hidden;
	padding:12px;
	border-bottom:1px dotted #666;
}

#shopping .n03 .right dt{
	float:left;
	font-weight:bold;
	color:#670405;
}
#shopping .n03 .right dd{
	float:right;
	width:412px;
}

#shopping .n03 .right .ls{border-bottom:none;}
#shopping .n03 .right .ls dd{margin-top:8px;}


/* ========================================= contact.html ========================================= */
#contact .kome{margin:0 0 8px 115px;}

#inquiry{
	width:760px;
	margin:0 auto 238px auto;
}

#inquiry dl{
	padding:10px;
	display:block;
	height:auto;
	line-height:25px;
	background:#E2DCD1;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	overflow:hidden;
}

#inquiry .ls{
	border-bottom:2px solid #fff;
	padding-bottom:2px;
}

#inquiry .ls dt{line-height:130px;}

#inquiry .weight{
	margin-left:10px;
	font-weight:normal;
}

#inquiry dl dt{
	display:block;
	width:237px;
	padding-left:10px;
	float:left;
	font-weight:bold;
	color:#660000;
	vertical-align:middle;

}
#inquiry dl dd{
	display:block;
	float:left;
}

#inquiry .submit{
	width:310px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
}

#inquiry .submit .n01{float:left;}
#inquiry .submit .n02{float:right;}

input[type="text"]{
	width:475px;
	height:20px;
}

#inquiry textarea {
	width:475px;
	height:120px;
	resize:none;
}

.short input[type="text"]{
	width:150px!important;
	height:20px;
}

input[type="submit"]{
	font-family: Meiryo, "メイリオ";
	font-size:16px;
	padding:5px 20px;
}

/* ========================================= 追加CSS ========================================= */

#wpn-box{
	position:relative;
}
#wpn-box a{
	color:#670405;
}

#wpn-left {
	width:25%;
	text-align:left;
	float:left;
}
#wpn-center {
	left:45%;
	text-align:center;
	position:absolute;
}
#wpn-right {
	width:25%;
	text-align:right;
	float:right;
}
#schedule{
	width:900px;
	padding:20px;
	border:5px solid #660000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom:50px;
}
#schedule p{
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
}
#schedule p+p{
	border-top:1px dotted #660000;
}


