@charset "utf-8";
@import url("/special/shared/css/base.css");

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

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

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

.aRight{
text-align:right;
}

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

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;
}

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

.contArea{
display:block;
margin:0 5px;
width:630px;
}
.contArea p{
display:block;
margin:0 0 15px;
}

.itemWrap{
display:block;
clear:both;
margin-bottom:15px;
width:630px;
}
.itemWrap .txtArea,
.itemWrap p.photoL,
.itemWrap p.photoR{
display:block;
float:left;
}
.itemWrap .txtArea{
width:415px;
}
.itemWrap p.photoL,
.itemWrap p.photoR{
margin:0;
width:215px;
}
.itemWrap p.photoR{
text-align:right;
}

ul.link{
display:block;
clear:both;
list-style-type:none;
margin:0 0 15px;
width:340px;
}
ul.link li{
display:block;
float:left;
}
ul.link li a{
background:url(../images/common_arw.gif) no-repeat 0 50%;
margin-right:10px;
padding-left:15px;
}

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

.bnr{
margin:0 0 15px;
text-align:center;
}


/* index.html
-------------------------------- */
.indexLead{
padding-top:10px;
background:url(../images/index_bg_lead.jpg) no-repeat;
padding-left:20px;
padding-right:250px;
min-height:100px;
}
*html .indexLead{
height:100px;
}

.indexStart,
.indexTry,
.indexRecipe{
background:url(../images/common_hr.gif) no-repeat bottom;
padding:0 5px 25px;
margin-bottom:20px;
}
.indexTry{
background:url(../images/common_hr_btm.gif) no-repeat bottom;
}
.indexRecipe{
background:none;
padding-bottom:0;
margin-bottom:0;
}

.indexTry p,
.indexStart p,
.indexRecipe p,
.indexTry ul,
.indexStart ul,
.indexRecipe ul,
.indexNew p{
margin-top:15px;
}
.indexStart h3,
.indexTry h3,
.indexRecipe h3{
margin:0;
}
p.indexImg{
margin-top:0;
}

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

/* .indexDress */
.indexStart .indexDress{
background:url(../images/index_bg_dress.jpg) no-repeat;
display:block;
clear:both;
min-height:184px;
}
.indexStart .indexDress h4,
.indexStart .indexDress p{
float:none;
margin:0;
padding:0;
width:350px;
}
.indexStart .indexDress p{
color:#600;
padding:0 15px 10px;
}
.indexStart .indexDress p.btn{
padding:0 15px;
}


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

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

/* 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:#EFF9FF;
border-bottom:solid 1px #036;
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{
padding-top:8px;
padding-left:10px;
padding-right:10px;
}


/* start.html
-------------------------------- */
.meritArea{
border:1px solid #EDB;
display:block;
margin:0 0 10px;
padding:0;
width:638px;
}
.merit{
background:url(../images/start_bg_merit.jpg) no-repeat;
border:1px solid #FFF;
display:block;
padding:20px 0 0 20px;
clear:both;
width:616px;
}
.merit h4{
margin:0 0 10px;
}
.merit p{
margin:0 0 15px;
}
.merit p.photo,
.merit .txtArea{
display:block;
float:left;
}
.merit p.photo{
width:290px;
}
.merit .txtArea{
color:#600;
width:310px;
}

.contArea{
background:url(../images/common_hr.gif) no-repeat top left;
margin:20px 0 0;
padding:20px 0 0;
width:640px;
}
.contArea .itemWrap{
margin:0 5px 15px;
width:630px;
}
.contArea .itemWrap p.photoL,
.contArea .itemWrap p.photoR,
.contArea .itemWrap .txtArea{
display:block;
float:left;
}
.contArea .itemWrap p.photoL{
width:215px;
}
.contArea .itemWrap p.photoR{
text-align:right;
width:215px;
}
.contArea .itemWrap .txtArea{
width:415px;
}
.contArea .itemWrap .txtArea dl.exam{
background:#F3F3F3;
border:1px solid #DDD;
display:block;
margin:0;
padding:0;
}
.contArea .itemWrap .txtArea dl.exam dt,
.contArea .itemWrap .txtArea dl.exam dd{
border:1px solid #FFF;
display:block;
padding:10px;
}
.contArea .itemWrap .txtArea dl.exam dt{
border-bottom:0;
font-weight:bold;
padding-bottom:5px;
}
.contArea .itemWrap .txtArea dl.exam dd{
border-top:0;
padding-top:0;
}

.contAreaBtm{
background:url(../images/common_hr_btm.gif) no-repeat top right;
margin:20px 0 0;
padding:20px 0 0;
}

.blogWrap{
border:1px solid #DEF;
display:block;
margin:0 0 20px;
padding:0;
width:628px;
}
.blogArea{
background:url(../images/start_bg_blog.jpg) no-repeat;
border:1px solid #FFF;
display:block;
clear:both;
margin:0;
padding:18px;
width:590px;
}
.blogArea p.photo,
.blogArea .txtArea{
display:block;
float:left;
}
.blogArea p.photo{
width:145px;
text-align:right;
}
.blogArea .txtArea{
width:445px;
}
.blogArea .txtArea p{
margin:0 0 15px;
}
.blogArea .txtArea p.link{
background:url(../images/common_arw.gif) no-repeat 0 50%;
padding-left:15px;
}

dl.book{
display:block;
float:left;
margin:0 15px 15px 0;
width:300px;
}
dl.book dt,
dl.book dd{
display:block;
float:left;
}
dl.book dt{
width:150px;
}
dl.book dd{
margin:0 0 5px;
width:150px;
}
dl.book dd.title{
font-weight:bold;
}


/* dress.html
-------------------------------- */
.mendWrap{
border:1px solid #EDB;
width:630px;
}
.mend{
background:url(../images/dress_bg_mend.jpg) repeat-x;
background-color:#FAF7F2;
border:1px solid #FFF;
color:#600;
padding:10px 10px 0;
width:608px;
}
#yukataDress .itemWrap p{
margin:0 0 15px;
}
.stepWrap{
display:block;
clear:both;
margin:0 0 15px;
width:608px;
}
.stepWrap dl{
display:block;
float:left;
width:195px;
}
.stepWrap dl.center{
margin:0 10px;
}
.stepWrap dt{
display:block;
margin:0 0 5px;
}
.stepWrap dd{
color:#036;
padding-left:18px;
}
.stepWrap dd.step01{
background:url(../images/dress_icon_step_01.jpg) no-repeat;
}
.stepWrap dd.step02{
background:url(../images/dress_icon_step_02.jpg) no-repeat;
}
.stepWrap dd.step03{
background:url(../images/dress_icon_step_03.jpg) no-repeat;
}


/* try.html
-------------------------------- */
#yukataTry .itemWrap{
display:block;
clear:both;
margin-bottom:15px;
width:640px;
}
dl.items{
display:block;
float:left;
margin:0 0 10px;
padding:0 5px;
width:150px;
}
dl.items dt,
dl.items dd{
display:block;
margin:0 0 5px;
}
dl.items dt.name{
background:url(../images/try_ttl_bg.jpg) no-repeat;
color:#036;
font-weight:bold;
min-height:12px;
padding:5px;
text-align:center;
}
dl.items dd.link{
text-align:center;
}

/* recipe.html
-------------------------------- */
.recipeWrap{
background:url(../images/recipe_bg_dlarea.jpg) no-repeat;
display:block;
margin-top:5px;
padding:20px;
padding-bottom:0;
width:600px;
}
.recipeWrap .dlArea{
display:block;
clear:both;
margin-bottom:15px;
}
.recipeWrap .dlArea p.photo,
.recipeWrap .dlArea .txtArea{
display:block;
float:left;
}
.recipeWrap .dlArea .txtArea p{
margin-bottom:15px;
}
.recipeWrap .dlArea p.photo{
margin-right:10px;
margin-bottom:0;
}
.recipeWrap .dlArea .txtArea{
width:390px;
}
.recipeWrap .dlArea .txtArea p.off{
color:#9BD;
}
.recipeWrap .dlArea .txtArea p.btn{
text-align:center;
margin:0;
}
.recipeWrap .loginWrap{
border:1px solid #036;
background:url(../images/recipe_bg_login.jpg) no-repeat;
display:block;
clear:both;
margin:0 0 15px;
width:596px;
}
.recipeWrap .loginBox{
border:1px solid #FFF;
display:block;
clear:both;
padding:15px;
width:564px;
}
.recipeWrap .loginBox h4,
.recipeWrap .loginBox p{
margin:0 0 10px;
}
.recipeWrap .loginBox ul{
display:block;
clear:both;
margin:0;
}
.recipeWrap .loginBox ul li{
display:block;
float:left;
border-right:1px dotted #036;
padding:0 55px;
}
.recipeWrap .loginBox ul li.noBorder{
border:0;
}
.otherRecipe{
text-align:right;
margin:0 0 10px;
}
.recipeWrapBtm{
background:url(../images/recipe_dlarea_btm.jpg) no-repeat;
display:block;
clear:both;
height:10px;
width:640px;
}

dl#stepA,
dl#stepB,
dl#stepC{
display:block;
float:left;
width:200px;
}
dl#stepB{
margin:0 15px;
}
dl#stepA dt,
dl#stepB dt,
dl#stepC dt{
margin:0 0 5px;
}
dl#stepA dd,
dl#stepB dd,
dl#stepC dd{
padding-left:15px;
}
dl#stepA dd{
background:url(../images/recipe_icon_num_01.gif) no-repeat 0 top;
}
dl#stepB dd{
background:url(../images/recipe_icon_num_02.gif) no-repeat 0 top;
}
dl#stepC dd{
background:url(../images/recipe_icon_num_03.gif) no-repeat 0 top;
}

#redecorateRecipe .item p.photo,
#redecorateRecipe .item .txtArea,
#redecorateRecipe .itemBtm p.photo,
#redecorateRecipe .itemBtm .txtArea{
display:block;
float:left;
}
#redecorateRecipe .item p.photo,
#redecorateRecipe .itemBtm p.photo{
margin:0;
width:215px;
}
#redecorateRecipe .item .txtArea,
#redecorateRecipe .itemBtm .txtArea{
width:415px;
}

dl.link{
display:block;
margin:0 0 15px;
}
dl.link dt,
dl.link dd{
margin:0 0 5px;
}
dl.link dt a{
background:url(../images/common_arw.gif) no-repeat 0 50%;
padding-left:15px;
}
dl.link dd{
display:block;
margin-left:15px;
}
dl.link dd a{
background:url(../images/common_icon_movie.gif) no-repeat 0 50%;
padding-left:65px;
}


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

#conHead{
margin:0 0 20px;
}

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

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


/* IE6 Hacks
-------------------------------- */
*html .lead{
height:45px;
}

*html dl.book{
margin-right:10px;
}

*html .indexStart .indexDress p.btn{
padding:0 15px 20px;
}


/* CLEAR FIX
--------------------------------------------------*/
.indexWhatsNew dl:after,
.indexRecipe ul:after,
.indexRecipe:after,
.indexTry ul:after,
.indexTry:after,
.indexStart:after,
.indexStart .indexDress:after,
.indexStart ul:after,
.stepWrap:after,
.link:after,
.merit:after,
.item:after,
.itemBtm:after,
.itemWrap:after,
.itemWrap:after,
.blogArea:after,
.recipeWrap:after,
.recipeWrap .dlArea:after,
.recipeWrap .loginBox ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html .indexWhatsNew dl,
*html .indexRecipe ul,
*html .indexRecipe,
*html .indexTry ul,
*html .indexTry,
*html .indexStart ul,
*html .indexStart,
*html .indexStart .indexDress,
*html .stepWrap,
*html .link,
*html .merit,
*html .item,
*html .itemBtm,
*html .itemWrap,
*html .itemWrap,
*html .blogArea,
*html .recipeWrap,
*html .recipeWrap .dlArea,
*html .recipeWrap .loginBox ul{
height: 1%;
}

/* *:first-child+html .spWrap{
height: 1%;
} */
*:first-child+html .indexWhatsNew dl,
*:first-child+html .indexRecipe ul,
*:first-child+html .indexRecipe,
*:first-child+html .indexTry ul,
*:first-child+html .indexTry,
*:first-child+html .indexStart ul,
*:first-child+html .indexStart{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.indexWhatsNew dl,
.indexRecipe ul,
.indexRecipe,
.indexTry ul,
.indexTry,
.indexStart ul,
.indexStart{
display:inline-block;
}
/**/