@charset "UTF-8";
/* CSS Document 100215 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, strong, dl, dt, dd, ol, ul, li{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

	* html body{
	background: #024900;
	}

body{
background: url(/img/bg.jpg) no-repeat center top #024900;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000000;
font-size: 14px;
text-align: center;
}

br{
clear: both;
margin: 0;
line-height: 0;
}

/*-------------------------COVER-------------------------*/
#scene-kt{
margin: 0 0 80px 0;
border: 1px solid #C0C0C0;
width: 835px;
background: #8FBC8B;
}

	#scene-kt img{
	float: left;
	margin: 5px;
	border: 3px solid #DCDCDC;
	}

#comment-kt{
float: left;
width: 400px;
height: 250px;
background: url(/img/cover/memo.png) no-repeat 70px 20px;
}

	#comment-kt p{
	margin: 105px 50px 0 115px;
	line-height: 40px;
	color: #CD853F;
	}

#amazon-kt{
float: right;
margin: 0 50px 0 0;
padding: 3px;
background: #fff;
}

.scene{
margin: 0 0 20px 0;
padding: 0;
}

	.scene img{
	border: 6px solid #BDB76B;
	}

.comment{
float: right;
margin: 0 40px 0 0;
padding: 60px 27px 0 50px;
width: 223px;
height: 215px;
background: url(/img/cover/fukidashi.png) no-repeat;
}

	.comment p{
	font-size: 15px;
	line-height: 1.9em;
	}

/*-------------------------Zoom-------------------------*/
div.jquery-image-zoom {
   line-height: 0;
   font-size: 0;
   z-index: 10;
   border: 5px solid #fff;
   margin: -5px;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   cursor: pointer;
}

div.jquery-image-zoom a {
   background: url("./jquery.imageZoom.png") no-repeat;
   display: block;
   width: 25px; height: 25px;
   position: absolute;
   left: -17px;
   top: -17px;
   /* IE-users are prolly used to close-link in right-hand corner */
   *left: auto;
   *right: -17px;
   text-decoration: none;
   text-indent: -100000px;
   outline: 0;
   z-index: 11;
}

div.jquery-image-zoom a:hover {
   background-position: left -25px;
}
div.jquery-image-zoom img, 
div.jquery-image-zoom embed, 
div.jquery-image-zoom object, 
div.jquery-image-zoom div {
   width:100%; height:100%;
}

.dmm_title{
text-align:center;
font-size;11pt;
}

.pr_side_dmm{
width:180px;
}

.thum01 img{
width: 100%;
}

.thum02 img{
width: 50%;
}

.description{
font-size:10pt;
}

.img_back{
background: #ffffff;
}

/*-------------------------Kinuta_Form-------------------------*/
#kinuta-form{
margin: 10px 0 20px 10px;
width: 400px;
padding: 30px;
border: 1px dashed #F0E6C7;
}

	#kinuta-form p{
	background: url(/img/mail.png) no-repeat;
	padding-left: 28px
	}

	#kinuta-form a{
	color: #fff;
	}

	#kinuta-form span{
	line-height: 1.8em;
	font-size: 10px;
	color: #fff;
	}

#form-attn{
color: #fff;
margin: 0 0 30px 0;
}

/*-------------------------Kinuta_Map-------------------------*/
#kinuta-map{
margin: 0;
padding-left: 50px;
color: #fff;
}

	#kinuta-map a{
	margin: 0 5px;
	color: #fff;
	}

/*-------------------------Calendar_Tab-------------------------*/
#tab{
margin: 0;
padding-left: 3px;
width: 145px;
height: 190px;
overflow: hidden;
}

#nav{
color: #BAC2A4;
}

	#tab li{
	float: left;
	margin-right: 2px;
	font-size: 12px;
	list-style-type: none;
	cursor: pointer;
	display: block;
	margin-bottom: 0;
	padding: 0 2px;
	}

	#tab li:hover{
	background: #FFF;
	}

	#tab li.select{
	color: #008000;
	font-weight: bold;
	background: #FFF;
	}

/*-------------------------Calendar_Tab-------------------------*/
#tabContent{
margin: 0;
height: 190px;
overflow: hidden;
}

#tabIndex{
margin: 0;
}

#tabIndex li{
float: left;
margin-right: 2px;
font-size: 12px;
list-style-type: none;
cursor: pointer;
display: block;
margin-bottom: 0;
}

#tabIndex .close{
text-decoration: none;
}

#tabIndex .open{
text-decoration: none;
font-weight: bold;
}

#tabBoxIndex{
clear: both;
}

#tabIndex .open a{
text-decoration: none;
background-color: #fff;
color: #008000;
padding: 0 2px;
}

#tabIndex .close a{
font-weight: normal;
text-decoration: none;
color: #BAC2A4;
padding: 0 2px;
}

#tabIndex .close a:hover{
background-color: #fff;
color: #008000;
}

/*-------------------------Kinuta_Ayumi-------------------------*/
#k-ayumi{
margin: 15px;
}

	#k-ayumi h3{
	padding: 20px 0 16px 16px;
	font-size: 16px;
	color: #F8F8FF;
	}

	#k-ayumi h4{
	padding: 16px 0 16px 55px;
	font-size: 14px;
	font-weight: normal;
	color: #F8F8FF;
	}

#ayumi-img{
float: right;
width: 200px;
margin: 5px 30px 0 0;
}

	#ayumi-img img{
	margin: 20px 0 3px 0;
	}

	#ayumi-img span{
	font-size: 10px;
	color: #FFFDFF;
	}

.ayumi-m{
margin-left: 30px;
padding: 10px 280px 10px 20px;
border-left: 20px solid #56824E;
}

.ayumi-m2{
margin-left: 70px;
padding: 10px 280px 10px 20px;
border-left: 10px solid #56824E;
font-size: 12px;
}

	.ayumi-m2 a{
	color: #FFFDFF;
	}

	#k-ayumi p{
	color: #FFFDFF;
	text-align: justify;
	text-indent: 0.5em;
	line-height: 1.4em;
	margin-bottom: 1em;
	}

	#k-ayumi a{
	color: #FFFDFF;
	}

#oarea{
margin: 30px 25px;
padding: 20px;
background: url(/img/menu/menu-back.png);
}

#obox{
margin: 0;
padding: 20px;
background: #FAF0E6;
}

	#obox img{
	float: left;
	margin: 0 13px 15px 0;
	border: 6px solid #E6E4E4;
	}

	#obox h2{
	font-size: 18px;
	color: #006400;
	margin-bottom: 10px;
	}

	#obox p{
	font-size: 14px;
	color: #556B2F;
	text-align: justify;
	}

/*-------------------------Kura_Area-------------------------*/
#kura-img img{
float: left;
margin: 0 10px 20px 0;
}

/*-------------------------Menu_Area-------------------------*/
#menu-area{
margin: 0;
padding: 20px 20px
}

	#menu-area h2{
	color: #F0E68C;
	font-size: 14px;
	margin-bottom: 15px;
	}

	* html .pan-menu{
	width: 390px;
	}

.pan-menu{
float: left;
margin: 0 10px 20px 0;
padding: 15px 10px;
width: 400px;
background: url(/img/menu/menu-back.png);
}

	*html .pan-order{
	height: 160px;
	}

	*:first-child+html .pan-order{
	height: 160px;
	}

	html>/**/body .pan-order{
	height: 160px;
	}

.pan-order{
position: relative;
margin: 0;
padding: 10px 15px 10px 10px;
background: #FAF0E6;
}

	.pan-order img{
	float: left;
	margin: 8px 15px 35px 0;
	}
	
	.pan-order h3{
	color: #00873D;
	font-size: 16px;
	margin-bottom: 5px;
	}
	
	.pan-order p{
	font-size: 12px;
	line-height: 1.3em;
	text-indent: 0.5em;
	text-align: justify;
	}

	.pan-order .price{
	font-size: 10px;
	font-weight: normal;
	}

	.pan-order a{
	color: #000;
	}

	.pan-order a:hover{
	color: #FF4500;
	text-decoration: none;
	}

.onecoin{
position: absolute;
top: -35px;
left: 350px;
}


/*-------------------------Header Bar-------------------------*/
#header-index{
height: 35px;
background: #023801;
border-bottom: 1px solid #228B22;
text-align: center;
}

#header-text{
margin: 0 auto;
width: 960px;
text-align: right;
}

	#header-text strong{
	float: left;
	padding-top: 7px;
	font-size: 11px;
	font-weight: normal;
	color: #8FBC8B;
	}

	#header-text .link-menu{
	float: right;
	margin: 0 10px 0 0;
	}

		#header-text .link-menu img{
		padding: 10px 3px 0 3px;
		}

	#header-text a{
	float: left;
	display: block;
	padding: 0 5px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	}

	#header-text a:hover{
	font-size: 12px;
	text-decoration: none;
	background: #228B22;
	}

/*-------------------------Main Area-------------------------*/
	* html #main{
	background: #024900;
	}

#main{
margin: 30px auto 0;
width: 910px;
text-align: left;
position: relative;
background: url(/img/bg-right.png) right repeat-y;
}

	*html #main-top{
	width: 860px;
	height: 100px;
	background: #628E61;
	}

	*:first-child+html #main-top{
	width: 860px;
	height: 100px;
	behavior: expression(IEPNGFIX.fix(this));
	}

#main-top{
margin-right: 10px;
padding: 20px 20px 10px 20px;
background: url(/img/bg-main.png);
}

	#main-top img{
	vertical-align: middle;
	margin-right: 10px;
	}

	#main-top h1{
	font: italic 36px serif;
	color: #FFFDFF;
	}

		* html #main-top .info{
		behavior: expression(IEPNGFIX.fix(this));
		}

		*:first-child+html #main-top .info{
		top: -90px;
		left: 620px;
		}

	#main-top .info{
	width: 270px;
	border-right: 12px solid #FFFFE0;
	padding: 10px 0 10px 10px;
	font-size: 12px;
	line-height: 1.6em;
	position: absolute;
	top: 10px;
	left: 635px;
	background: url(/img/bg-main.png);
	}

#photo-area{
float: left;
position: relative;
}

		* html #photo-area .back{
		height: 288px;
		behavior: expression(IEPNGFIX.fix(this));
		}

		*:first-child+html #photo-area .back{
		height: 288px;
		}

	#photo-area .back{
	z-index: 2;
	position: relative;
	width: 480px;
	height: 293px;
	background: url(/img/bg-photo.png) no-repeat;
	}

		* html #photo-area p{
		margin-left: 10px;
		font-size: 9px;
		letter-spacing: 0;
		}

		*:first-child+html #photo-area p{
		font-size: 9px;
		letter-spacing: 0;
		}

	#photo-area p{
	float: left;
	margin: 2px 3px 0 25px;
	font-size: 10px;
	letter-spacing: -0.1px;
	color: #FFFDFF;
	}

		* html #photo-area .thumbnail{
		width: 480px;
		height: 20px;
		padding-bottom: 5px;
		background: #628E61;
		}

		*:first-child+html #photo-area .thumbnail{
		width: 480px;
		height: 30px;
		}

	#photo-area .thumbnail{
	height: 20px;
	background: url(/img/bg-main.png);
	}

		#photo-area .thumbnail img{
		float: left;
		margin: 0 2px 0 0;
		border: 1px solid #000;
		}

		#photo-area .thumbnail img:hover{
		border: 1px solid #FFFFE0;
		cursor: pointer;
		}

	#photo-area .target{
	z-index: 1;
	position: absolute;
	top: 27px;
	left: 35px;
	border: 3px solid #FFFFE0;
	}

	* html #topic-area{
	background: #628E61;
	}

		*:first-child+html #topic-area{
		height: 298px;
		}

#topic-area{
float: left;
position: relative;
width: 390px;
height: 293px;
padding-right: 30px;
padding-bottom: 20px;
background: url(/img/bg-main.png);
overflow: hidden;
}

		* html #topic-area .corner{
		width: 0;
		height: 0;
		}

	#topic-area .corner{
	position: absolute;
	top: 15px;
	left: 250px;
	width: 149px;
	height: 48px;
	background: url(/img/topic-corner.png) no-repeat;
	}

	#topic-area h2{
	margin-bottom: 5px;
	}

#topic-box{
height: 220px;
padding: 23px 20px 0 13px;
border: 3px solid #6B8E23;
background: #008000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: auto;
}

	#topic-area dt{
	padding-left: 19px;
	color: #F5FFFA;
	font-weight: bold;
	background: url(/img/midashi-info.png) no-repeat;
	line-height:1.2em;
	}

	#topic-area dd{
	margin: 5px 0 15px 10px;
	font-size: 12px;
	color: #F0FFFF;
	line-height: 1.3em;
	text-align: justify;
	}

	*:first-child+html #calendar{
	width: 145px;
	}

#calendar{
float: right;
margin: 15px -10px 15px 15px;
font-size: 12px;
}

	#calendar h3{
	color: #F5FFFA;
	font-weight: normal;
	margin-bottom: 3px;
	font-size: 11px;
	}

	#calendar table{
	width: 138px;
	}

	#calendar th{
	background: #BAC2A4;
	}

	#calendar td{
	padding: 3px 0;
	}

	#calendar table, th, tr, td{
	background: #82A463;
	border-collapse: collapse;
	border: 1px solid #ccc;
	text-align: center;
	}

		.before{color:#666;}
		.off{color:#A52A2A;}
		.sut{color:#0000FF;}
		.on{background:#C7BE49;font-weight:bold;}
		.dub{color:#A52A2A;font-size:10px;}
			* html .onshop{font-size:15px;line-height:1.6em;}
		.onshop{font-size:20px;color:#C7BE49;line-height:1.6em;}

	#calendar p{
	margin-top: -5px;
	text-align: right;
	color: #D3D3D3;
	}

/*-------------------------Contents Menu-------------------------*/
	* html #contens-menu{
	margin-top: -5px;
	width: 900px;
	position: static;
	background: #628E61;
	}

	*:first-child+html #contens-menu{
	width: 900px;
	position: static;
	}

#contens-menu{
clear: both;
margin-right: 10px;
padding: 20px 0 30px 0;
background: url(/img/bg-main.png);
position: relative;
}

		* html #contens-menu .corner{
		width: 0;
		height: 0
		}

		*:first-child+html #contens-menu .corner{
		top: 450px;
		}

	#contens-menu .corner{
	position: absolute;
	z-index: 2;
	top: 2px;
	left: 300px;
	width: 135px;
	height: 87px;
	background: url(/img/blog-corner.png) no-repeat;
	}

	#contens-menu .blog-area{
	float: left;
	width: 350px;
	}

.blog-area span{
color: #fff;
font-size: 11px;
margin: 0 0 0 20px;
}

		#contens-menu .blog-area h2{
		margin: 3px 0 6px 15px;
		}

		#contens-menu .blog-area a{
		color: #000000;
		}

		#contens-menu .blog-area a:hover{
		color: #F8FCFF;
		text-decoration: none;
		}

			* html #contens-menu .blog-area dl{
			background: #6B8E23;
			}

		#contens-menu .blog-area dl{
		padding: 10px 20px 5px 10px;
		background:  url(/img/bg-intro.png) #6B8E23;
		width: 570px;
		}

		#contens-menu .blog-area dt{
		padding-left: 20px;
		font-weight: bold;
		background: url(/img/midashi-blog.png) no-repeat;
		}

		#contens-menu .blog-area dd{
		margin: 0 0 17px 10px;
		text-indent: 5px;
		font-size: 12px;
		color: #000000;
		line-height: 1.3em;
		}

	#contens-menu .linkbox{
	border: 5px solid #82A463;
	}
	
	#contens-menu .hovering{
	border-color: #CFE5C7;
	cursor: pointer;
	}
	
	#contens-menu .menu-list{
	float: left;
	margin-left: 10px;
	}

		#contens-menu .menu-list h2{
		margin: 5px 0 10px 5px;
		}

		#contens-menu .top-img{
		margin: 0 0 5px 2px;
		}

			* html #contens-menu .menu-list dl{
			background:  #6B8E23;
			}

		#contens-menu .menu-list dl{
		float: left;
		margin-left: 5px;
		width: 135px;
		min-height: 210px;
		padding: 20px 10px 20px 10px;
		font-size: 12px;
		background:  url(/img/bg-intro.png) #6B8E23;
		}

		#contens-menu .menu-list dt{
		font-weight: bold;
		margin-bottom: 0.3em;
		}

		#contens-menu .menu-list dd{
		text-indent: 0.4em;
		line-height: 1.2em;
		text-align: justify;
		}

		#contens-menu .menu-list p{
		text-align: right;
		}

		#contens-menu .center-ad{
		float: right;
		margin: 11px 50px 0 0;
		border: 1px dashed #6B8E23;
		padding: 5px 10px 10px 10px;
		background: #008000;
		}

			#contens-menu .center-ad p{
			text-align: right;
			font-size: 10px;
			color: #B4D5B6;
			}

	* html #introduction{
	margin-top: -5px;
	background: #628E61;
	}

	*:first-child+html #introduction{
	margin-top: -5px;
	background: #628E61;
	}

#introduction{
clear: both;
margin-right: 10px;
padding: 0 25px 40px 20px;
background: url(/img/bg-main.png);
}

	* html .introduction-box{
	background: #6B8E23;
	}

.introduction-box{
float: left;
width: 365px;
height: 340px;
margin-right: 10px;
border: 5px solid #82A463;
padding: 10px 20px;
background: url(/img/bg-intro.png) #6B8E23;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

	.introduction-box h2{
	line-height: 2em;
	color: #003400;
	}

	.introduction-box p{
	text-indent: 0.3em;
	line-height: 1.3em;
	margin-bottom: 10px;
	text-align: justify;
	}

	* html #introduction-img{
	background: #9CB57B;
	}

#introduction-img{
float: right;
width: 150px;
margin: 0 0 10px 10px;
border: 1px solid #ccc;
padding: 5px;
font-size: 10px;
background: url(/img/bg-main.png);
}

.blog-t{
margin: 0 0 0 0.5em;
font-size: 14px;
}

.blog-d{
margin: 2px 0px 20px 0.5em;
font-size: 12px;
}

.blog-w{
font-size: 12px;
}

	.introduction-box a{
	color: #000;
	}

	.introduction-box a:hover{
	color: #fff;
	}

#page-top{
text-align: right;
padding: 30px 0 0 0;
font-size: 12px;
}

#page-top a{
color: #F5FFFA;
}

#page-top a:hover{
text-decoration: none;
}

/*-------------------------Shadow-------------------------*/
	* html #bottom-shadow{
	background: #024900;
	}

#bottom-shadow{
margin: 0 auto;
width: 895px;
height: 10px;
background: url(/img/bg-bottom.png) repeat-x;
}

/*-------------------------Footer Area-------------------------*/
#footer{
margin-top: 5px;
height: 350px;
background: url(/img/bg-footer-repeat.gif) repeat-x #8a8e49;
}

	#footer .bgimg{
	margin: 0 auto;
	width: 910px;
	height: 100px;
	font-size: 12px;
	color: #fff;
	text-align: right;
	background: url(/img/bg-footer.gif) no-repeat;
	}

		#footer .bgimg a{
		color: #fff;
		margin: 0 5px;
		}

		#footer .bgimg a:hover{
		color: #FFD700;
		text-decoration: none;
		}

		#footer .bgimg img{
		padding: 0 5px;
		}

#footer-area{
margin: 0 auto;
width: 910px;
}

	#footer-area .address{
	float: right;
	width: 260px;
	padding: 15px 30px 0 0;
	text-align: right;
	font-size: 12px;
	}

	#footer-area a{
	color: #ffffff;
	}

	#footer-area a:hover{
	color: #024900;
	text-decoration: none;
	}

	#footer-area .bottom-ad{
	float: right;
	margin: 0 30px 0 0;
	}

	#footer-area .bottom-ad p{
	text-align: right;
	font-size: 10px;
	color: #f0f0f0;
	}

/*-------------------------Other Page-------------------------*/
	* html #title-comment{
	background: #568F2B;
	}

#title-comment{
width: 600px;
padding: 10px 30px 30px;
background: url(/img/bg-intro.png) #568F2B;
color: #fff;
}

	#title-comment h2{
	line-height: 2em;
	}

	#title-comment a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	}

	#title-comment a:hover{
	color: #FFFF00;
	border-bottom: 1px dotted #FFFF00;
	}

	#title-comment img{
	margin: 10px 3px 0 2px;
	}

#photos{
margin: 15px;
}

.shot-area{
float: left;
margin: 15px 8px;
}

	.shot-area .expl{
	width: 250px;
	padding: 10px;
	background: #6B8E23;
	}

	.shot-area h3{
	font-size: 14px;
	color: #FFFDFF;
	}

	.shot-area p{
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
	color: #DCDCDC;
	}

		#contens-menu .center-adbig{
		float: left;
		margin: 10px 0 0 15px;
		width: 758px;
		border: 1px dashed #6B8E23;
		padding: 5px 4px 15px 11px;
		background: #008000;
		}

			#contens-menu .center-adbig p{
			text-align: right;
			font-size: 10px;
			color: #B4D5B6;
			}

#k-link{
margin: 15px;
}

#k-link h3{
padding: 15px;
color:#fff;
}

#k-link h4{
padding: 0 0 10px 20px;
color:#fff;
}

#k-link ul{
padding-left: 30px;
margin-bottom: 30px;
}

#k-link li{
line-height: 1.6em;
}

#k-link a{
color: #fff;
}

#k-link a:hover{
color: #FFD700;
}