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

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

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

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

.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:630px;
}

.arw a{
background:url(../images/common_arw.gif) no-repeat 0 50%;
padding-left:15px;
}

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

.bnr{
background:url(../images/common_hr.gif) no-repeat;
display:block;
clear:both;
margin:0 0 15px;
padding:20px 0 0;
text-align:center;
}

.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:80px;
}
*html .indexLead{
height:100px;
}

.indexKnitnavi,
.indexItem,
.indexEnjoyment{
background:url(../images/common_hr.gif) no-repeat bottom;
padding:0 5px 20px;
margin-bottom:15px;
}

.indexKnitnavi p,
.indexItem p,
.indexEnjoyment p,
.indexItem ul,
.indexKnitnavi ul,
.indexEnjoyment ul,
.indexNew p{
margin-top:15px;
}
.indexKnitnavi h3,
.indexItem h3,
.indexEnjoyment h3{
margin:0;
}
p.indexImg{
margin-top:0;
}

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

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

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

#knitnaviIndex .bnr{
padding:0;
}

/* 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:#FCF5EE;
border-bottom:solid 1px #C06000;
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;
}


/* knitnavi.html
-------------------------------- */
.outlineWrap{
background:url(../images/knitnavi_bg_outline.jpg) repeat-x;
display:block;
clear:both;
margin:0 0 25px;
padding:20px;
padding-top:25px;
width:600px;
}
.outlineWrap .pic,
.outlineWrap .txtArea{
display:block;
float:left;
}
.outlineWrap .pic{
padding-right:10px;
}
.outlineWrap .txtArea{
width:330px;
}
.outlineWrap .txtArea h3,
.outlineWrap .txtArea p{
margin:0 0 15px;
}

.purpose{
display:block;
float:left;
height:160px;
margin:0 0 15px;
padding-left:10px;
width:300px;
}
.purpose h4{
margin:0;
}
.purpose p{
margin-left:130px;
}
#forwhom{
background:url(../images/knitnavi_pic_forwhom.jpg) no-repeat 10px 40px;
}
#what{
background:url(../images/knitnavi_pic_what.jpg) no-repeat 10px 40px;
}
#which{
background:url(../images/knitnavi_pic_which.jpg) no-repeat 10px 40px;
}
#experience{
background:url(../images/knitnavi_pic_experience.jpg) no-repeat 10px 40px;
}


/* item.html
-------------------------------- */
#knitnaviItem .contArea{
background:none;
clear:both;
padding:0 10px;
}
#knitnaviItem .contArea p{
margin:0 0 15px;
}
.contArea .pic,
.contArea .txtArea{
float:left;
}
.contArea .pic{
width:280px;
}
.contArea .pic img{
margin:0 0 5px;
}
.contArea .txtArea{
width:340px;
}
.contArea .txtArea .onepoint{
background:#FCF5EE;
}
.contArea .txtArea .onepoint p,
.contArea .txtArea .onepoint ul{
padding:0 10px 10px;
}
.contArea .txtArea .onepoint p{
padding-bottom:0;
}
.contArea .txtArea .onepoint li{
display:inline;
}
.contArea .txtArea .onepoint li img.center{
margin:0 5px;
}
.contArea .txtArea .onepoint .btm{
background:url(../images/item_btm_onepoint.gif) no-repeat;
display:block;
height:5px;
width:340px;
}

.items{
display:block;
margin:0 0 15px;
}
.items dl{
display:block;
float:left;
width:305px;
}
.items dt{
margin-bottom:10px;
}
.items dd{
display:block;
float:left;
width:150px;
}
.items dd img{
margin:0 0 5px;
}
.items dl.first{
width:315px;
}
.items dd.first{
width:155px;
}

.knitmarcheWrap{
background:url(../images/item_bg_knitmarche.jpg) repeat-x;
clear:both;
display:block;
padding:15px;
padding-top:20px;
width:610px;
}
.knitmarcheWrap p.pic,
.knitmarcheWrap .txtArea{
display:block;
float:left;
}
.knitmarcheWrap p.pic{
margin:0 0 15px;
width:260px;
}
.knitmarcheWrap .txtArea{
width:350px;
}
.knitmarcheWrap .txtArea p{
margin:0 0 15px;
}
.knitmarcheWrap .items{
display:block;
clear:both;
margin:0;
width:610px;
}
.knitmarcheWrap .items dl{
display:block;
float:left;
width:200px;
}
.knitmarcheWrap .items dl.center{
padding:0 5px;
}
.knitmarcheWrap .items dt,
.knitmarcheWrap .items dd{
margin:0 0 5px;
width:200px;
}


/* enjoyment.html
-------------------------------- */
#knitnaviEnjoyment .contArea{
background:none;
clear:both;
padding:0 10px;
}
#knitnaviEnjoyment .contArea p{
margin:0 0 15px;
}

.graph,
.graphL{
display:block;
float:left;
margin:0 0 15px;
width:310px;
}
.graphL{
width:620px;
}
.graph h4,
.graphL h4{
margin:0;
}

.rankWrap,
.infoWrap,
.reasonWrap{
background:url(../images/common_hr.gif) no-repeat bottom;
display:block;
clear:both;
margin:0 0 15px;
padding:0 0 15px;
}
.rankWrap ul,
.rankWrap .comment{
display:block;
float:left;
}
.rankWrap ul{
width:265px;
}
.rankWrap li{
margin:0 0 10px;
}

.comment{
background:url(../images/enjoyment_bg_comment.jpg) repeat-y;
width:335px;
}
.comment h5{
margin:0 0 5px;
}
.comment p{
margin:0;
padding:0 15px;
}
.comment .btm{
background:url(../images/enjoyment_btm_comment.jpg) no-repeat;
display:block;
height:20px;
width:335px;
}

.infoWrap .btn{
margin:0;
}

.reasonWrap h4,
.reasonWrap p{
margin:0;
}

#knitnaviEnjoyment .bnr{
background:none;
margin:0 0 15px;
padding:0;
}


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

#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,
div.conFootNav li.cs{
color:#CAA;
}


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



/* CLEAR FIX
--------------------------------------------------*/
.itemWrap:after,
.indexWhatsNew dl:after,
.indexEnjoyment:after,
.indexItem:after,
.indexKnitnavi:after,
.contArea:after,
#knitnaviItem .contArea:after,
.items:after,
.knitmarcheWrap:after,
.outlineWrap:after,
.rankWrap:after,
.infoWrap:after,
.reasonWrap:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html .itemWrap,
*html .indexWhatsNew dl,
*html .indexEnjoyment,
*html .indexItem ul,
*html .indexItem,
*html .indexKnitnavi,
*html .contArea,
*html #knitnaviItem .contArea,
*html .items,
*html .knitmarcheWrap,
*html .outlineWrap,
*html .rankWrap,
*html .infoWrap,
*html .reasonWrap{
height: 1%;
}

/* *:first-child+html .spWrap{
height: 1%;
} */
*:first-child+html .itemWrap,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .indexEnjoyment,
*:first-child+html .indexItem,
*:first-child+html .indexKnitnavi,
*:first-child+html .contArea,
*:first-child+html #knitnaviItem .contArea,
*:first-child+html .items,
*:first-child+html .knitmarcheWrap,
*:first-child+html .outlineWrap,
*:first-child+html .rankWrap,
*:first-child+html .infoWrap,
*:first-child+html .reasonWrap{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.itemWrap,
.indexWhatsNew dl,
.indexEnjoyment,
.indexItem,
.indexKnitnavi,
.contArea,
#knitnaviItem .contArea,
.items,
.knitmarcheWrap,
.outlineWrap,
.rankWrap,
.infoWrap,
.reasonWrap{
display:inline-block;
}
/**/