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

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

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

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

.aRight{
text-align:right;
}

h3,h4,h5{
clear:both;
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;
}

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

.itemWrap{
display:block;
clear:both;
margin-bottom:15px;
width:640px;
}
.itemWrap h3,
.itemWrap p{
margin:0 0 15px;
}

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


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

.indexOriginal,
.indexBasic,
.indexRecipe,
.indexBook,
.indexCouturier{
background:url(../images/common_hr.gif) no-repeat bottom;
padding:0 5px 22px;
margin-bottom:20px;
}

.indexOriginal p,
.indexBasic p,
.indexRecipe p,
.indexBook p,
.indexCouturier p,
.indexNew p{
margin-top:15px;
}
.indexOriginal h3,
.indexBasic h3,
.indexRecipe h3,
.indexBook h3,
.indexCouturier h3{
margin:0;
}
p.indexImg{
margin-top:0;
}

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

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

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

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

/* .indexCouturier */
.indexCouturier p,
.indexCouturier h3,
.indexCouturier ul{
float:right;
width:421px;
}
.indexCouturier 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:#F7F0D9;
border-bottom:solid 1px #960;
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;
}


/* original.html
-------------------------------- */
.items{
display:block;
float:left;
padding:0 5px;
width:200px;
}
.items dl{
background:url(../images/original_bg_items.gif) no-repeat;
display:block;
padding:15px;
padding-bottom:5px;
width:170px;
}
.items dt,
.items dd{
margin:0 0 5px;
}
.items dd.name{
font-weight:bold;
}
.items p{
background:url(../images/original_bg_items.gif) no-repeat bottom;
display:block;
padding:15px;
padding-top:0;
width:170px;
}


/* basic.html
-------------------------------- */
.itemSmallWrap,
.itemLargeWrap{
display:block;
float:left;
margin:0 0 10px;
padding:0 5px;
width:310px;
}
.itemSmall{
background:url(../images/basic_bg_item_small.gif) no-repeat;
padding:15px;
padding-bottom:5px;
}
.itemSmall ul{
display:block;
clear:both;
margin:0 0 5px;
}
.itemSmall li{
display:block;
float:left;
}
.itemSmall li.sample{
padding-left:10px;
}
.itemSmall p{
font-weight:bold;
margin:0;
}
.itemSmallBtm{
background:url(../images/basic_bg_item_small_btm.gif) no-repeat bottom;
height:10px;
}

.itemLargeWrap{
float:left;
clear:both;
width:630px;
}
.itemLarge{
background:url(../images/basic_bg_item_large.gif) no-repeat;
padding:15px;
padding-bottom:5px;
}
.itemLarge .stitchWrap,
.itemLarge .stitchWrapSmall{
display:block;
float:left;
padding-right:10px;
width:390px;
}
.itemLarge .stitchWrapSmall{
width:290px;
}
.stitchWrap dl,
.stitchWrapSmall dl{
display:block;
float:left;
margin:0 0 10px;
padding-right:10px;
width:120px;
}
.stitchWrap dl{
height:150px;
}
.stitchWrapSmall dl{
width:135px;
}
.stitchWrap dt,
.stitchWrapSmall dt{
margin:0 0 5px;
}
.stitchWrap dd,
.itemLarge .stitchWrapSmall dd{
font-weight:bold;
}
.itemLarge .sampleA,
.itemLarge .sampleB{
display:block;
float:left;
width:200px;
}
.itemLarge .sampleB{
width:300px;
}
.itemLarge .sampleA dt,
.itemLarge .sampleB dt{
margin:0 0 5px;
}
.itemLargeBtm{
background:url(../images/basic_bg_item_large_btm.gif) no-repeat bottom;
height:10px;
}

ul.btnArea{
display:block;
clear:both;
margin:0 0 10px;
width:630px;
}
ul.btnArea li{
float:left;
}
p.btn{
text-align:center;
}


/* recipe.html
-------------------------------- */
.recipeWrap{
background:url(../images/recipe_bg_recipeWrap.jpg) no-repeat;
display:block;
padding:20px;
padding-bottom:0;
width:600px;
}
.recipeWrap .dlArea{
background:url(../images/recipe_bg_download.gif) no-repeat bottom;
display:block;
clear:both;
margin-bottom:15px;
padding-bottom:15px;
}
.recipeWrap .dlArea p.imgL,
.recipeWrap .dlArea p.imgR,
.recipeWrap .dlArea .txtArea{
display:block;
float:left;
}
.recipeWrap .dlArea .txtArea p{
margin-bottom:15px;
}
.recipeWrap .dlArea p.imgL,
.recipeWrap .dlArea p.imgR{
margin-bottom:5px;
}
.recipeWrap .dlArea p.imgL{
padding-right:10px;
}
.recipeWrap .dlArea p.imgR{
padding-left:10px;
}
.recipeWrap .dlArea .txtArea{
width:390px;
}
.recipeWrap .dlArea .txtArea p.btn{
text-align:center;
}
.recipeWrap .loginWrap{
border:1px solid #C60;
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 #C96;
padding:0 55px;
}
.recipeWrap .loginBox ul li.noBorder{
border:0;
}
p.origin,
p.originR{
clear:both;
}
p.originR{
text-align:right;
}
.otherRecipe{
text-align:right;
margin:0 0 10px;
}
.recipeWrapBtm{
background:url(../images/recipe_btm_recipeWrap.jpg) no-repeat;
display:block;
clear:both;
margin-bottom:15px;
height:10px;
width:640px;
}


/* book.html
-------------------------------- */
.bookWrap{
background:url(../images/common_hr.gif) no-repeat bottom;
display:block;
clear:both;
margin:0 5px 15px;
padding-bottom:15px;
width:630px;
}
.noBorder{
background:none;
padding-bottom:0;
}
.bookWrap p.img,
.bookWrap .txtArea{
display:block;
float:left;
}
.bookWrap p.img{
margin:0 0 5px;
padding-right:15px;
width:200px;
}
.bookWrap .txtArea{
width:405px;
}
.bookWrap .txtArea dl.detail{
display:block;
margin:0 0 15px;
width:405px;
}
.bookWrap .txtArea dl.detail dt,
.bookWrap .txtArea dl.detail dd{
margin:0 0 5px;
}
.bookWrap .txtArea dl.detail dt{
font-weight:bold;
}
.bookWrap .txtArea ul{
display:block;
margin:0 0 15px;
}
.bookWrap .txtArea ul li{
display:inline;
}
.bookWrap .txtArea ul li img{
margin-right:10px;
}


/* couturier.html
-------------------------------- */
#decotechCouturier .itemLargeWrap{
margin:0 0 15px;
}

#decotechCouturier .itemLarge .img,
#decotechCouturier .itemLarge .txtArea{
display:block;
float:left;
}
#decotechCouturier .itemLarge .img{
margin:0 0 5px;
padding-right:20px;
width:200px;
}
#decotechCouturier .itemLarge .img img{
margin:0 0 5px;
}
#decotechCouturier .itemLarge .txtArea{
width:380px;
}

.profile,
.profileBtm{
display:block;
clear:both;
margin:0;
padding:0;
width:380px;
}
.profile{
background:url(../images/couturier_profile_bg.gif) no-repeat;
margin:0;
padding:10px;
padding-bottom:5px;
width:360px;
}
.profileBtm{
background:url(../images/couturier_profile_bg_btm.gif) no-repeat bottom;
font-size:1%;
height:5px;
}
.profile .imgSmall,
.profile dl{
display:block;
float:left;
width:250px;
}
.profile .imgSmall{
margin:0;
padding-right:10px;
width:100px;
}
.profile dl{
line-height:120%;
}
.profile dt,
.profile dd{
margin:0 0 5px;
}
.profile dt{
font-weight:bold;
}
.profile dd.website{
margin:0;
}

.others{
background:url(../images/couturier_bdr_others.gif) repeat-x bottom;
display:block;
clear:both;
margin:0 10px 10px;
padding:0 0 10px;
}
.others .img,
.others dl{
display:block;
float:left;
}
.others .img{
border:1px solid #DDD;
margin:0;
padding:3px;
width:174px;
}
.others dl{
margin:0;
padding-left:10px;
width:425px;
}
.others dt,
.others dd{
margin:0 0 10px;
}
.others dt{
font-weight:bold;
}
.others dd.btn{
text-align:right;
}


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

#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);
}
#conHead ul li.cs,
.conFootNav li.cs{
color:#C96;
}


/* IE6 Hacks
-------------------------------- */
*html .indexLead{
height:80px;
}
*html .lead{
height:45px;
}
*html .profile{
padding-bottom:0;
}


/* IE7 Hacks
-------------------------------- */


/* CLEAR FIX
--------------------------------------------------*/
.itemWrap:after,
.indexOriginal:after,
.indexBasic:after,
.indexRecipe:after,
.indexBook:after,
.indexCouturier:after,
.indexWhatsNew dl:after,
.contArea:after,
.itemSmall ul:after,
.itemLarge:after,
.itemLargeWrap:after,
ul.btnArea:after,
.profile:after,
.others:after,
.recipeWrap:after,
.recipeWrap .dlArea:after,
.recipeWrap .loginWrap:after,
.recipeWrap .loginBox:after,
.bookWrap:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html .itemWrap,
*html .indexOriginal,
*html .indexBasic,
*html .indexRecipe,
*html .indexBook,
*html .indexCouturier,
*html .indexWhatsNew dl,
*html .contArea,
*html .itemSmall ul,
*html .itemLarge,
*html .itemLargeWrap,
*html ul.btnArea,
*html .profile,
*html .others,
*html .recipeWrap,
*html .recipeWrap .dlArea,
*html .recipeWrap .loginWrap,
*html .recipeWrap .loginBox,
*html .bookWrap{
height: 1%;
}

/* 
*:first-child+html .itemWrap,
*:first-child+html .indexOriginal,
*:first-child+html .indexBasic,
*:first-child+html .indexRecipe,
*:first-child+html .indexBook,
*:first-child+html .indexCouturier,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .contArea,
*:first-child+html .itemSmall ul,
*:first-child+html .itemLarge,
*:first-child+html .itemLargeWrap,
*:first-child+html ul.btnArea,
*:first-child+html .profile,
*:first-child+html .others,
*:first-child+html .recipeWrap,
*:first-child+html .recipeWrap .dlArea,
*:first-child+html .recipeWrap .loginWrap,
*:first-child+html .recipeWrap .loginBox,
*:first-child+html .bookWrap{
height: 1%;
} */
*:first-child+html .itemWrap,
*:first-child+html .indexOriginal,
*:first-child+html .indexBasic,
*:first-child+html .indexRecipe,
*:first-child+html .indexBook,
*:first-child+html .indexCouturier,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .contArea,
*:first-child+html .itemSmall ul,
*:first-child+html .itemLarge,
*:first-child+html .itemLargeWrap,
*:first-child+html ul.btnArea,
*:first-child+html .profile,
*:first-child+html .others,
*:first-child+html .recipeWrap,
*:first-child+html .recipeWrap .dlArea,
*:first-child+html .recipeWrap .loginWrap,
*:first-child+html .recipeWrap .loginBox,
*:first-child+html .bookWrap{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.itemWrap,
.indexWhatsNew dl,
.indexOriginal,
.indexBasic,
.indexRecipe,
.indexBook,
.indexCouturier,
.contArea,
.items,
.itemSmall ul,
.itemLarge,
.itemLargeWrap,
ul.btnArea,
.profile,
.others,
.recipeWrap,
.recipeWrap .dlArea,
.recipeWrap .loginWrap,
.recipeWrap .loginBox,
.bookWrap{
display:inline-block;
}
/**/


