@charset "shift_jis";
@import url("/special/shared/css/base.css");

/* --------------------------------------------------------------------------------------
	style map
		- 
		- conHead , conFooter / over write
		- clear (clear fix)
--------------------------------------------------------------------------------------- */

/* common
-------------------------------- */
body #contents{
	color:#900000;
}

#contents a,
#contents a:link,
#contents a:visited{
	color:#900000;
}
#contents a:hover{
	color:#900000;
}

.aRight{
	text-align:right;
}

h3,h4,h5{
	clear:both;
	margin:0 0 10px;
}
h3{
	margin:0 0 5px;
}

p ul,ol{
	margin:0 0 15px;
}

.lead{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	background:url(../images/common_bg_lead.jpg) no-repeat 0 0;
}
.leadS{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	background:none;
}

.cntWrap{
	display:block;
	padding:5px;
	width:640px;
}

.caution{
	margin:0 0 15px;
	text-align:right;
}

.itemWrap{
	display:block;
	clear:both;
	margin-bottom:10px;
	padding:0 5px;
	width:630px;
}
.itemWrap p{
	margin:0 0 15px;
}
.itemWrap p.pic{
	float:left;
	padding:0 15px 15px 0;
}
.itemWrap p.picR{
	float:right;
	padding:0 0 15px 15px;
}
.itemWrap p.pic img,
.itemWrap p.picR img{
	margin:0 0 5px;
}

.contArea{
	clear:both;
	display:block;
	margin-bottom:15px;
}

/* .navi */
.navi{
	background:url(../images/common_bg_navi.jpg) no-repeat bottom;
	margin:0 0 20px;
}
.navi h4{
	background:url(../images/common_bg_navihead.jpg) no-repeat;
	padding:20px;
	padding-bottom:0;
}
.navi p{
	padding:0 20px 15px;
}
.navi ul{
	list-style-type:none;
	padding:0 15px 20px;
}
.navi li{
	display:inline;
}

.naviBottom{
	background:url(../images/common_bg_navihead.jpg) no-repeat;
	margin:0 0 20px;
}
.naviBottom p{
	padding:0 20px 15px;
}
.naviBottom ul{
	list-style-type:none;
	padding:15px;
}
.naviBottom li{
	display:inline;
}
.naviBottom .needleWrap{
	background:url(../images/common_bg_navi.jpg) no-repeat bottom;
	padding:0 15px 15px;
	padding-bottom:5px;
}
.naviBottom .needle{
	background:url(../images/common_hr.gif) no-repeat top;
	padding:23px 0 0;
}
.naviBottom .needle .txt{
	display:block;
	float:left;
	width:410px;
}
.naviBottom .needle h4{
	padding:0 5px;
}
.naviBottom .needle p{
	padding:0 5px 15px;
}
.naviBottom .needle  ul{
	list-style-type:none;
	padding:0 0 15px;
}
.naviBottom .needle p.picR{
	float:right;
	padding-left:15px;
}

.cautionArea{
	background:#EFEFEF;
	display:block;
	clear:both;
	margin:0 0 20px;
	padding:15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.cautionArea p{
	margin:0;
	padding:0;
}
.cautionArea p.icon{
	display:block;
	float:right;
	padding-left:20px;
}


/* index.html
-------------------------------- */
#woolfeltIndex #conHead{
	margin:0;
}

.indexLead{
	padding-top:10px;
	background:url(../images/index_bg_lead.jpg) no-repeat;
	padding:0 20px;
	padding-right:100px;
	min-height:75px;
}

.indexKnowledge,
.indexExperience,
.indexEnjoy,
.indexBooks{
	background:url(../images/common_hr.gif) no-repeat top;
	margin:0 0 15px;
	padding:18px 5px 0;
}

.indexKnowledge p,
.indexExperience p,
.indexEnjoy p,
.indexBooks p,
.indexNew p{
	margin-top:15px;
}
.indexKnowledge h3,
.indexExperience h3,
.indexEnjoy h3,
.indexBooks h3{
	margin:0;
}
p.indexImg{
	margin-top:0;
}

/* .indexKnowledge */
.indexKnowledge{
	background:none;
}

.indexKnowledge p,
.indexKnowledge h3,
.indexKnowledge ul{
	float:right;
	width:421px;
}
.indexKnowledge ul{
	margin:15px 0 0;
}
.indexKnowledge ul li{
	display:block;
	float:left;
	padding:0 5px 5px 0;
}
.indexKnowledge p.indexImg{
	float:left;
	width:200px;
}

/* .indexExperience */
.indexExperience p,
.indexExperience h3,
.indexExperience ul{
	float:left;
	width:421px;
}
.indexExperience ul{
	margin:15px 0 0;
}
.indexExperience ul li{
	display:block;
	float:left;
	padding:0 5px 5px 0;
}
.indexExperience p.indexImg{
	float:right;
	width:200px;
}

/* .indexEnjoy */
.indexEnjoy p,
.indexEnjoy h3,
.indexEnjoy ul{
	float:right;
	width:421px;
}
.indexEnjoy p.indexImg{
	float:left;
	width:200px;
}
.indexEnjoy dt{
	clear:both;
}
.indexEnjoy dd{
	float:left;
}
.indexEnjoy dl{
	display:block;
	float:right;
	padding:15px 0 0;
	width:425px;
}


/* .indexBooks */
.indexBooks p,
.indexBooks h3{
	float:left;
	width:421px;
}
.indexBooks p.indexImg{
	float:right;
	width:200px;
}

/* .indexRelated */
.indexRelatedWrap{
	background:url(../images/common_hr.gif) no-repeat center;
	margin:0 0 20px;
	padding:18px 5px 0;
	width:640px
}
.indexRelatedWrap h3{
	margin:0;
}
.indexRelated{
	background:url(../images/index_bg_related.gif) no-repeat left bottom;
	margin:0;
	padding:0 0 5px;
}
.indexRelated .inSet{
	background:url(../../images/line_dotted_list.gif) repeat-x top;
	display:block;
	clear:both;
	margin:0 15px;
	padding:10px 0 0;
}
.indexRelated .top{
	background:none;
}
.indexRelated .inSet p{
	border:1px solid #DDD;
	margin:0;
	padding:3px;
}
.indexRelated .inSet p{
	display:block;
	float:left;
}
.indexRelated .inSet dl{
	display:block;
	float:right;
	margin:0;
	text-align:left;
	width:500px;
}
.indexRelated .inSet dl dt,
.indexRelated .inSet dl dd{
	margin:0 0 10px;
}
.indexRelated .inSet dl dt{
	font-weight:bold;
}
.indexRelated .inSet dl dd.btn{
	text-align:right;
}

/* indexNew */
.indexNew{
	margin:0 5px;
}
.indexNew h3,
.indexNew .newBtn{
	background-repeat:no-repeat;
}
.indexNew h3,
.indexNew{
	background-position:0 0;
}
.indexNew h3{
	padding-top:19px;
	background-image:url(../images/index_newmember_bg_top.gif);
}
.indexNew{
	background-image:url(../images/index_newmember_bg.gif);
	background-repeat:repeat-y;
}
.indexNew .newBtn{
	padding-bottom:19px;
	text-align:center;
	background-image:url(../images/index_newmember_bg_btm.jpg);
	background-position:0 100%;
}

.indexNew h3,
.indexNew .newBtn,
.indexNew p{
	padding-left:23px;
	padding-right:23px;
}
.indexNew p{
	margin:0;
}

/* indexWhatsNew */
.indexWhatsNew{
	margin-top:20px;
}
.indexWhatsNew h4{
	background:url(../images/common_bg_ttls.gif) no-repeat 6px 50%;
	background-color:#FFF2BF;
	border-bottom:solid 1px #C36;
	margin:0 0 5px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:17px;
}

.indexWhatsNew dt{
	float:left;
	width:80px;
}
.indexWhatsNew dd{
	float:right;
	width:540px;
}
.indexWhatsNew dl{
	display:block;
	clear:both;
	margin:0 0 10px;
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
}


/* knowledge.html
-------------------------------- */
#woolfeltKnowledge .example{
	display:block;
	clear:both;
	width:630px;
}
#woolfeltKnowledge .example dl{
	display:block;
	float:left;
	margin:0 0 15px;
	width:300px;
}
#woolfeltKnowledge .example dl.first{
	padding-right:25px;
}
#woolfeltKnowledge .example dt{
	margin:0 0 5px;
}


/* experience.html
-------------------------------- */
#woolfeltExperience .step{
	display:block;
	position:relative;
	clear:both;
	width:630px;
}
#woolfeltExperience .step dl{
	display:block;
	float:left;
	width:300px;
}
#woolfeltExperience .step dl.first{
	padding-right:25px;
}
#woolfeltExperience .step dt{
	margin:0 0 5px;
}

#woolfeltExperience .linkbox{
	background:url(../images/common_bg_box_01.gif);
	padding:15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#woolfeltExperience .cleaning{
	background:url(../images/common_bg_box_01.gif);
	margin:0 0 10px;
	padding:15px 55px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#woolfeltExperience .cleaning dt{
	margin:0 0 10px;
}

#woolfeltExperience .next{
	text-align:center;
}
#woolfeltExperience .step .next{
	position:absolute;
	top:80px;
	left:292px;
}

#woolfeltExperience .ranchWrap{
	background:url(../images/common_hr.gif) no-repeat;
	padding-top:23px;
}
#woolfeltExperience .ranch{
	background:url(../images/experience_bg_makai.gif);
	margin:0 0 10px;
	padding:15px 15px 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#woolfeltExperience .ranch .txt{
	float:left;
	display:block;
	width:355px;
}
#woolfeltExperience .ranch .txt p{
	margin:0 0 15px;
}
#woolfeltExperience .ranch .txt a{
	background:url(../images/common_icon_a.gif) no-repeat;
	padding:0 0 0 15px;
}
#woolfeltExperience .ranch .picR{
	float:right;
	padding:0 0 15px 15px;
}


/* enjoy.html
-------------------------------- */
#woolfeltEnjoy .itemWrap .lead{
	padding-top:0;
	padding-left:0;
	padding-right:0;
	height:220px;
	overflow:visible;
	background:url(../images/enjoy_bg_lead.jpg) no-repeat right bottom;
}

#woolfeltEnjoy .contBox{
	background:url(../images/experience_bg_makai.gif);
	margin:0 0 10px;
	padding:15px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#woolfeltEnjoy .contBox h4{
	clear:none;
}
#woolfeltEnjoy .contBox p{
	margin:0 0 15px;
}
#woolfeltEnjoy .contBox p.picR{
	float:right;
	margin:0;
	padding-left:15px;
	padding-bottom:0;
}

#woolfeltEnjoy .contBox ul.pic{
	display:block;
	clear:both;
	margin:0;
}
#woolfeltEnjoy .contBox ul.pic li{
	float:left;
}
#woolfeltEnjoy .contBox ul.pic li.first{
	padding-right:30px;
}
#woolfeltEnjoy .contBox ul.pic li.center{
	padding:0 30px;
}
#woolfeltEnjoy .contBox .marble{
	display:block;
	clear:both;
	background:#FFF;
	margin:15px 0 0;
	padding:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#woolfeltEnjoy .contBox .marble p{
	margin:0;
}
#woolfeltEnjoy .contBox .marble p.middle{
	margin-top:65px;
}
#woolfeltEnjoy .contBox .marble .picR{
	float:right;
	padding-left:15px;
}

#woolfeltEnjoy .contBoxWrap{
	background:url(../images/common_hr.gif) no-repeat bottom;
	margin-bottom:23px;
	padding-bottom:23px;
}

#woolfeltEnjoy .step{
	display:block;
	position:relative;
	clear:both;
	width:630px;
}
#woolfeltEnjoy .step dl{
	display:block;
	float:left;
	margin:0 0 10px;
	width:300px;
}
#woolfeltEnjoy .step dl.first{
	padding-right:20px;
}
#woolfeltEnjoy .step dt{
	margin:0 0 5px;
}
#woolfeltEnjoy .step dd{
	margin:0 0 10px;
	padding-left:5px;
}
#woolfeltEnjoy .step dd p{
	margin:0 0 5px;
	padding:0;
}

#woolfeltEnjoy .step .movie,
#woolfeltEnjoy .step dl .movie{
	background:#EFEFEF;
	clear:both;
	display:block;
	padding:10px;
	width:610px;
}
#woolfeltEnjoy .step dl .movie{
	width:280px;
}
#woolfeltEnjoy .step .movie a,
#woolfeltEnjoy .step dl .movie a{
	background:url(../images/common_icon_movie.gif) no-repeat;
	padding-left:65px;
}

#woolfeltEnjoy .contBox .item{
	background:url(../images/enjoy_bg_contBox.jpg) no-repeat bottom;
	clear:both;
	margin:0 0 20px;
	padding-bottom:23px;
}
#woolfeltEnjoy .contBox .btm{
	background:none;
	clear:both;
	margin:0;
	padding-bottom:0;
}
#woolfeltEnjoy .contBox .item p.pic,
#woolfeltEnjoy .contBox .item p.picR{
	margin:0;
	padding:0;
}
#woolfeltEnjoy .contBox .item p.pic{
	float:left;
	padding-right:20px;
}
#woolfeltEnjoy .contBox .item p.picR{
	float:right;
	padding-left:20px;
}
#woolfeltEnjoy .contBox .item dl{
	display:block;
	float:right;
	margin:0;
	text-align:left;
	width:390px;
}
#woolfeltEnjoy .contBox .item dl dt,
#woolfeltEnjoy .contBox .item dl dd{
	margin:0 0 10px;
}
#woolfeltEnjoy .contBox .item dl dt{
	font-weight:bold;
}
#woolfeltEnjoy .contBox .item dl dd.btn ul{
	display:block;
	clear:both;
}
#woolfeltEnjoy .contBox .item dl dd.btn ul li{
	float:left;
	margin-right:10px;
}


/* books.html
-------------------------------- */
#woolfeltBooks .recWrap{
	background:url(../images/common_bg_box_01.gif);
	display:block;
	margin:0 0 20px;
	padding:0 15px;
	position:relative;
	width:590px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#woolfeltBooks .recWrap p.recommended{
	display:block;
	right:-11px;
	top:-11px;
	position:absolute;
	z-index:1;
}
#woolfeltBooks .recWrap .inner{
	display:block;
	padding:15px 0 0;
	width:580px;
}
#woolfeltBooks .recWrap .pic{
	float:left;
	margin:0;
	padding-right:15px;
}
#woolfeltBooks .recWrap dl{
	display:block;
	float:right;
	margin:0;
	text-align:left;
	width:360px;
}
#woolfeltBooks .recWrap dl dt,
#woolfeltBooks .recWrap dl dd{
	margin:0 0 10px;
}
#woolfeltBooks .recWrap dl dt{
	font-weight:bold;
}
#woolfeltBooks .recWrap dl dd.btn ul{
	display:block;
	clear:both;
}
#woolfeltBooks .recWrap dl dd.btn ul li{
	float:left;
	margin-right:10px;
}

#woolfeltBooks .itemWrap{
	margin:0 0 15px;
}
#woolfeltBooks .items{
	display:block;
	float:left;
	margin:0 0 15px;
	width:300px;
}
#woolfeltBooks .first{
	padding-right:15px;
}
#woolfeltBooks .items dt.pic{
	display:block;
	float:left;
	padding:0 10px 5px 0;
}
#woolfeltBooks .items dt{
	font-weight:bold;
}
#woolfeltBooks .items dt,
#woolfeltBooks .items dd{
	margin:0 0 5px;
}
#woolfeltBooks .items ul{
	display:block;
	clear:both;
	width:300px;
}
#woolfeltBooks .items ul li{
	float:left;
	margin-right:10px;
}

#woolfeltBooks .bnr{
	background:url(../images/common_hr.gif) no-repeat;
	padding-top:18px;
}


/* common over write
-------------------------------- */
div.conFootNav,
#conHead .conHnav,
#conHead ul,
ul.conFootNav{
	background:#FFF8DF;
}

#conHead{
	margin:0 0 20px;
}

#conHead ul li,
div.conFootNav li{
	padding-left:6px;
	padding-right:6px;
}

#conHead ul li.cs,
div.conFootNav li.cs{
	color:#C96;
}

#conHead ul li,
.conFootNav li{
	background-image:url(../images/bg_link.gif);
}


/* IE6 Hacks
-------------------------------- */
*html .indexLead{
	height:80px;
}

*html .lead{
	height:45px;
}

*html .profile p.pic{
	margin:0;
}

*html #woolfeltBooks .coBox .inner{
	padding:15px 0;
}

*html #woolfeltEnjoy .contBox .item{
	padding-bottom:10px;
}
*html #woolfeltEnjoy .contBox .btm{
	padding-bottom:0;
}


/* IE7 Hacks
-------------------------------- */
*:first-child+html .profile p.pic{
	margin:0;
}

*:first-child+html #woolfeltBooks .coBox .inner{
	padding:15px 0;
}

*:first-child+html #woolfeltEnjoy .contBox .item{
	padding-bottom:10px;
}
*:first-child+html #woolfeltEnjoy .contBox .btm{
	padding-bottom:0;
}


/* CLEAR FIX
--------------------------------------------------*/
.clearfix:after,
.itemWrap:after,
.cntWrap:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
*html .clearfix,
*html .itemWrap,
*html .cntWrap{
	height: 1%;
}

/* 
*:first-child+html .clearfix,
*:first-child+html .itemWrap,
*:first-child+html .cntWrap{
	height: 1%;
} */
*:first-child+html .clearfix,
*:first-child+html .itemWrap,
*:first-child+html .cntWrap{
	display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.clearfix,
.itemWrap,
.cntWrap{
	display:inline-block;
}
/**/