/* CSS Document */

body{
background-color:#FFFFFF;
padding:0;
margin:0;
}

h1{
color:#999999;
background-color:#ffffff;
width:auto;
font-size:14px;
text-align:left;
padding:3px 0;
margin:0;
clear:both;
}

div#head{
width:950px;
padding:0;
margin:0 auto;
}

div#hleft{
width:177px;
height:150px;
padding:0;
margin:0;
float:left;
}

div#hright{
width:715px;
height:47px;
padding:103px 0 0 58px;;
margin:0;
float:right;
}

div#all{
width:950px;
background-color:#FFFFFF;
padding:0;
margin:0 auto;
z-index:1;
}

#navi{
width:240px;
float:left;
padding:0;
margin:10px 0 0 0;
}

div#footer{
	width:948px;
	height:37px;
	text-align:center;
	padding:10px 0 0 0;
	margin:5px 0 10px 0;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	clear:both;
	background-color: #66FF99;
}

div#contents{
width:700px;
float:right;
padding:0 5px 0 0;
margin:10px 0 0 0;
}

#contents p {
	padding:10px 0 10px 0;
	margin:0;
	line-height:160%;
	font-size:15px;
}

#contents p.area{
padding:10px 0 30px 0;
margin:0;
line-height:150%;
font-size:13px;
}

#contents p.areab{
padding:10px 0 40px 0;
margin:0;
line-height:150%;
font-size:13px;
}

#contents p.three{
width:210px;
padding:10px 0 40px 10px;
margin:0;
line-height:150%;
font-size:13px;
}

#contents a {
color:#990000;
padding:3px 0 3px 0;
margin:0;
}

#contents a:hover {
color:#FF9900;
}

#contents li{
font-size:15px;
line-height:170%;
}

#contents h2 {
background-image:url(image/h2back.jpg);
background-repeat:no-repeat;
width:700px;
color:#a4bb83;
font-size:100%;
padding:35px 0 45px 0;
margin:3px 0;
text-align:center;
clear:both;
}

#contents h2.shop{
width:650px;
background-image:url(image/h2back1.jpg);
background-repeat:no-repeat;
color:#000000;
font-size:100%;
padding:80px 0 30px 50px;
margin:3px 0;
text-align:center;
clear:both;
}

#contents h2.half {
width:345px;
color:#a4bb83;
font-size:98%;
padding:0;
margin:5px 0 15px 0;
text-align:left;
}

#contents h3 {
width:700px;
color:#a4bb83;
font-size:98%;
padding:0;
margin:3px 0;
text-align:left;
clear:both;
}

#contents h3.short {
width:245px;
color:#a4bb83;
font-size:95%;
padding:0;
margin:3px 0;
text-align:left;
}

#contents h3.shorttop {
width:245px;
color:#a4bb83;
font-size:95%;
padding:30px 0 0 0;
margin:3px 0;
text-align:left;
}

#contents h3.no1{
background-image:url(image/h3back1.gif);
background-repeat:no-repeat;
padding:40px 0 30px 130px;
margin:0;
}

#contents h3.no2{
background-image:url(image/h3back2.gif);
background-repeat:no-repeat;
padding:40px 0 30px 130px;
margin:0;
}

#contents h3.no3{
background-image:url(image/h3back3.gif);
background-repeat:no-repeat;
padding:40px 0 30px 130px;
margin:0;
}

#contents h3.half {
width:345px;
color:#000000;
font-size:98%;
padding:0;
margin:3px 0;
text-align:left;
}

#contents h3.three {
width:220px;
color:#000000;
font-size:90%;
padding:0 0 0 10px;
margin:3px 0;
text-align:left;
clear:both;
}


#contents h4 {
width:700px;
color:#000000;
font-size:95%;
padding:0;
margin:3px 0;
text-align:left;
clear:both;
}



#contents h4.half {
width:345px;
color:#000000;
font-size:95%;
padding:0;
margin:3px 0;
text-align:left;
}



#contents ul {
padding:0 0 0 15px;
margin:0;
}

span.red {
color:#FF0000;
font-weight:bold;
}

div.boxleft{
width:345px;
padding:0;
margin:0;
float:left;
display:inline;
}

div.boxright{
width:345px;
padding:0;
margin:0;
float:right;
display:inline;
}

div.boxleftl{
width:245px;
padding:0;
margin:0;
float:left;
display:inline;
}

div.boxrightl{
	width:445px;
	padding:0;
	margin:0;
	float:right;
	display:inline;
	font-size: large;
}

div.boxleftr{
width:445px;
padding:0;
margin:0;
float:left;
display:inline;
}

div.boxrightr{
width:245px;
padding:0;
margin:0;
float:right;
display:inline;
}

div.three{
width:230px;
padding:0 3px 0 0;
margin:10px 0;
float:left;
display:inline;
}

div.threeleft{
width:230px;
padding:0 5px 0 0;
margin:0;
float:left;
display:inline;
}

div.threeright{
width:455px;
padding:0 0 0 5px;
margin:0;
float:right;
display:inline;
}

.three p.short{
color:#666666;
width:220px;
margin:0;
padding:0;
text-align:center;
}

p.clear{
clear:both;
padding:0;
margin:0;
line-height:3px;
}

div.end{
font-size:12px;
width:860px;
text-align:center;
clear:both;
}

a.end1{
color:#666;
}

a.end1:hover{
color:#900;
}


img{
border:none;
}

img.back{
padding:0 0 0 500px;
}


div#basic{
background-image:url(image/basic1.jpg);
width:950px;
height:827px;
padding:0;
margin:10px 0 0 0;
clear:both;
}

#basic h2{
color:#000000;
padding:50px 20px 0 580px;
margin:0;
font-size:20px;
}

#basic p{
color:#000000;
padding:20px 20px 0 580px;
margin:0;
font-size:15px;
}

#basic p.point{
color:#000000;
padding:200px 35px 0 680px;
margin:0;
font-size:12px;
}


div#basic2{
background-image:url(image/basic6.jpg);
background-repeat:no-repeat;
width:700px;
padding:0;
margin:10px 0 0 0;
}

#basic2 h3{
color:#000000;
padding:20px 0 0 60px;
margin:0;
font-size:16px;
}

#basic2 h3.fix{
color:#000000;
padding:17px 0 0 60px;
margin:0;
font-size:16px;
}

#basic2 p{
color:#000000;
padding:20px 20px 0 60px;
margin:0;
font-size:14px;
line-height:179%;
}

#basic2 p.up{
color:#000000;
padding:121px 20px 0 60px;
margin:0;
font-size:14px;
line-height:179%;
}

#basic2 p.down{
color:#000000;
padding:20px 20px 200px 60px;
margin:0;
font-size:14px;
line-height:179%;
}


div#wood{
	background-image:url(image/wood1.jpg);
	width:950px;
	height:850px;
	padding:0;
	margin:10px 0 0 0;
	clear:both;
	color: #000000;
	font-weight: bold;
}

#wood h2{
color:#000000;
padding:50px 550px 0 20px;
margin:0;
font-size:20px;
}

#wood ul{
color:#000000;
padding:0 0 0 50px;
margin:0;
font-size:15px;
}

#wood li{
color:#000000;
padding:20px 550px 0 20px;
margin:0;
font-size:15px;
}

#wood p{
color:#000000;
padding:20px 550px 0 20px;
margin:0;
font-size:15px;
}

#wood p.point{
color:#000000;
padding:140px 550px 0 60px;
margin:0;
font-size:12px;
}

#wood1{
	background-image:url(image/wood4.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:800px;
	padding:70px 40px 30px 40px;
	margin:15px 0 0 0;
}

#wood1 ul {
padding:0 0 0 15px;
margin:0;
}

#wood1 li{
	font-size:15px;
	line-height:170%;
	padding:20px 0;
	margin:0;
	font-weight: bold;
}



div#fashion{
	background-image:url(image/fashion1-2.jpg);
	width:950px;
	height:850px;
	padding:0;
	margin:10px 0 0 0;
	clear:both;
	color: #FFF;
	font-weight: bold;
}

#fashion h2{
	color:#FFFFFF;
	padding:50px 550px 0 20px;
	margin:0;
	font-size:20px;
}

#fashion ul{
	color:#FFFFFF;
	padding:0 0 0 50px;
	margin:0;
	font-size:15px;
}

#fashion li{
color:#000000;
padding:20px 550px 0 20px;
margin:0;
font-size:15px;
}

#fashion p{
	color:#FFFFFF;
	padding:20px 550px 0 20px;
	margin:0;
	font-size:16px;
}

#fashion p.point{
color:#000000;
padding:140px 550px 0 60px;
margin:0;
font-size:12px;
}

#fashion1{
	background-image:url(image/fashion4.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:600px;
	padding:70px 40px 30px 40px;
	margin:15px 0 0 0;
}

#fashion1 ul {
padding:0 0 0 15px;
margin:0;
}

#fashion1 li{
	font-size:15px;
	line-height:170%;
	padding:20px 0;
	margin:0;
	font-weight: bold;
}

.fashionpoint { font-weight: bold; }



div#okusuri{
background-image:url(image/okusuri20-3.jpg);
width:950px;
height:1267px;
padding:0;
margin:10px 0 0 0;
clear:both;
}

#okusuri h2{
color:#000000;
padding:50px 20px 0 580px;
margin:0;
font-size:20px;
}

#okusuri p{
color:#000000;
padding:20px 20px 0 580px;
margin:0;
font-size:15px;
}

#okusuri p.point{
color:#000000;
padding:200px 35px 0 680px;
margin:0;
font-size:12px;
}


div#okusuri2{
background-image:url(image/okusuri11.jpg);
background-repeat:no-repeat;
width:700px;
padding:0;
margin:10px 0 0 0;
}

#okusuri2 h3{
color:#000000;
padding:20px 0 0 60px;
margin:0;
font-size:16px;
}

#okusuri2 h3.fix{
color:#000000;
padding:17px 0 0 60px;
margin:0;
font-size:16px;
}

#okusuri2 p{
color:#000000;
padding:20px 20px 0 60px;
margin:0;
font-size:14px;
line-height:179%;
}

#okusuri2 p.up{
color:#000000;
padding:121px 20px 0 60px;
margin:0;
font-size:14px;
line-height:179%;
}

#okusuri2 p.down{
color:#000000;
padding:20px 20px 200px 60px;
margin:0;
font-size:14px;
line-height:179%;
}