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

/* --------------------------------------------------------------------------------------
	style map
		- 
		- conHead , conFooter / over write
		- clear (clear fix)
--------------------------------------------------------------------------------------- */
body #contents{
color:#660000;
}

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

.aRight{
text-align:right;
}

/* dot */
.indexHandmade,
.indexSecret,
.qaWrap,
.qaWrapL,
.qaWrapR,
.cntWrap{
padding-left:5px;
padding-right:5px;
padding-bottom:30px;
margin-bottom:20px;
background-image:url(../images/line_dot.gif);
background-repeat:no-repeat;
background-position:0 100%;
}
.qaWrap,
.qaWrapL,
.qaWrapR{
margin-bottom:0;
margin-top:20px;
}
/* noUse */
.noUse li{
padding-left:15px;
padding-top:2px;
padding-bottom:2px;
background-image:url(../images/icon_error.gif);
background-repeat:no-repeat;
background-position:0 0.2em;
}

/* indexBnr */
.indexBnr{
margin-top:20px;
}

/* margin */
.indexHandmade p,
.indexSecret p,
.indexBook p,
.indexHandmade ul,
.indexSecret ul,
.indexBook ul,
.indexNew p{
margin-top:15px;
}
p.indexImg{
margin-top:0;
}

/* .indexLead */
.indexLead{
padding-top:8px;
background-image:url(../images/index_lead_bg.jpg);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
padding-right:260px;
min-height:118px;
}
*html .indexLead{
height:118px;
}

.lead{
padding-top:10px;
padding-left:20px;
padding-right:20px;
min-height:45px;
background-image:url(../images/bg_secret_h2.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
*html .lead{
height:45px;
}


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

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

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

/* indexNew */
.indexNew{
margin-top:20px;
}
.indexNew h3,
.indexNew .newBtn,
.spWrap02 h3,
.spWrap02 .newBtn,
.spWrap h3,
.spWrap .newBtn{
background-repeat:no-repeat;
}
.indexNew h3,
.indexNew,
.spWrap02 h3,
.spWrap02,
.spWrap h3,
.spWrap{
background-position:0 0;
}
.indexNew h3,
.spWrap02 h3,
.spWrap h3{
padding-top:19px;
background-image:url(../images/new_member_bg_top.gif);
}
.indexNew,
.spWrap02,
.spWrap{
background-image:url(../images/new_member_bg.gif);
background-repeat:repeat-y;
}
.indexNew .newBtn,
.spWrap02 .newBtn,
.spWrap .newBtn{
padding-bottom:19px;
text-align:center;
background-image:url(../images/new_member_bg_btm.gif);
background-position:0 100%;
}
.spWrap02 h3{
background-image:url(../images/bg_wrap_02_top.gif);
}
.spWrap02{
background-image:url(../images/bg_wrap_02_center.gif);
}
.spWrap02 .newBtn{
padding-top:15px;
padding-bottom:19px;
background-image:url(../images/bg_wrap_02_btm.gif);
}

.indexNew h3,
.indexNew .newBtn,
.indexNew p,
.spWrap h3,
.spWrap .newBtn,
.spWrap p{
padding-left:23px;
padding-right:23px;
}
.spWrap02 h3,
.spWrap02 p,
.inspWrap02{
padding-left:26px;
padding-right:24px;
}

.inspWrap{
margin-left:26px;
margin-right:24px;
}
.spWrap02 .inspWrap02 p,
.spWrap02 .inspWrap p{
padding-left:0;
padding-right:0;
}
.spWrap02 h3{
text-align:center;
}


/* indexWhatsNew */
.indexWhatsNew{
margin-top:20px;
}
.indexWhatsNew h4{
padding-top:7px;
padding-bottom:7px;
padding-left:17px;
background-image:url(../images/bg_ttls.gif);
background-repeat:no-repeat;
background-position:6px 50%;
background-color:#FAF0EE;
border-bottom:solid 1px #CC0000;
}

.indexWhatsNew dt{
float:left;
width:80px;
}
.indexWhatsNew dd{
float:right;
width:540px;
}
.indexWhatsNew dl{
padding-top:8px;
padding-left:10px;
padding-right:10px;
}

/* inspWrap */
.inspWrap .BtnNotes{
float:right;
width:177px;
text-align:right;
}

/* secret.html
-------------------------------- */
/* .ttlSet */
.ttlSet{
margin-top:10px;
}
.qaWrapL p,
.qaWrapL ul,
.qaWrapL dl,
.qaWrapR p,
.qaWrapR ul,
.qaWrapR dl,
.qaWrap p,
.qaWrap ul,
.qaWrap dl,
.qaWrap h4,
.qaTxt,
.inspWrap02,
.inspWrap,
.spWrap02,
.spWrap,
.spWrap02 p,
.spDetail{
margin-top:10px;
}
.qaWrap h4{
padding-top:10px;
}
p.qaIllust{
padding-bottom:10px;
}
h3.marTOP20{
margin-top:20px;
}

p.AWrap,
.AWrap{
margin-top:5px;
}
.ttlSet dd ul,
.AWrap .iconA,
.spDetail h4,
.spDetail ul,
.inspWrap02 p,
.inspWrap02 dl{
margin-top:0;
padding-top:0;
}
p.qaImg,
.spWrap02 h3,
.spWrap h3,
.AWrap h4{
margin-top:0;
}

/* qaWrapR */
.qaWrapR h3,
.qaWrapR p,
.qaWrapR .secretWrap01{
float:right;
width:430px;
}
.qaWrapR p.qaImg{
float:left;
width:199px;
}
/* qaWrapL */
.qaWrapL h3,
.qaWrapL p,
.qaWrapL .secretWrap01{
float:left;
width:430px;
}
.qaWrapL p.qaImg{
float:right;
width:199px;
}

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

.qaWrapR .secretWrap01 .ttlSet{
width:210px;
float:left;
}
.qaWrapR .secretWrap01 .ttlSet dd,
.qaWrapR .secretWrap01 .ttlSet dt{
margin-right:10px;
}

/* AWrap */
.AWrap{
padding-top:1px;
}
.AWrap span,
.AWrap .iconA{
display:block;
float:left;
}
.AWrap .iconA{
width:42px;
}
.qaWrapR .AWrap span.qaTxt,
.qaWrapL .AWrap span.qaTxt{
width:385px;
float:right;
}
.AWrap span.qaTxt,
.AWrap ul,
.AWrap p,
.AWrap h4,
.ttlSet{
width:600px;
float:right;
}

.AWrap * ul{
width:auto;
float:none;
}

/* inspWrap */
.inspWrap{
padding-bottom:10px;
background-image:url(../images/secret_dot_x.gif);
background-position:0 100%;
background-repeat:repeat-x;
}

/* inspWrap02 */
.inspWrap02 .conRight p,
.inspWrap02 .conLeft,
.inspWrap02 .conRight{
float:left;
}
.inspWrap02 .conLeft{
width:300px;
}
.inspWrap02 .conRight{
width:290px;
}
.inspWrap02 p img{
margin-left:9px;
}

.inspWrap02 .conRight .notes{
font-size:90%;
padding-top:5px;
margin-left:9px;
float:none;
clear:left;
}

/* spDetail */
.spDetail{
border:solid 1px #fff;
background-color:#FFF7E8;
}


.spDetail h4{
padding:3px 10px;
background-color:#E6CC82;
}
.spDetail ul{
padding:8px 10px;
}

/* author */
.author{
text-align:right;
}


/* knit.html
-------------------------------- */
#acrylicKnit h3,
#acrylicKnit h4,
#acrylicKnit h5{
margin:0 0 15px;
}

.cntWrap{
padding-bottom:15px;
width:640px;
}

.recipeWrap{
background:url(../images/knit_dl_bg.jpg) no-repeat;
display:block;
margin-top:20px;
padding:20px;
padding-bottom:0;
width:600px;
}
.recipeWrap .dlArea{
display:block;
clear:both;
margin-bottom:15px;
}
.recipeWrap .dlArea p.img,
.recipeWrap .dlArea .txtArea{
display:block;
float:left;
}
.recipeWrap .dlArea .txtArea p{
margin-bottom:15px;
}
.recipeWrap .dlArea p.img{
margin-right:10px;
margin-bottom:0;
}
.recipeWrap .dlArea .txtArea{
width:390px;
}
.recipeWrap .dlArea .txtArea p.btn{
text-align:center;
}
.recipeWrap .loginWrap{
border:1px solid #F5CACA;
background:url(../images/knit_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 #D14F27;
padding:0 55px;
}
.recipeWrap .loginBox ul li.noBorder{
border:0;
}
.otherRecipe{
text-align:right;
margin:0 0 10px;
}
.recipeWrapBtm{
background:url(../images/knit_dl_bdr_btm.jpg) no-repeat;
display:block;
clear:both;
margin-bottom:15px;
height:10px;
width:640px;
}

.stepWrap{
display:block;
clear:both;
margin-bottom:15px;
width:640px;
}
.stepWrap .txtArea,
.stepWrap .img{
display:block;
float:left;
}
.stepWrap .txtArea{
margin-right:15px;
width:465px;
}

.cautionArea{
background:url(../images/knit_wmp_bg.gif) no-repeat;
display:block;
clear:both;
padding:20px;
padding-bottom:5px;
width:600px;
}
.cautionArea p.txt,
.cautionArea p.icon{
display:block;
float:left;
margin:0;
}
.cautionArea p.txt{
margin-right:15px;
width:460px;
}
.cautionArea p.icon{
text-align:center;
width:120px;
}
.cautionAreaBtm{
background:url(../images/knit_wmp_btm.gif) no-repeat;
display:block;
clear:both;
height:10px;
margin:0 0 15px;
width:640px;
}

.stepArea{
background:url(../images/knit_bg_stepArea.jpg) no-repeat;
display:block;
clear:both;
margin:0 0 15px;
width:640px;
}
.stepArea .before,
.stepArea p.btn{
display:block;
float:left;
}
.stepArea .before{
margin:0 10px 15px;
width:350px;
}
.stepArea p.btn{
width:220px;
}
.stepArea .before dl{
display:block;
clear:both;
margin:0 0 15px;
padding-left:18px;
width:350px;
}
.stepArea .before dl dt,
.stepArea .before dl dd{
display:block;
float:left;
}
.stepArea .before dl dt{
font-weight:bold;
width:120px;
}
.stepArea .before dl dd{
width:230px;
}
.stepArea .before dl.step01{
background:url(../images/knit_num_001.jpg) no-repeat;
}
.stepArea .before dl.step02{
background:url(../images/knit_num_002.jpg) no-repeat;
}
.stepArea .before dl.step03{
background:url(../images/knit_num_003.jpg) no-repeat;
}
.stepArea .before dd a{
background:url(../images/knit_icon_movie.gif) no-repeat;
line-height:180%;
padding-left:65px;
padding-bottom:5px;
}
.stepArea .before p.step04{
background:url(../images/knit_num_004.jpg) no-repeat;
font-weight:bold;
padding-left:18px;
}
.stepArea .processArea{
display:block;
clear:both;
padding:0 5px;
margin:0 0 15px;
width:630px;
}
.stepArea .processArea dl{
display:block;
float:left;
margin:0 5px;
width:200px;
}
.stepArea .processArea dt,
.stepArea .processArea dd{
margin:0 0 5px;
}
.stepArea .processArea dd a{
background:url(../images/knit_icon_movie.gif) no-repeat;
line-height:180%;
padding-left:65px;
padding-bottom:5px;
}
.stepArea .processArea dd.num01,
.stepArea .processArea dd.num02,
.stepArea .processArea dd.num03,
.stepArea .processArea dd.num04,
.stepArea .processArea dd.num05,
.stepArea .processArea dd.num06,
.stepArea .processArea dd.num07,
.stepArea .processArea dd.num08,
.stepArea .processArea dd.num09,
.stepArea .processArea dd.num10,
.stepArea .processArea dd.num11,
.stepArea .processArea dd.num12{
padding-left:18px;}
.stepArea .processArea dd.num01{
background:url(../images/knit_num_001.jpg) no-repeat;
}
.stepArea .processArea dd.num02{
background:url(../images/knit_num_002.jpg) no-repeat;
}
.stepArea .processArea dd.num03{
background:url(../images/knit_num_003.jpg) no-repeat;
}
.stepArea .processArea dd.num04{
background:url(../images/knit_num_004.jpg) no-repeat;
}
.stepArea .processArea dd.num05{
background:url(../images/knit_num_005.jpg) no-repeat;
}
.stepArea .processArea dd.num06{
background:url(../images/knit_num_006.jpg) no-repeat;
}
.stepArea .processArea dd.num07{
background:url(../images/knit_num_007.jpg) no-repeat;
}
.stepArea .processArea dd.num08{
background:url(../images/knit_num_008.jpg) no-repeat;
}
.stepArea .processArea dd.num09{
background:url(../images/knit_num_009.jpg) no-repeat;
}
.stepArea .processArea dd.num10{
background:url(../images/knit_num_010.jpg) no-repeat;
}
.stepArea .processArea dd.num11{
background:url(../images/knit_num_011.jpg) no-repeat;
}
.stepArea .processArea dd.num12{
background:url(../images/knit_num_012.jpg) no-repeat;
}

#acrylicKnit p.author{
margin-bottom:0;
}

.cntWrap .moreInfo{
display:block;
margin-bottom:5px;
padding:0 10px 10px;
width:620px;
}
.cntWrap .moreInfo p.btn{
text-align:center;
}
.cntWrap .moreInfo .recommends{
display:block;
float:left;
margin:0 10px;
width:290px;
}
.cntWrap .moreInfo .recommends p{
margin-bottom:10px;
}
.cntWrap .moreInfo .recommends p.img,
.cntWrap .moreInfo .recommends dl{
float:left;
}
.cntWrap .moreInfo .recommends p.img{
margin-right:10px;
}
.cntWrap .moreInfo .recommends dl{
display:block;
width:125px;
}
.cntWrap .moreInfo .recommends dt{
font-weight:bold;
}
.cntWrap .moreInfo .recommends dt,
.cntWrap .moreInfo .recommends dd{
margin:0 0 5px;
}
.cntWrap .moreInfo .recommends p.comment{
display:block;
clear:both;
width:280px;
}
.cntWrap .moreInfo .recommends p.detail{
display:block;
margin-bottom:15px;
text-align:right;
}
.cntWrap .moreInfo .recommends p.detail a{
background:url(../../../shared/images/list_mark_arw.gif) no-repeat 0 50%;
padding-left:15px;
}
.cntWrap .moreInfo p{
margin:0 0 10px 10px;
}
.cntWrap .moreInfo p img{
margin-right:10px;
vertical-align:middle;
}
.cntWrap .moreInfo p.detail{
display:block;
margin:-10px 0 10px;
text-align:right;
}
.cntWrap .moreInfo p.detail a{
background:url(../../../shared/images/list_mark_arw.gif) no-repeat 0 50%;
padding-left:15px;
}

/* IE6 Hacks */
*html .recipeWrap .dlArea p.img{
margin-right:5px;
}
*html .stepWrap .txtArea{
margin-right:10px;
}
*html .cautionArea p.txt{
margin-right:7px;
}
*html .stepArea .before{
margin:0 5px 15px;
}
*html .stepArea .processArea dl{
margin:0 5px 0 3px;
}
*html .cntWrap .moreInfo .recommends{
margin:0 5px;
}
*html .cntWrap .moreInfo .recommends p.img{
margin-right:5px;
}


/* book.html
-------------------------------- */
#acrylicBooks h3,
#acrylicBooks h4,
#acrylicBooks h5{
margin:0 0 15px;
}

.pageNaviWrap{
display:block;
clear:both;
margin:15px 0;
width:650px;
}
.pageNavi,
.bnr{
display:block;
float:left;
}
.pageNavi{
background:#FAF0EE;
display:block;
margin-right:10px;
padding:15px;
height:30px;
width:210px;
}
.pageNavi li a{
background:url(../../../shared/images/list_mark_arw.gif) no-repeat;
padding-left:18px;
}

.infoWrap{
background:url(../images/book_bg_infoArea.jpg) no-repeat;
display:block;
clear:both;
margin:0 0 15px;
width:640px;
}
.infoArea{
border-bottom:1px dotted #F5CACA;
display:block;
clear:both;
margin:0 10px 15px;
padding-bottom:15px;
width:620px;
}
.infoArea p.img,
.infoArea .txtArea{
display:block;
float:left;
}
.infoArea p.img{
width:200px;
margin-right:15px;
}
.infoArea .txtArea{
width:405px;
}
.infoArea .txtArea dl.detail{
display:block;
margin:0 0 15px;
width:405px;
}
.infoArea .txtArea dl.detail dt,
.infoArea .txtArea dl.detail dd{
margin:0 0 5px;
}
.infoArea .txtArea dl.detail dt{
font-weight:bold;
}
.infoArea .txtArea dl.thumb{
display:block;
clear:both;
margin:0 0 15px;
width:405px;
}
.infoArea .txtArea dl.thumb dt,
.infoArea .txtArea dl.thumb dd{
display:block;
float:left;
margin:0 0 1px 1px;
width:35px;
}
.infoArea .txtArea ul{
display:block;
margin:0 0 15px;
}
.infoArea .txtArea ul li{
display:inline;
}
.infoArea .txtArea ul li img{
margin-right:10px;
}
.infoArea .txtArea p.release{
color:#F00000;
display:block;
font-weight:bold;
margin:0 0 15px;
}
.infoArea p.author{
margin-bottom:0 0 15px;
}

p.hotline{
background:url(../images/book_icon_hotline.gif) no-repeat 0 50%;
display:block;
margin:0 10px 15px;
padding:10px 0 10px 110px;
height:35px;
width:520px;
}

.presentWrap{
background:url(../images/book_bg_present.jpg) no-repeat;
display:block;
width:640px;
}
.presentArea{
display:block;
clear:both;
padding:0 15px 5px;
width:610px;
}
.presentArea p.img,
.presentArea .txtArea{
display:block;
float:left;
}
.presentArea p.img{
margin-right:10px;
}
.presentArea .txtArea{
width:345px;
}
.presentArea .txtArea p{
margin-bottom:15px;
}
.presentArea .txtArea dl dt{
color:#F00000;
font-weight:bold;
margin:0 0 5px;
}
.presentArea .txtArea dl dd.caution{
font-size:x-small;
text-align:right;
}
.presentBtm{
background:url(../images/book_present_bdr_btm.jpg) no-repeat;
display:block;
margin:0 0 15px;
height:10px;
width:640px;
}

dl.magazine{
display:block;
margin:0 0 15px;
width:650px;
}
dl.magazine dt,
dl.magazine dd{
display:inline;
}
dl.magazine dt img{
margin-right:15px;
}
dl.magazine dd a{
background:url(../../../shared/images/list_mark_arw.gif) no-repeat 0 50%;
padding-left:18px;
}

/* IE6 Hacks */
*html .pageNavi{
margin-right:5px;
}
*html .infoArea{
margin:0 5px 15px;
}
*html .infoArea p.img{
margin-right:7px;
}
*html p.hotline{
margin:0 5px 15px;
}
*html .presentArea p.img{
margin-right:5px;
}
*html .presentBtm{
height:5px;
}


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


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


/* CLEAR FIX
--------------------------------------------------*/
.inspWrap02 .conRight:after,
.inspWrap02:after,
.inspWrap:after,
.AWrap:after,
.secretWrap01:after,
.qaWrapR:after,
.qaWrapL:after,
.indexWhatsNew dl:after,
.indexBook ul:after,
.indexBook:after,
.indexHandmade ul:after,
.indexHandmade:after,
.indexSecret:after,
.indexSecret ul:after,
.recipeWrap:after,
.recipeWrap .dlArea:after,
.recipeWrap .loginBox ul:after,
.stepWrap:after,
.cautionArea:after,
.stepArea:after,
.stepArea .before dl:after,
.stepArea .processArea:after,
.cntWrap .moreInfo:after,
.pageNaviWrap:after,
.infoArea:after,
.infoArea .txtArea dl.thumb:after,
.presentArea:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html .inspWrap02 .conRight,
*html .spWrap02,
*html .spWrap,
*html .inspWrap02,
*html .inspWrap,
*html .AWrap,
*html .secretWrap01,
*html .qaWrapR,
*html .qaWrapL,
*html .indexWhatsNew dl,
*html .indexBook ul,
*html .indexBook,
*html .indexHandmade ul,
*html .indexHandmade,
*html .indexSecret ul,
*html .indexSecret,
*html .recipeWrap,
*html .recipeWrap .dlArea,
*html .recipeWrap .loginBox ul,
*html .stepWrap,
*html .cautionArea,
*html .stepArea,
*html .stepArea .before dl,
*html .stepArea .processArea,
*html .cntWrap .moreInfo,
*html .pageNaviWrap,
*html .infoArea,
*html .infoArea .txtArea dl.thumb,
*html .presentArea{
height: 1%;
}

*:first-child+html .spWrap02,
*:first-child+html .spWrap{
height: 1%;
}
*:first-child+html .inspWrap02 .conRight,
*:first-child+html .inspWrap02,
*:first-child+html .inspWrap,
*:first-child+html .AWrap,
*:first-child+html .secretWrap01,
*:first-child+html .qaWrapR,
*:first-child+html .qaWrapL,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .indexBook ul,
*:first-child+html .indexBook,
*:first-child+html .indexHandmade ul,
*:first-child+html .indexHandmade,
*:first-child+html .indexSecret ul,
*:first-child+html .indexSecret{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.inspWrap02 .conRight,
.inspWrap02,
.inspWrap,
.AWrap,
.secretWrap01,
.qaWrapR,
.qaWrapL,
.indexWhatsNew dl,
.indexBook ul,
.indexBook,
.indexHandmade ul,
.indexHandmade,
.indexSecret ul,
.indexSecret{
display:inline-block;
}
/**/

/* for dreamweaver \*/
.qaWrap .spWrap,
.qaWrap .ttlSet,
.qaWrap,
.qaWrapR,
.qaWrapL,
.cntWrap,
.recipeWrap,
.recipeWrap .dlArea,
.recipeWrap .loginBox ul,
.stepWrap,
.cautionArea,
.stepArea,
.stepArea .before dl,
.stepArea .processArea{
clear:both;
}

/**/