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

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

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

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

.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_lead_bg.jpg) no-repeat 0 0;
}

.cntWrap{
display:block;
padding:5px;
padding-top:20px;
width:630px;
}

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

.item,
.itemBtm{
display:block;
background:url(../images/common_hr.gif) no-repeat bottom;
clear:both;
padding-bottom:25px;
margin-bottom:20px;
width:630px;
}
.itemBtm{
background:none;
padding-bottom:10px;
}
.item .txtArea,
.item p.photoL,
.item p.photoR,
.itemBtm .txtArea,
.itemBtm p.photoL,
.itemBtm p.photoR{
display:block;
float:left;
}
.item .txtArea,
.itemBtm .txtArea{
width:415px;
}
.item p.photoL,
.item p.photoR,
.itemBtm p.photoL,
.itemBtm p.photoR{
margin:0;
width:215px;
}
.item p.photoR,
.itemBtm 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;
}


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

.indexEnjoy,
.indexAble{
background:url(../images/common_hr.gif) no-repeat bottom;
padding-left:5px;
padding-right:5px;
padding-bottom:25px;
margin-bottom:20px;
}

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

/* .indexEnjoy */
.indexEnjoy p,
.indexEnjoy h3,
.indexEnjoy ul{
float:right;
width:421px;
}
.indexEnjoy p.indexImg{
float:left;
width:200px;
}
.indexEnjoy ul li{
margin-top:2px;
float:left;
width:207px;
}

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

/* .indexRecipe */
.indexRecipe p,
.indexRecipe h3,
.indexRecipe ul{
float:right;
width:366px;
}
.indexRecipe p.indexImg{
float:left;
width:255px;
}
.indexRecipe li{
margin:0 0 5px;
}
.indexRecipe li a{
background:url(../images/common_arrow.gif) no-repeat 0 50%;
padding-left:15px;
}

/* indexNew */
.indexNew{
margin-top:20px;
}
.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:#FAF5EA;
border-bottom:solid 1px #600;
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;
}

/* ttlSet */
.ttlSet dd{
padding:8px 10px;
background-image:url(../images/bg_gra.gif);
background-repeat:repeat-x;
background-position: 0 0;
}


/* enjoy.html
-------------------------------- */
#redecorateEnjoy h3{
margin:0 0 5px;
}

.meritArea{
background:url(../images/enjoy_bg_merit.jpg) repeat-y;
display:block;
margin:0 0 20px;
padding:15px;
padding-bottom:5px;
width:610px;
}
.merit{
display:block;
clear:both;
width:610px;
}
.merit h4,
.merit p{
margin:0 0 15px;
}
.merit p.photoL,
.merit p.photoR,
.merit .txtArea{
display:block;
float:left;
}
.merit p.photoL,
.merit p.photoR{
width:270px;
}
.merit p.photoR{
text-align:right;
}
.merit .txtArea{
width:340px;
}
.merit .txtArea p.point{
background:url(../images/enjoy_merit_bg_point.jpg) no-repeat;
color:#900;
margin:0;
padding:10px;
padding-bottom:0;
width:320px;
}
.merit .txtArea .pointBtm{
background:url(../images/enjoy_merit_btm_point.jpg) no-repeat;
width:340px;
}

.couturier{
background:#FAF5EA;
border:1px dotted #C96;
border-left:0;
border-right:0;
display:block;
clear:both;
margin:0;
padding:10px;
width:395px;
}
.couturier p.photo,
.couturier dl{
display:block;
float:left;
}
.couturier p{
margin:0;
}
.couturier p.photo{
width:100px;
}
.couturier dl{
margin:0;
width:295px;
}
.couturier dl dt,
.couturier dl dd{
display:block;
margin:0 0 5px;
}
.couturier dl dt{
color:#900;
font-weight:bold;
}


/* able.html
-------------------------------- */
.itemArea{
display:block;
clear:both;
margin:0 5px 15px;
width:630px;
}
dl.items,
dl.itemsC{
display:block;
float:left;
width:200px;
}
dl.itemsC{
margin:0 15px;
}
dl.items dt,
dl.items dd,
dl.itemsC dt,
dl.itemsC dd{
display:block;
margin:0 0 5px;
}
dl.items dt.name,
dl.itemsC dt.name{
background:url(../images/able_ttl_bg.jpg) no-repeat;
color:#FFF;
font-weight:bold;
min-height:16px;
padding:7px;
}
dl.items dd.link,
dl.itemsC 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.btn{
text-align:center;
}
.recipeWrap .loginWrap{
border:1px solid #960;
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 #960;
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;
}

dl.book{
display:block;
float:left;
margin-right:15px;
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{
color:#900;
font-weight:bold;
}


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

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


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

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


/* CLEAR FIX
--------------------------------------------------*/
.indexWhatsNew dl:after,
.indexRecipe ul:after,
.indexRecipe:after,
.indexAble ul:after,
.indexAble:after,
.indexEnjoy:after,
.indexEnjoy ul:after,
.link:after,
.merit:after,
.item:after,
.itemBtm:after,
.couturier:after,
.itemArea: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 .indexAble ul,
*html .indexAble,
*html .indexEnjoy ul,
*html .indexEnjoy,
*html .link,
*html .merit,
*html .item,
*html .itemBtm,
*html .couturier,
*html .itemArea,
*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 .indexAble ul,
*:first-child+html .indexAble,
*:first-child+html .indexEnjoy ul,
*:first-child+html .indexEnjoy{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.indexWhatsNew dl,
.indexRecipe ul,
.indexRecipe,
.indexAble ul,
.indexAble,
.indexEnjoy ul,
.indexEnjoy{
display:inline-block;
}
/**/