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

/* --------------------------------------------------------------------------------------
	natural.css
	手作りRoom CSS
	
	
--------------------------------------------------------------------------------------- */
body,table{
font-family:"ＭＳ Ｐゴシック";
}

/* common
------------------------------------ */
/* -- warp */
#naturalWrap{
padding:17px;
background-color:#e5d0c1;
border:solid 1px #e5d0c1;/* for IE bag */
}

.conWrap{
padding:15px 20px 20px 20px;
background-color:#fff;
}

#naturalIndex .conWrap{
padding:15px 26px 25px 26px;
}


/* -- margin */
ul.conFootNav,
#naturalWrap,
#conHead{
margin-left:8px;
}

#natural h2,
#naturalIndex h2{
margin-top:25px;
}

#natural h3,
#naturalWrap{
margin-top:20px;
}

#naturalIndex .bnr{
padding-top:15px;
}

#naturalWrap .conRight p{
margin-top:14px;
}
#naturalWrap .conLeft dl{
margin-top:8px;
}

/* reset */
#naturalWrap h2.noMar,
#naturalWrap p.lead{
margin-top:0;
}


/*  each page
-------------------------------------- */
/* -------------------- index.html */
/* h2 */
#natural h2,
#naturalIndex h2{
background-color:#7b4621;
}

/* float contents */
#naturalIndex .conLeft{
width:230px;
float:left;
}
#naturalIndex .conRight{
width:315px;
float:right;
}
#naturalIndex .bnr{
clear:both;
}

/* img */
#naturalIndex .conLeft p img{
padding:1px;
border:solid 1px #c7c7c7;
}

/* dt */
#naturalIndex .conLeft dt{
font-weight:bold;
}

/* lead */
#naturalIndex .lead{
padding:6px 10px;
background-color:#ffe9be;
}


/* knit.html */
#natural .ttlWrap{
background-color:#fff;
}


/* -------------------- knit.html , sewing.html */
/* -- reset */
#natural .ttlWrap h2,
#natural .conBook h2{
margin-top:0;
background-color:transparent;
}


/* -- margin */
#natural .ttlWrap p,
#natural .ttlWrap ul,
#natural .ttlWrap dl{
margin-top:10px;
}
#natural .ttlWrap p.txt{
margin-top:5px
}

#natural .ttlWrap dl.blog{
margin-top:28px;
}


/* -- intro */
/* float */
#natural .ttlWrap p,
#natural .ttlWrap h2,
#natural .ttlWrap ul,
#natural .ttlWrap dl{
float:right;
width:310px;
}
#natural .ttlWrap p.txt{width:300px;float:left;}

#natural .ttlWrap p.keyvisual{
margin-top:0;
float:left;
width:297px;
}

/* blog */
#natural .ttlWrap .blog dt,
#natural .ttlWrap .blog dd{
float:left;
}
#natural .ttlWrap .blog dt{
width:126px;
}
#natural .ttlWrap .blog dd{
width:133px;
}

/* img */
#natural .ttlWrap .blog dt img{
border:solid 1px #c7c7c7;
}

/* -- book */
.conBook ul{
margin-top:21px;
}

/* .conBook */
.conBook{
background-image:url(../images/knit_book_bg.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

/* bookNotes */
.conBook .bookNotes{
text-align:center;
}
.conBook .bookNotes li{
display:inline;
}
.conBook .bookNotes li.leftM{
padding-left:20px;
}

/* float */
.conBook p{
float:left;
width:200px;
}
.conBook h2,
.conBook ul{
float:right;
width:315px;
}

/* img */
.conBook{
padding:18px 17px;
}
.conBook p img,
.conBook li img{
border:solid 1px #c7c7c7;
}
.conBook p img{
padding:1px;
background-color:#fff;
}

/* -- conWork */
.conWork{
margin:10px 3px 0 3px;
padding:17px 39px 17px 46px;
background-color:#ffe2d6;
border:solid 1px #ffe2d6;
}

.setL,
.setR,
.setLW,
.setRW{
float:left;
width:225px;
margin-top:10px;
}
.setR,
.setRW{float:right;}

.setL dt,
.setR dt,
.setLW dt,
.setRW dt{
padding-bottom:3px;
}
.setL dd,
.setR dd{
padding-left:5px;
padding-right:10px;
}

.setR dt{padding-left:10px;}
.setR dd{padding-left:15px;}
p.setR{width:210px;}

/* loveLink */
#natural h3{
background-color:#f4865b;
}
.loveLink{
padding:5px 23px;
background-color:#fff;
}
.loveLink dl{
padding:7px 0;
}

.loveLink .floatL,
.loveLink .floatL2{
float:left;
width:215px;
}
.loveLink .floatL2{width:255px;}
.loveLink .floatR,
.loveLink .floatR2{
float:right;
width:200px;
}
.loveLink .floatR2{width:160px;}
#natural .loveLink .clear{
clear:both;
}


/* -- recommend */
.recomL,
.recomR{width:275px;}
.recomL{float:left;}
.recomR{float:right;}

.recomL dt,
.recomR dt{float:left;width:147px;}
.recomL dd,
.recomR dd{float:right;width:127px;}

p.setR{
padding-top:90px;
}

/* style */
.recomL dd,
.recomR dd{font-weight:bold;}

/* img */
.recomL dt img,
.recomR dt img{
padding:1px;
border:solid 1px #c7c7c7;
}

/* .notes */
.recomL dd .notes,
.recomR dd .notes{
display:block;
padding-top:8px;
font-weight:normal;
color:#e60011;
}

.recomL .linkIcon{
display:block;
width:102px;
margin-top:15px;
}


/* ---------------------------------- clear */
.loveLink:after,
.recomR dl:after,
.recomL dl:after,
.conWrap:after,
.clearDiv:after,
.conBook:after,
#natural .blog:after,
#natural .ttlWrap:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE 6, 7  \*/
*:first-child+html .loveLink,
*:first-child+html .recomR dl,
*:first-child+html .recomL dl,
*:first-child+html .conWrap,
*:first-child+html .clearDiv,
*:first-child+html .conBook,
*:first-child+html #natural .blog,
*:first-child+html #natural .ttlWrap{
display:inline-block;
}
*html .loveLink,
*html .recomR dl,
*html .recomL dl,
*html .conWrap,
*html .clearDiv,
*html .conBook,
*html #natural .blog,
*html #natural .ttlWrap{
height:1%;
}
/*\*/

/* macIE5 \ *//*/
.recomR dl,
.recomL dl,
.conWrap,
.clearDiv
.conBook,
#natural .blog,
#natural .ttlWrap{
height:1%;
}
/* end */