@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;
padding:0 10px;
width:620px;
}
.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;
}

.indexEnjoy,
.indexWorks,
.indexRecipe,
.indexBooks{
background:url(../images/common_hr.gif) no-repeat bottom;
padding:0 5px 22px;
margin-bottom:20px;
}

.indexEnjoy p,
.indexWorks p,
.indexRecipe p,
.indexBooks p,
.indexNew p{
margin-top:15px;
}
.indexEnjoy h3,
.indexWorks h3,
.indexRecipe h3,
.indexBooka 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;
}

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

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

/* .indexBooks */
.indexBooks p,
.indexBooks h3{
float:left;
width:421px;
}
.indexBooks p.indexImg{
float:right;
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:#FEE;
border-bottom:solid 1px #C30;
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;
}


/* enjoy.html
-------------------------------- */
#crochetEnjoy p.pic,
#crochetEnjoy p.picR{
display:block;
float:left;
}
#crochetEnjoy p.pic{
padding-right:15px;
}
#crochetEnjoy .picR{
float:right;
padding-left:15px;
text-align:right;
}


#crochetEnjoy .txtAreaL,
#crochetEnjoy .txtAreaM,
#crochetEnjoy .txtAreaS,
#crochetEnjoy .txtAreaXS{
display:block;
float:left;
}
#crochetEnjoy .txtAreaL{
width:360px;
}
#crochetEnjoy .txtAreaM{
width:300px;
}
#crochetEnjoy .txtAreaS{
padding-top:60px;
width:240px;
}
#crochetEnjoy .txtAreaXS{
padding-top:80px;
width:160px;
}

#crochetEnjoy dl.note{
background:#FFF9F9;
border:1px solid #FEE;
border-left:0;
border-right:0;
display:block;
padding:10px 10px 0;
}
#crochetEnjoy dl.note dt,
#crochetEnjoy dl.note dd{
margin:0 0 10px;
}


/* recipe.html
-------------------------------- */
#crochetRecipe dl.item{
display:block;
float:left;
margin-bottom:15px;
padding-right:5px;
width:200px;
}
#crochetRecipe dl.item dt{
margin-bottom:5px;
}

.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:10px;
}
.recipeWrap .dlArea p.pic,
.recipeWrap .dlArea .txtArea{
display:block;
float:left;
}
.recipeWrap .dlArea .txtArea p{
margin-bottom:15px;
}
.recipeWrap .dlArea p.pic{
padding-right:15px;
}
.recipeWrap .dlArea .txtArea{
width:385px;
}
.recipeWrap .dlArea .txtArea p.btn{
text-align:center;
}
.recipeWrap .loginWrap{
border:1px solid #C30;
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 #C30;
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;
}

.items{
display:block;
clear:both;
}
.items dl{
display:block;
float:left;
margin:0 0 15px;
width:200px;
}
.items dt{
margin:0 0 5px;
}
.items dd{
text-align:center;
}
.items dl.center{
padding:0 10px;
}


/* book.html
-------------------------------- */
.bookWrap{
background:url(../images/common_hr.gif) no-repeat bottom;
display:block;
clear:both;
margin:0 5px 15px;
padding-bottom:10px;
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:5px;
}


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

#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,
.indexEnjoy:after,
.indexWorks:after,
.indexRecipe:after,
.indexBooks:after,
.indexWhatsNew dl:after,
.contArea:after,
.items: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 .indexEnjoy,
*html .indexWorks,
*html .indexRecipe,
*html .indexBooks,


*html .indexWhatsNew dl,
*html .contArea,
*html .items,
*html .recipeWrap,
*html .recipeWrap .dlArea,
*html .recipeWrap .loginWrap,
*html .recipeWrap .loginBox,
*html .bookWrap{
height: 1%;
}

/* 
*:first-child+html .itemWrap,
*:first-child+html .indexEnjoy,
*:first-child+html .indexWorks,
*:first-child+html .indexRecipe,
*:first-child+html .indexBooks,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .contArea,
*:first-child+html .items,
*: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 .indexEnjoy,
*:first-child+html .indexWorks,
*:first-child+html .indexRecipe,
*:first-child+html .indexBooks,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .contArea,
*:first-child+html .items,
*: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,
.indexEnjoy,
.indexWorks,
.indexRecipe,
.indexBooks,
.contArea,
.items,
.recipeWrap,
.recipeWrap .dlArea,
.recipeWrap .loginWrap,
.recipeWrap .loginBox,
.bookWrap{
display:inline-block;
}
/**/