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

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

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

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

.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,
.itemWrapB,
.itemWrapC,
.itemWrapD{
background:url(../images/common_bg_itemWrap.jpg) no-repeat;
display:block;
clear:both;
padding:15px 10px 0;
margin-bottom:15px;
width:620px;
}
.itemWrapB{
background:url(../images/common_bg_itemWrapB.jpg) no-repeat;
}
.itemWrapC{
background:url(../images/common_bg_itemWrapC.jpg) no-repeat;
min-height:150px;
}
.itemWrapD{
background:url(../images/common_bg_itemWrapD.jpg) no-repeat;
padding-top:30px;
padding-left:250px;
width:380px;
}
.itemWrap h3,
.itemWrap p,
.itemWrapB h3,
.itemWrapB p,
.itemWrapC h3,
.itemWrapC p,
.itemWrapD h3,
.itemWrapD p{
margin:0 0 15px;
}

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

.bnr{
background:url(../images/common_hr.gif) no-repeat;
display:block;
clear:both;
margin:0 0 20px;
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;
}

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

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

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

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

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

#utilizationIndex .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:#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;
}


/* knitting.html
-------------------------------- */
#utilizationKnitting .picL,
#utilizationKnitting .picR,
#utilizationKnitting .txtArea{
display:block;
float:left;
}
#utilizationKnitting .picL,
#utilizationKnitting .picR{
width:260px;
}
#utilizationKnitting .picR{
text-align:right;
}
#utilizationKnitting .txtArea{
width:360px;
}

#utilizationKnitting .booksWrap{
background:url(../images/common_bg_info.gif);
display:block;
clear:both;
margin:0 0 20px;
padding:15px 0 0;
width:640px;
}
#utilizationKnitting .booksWrap .txtArea,
#utilizationKnitting .booksWrap p.pic{
display:block;
float:left;
padding:0 10px 0 0;
}
#utilizationKnitting .booksWrap .txtArea{
width:260px;
}
#utilizationKnitting .booksWrap p.pic{
}
#utilizationKnitting .booksWrap dl{
display:block;
padding:0 0 5px 15px;
width:245px;
}
#utilizationKnitting .booksWrap dt{
font-weight:bold;
margin:0 0 5px;
}
#utilizationKnitting .booksWrap dd{
padding:0 0 0 10px;
margin:0 0 10px;
}


/* item.html
-------------------------------- */
#utilizationItem .item{
display:block;
float:left;
width:300px;
}
#utilizationItem .item .pic,
#utilizationItem .item .txtArea{
display:block;
float:left;
}
#utilizationItem .item .pic{
margin:0;
padding-right:10px;
}
#utilizationItem .item .txtArea{
width:140px;
}
#utilizationItem .first{
padding-right:10px;
width:310px;
}
#utilizationItem p.link{
display:block;
clear:both;
}

/* wool.html
-------------------------------- */
#utilizationWool .txtArea{
display:block;
width:430px;
}

#utilizationWool .fancyyarn{
background:url(../images/wool_bg_fancyyarn.jpg) no-repeat;
display:block;
margin:0 0 20px;
padding:30px 240px 20px 0;
width:400px;
}
#utilizationWool .fancyyarn .txtArea{
padding-left:15px;
width:385px;
}
#utilizationWool .fancyyarn .txtArea p{
margin:0 0 15px;
}
#utilizationWool .fancyyarn .txtArea p.link{
text-align:left;
}
#utilizationWool .fancyyarn .txtArea p.link a{
background:url(../images/common_arw.gif) no-repeat 0 50%;
padding-left:15px;
}


/* 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);
}


/* IE6 Hacks
-------------------------------- */
*html .lead{
height:45px;
}
*html #utilizationItem .item{
height:180px;
}
*html .itemWrapC{
height:150px;
}
*html #utilizationWool .fancyyarn{
padding-bottom:10px;
}


/* IE7 Hacks
-------------------------------- */
*:first-child+html #utilizationWool .fancyyarn{
padding-bottom:10px;
}


/* CLEAR FIX
--------------------------------------------------*/
.itemWrap:after,
.itemWrapB:after,
.itemWrapC:after,
.itemWrapD:after,
.indexKnitting:after,
.indexItem:after,
.indexWool:after,
.indexWhatsNew dl:after,
.contArea:after,
#utilizationItem .itemWrap p.link:after,
.booksWrap:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
*html .itemWrap,
*html .itemWrapB,
*html .itemWrapC,
*html .itemWrapD,
*html .indexKnitting,
*html .indexItem,
*html .indexWool,
*html .indexWhatsNew dl,
*html .contArea,
*html #utilizationItem .itemWrap p.link,
*html .booksWrap{
height: 1%;
}

/* *:first-child+html .itemWrap,
*:first-child+html .itemWrapB,
*:first-child+html .itemWrapC,
*:first-child+html .itemWrapD,
*:first-child+html .indexKnitting,
*:first-child+html .indexItem,
*:first-child+html .indexWool,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .contArea,
*:first-child+html #utilizationItem .itemWrap p.link,
*:first-child+html .booksWrap{
height: 1%;
} */
*:first-child+html .itemWrap,
*:first-child+html .itemWrapB,
*:first-child+html .itemWrapC,
*:first-child+html .itemWrapD,
*:first-child+html .indexKnitting,
*:first-child+html .indexItem,
*:first-child+html .indexWool,
*:first-child+html .indexWhatsNew dl,
*:first-child+html .contArea,
*:first-child+html #utilizationItem .itemWrap p.link,
*:first-child+html .booksWrap{
display:inline-block;
}
/* End hide from IE-mac */
/*\*//*/
.itemWrap,
.indexWhatsNew dl,
.indexWool,
.indexItem,
.indexKnitting,
.contArea,
#knitnaviItem .contArea,
.items,
.knitmarcheWrap,
.outlineWrap,
.rankWrap,
.infoWrap,
.reasonWrap{
display:inline-block;
}
/**/