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

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

#wrapper{
width:760px;
margin:0 auto;
padding:0;
position:relative;
top:0;
left:0;
}


/*//////////////////////////////////
                                
               header                 
                                          
//////////////////////////////////*/

#header{
background:url(../images/bg_header.gif);
margin-bottom:30px;
}

/* feature */

#feature{
width:555px;
background:url(../images/bg_feature.gif) no-repeat;
padding-bottom:15px;
}
h2#lamisheet{
position:relative;
}
h2#lamisheet img#knack{
position:absolute;
left:356px;
top:4px;
}
#feature dl{
float:left;
margin:0 0 5px 20px;
width:400px;
min-height:242px;
background:url(../images/bg_feature_frame.gif) no-repeat left bottom;
display:inline;
_height:242px;
}
#feature dl dd{
font-size:100%;
color:#cc0066;
margin:0 15px;
padding-top:5px;
padding-bottom:28px;
}
#feature dl dd img{
float:right;
margin-left:5px;
display:inline;
}
#feature dl dd p{
overflow:hidden;
}
#feature dl#package{
float:right;
margin:0;
width:100px;
background:none;
margin-right:5px;
display:inline;
position:relative;
}
#feature dl#package dt{
float:left;
width:45px;
margin-right:-1px;
}
#feature dl#package dd{
float:left;
width:50px;
margin:192px 0 0;
padding:0;
}
#feature dl#package img{
margin:0;
}

/*//////////////////////////////////
                                
             contents                 
                                          
//////////////////////////////////*/



#contents{
width:555px;
color:#333333;
font-size:75%;
}
/* silicon */

#silicon{
position:relative;
margin-bottom:30px;
}
#silicon p{
position:absolute;
left:17px;
top:60px;
width:324px;
line-height:1.4;
}
#sponge{
position:absolute;
top:0;
left:350px;
}


/*thread*/

#thread{
margin-bottom:15px;
}
#thread h2{
width:340px;
}
#thread p{
margin-top:10px;
margin-left:17px;
width:324px;
line-height:1.4;
}
ul#color_variation{
clear:both;
list-style:none;
margin:2px 15px 0 20px;
padding-left:5px;
padding-bottom:10px;
background:url(../images/bg_thread.gif) repeat-y;
width:520px;
}
ul#color_variation li{
float:left;
width:75px;
margin:10px 5px 0;
display:inline;
}
ul#color_variation li dl{
margin:0;
text-align:center;
}
ul#color_variation li dl dt{
margin:0;
}
ul#color_variation li dl dd{
margin:0;
}
#thread p.note{
text-align:right;
font-size:90%;
margin:0;
padding:0;
width:550px;
}

/* clip */

#clip{
background:url(../images/bg_clip.jpg) repeat-y;
padding-top:15px;
padding-left:20px;
padding-bottom:10px;
}
#clip h2{
margin-bottom:15px;
margin-right:10px;
width:430px;
}
p.copy{
margin-bottom:10px;
width:432px;
}
#point{
width:438px;
margin-bottom:5px;
}
#point ul{
list-style:none;
margin:0;
padding:0;
}
#point ul li{
width:214px;
float:right;
margin-right:4px;
display:inline;
}
#point p{
width:214px;
}

#design{
background:url(../images/bg_design.gif) no-repeat;
height:390px;
overflow:visible;
clear:both;
}
#design h3{
margin:0;
padding:0;
}
#design h3 img{
display:block;
margin:0;
padding:0;
}
#design ul{
list-style:none;
margin:0;
padding:0;
position:relative;
}
#design ul li{
position:absolute;
margin:0;
padding:0;
}
#design ul li#clip_feature1{
background:url(../images/bg_clip_feature1.gif) no-repeat;
width:158px;
top:38px;
left:20px;
z-index:10;
}
#design ul li#clip_feature2{
background:url(../images/bg_clip_feature2.gif) no-repeat;
width:160px;
top:15px;
left:184px;
z-index:20;
}
#design ul li#clip_feature3{
background:url(../images/bg_clip_feature3.gif) no-repeat;
width:202px;
top:-2px;
left:324px;
z-index:30;
}
#design dt{
}
#design dd{
}
#design dd p{
width:120px;
margin:0 auto 5px;
line-height:1.4;
}


/* link */

#link{
margin:10px 20px 20px 0;
background:#ffffff url(../images/bg_link.gif) no-repeat left bottom;
zoom:1;
}
#link ul{
margin:0;
list-style:none;
background:url(../images/head_link.gif) no-repeat left top;
padding:10px 0 20px;
zoom:1;
}
#link ul li{
text-align:left;
margin:0 20px;
background:url(../../common/yajirusi.gif) no-repeat left center;
padding-left:18px;
border-bottom:1px dashed #666666;
line-height:2.4em;
_padding-top:0.4em; 
_padding-bottom:0.4em; 
}
#link ul li img{
display:inline;
margin-left:5px;
vertical-align:middle;
}


/*//////////////////////////////////
                                
         right navigation                 
                                          
//////////////////////////////////*/

#navi{
position:absolute;
top:165px;
left:557px;
background:#ffffff;
z-index:100;
width:203px;
_left:557px;
_width:201px;
}
#navi table{
margin-top:5px;
margin-left:5px;
width:196px;
}
#navi table td {
font-size: 12px;
color: #5A3D1C;
}
#navi a{
color:#333333;
text-decoration:none;
}
#navi a:link,
#navi a:visited{
color:#333333;
text-decoration:none;
}
#navi a:hover,
#navi a:active{
color:#333333;
text-decoration:none;
}


p.yaji{
text-align:left;
}

.td-title {
	border-bottom: 1px dashed #666666;
	text-align: center;
}
.td-title2 {
	border-top: 1px dashed #666666;
}
.yaji {
	background: url(../../common/yajirusi.gif) no-repeat left 4px;
	padding-left: 13px;
	margin-bottom: 5px;
	line-height: 19px;
	text-align:left;
}
.txt-mini {
	font-size: 10px;
	line-height: 11px;
}
.shouhin2 {
	padding: 3px 5px;
	background: #FFFBF0;
	text-align: left;
}


#footer{
margin:0 auto;
}
#copyright{
padding-top:1em;
text-align:left;
color:#660000;
}
.uptotop {
text-align:right;
margin-right:5px;
float:right;
display:inline;
}