@charset "UTF-8";
/* CSS Document */

@import url("default.css");
@import url("common.css");

body{
text-align:center;
background:#ffffff;
color:#333333;
line-height:1.3;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*--------------------
	Link
--------------------*/

a,
a:link {
color:#009900;
text-decoration:underline;
}
a:visited {
color:#009900;
text-decoration:none;
}
a:hover {
color:#669900;
text-decoration:none;
}
a:active {
color:#669900;
text-decoration:none;
}

ul{
list-style:none;
margin-left:0;
padding-left:0;
clear:left;
}
li{
float:left;
display:inline;
}
li dl{
text-align:center;
font-size:70%;
}

/*--------------------
	Layout
--------------------*/

#wrapper{
width:760px;
margin:0 auto;
background:#BEC1B0 url(../images/bg_wrapper.jpg);
text-align:left;
}

#contents{
margin:0 25px;
padding-top:25px;
}

/*///////////////////////////////////////////

    collection of felt embroidery design

///////////////////////////////////////////*/

#design{
background:#ffffff url(../images/bg_header.gif) center top no-repeat;
padding:30px 0 20px 20px;
}
#design h1{
margin-bottom:10px;
}
#design p.note{
font-size:75%;
margin-right:20px;
text-align:right;
}
#design div{
background:url(../images/ds_summary.jpg) no-repeat;
float:left;
width:210px;
height:230px;
font-size:80%;
padding:30px 0 0;
margin-right:20px;
display:inline;
}
#design div p{
font-size:90%;
margin:0 20px 10px;
}
#design div p.size{
font-size:80%;
}

#design dl{
float:left;
display:inline;
margin-right:20px;
margin-bottom:15px;
}
#design dl dt{
margin-bottom:0;
}
#design dl dd{
margin-left:1em;
font-size:90%;
}

/*///////////////////////////////////////////

                  puff wool

///////////////////////////////////////////*/

.puffwool h1{
margin-left:115px;
margin-right:-565px;
float:left;
clear:left;
display:inline;
}
img.sample{
float:left;
display:inline;
width:91px;
margin-right:24px;
margin-bottom:20px;
}
.puffwool p{
float:left;
width:555px;
margin-top:60px;
font-size:90%;
display:inline;
}

/* puff wool */

#puffwool{
background:#ffffff url(../images/img_ruledline.gif) repeat-x;
padding:80px 0 20px 20px;
}

#puffwool li{
margin-right:25px;
}


/* puff wool assort */

#assort{
background:#ffffff;
padding:0 0 45px 20px;
}

#assort li{
margin-right:18px;
}








/* cordinate */

#cordinate{
text-align:left;
}
#cordinate dt{
display:inline;
}
#cordinate dd{
display:inline;
}






/* table layout */

table{
margin:0 auto 10px;
}
table col{
width:119px;
}
table td{
border:1px solid #918877;
}
table td.none{
border-right:none;
border-bottom:none;
border-left:none;
}
table dl{
width:119px;
padding:0;
top:0;
left:0;
zoom:1;
}
table dl dt{
margin:0;
padding:0;
background:#E5E9EC;
border-bottom:1px solid #918877;
}
table dl dt img{
display:block;
width:119px;
}
table dl dd{
margin:0;
padding:0;
}
table dd.type{
padding:3px;
font-size:70%;
border-bottom:1px solid #918877;
}
table dl.metal dd.type{
background:#D4B672;
}
table dl.epo dd.type{
background:#84CBC8;
}
table dl.acryl dd.type{
background:#F4B3C2;
}
table dl.chain dd.type{
background:#A59ACA;
}
table dl.base dd.type{
background:#F7AB00;
}
table dd.variation{
background:#ffffff;
padding:3px 3px 0;
font-size:70%;
}
table dd.number{
background:#ffffff;
padding:0 3px 3px;
font-size:65%;
}



/* up to top */

.uptotop{
text-align:right;
background:#ffffff;
}
.uptotop a{
margin-right:30px;
}





/*///////////////////////////////////////////

                    footer

///////////////////////////////////////////*/

#footer{
margin:0 25px;
padding-bottom:25px;
}
#footer p{
background:#ffffff url(../images/bg_footer.gif) center bottom no-repeat;
margin:0;
padding:0;
font-size:75%;
color:#333300;
line-height:58px;
text-align:center;
}