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

body {
	margin: 0;
	padding: 0;
	color: #555;
	background-color:#fff;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Osaka;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	width: 100%;
	min-width: 960px;
}
a:link,
a:visited {
	text-decoration: none;
	color: #007432;
}
a:hover,
a:active {
	text-decoration: underline;
	color: #007432;
}
a:hover{
	opacity:0.8;
}

/* ============================= */
/* Layout-Base */
/* ============================= */

#wrapper {
	width:100%;
	text-align:center;
	overflow:hidden;
}

/* header ----------- */

header {
	width:960px;
	height:155px;
	text-align:left;
	margin:auto;
}
header h1{
	font-size:11px;
	padding:5px 0px;

}
header dl{
	width:100%;
	overflow:hidden;
	margin-bottom:5px;
}
header dt{
	float:left;
	margin-right:20px;
}
header dd{
	float:right;
	width:740px;
	margin-top:35px;
}
#header{
	background:url("../images/common/bg_header.png") center bottom no-repeat;
	padding-bottom:10px;
}

/* nav ----------- */
#header nav{
	background:url("../images/common/bg_gnavi.png") left top no-repeat;
}
#header nav ul{
	width:960px;
	overflow:hidden;
}
#header nav li{
	float:left;
	padding:8px 0px;
}


/* main ----------- */

#main{
	width:960px;
	position:relative;
	margin:50px auto 0px auto;
}

#main.subcon{
	margin-top:0px;
}


.subcon #bird02{
	z-index:10;
}



	#main.subcon {
		padding-top:25px;
		text-align:left;
	}
	.bg-color {
			width:880px;
			overflow:hidden;
			padding:20px 40px 80px;
			background:url(../images/common/bg.png) top center repeat-y;
			margin-bottom:50px;
		}
		.h3-01, 
		.h3-02, 
		.h3-03{
			margin:30px 0 0px 0px;
			padding:10px 0 40px 50px;
			font-weight:bold;
			font-size:18px;
			font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
		}
		.h3-01 { background:url(../images/common/h3-01.png) no-repeat 0px 0px;}
		.h3-02 { background:url(../images/common/h3-02.png) no-repeat 0px 0px;}
		.h3-03 { background:url(../images/common/h3-03.png) no-repeat 0px 0px;}

		#main.subcon h4 {
			background:url(../images/common/h4.png) no-repeat 0px 0px;
			padding:4px 0px 8px 30px;
			margin:15px 0px;
			font-size:14px;
			font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
			font-weight:bold;
		}
		#main.subcon p{
			padding:10px;
		}

		.subcon a:link,
		.subcon a:visited {
			text-decoration: none;
			color: #009341;
		}
		.subcon a:hover,
		.subcon a:active {
			text-decoration: underline;
			color: #a0a0a0;
		}


.topicpath { text-align:right;}




/* footer
-------------------------*/
footer {
	background: url(../images/common/bg_foot_top.png) center top repeat-x ;
	width:100%;
	position:relative;
	z-index:0;
	padding-top:40px;
}
footer .footin{
	background: url(../images/common/bg_foot.png) center top  ;
	width:100%;
	overflow:hidden;
	text-align:center;
	padding: 15px 0px 15px 0px;
}

footer .contact{
	width:960px;
	line-height:220%;
	margin:auto;
}
footer .contact ul{
	display:inline-block;
	margin:auto;
}
footer .contact li{
	float:left;
	margin:10px 15px;
}
footer .footin nav{
	width:960px;
	margin:auto;
	overflow:hidden;
}
footer .footin nav p{
	float:left;
}
footer .footin nav ul{
	float:left;
	text-align:left;
	width:16%;
	margin-left:25px;
	line-height:200%;
}
footer .footin nav ul li a {
	background: url(../images/common/arw.jpg) left center no-repeat ;
	padding-left:8px;
}

footer small{
	display:block;
	font-size:11px;
	margin-top:25px;
}

/*=============================
	Common-class
===============================*/
/* float */
.fLeft { float: left;}
.fRight { float: right;}

/* float-clear */
.clear { clear:both;}
br.clear {
	height: 0;
	line-height: 0;
}

/* image-layout */
.imgleft { float:left;margin:0px 15px 15px 0px;}
	.imgleft img {
		display:block;
	}
.imgright { float:right;margin:0px 0px 15px 15px;}
	.imgright img {
		display:block;
	}

/*=============================
	Top Page setting
===============================*/

section{
	position:relative;
	text-align:left;
}
section figure img{
	opacity:0;
	position:absolute;
}

/* top-items -------------------------*/

section#top-items{
	float:left;
	width:470px;
	height:330px;
}
#top-photo ul{
	margin-left:40px;
}
#top-photo li{
	float:left;
}
#img-photo01{
	position:absolute;
	top:-50px;
	left:318px;
}

/* top-items -------------------------*/

section#top-items{
	float:right;
	width:400px;
	height:350px;
}
#top-items h1{
	position:absolute;
	top:0;
	left:40px;
}
#img-items01{
	position:absolute;
	top:50px;
	left:0;
}
#top-items .txt{
	position:absolute;
	top:360px;
	left:0;
}


/* top-news -------------------------*/

section#top-news{
	float:left;
	width:460px;
	height:420px;
	margin-top:120px;
	z-index:100;
}
#top-news h1{
	position:absolute;
	top:0;
	left:0px;
}
#img-news01{
	position:absolute;
	z-index:10;
	top:-75px;
	left:200px;
}
#top-news .news-box{
	background:url(../images/top/bg_news.png) left top no-repeat;
	position:absolute;
	z-index:5;
	width:276px;
	height:177px;
	top:140px;
	left:100px;
	padding:50px 40px 50px 40px;
}
.news-box dl{
	width:100%;
	overflow:hidden;
	margin-bottom:14px;
}
.news-box dt{
	float:left;
	font-weight:bold;
	margin-right:12px;
	width:30%;
}
.news-box dd{
	float:left;
	width:65%;
}
.news-box p{
	text-align:right;
}


/* top-gallery -------------------------*/

section#top-gallery{
	float:right;
	width:100%;
	height:590px;
	text-align:right;
	margin-top:-210px;
}
#top-gallery h1{
}
#img-gallery01{
	position:absolute;
	top:130px;
	left:300px;
}
#img-gallery02{
	position:absolute;
	top:130px;
	left:0px;
}
#top-gallery ul{
	position:absolute;
	top:200px;
	left:400px;
}
#top-gallery ul li{
	float:left;
}
#top-gallery dl{
	float:right;
	width:450px;
	margin-top:245px;
}
#top-gallery dt{
	float:left;
}

/* top-menu -------------------------*/

section#top-menu{
	clear:both;
	float:left;
	width:500px;
	height:400px;
	z-index:100;
}
#top-menu h1{
	position:absolute;
	z-index:5;
	top:0;
	left:0px;
}
#img-menu01{
	position:absolute;
	z-index:6;
	top:-100px;
	left:277px;
}
#img-menu02{
	position:absolute;
	z-index:8;
	top:100px;
	left:277px;
}
#img-menu03{
	position:absolute;
	z-index:10;
	top:0px;
	left:430px;
}
.menu-txt{
	width:100%;
	position:absolute;
	top:150px;
	left:0;
	z-index:4;
	background:url(../images/top/bg_menu.png) left top no-repeat;
	padding:70px 40px;
}
.menu-txt p{
	width:230px;
}


/* top-items -------------------------*/

section#top-shop{
	float:right;
	width:455px;
	height:500px;
	margin-top:170px;
}
#top-shop h1{
	position:absolute;
	z-index:5;
	top:0;
	right:0px;
}
#img-shop01{
	position:absolute;
	z-index:2;
	top:-180px;
}
#img-shop02{
	position:absolute;
	z-index:10;
	top:0px;
	left:345px;
}
#img-shop03{
	position:absolute;
	z-index:10;
	top:-130px;
	left:300px;
}

/* top-fb -------------------------*/
section#top-fb{
	float:left;
	width:452px;
	height:550px;
	margin-top:60px;
}
#top-fb h1{
	position:absolute;
	top:0;
	left:0px;
}
#img-fb01{
	position:absolute;
	z-index:10;
	top:-80px;
	left:110px;
}
.fb{
	background:url(../images/top/bg_fb.png) left top no-repeat;
	position:absolute;
	z-index:2;
	top:180px;
	left:0px;
	width:432px;
	height:335px;
	padding:15px;
}


/* top-callender -------------------------*/
section#top-callender{
	float:right;
	width:452px;
	height:700px;
}
#top-callender h1{
	position:absolute;
	top:0;
	right:0px;
}
.callender{
	position:absolute;
	z-index:2;
	top:240px;
	left:0px;
}


/* top-fb -------------------------*/
section#top-tw{
	float:left;
	width:452px;
	height:550px;
}
#top-tw h1{
	position:absolute;
	top:0;
	left:0px;
}
.tw{
	background:url(../images/top/bg_fb.png) left top no-repeat;
	position:absolute;
	z-index:2;
	top:135px;
	left:0px;
	width:432px;
	height:335px;
	padding:15px;
}


/* top-blog -------------------------*/
section#top-blog{
	float:right;
	width:420px;
	height:400px;
	margin-right:30px;
}
#top-blog h1{
	position:absolute;
	top:0;
	left:0px;
}
#top-blog p{
	float:right;
	width:210px;
	margin-top:30px;
}
#img-blog01{
	position:absolute;
	z-index:2;
	top:-20px;
	left:75px;
}
#img-blog02{
	position:absolute;
	z-index:10;
	top:-50px;
	left:207px;
}


/* clowds -------------------------*/

.clouds li{
	position:absolute;
	z-index:-1;
}
#cloud01{top:130px;left:-150px;position:fixed;}
#cloud02{left:820px;}
#cloud03{top:180px;left:0px;}
#cloud04{top:530px;left:560px;}
#cloud05{top:680px;left:820px;z-index:100;}
#cloud06{top:1100px;left:560px;}
#cloud07{top:1150px;left:190px;z-index:200;}
#bird01{top:200px;left:0px;z-index:400;}
#bird01{top:2100px;left:0px;z-index:400;}
#balloon01{top:40px;left:850px;z-index:400;}
#balloon02{top:120px;left:920px;z-index:400;}
.teiboku li{
	position:absolute;
	z-index:100;
}
#teiboku01{top:197px;left:-480px;z-index:400;}
#teiboku02{top:-400px;right:-450px;z-index:400;}

.swing {
    -moz-animation: swing linear 2s infinite;
    -moz-transform-origin: center -20px 0;
    -webkit-animation: swing linear 2s infinite;
    -webkit-transform-origin: center -20px 0;
    -ms-animation: swing linear 20s infinite;
    -ms-transform-origin: center -20px 0;
    -o-animation: swing linear 20s infinite;
    -o-transform-origin:center -20px 0;
    animation: swing linear 20s infinite;
    transform-origin: center -20px 0;
    display: block;
    float:left;
}
.swing img {
    z-index: 10;
    display: block;
}
.swing:after{
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
.swing:before{
    position: absolute;
}
 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(3deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-3deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(3deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-3deg); }
    100% { -webkit-transform: rotate(0deg); }
}   
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(3deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-3deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(3deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-3deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}

#lamp01{
	z-index:20;
	position:absolute;
	top:156px;
	left:200px;
    -moz-animation: swing linear 1s infinite;
    -moz-transform-origin: center 20px 0;
    -webkit-animation: swing linear 1s infinite;
    -webkit-transform-origin: center 20px 0;
    -ms-animation: swing linear 10s infinite;
    -ms-transform-origin: center 20px 0;
    -o-animation: swing linear 10s infinite;
    -o-transform-origin:center 20px 0;
    animation: swing linear 10s infinite;
    transform-origin: center 20px 0;
}
#lamp02{
	z-index:20;
	position:absolute;
	top:156px;
	left:350px;
}
#lamp01 img,#lamp02 img{
	z-index:20;
	opacity:1;
}

/*=============================
	Sub(Lower)Page setting
===============================*/



/* 以下は下層のベースメントですが、使わなければ削除してください */

.bread_crumb_list{
	text-align:right;
	padding:3px 0px 3px 0px;
}
.bread_crumb {
	margin:0px auto 0px auto;
}
.bread_crumb li {
	font-size:11px;
	display:inline;
}
.bread_crumb li:after {
    content : '>';
    padding-left:10px;
    margin-right:10px;
}
.bread_crumb li:last-child:after {
    content : '';
}
.bread_crumb li a {
	text-decoration:underline;
}
.bread_crumb li a:hover{
	text-decoration:none;
}
.bread_crumb li.current {
}


/* 基本テーブル */
.tbl-base{
	width:100%;
	margin:15px 0px 10px 0px;
	line-height:140%;
	font-size:14px;
	border-collapse:collapse;
}

.tbl-base th,
.tbl-base td{
	border:1px solid #4c2f2f;
	text-align:left;
	vertical-align:top;
	padding:10px 10px 10px 10px;
	background-color:#210202;
	color:#FFFFFF;
}
.tbl-base th{
	color:#e5c511;
	text-align:center;
	font-weight:bold;
	width:150px;
}
	.tbl-base td span { color:#FF0000;}

/* common */


.container h3,.container .inner h4{
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}

.container{
	width:100%;
	text-align:left;
	margin-bottom:30px;
	margin-top:10px;
	overflow:hidden;
}
#content h2{
	background:url("../images/common/bg_h2.png") left center no-repeat ;
	font-family: 'Radley', serif;
	font-size:45px;
	font-weight:normal;
	text-align:right;
	padding:50px 10px 50px 0px;
	color:#e5c511;
	margin:auto;
}
.container h3{
	background:url("../images/common/icon.png") left center no-repeat ;
	color:#fff;
	margin-bottom:20px;
	margin-left:15px;
	letter-spacing:2px;
}
.container h3 span{
	font-size:24px;
	font-family: 'Radley', serif;
	display:block;
	padding:15px 0px 15px 35px;
}


.container .inner{
	width:650px;
	overflow:hidden;
	margin:0px 20px;
}
.container .inner h4{
	border-left:3px solid #fff;
	font-family: 'Radley', serif;
	font-weight:bold;
	font-size:18px;
	line-height:140%;
	color:#e5c511;
	padding:4px 10px 4px 8px;
	margin-bottom:12px;
	margin-top:35px;
}
.container .inner p{
	margin:0px 0px 10px 0px;
}
.container .inner .mt0{
	margin-top:0px;
}
.container strong{
	font-size:14px;
	font-weight:bold;
}
.container h5{
	font-weight:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #453716;
}


.archive-list dl{
	margin-bottom:3px;
	padding:1%;
	width:98%;
	overflow:hidden;
}
.archive-list dl:nth-child(even){
	background-color:#fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}


/*-------------------------*/
/* blog */
/*-------------------------*/

#blog-main{
	width:470px;
	float:left;
	margin-top:15px;
	
}
#blog-main .container{
	margin-left:20px;
}
#blog-main .container h3{
	margin:0px;
}
#blog-main .container h3 span{
	
}
#blog-main .inner{
	background:url("../images/blog/bg_blog.gif") right bottom no-repeat #210202;
	padding:15px 15px 15px 15px;
	width:440px;
	margin:0px;
}
#blog-main .date{
	margin:10px 10px 10px 0px;
	font-weight:bold;
	font-size:14px;
	color:#E5C511;
	line-height:100%;
	display:inline-block;
}
.pl{
	text-align:center;
	padding-top:20px;
}
.pl a{
	padding:4px 10px;
	color:#fff;
	font-weight:bold;
}
#blog-main .pagetop{
	margin-bottom:15px;
	text-align:right;
}
#blog-main .pagetop a{
	color:#ffffff;
}
#blog-side{
	width:180px;
	float:right;
	text-align:left;
	margin-top:15px;
}
#blog-side ul{
	margin-bottom:15px;
	text-align:left;
}
#blog-side ul li{
	padding:3px 0px;
}
#blog-side ul li a{
	padding-left:10px;
	font-weight:bold;
}
#blog-side h4{
	font-weight:bold;
	font-size:14px;
	color:#E5C511;
	padding:8px 10px;
	margin-bottom:5px;
}


/* contents
-------------------------*/
.img-left { 
	float:left;
	margin:10px 10px 20px 0px;
}
.img-right { 
	float:right;
	margin:10px 0px 20px 10px;
}

.img-left.detail{
	padding:8px;
	box-shadow:2px 2px 3px #dddddd;
	-moz-box-shadow:2px 2px 2px #dddddd;
	-webkit-box-shadow:2px 2px 2px #dddddd;
}


/* menu
-------------------------*/
/* 基テーブル */
.info{
	width:100%;
	margin:15px 0px 50px 0px;
	line-height:140%;
	font-size:14px;
	border-collapse:collapse;
}

.info th,
.info td{
	border:1px solid #dddddd;
	text-align:left;
	vertical-align:top;
	padding:10px 10px 10px 10px;
	background-color:#210202;
	color:#FFFFFF;
}
.info th{
	background-color:#e7f4e4;
	color:#3b5a34;
	text-align:center;
	font-weight:bold;
	width:150px;
}
.info td {
	background-color:#ffffff;
	color:#333333;
}
	.info td span { color:#FF0000;}

/* hairstyle
-------------------------*/
.style-list li{
	background:url(../images/hairgallery/img-bg.jpg) no-repeat 0px 0px;
	padding:14px 13px 15px 11px;
	float:left;
	margin:10px 10px 30px 13px;
}
	.style-list li img { border:1px solid #FFFFFF;}

.stylist {
	background:url(../images/hairgallery/waku-base.png) top center repeat-y;
	padding:10px 10px 10px 60px;
}

	ul.stylist-info { float:right;}
		ul.stylist-info li{ margin:5px 40px 0px 20px;}
		ul.stylist-info li.name {
			font-size:16px;
			font-weight:bold;
			color:#715d38;
			margin-top:15px
		}
		ul.stylist-info li.btn { margin-top:20px;}


#main.subcon .back { text-align:right;margin:15px 0px;}
#main.subcon .back a{
	display:inline-block;
	padding:3px 8px;
	background-color:#009341;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#main .back a:before{
	content:"> ";
}

/*jQuery用css*/
.sub_block01 { margin:30px 0px 0px 30px;}

.sub_block01 .thumbs {
	margin-left:30px;
}

.sub_block01 .thumbs li{
	margin:0 1px 3px 0;
	background:url(../images/hairgallery/waku_l.jpg) no-repeat 0px 0px;
	padding:7px 8px 8px 7px;
}

.phGly {
	margin-bottom:30px;
}

.phGly ul {
	margin:0;
	padding:0;
}

ul.phGlyBox li { float:left;}


	ul.phGlyBox { margin-bottom:20px;width:100%;overflow:hidden;}
	ul.phGlyBox li {
		 background: none; 
		 padding:7px; 
		 background:#f6f4e9;
		 box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		}	

ul.thumbs {
	margin-top:50px;
	padding-left:8px;
}
	ul.thumbs li { margin-right:5px;}

.hair-main  { 
	position:absolute; 
	top:217px; 
	left:470px;
}
 
.ttl-about  { 
	position:absolute; 
	top:467px; 
	left:470px;
}
.txt-about { 
	position:absolute; 
	top:510px; 
	left:460px;
	width:400px;
}
.caption{
	display:none;
}


/* nail
-------------------------*/
.nail-list li{
	background:url(../images/nail/nail-bg.jpg) no-repeat 0px 0px;
	float:left;
	margin:10px 15px 10px 20px;
	padding:18px 18px 18px 18px;
	height:170px;
	overflow:hidden;
}
	.nail-list a{
		border:1px solid #FFFFFF;
		display:block;
		height:165px;
		overflow:hidden;
		padding-bottom:1px;
	}

.main { 
	position:absolute; 
	top:220px; 
	left:470px;
}

.nail-about  {
	position:absolute; 
	top:380px;
	left:470px;
}
div.txt-about02 { 
	position:absolute;
	top:415px; 
	left:465px;
	width:400px;
}



/* items
-------------------------*/
.ttl { 	
	text-align:center;
	margin-top:20px;
}
.ttl02 { margin-top:20px;}

ul.btn { margin-left:30px;margin-bottom:20px;}
ul.btn li{ float:left;}

ul.bnr li{
	float:left;
	margin:0px 3px;
}
ul.bnr { 
	width:100%;
	margin:20px 0px 20px 30px;
	overflow:hidden;
}


/*care*/
ul.care01 { 
	border-left:1px solid #CCCCCC;
}
ul.care, ul.care01 { 
	background-color:#FFFFFF;
	padding:30px 25px 20px 28px;
	width:150px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	float:left;
}
	ul.care li.txt, ul.care01 li.txt{ padding-bottom:20px;}
	ul.care li.name, ul.care01 li.name {
		font-size:11px;
		font-weight:bold;
		margin:5px 0px;
		}
		
ul.care-detail li.txt01 { 
	font-size:14px;
	font-weight:bold;
	padding:15px 0px;
}	

ul.care-detail li.price { padding:15px 0px;}
ul.care-detail li.price span {
	font-size:20px;
	font-weight:bold;
}
		
		
.items { margin-left:31px;}

.item-list{
	width:820px;
	margin:auto;
	overflow:hidden;
}
.item-list figure{
	text-align:center;
}
.item-list figure img{
	margin:auto;
}

.item-list li{
	background-color:#FFFFFF;
	float:left;
	width:203px;
	border:1px solid #CCCCCC;
	border-right:none;
	border-top:none;
}
#main.subcon .item-list li a{
	display:block;
	padding:30px 25px 20px 28px;
	text-decoration:none;
	color:#333;
}
#main .item-list li a:hover{
	text-decoration:none;
	color:#666;
}

.item-list li:nth-child(4n){
	border-right:1px solid #CCCCCC;
}
.item-list li:last-child{
	border-right:1px solid #CCCCCC;
}
#main.subcon .item-list li p{
	padding:0px;
	margin-bottom:20px;
	
}
#main.subcon .item-list li h3{
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}
.item-detail{
	float:right;
	width:470px;
	margin-top:20px;
}
#main.subcon .item-detail p{
	padding:0px;
	margin-bottom:20px;
	
}
.item-detail .catch{
	font-weight:bold;
}
.item-detail .price{
	font-weight:bold;
	font-size:18px;
	line-height:140%;
}
.item-detail h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}




#tabMenu{
	width:820px;
	margin:30px auto 0px auto;
	overflow:hidden;
	border-bottom:3px solid #009341;
	}
#tabMenu li{
	float:left;
	min-width:25%;
	}
#tabMenu li a{
	display:block;
	height:48px;
	background-color:#e9ddcf;
	line-height:50px;
	text-align:center;
	border-right:2px solid #f7f7f0 ;
	border-bottom:none;
	font-weight:bold;
	font-size:14px;
	}
#tabMenu li a.active{
	background-color:#009341;
	color:#fff !important;
}
	
#tabBox1,#tabBox2,#tabBox3,#tabBox4{

	}
#tabBox1{
	}
#tabBox2{
	display:none;
	}
#tabBox3{
	display:none;
	}
#tabBox4{
	display:none;
	}

/* shop
-------------------------*/
.rakuda { 
	position:absolute; 
	top:1180px; 
	left:10px;
}

.lion { 
	position:absolute; 
	top:300px; 
	left:820px;
}

.bird { 
	position:absolute; 
	top:900px; 
	left:840px;
}


/* recruit
-------------------------*/
ul.recruit { 
	margin:0px 0px 20px 20px;
	float:left;
}
ul.recruit li {
	background:url(../images/recruit/icon.png) no-repeat 0px 0px;
	padding:4px 0px 7px 30px;
	margin:13px 0px;
	font-size:15px;
}

p.message {
	margin-top:30px;
	line-height:200%;
}
/* mov
-------------------------*/

.youtubecont{
	position:relative;
}

.play {
	position:absolute;
	top:100px;
	left:380px;
}


/* staff
-------------------------*/
.staffimg-l {
	background:url(../images/staff/staff-bg.png) no-repeat 0px 0px;
	padding:20px 0px 25px 18px;
	margin:10px 10px 10px 0px;
	width:350px;
	float:left;
}

.deer {
	position:absolute;
	top:600px;
	left:290px;
}
ul.staff {
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
ul.staff li { 
	float:left;
	width:33.3%;
	overflow:hidden;
	margin-bottom:20px;
}

#main.subcon .staff li h4{
	font-size:20px;
	font-weight:bold;
	color:#322b0f;
	background:none;
	border-left:3px solid #009341;
	padding:12px 0px 8px 10px;
	margin:0px;
}
#main.subcon .staff li h4 span{
	margin-top:5px;
	display:block;
}
#main.subcon .staff p{
	font-size:11px;
}

/* staff-detail table */
.staff-info{
	width:450px;
	margin:10px 0px 10px 0px;
	line-height:140%;
	font-size:14px;
	border-collapse:collapse;
}
.staff-info th,
.staff-info td{
	text-align:left;
	vertical-align:top;
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	border-bottom:2px solid #d4d1c1;
}
.staff-info th{
	color:#3b5a34;
	text-align:center;
	font-weight:bold;
	width:150px;
}
.staff-info td {
	color:#333333;
	padding-top:15px;
}
	.staff-info td span { color:#FF0000;}
/*--*/

p.staff-name { 
	margin-top:20px;
	padding-left:20px;
	color:#725e39;
}
p.staff-name span { 
	font-size:25px;
	margin:6px 0px;
	font-weight:bold;
}



/* status
-------------------------*/

div.status-list { 
	float:left;
	width:40%;
	margin:10px 3% 0px 0px;
}
div.status-list strong {
	font-weight:bold;
	font-size:14px;
	padding:0px 0px 0px 10px;
}
div.status-list li {
	background-color:#dad7c4;
	color:#FFFFFF;
	padding:5px 5px 5px 20px;
	margin:5px 10px;
	width:150px;
	float:left;
}

ul.month-list { margin:20px 0px 0px 20px;}
ul.month-list li {
	background-color:#dad7c4;
	color:#FFFFFF;
	padding:5px 5px 5px 10px;
	margin:5px 20px;
	width:150px;
	float:left;
}



/* infomation
-------------------------*/
.midashi {
	background:url(../images/common/h3.png) no-repeat 0px 0px;
	padding:inherit;
	margin:30px 0 0px 0px;
	padding:0px 0 30px 50px;
}
.midashi a {
	font-weight:bold;
	font-size:18px;
	font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
}




/* blog
-------------------------*/

.blogbox {
	float:left;
	width:650px;
}
.h3-blog{
			background:url(../images/blog/h3-blog.png) no-repeat 0px 3px;
			margin:30px 0 0px 0px;
			padding:10px 0 40px 50px;
			font-weight:bold;
			font-size:18px;
		}

.blog-side {
	width:200px;
	margin-top:30px;
	float:right;
}		
ul.daylist li {
	background-color:#ffffff;
	padding:10px;
	margin:10px 0px 5px;
	border:1px solid #CCCCCC;
	}









/* sitemap =========================*/
.sitemap-list{
	margin-top:30px;
	float:left;
	width:420px;
}

.sitemap-list li{
	background:url(../images/common/arw.gif) no-repeat 10px 0px;
	margin:17px 0px 10px 0px;
	padding:2px 0px 10px 40px;
	border-bottom: 1px dotted #DFDFDF;
}

.ulbox01 li{
	list-style-type: disc;
	text-align:left;
	margin:0px 0px 0px 25px;
	}



/* ---------------------------------------------------
 PLUGIN WP-Page Navi
---------------------------------------------------- */
.navigation { padding: 15px; text-align:center;}
 
.wp-pagenavi { font-weight: normal;padding:10px 0px;margin-top:30px;}
.wp-pagenavi a, .wp-pagenavi a:link {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #ccc;
  color: #666;
  background-color: #fff;
}
 
.wp-pagenavi a:visited {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #ccc;
  color: #666;
  background-color: #fff;
}
 
.wp-pagenavi a:hover {
  border: 1px solid #0090db;
  color: #fff;
  background-color: #2f97cc;
}
 
.wp-pagenavi a:active {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  text-decoration: none;
  border: 1px solid #ccc;
  color: #666;
  background-color: #fff;
}
 
.wp-pagenavi span.pages {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  color: #666;
  border: 1px solid #ccc;
  background-color: #fff;
}
 
.wp-pagenavi span.current {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  border: 1px solid #ccc;
  color: #fff;
  background-color: #009341;
}
 
.wp-pagenavi span.extend {
  padding: 1px 5px 1px 5px;
  margin: 3px 4px;
  border: 1px solid #ccc;
  color: #666;
  background-color: #fff;
}

.page-link{
	width:100%;
	overflow:hidden;
	margin-top:30px;
	padding-top:10px;
	border-top:1px solid #dfd5cc;
}
.page-link .prev{
	float:left;
}
.page-link .next{
	float:right;
}


.error {
	color: #ff0000;
}
#main.subcon .wpcf7-form .send {
	display: none;
}
#main.subcon .wpcf7-form .form-btn {
	position: relative;
}
#main.subcon .wpcf7-form .sm {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}
#main.subcon .wpcf7-form.confirm table {
	margin-top: 0;
	margin-bottom: 0;
}
#main.subcon .wpcf7-form.confirm h4:not(:first-of-type) {
	display: none;
}
#main.subcon .wpcf7-form.confirm table input,
#main.subcon .wpcf7-form.confirm table textarea {
	border: none;
	width: auto;
	outline: none;
}
#main.subcon .wpcf7-form.confirm table select {
	appearance: none;
	border: none;
	pointer-events: none;
	outline: none;
}