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

p{
margin:0;
padding:0;
}
li {
list-style-type: none;
margin:0;
}
#guide {padding-top:10px;
	text-align: left;
}

ul {
margin:0;
padding:0;
}
img {
border-style:none;
}

h1,h2,h3 { 
margin:0;
 }

a {
	font-size: 90%;
}

/* base */


body{
width:100%;
text-align:center;
margin:0;
color:#333333;
background-color:#F3EFEB;

}

#container{
margin:auto;
width:900px;
background-color:#FFFFFF;
border:1px solid #999999;
padding-left:5px;
padding-right:5px;
}

#main{
	clear:both;

}

#wrapper{
}


/* header */

#header{

}

#banner{
	height:100px;
	width:900px;
}

#bannerleft{
float:left;
width:500px;
}

#bannerimg{
	width:900px;
	height:87px;
	float:left;
}

#header h1{
	margin:0;
	text-align:left;
	font-size:65%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: lighter;
}
#keybanner {
	height: 215px;
	width: 900px;
}


#header h2{font-weight:bold;
font-size:105%;
color:#990000;
margin:0;
text-align:left;



}


/* navi */

#navi{
	clear:both;
	background-color:#333333;
	width:900px;
	height:30px;
}


.gmenu1,.gmenu2,.gmenu3,.gmenu4,.gmenu5,.gmenu6{
	float:left;
	height:30px;
}

.gmenu1{
	height:30px;
	width:130px;
	background-image:url("./img/head/1.jpg");
}

.gmenu2{
	height:30px;
	width:146px;
	background-image:url("./img/head/2.jpg");
}

.gmenu3{
	height:30px;
	width:146px;
	background-image:url("./img/head/3.jpg");
}

.gmenu4{
	height:30px;
	width:123px;
	background-image:url("./img/head/4.jpg");
}

.gmenu5{
	height:30px;
	width:213px;
	background-image:url("./img/head/5.jpg");
}

.gmenu6{
	height:30px;
	width:142px;
	background-image:url("./img/head/6.jpg");
}



.gmenu1 a{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:130px;
	float:left;
	background-image:url("./img/head/1.jpg");
}


.gmenu1 a:hover{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:130px;
	float:left;
	background-image:url("./img/head/1a.jpg");
}
 


.gmenu2 a{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:146px;
	float:left;
	background-image:url("./img/head/2.jpg");
}

.gmenu2 a:hover{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:146px;
	float:left;
	background-image:url("./img/head/2a.jpg");
}
 
.gmenu3 a{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:146px;
	float:left;
	background-image:url("./img/head/3.jpg");
}


.gmenu3 a:hover{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:146px;
	float:left;
	background-image:url("./img/head/3a.jpg");
}
 
.gmenu4 a{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:123px;
	float:left;
	background-image:url("./img/head/4.jpg");
}


.gmenu4 a:hover{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:123px;
	float:left;
	background-image:url("./img/head/4a.jpg");
}
 
.gmenu5 a{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:213px;
	float:left;
	background-image:url("./img/head/5.jpg");
}


.gmenu5 a:hover{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:213px;
	float:left;
	background-image:url("./img/head/5a.jpg");
}
 
.gmenu6 a{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:142px;
	float:left;
	background-image:url("./img/head/6.jpg");
}


.gmenu6 a:hover{
	overflow:hidden;
	text-indent:-9999px;
	height:30px;
	width:142px;
	float:left;
	background-image:url("./img/head/6a.jpg");
}

/* 
height:43px;
width:100px;
*/
 
/* ぱんくず　*/

#breadcrumbs{
	height:20px;
	margin-top:7px;
	text-align:center;
	width:100%
}

#breadcrumbs a{

text-decoration:none;
color:#0645AD;


}



#breadcrumbs .piececontainer{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:900px;
	font-size:80%;
	padding-bottom: 5px;

}



/* サイドメニュー */
#sidenavi{
	width:200px;
	float:left;
}

#subnavi{

margin-bottom:9px;
}

.snavi1,.snavi2,.snavi3,.snavi4,.snavi5{
margin-right:1px;
}
#sidenavi2 {
	width: 190px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:2px;
	
}


#voice{
margin-bottom:10px;
}

.categorytop{
margin-bottom:5px;
}
*html #suvtext{
	font-size:80%;
	text-align: left;

}




.wmenu a{

text-decoration: none;
color:#333333;

}



#other{
	margin-top:15px;
	border:1px solid #999999;
	background-color: #FFF;
	width: 190px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.suvtitle {
	font-size: 120%;
	color: #FFF;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	
}

.suvtitle2 {
	font-size: 130%;
	color: #FFF;
	padding-bottom: 20px;
	padding-top: 10px;
	font-weight: bold;
	text-decoration: underline;
}
#suvbanner {
	padding-top: 10px;
}
.suvtextmenu {
	font-size: 95%;
	padding-bottom: 5px;
}

.suvtextmenu2 {
	font-size: 95%;
	padding-bottom: 8px;
}



#blog{
}

.staff{
	text-align:left;
	font-size:75%;
}

#cmpinfo img{
margin-bottom:5px;
}
.cmp1,.cmp2{
text-align:left;
padding-left:8px;
font-size:80%;
color:#333333
}

.cmptell{
text-align:left;
padding-left:8px;
font-size:110%;
font-weight:bold;
color:#990000;
}

.cmpmail{
text-align:left;
padding-left:8px;
font-size:110%;
font-weight:bold;
}

.cmpmail a{
color:#333333;
}

#calendar{
padding-top:15px;
}

#calendar1 {
padding-bottom:10px;
}


.caltext1,.caltext2{
text-align:left;
padding-left:8px;
font-size:80%;
font-weight:bold;
}

.caltext3{
text-align:left;
padding-left:8px;
font-size:80%;
color:#00182D;
margin-top:4px;
}

#link{
	padding-top:10px;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 0px;
	border: 1px solid #999;
	height: 60px;
	width: 180px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4px;
}

.link1 {
	padding-top:8px;
	text-align:center;
	padding-left: 0px;

}


/* content */
*html #content{
float:left;
padding-left:23px;
width:675px;
}

#content{
float:left;
padding-left:25px;
width:675px;
}


.titletext {
	font-size: 120%;
	color: #FFF;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.submidashi img {
	float: left;
}

.submidashi {
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 0px;
	height: 30px;
}
.submidashi2 {
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 0px;
	height: 30px;
}
.subtitletext2 {
	font-weight: bold;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-size: 100%;
	float: none;
	padding-left: 15px;
	padding-top: 5px;
	clear: none;
}

.bold {
	font-size: large;
	font-weight: bold;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.subtitletext {
	font-weight: bold;
	border-bottom-width: 0px;
	border-bottom-style: none;
	font-size: 100%;
	float: none;
	padding-left: 15px;
	padding-top: 3px;
	clear: none;
}

.midashi {
	height: 30px;
	width: 675px;
	background-color: #1A321D;
	margin-bottom: 10px;
}




/* recommend */

#recommend{
clear:both;
padding-top:20px;
width:675px;

}

#rectitle  {
border-bottom:1px solid #999999;
padding-top:30px;
}

#rectitle img{
padding:3px;
float:left;
}


.rectitletext{
text-align:left;
font-weight:bold;
color:#333333;
font-size:80%
}

.rectable{

padding-top:30px;


}

.recimg{

}

.rectitle{

color:#00182E;


}

.rectext{

font-size:80%;

}


.recprice{

font-size:105%;
color:red
}


/* footer */

#footer{
clear:both;
padding-top:2px;
}
#e_navi {
}


#footermain{
	margin-top:40px;
	border:1px solid #666666;
	height:185px;
	width:890px;
	color:#666666;
	clear: none;
}

#footertitle{
float:left;
}

#order{
padding-left:20px;
padding-top:5px;
float:left;
text-align:left;
width:270px;
}

.pay{
padding-top:10px;

}
.paytitle img{

float:left;
padding:2px;
}

.payimg {



}
.paytexttitle{
text-align:left;
color:#570000;
font-size:83%;
font-weight:bold;
}

.paytext{
text-align:left;
color:#666666;
font-size:75%;
padding-top:1px;
}

.returntitle img{

float:left;
padding:2px;
}
.returntexttitle{
text-align:left;
color:#570000;
font-size:83%;
font-weight:bold;
}

.returntext{
text-align:left;
color:#666666;
font-size:75%;
padding-top:1px;
}

#haisou{
float:left;
text-align:left;
width:290px;
padding-left:15px;
padding-top:5px;
}

.carry{
padding-top:10px;

}
.carrytitle{
padding-bottom:1px;

}
.carrytexttitle{
text-align:left;
color:#570000;
font-size:83%;
font-weight:bold;
}

.carrytitle img{

float:left;
padding:2px;
}

.carrytext1{

float:left;
font-size:70%;
padding-top:8px;}
#newguidelink {
	padding-top: 20px;
}


.carrytext2{

font-size:130%;
font-weight:bold
}

.carrytext3{

font-size:75%;

}


.time{
padding-top:7px;

}
.timetitle{
padding-bottom:1px;

}
.timetexttitle{
text-align:left;
color:#570000;
font-size:83%;
font-weight:bold;
}

.timetitle img{

float:left;
padding:2px;
}
#e_banner {
	padding-bottom: 15px;
}


#ad{

float:left;
padding-top:5px;
text-align:left;
width:273px;

}

.rennraku{

}

.adinfo{
font-size:80%;
padding-top:5px;
text-align:left;
}

.admail{
padding-left:3px;
text-align:left;
}


.cancel{

}

.canceltext{
font-size:71%;
padding-top:10px;

}

#copyright{
padding-top:15px;
color:#5B5B5B;
clear:both;
}

#footermain a{

text-decoration:none;
color:#570000
}


.footmenu{
margin-bottom:15px;
font-size:95%;
}

.footmenu a{
text-decoration: none;
color:#333333}

.footmenu a:visited{color: #333333
}

.submidashi2 img {
	float: left;
}
#suvsearch {
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 100%;
	font-weight: bold;
}

#suvuse {
	width: 190px;
	padding-bottom: 20px;
}
#suvsurface {
	padding-bottom: 20px;
}
#suvbanner img {
	padding-bottom: 10px;
}


/* banner */

#wood1 {
	padding-top: 30px;
	text-align:left;
	padding-bottom: 30px;

}
#woodcontent {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#wood1left {
	float: left;
	padding-right: 10px;
}
#wood1center {
	float: left;
	padding-right: 10px;
}


#dataright {
	width: 300px;
	text-align: left;
	float: right;
	clear: none;
}
.datatext {
	padding-top: 50px;
	clear: both;
	font-size: 140%;
	font-weight: bold;
}
#product {
	clear: both;
}

#product1left {
	float: left;
	padding-right: 35px;
}
#product1center {
	float: left;
	padding-right: 35px;
}
	#product1 {
	padding-top: 30px;
	text-align:left;
	padding-bottom: 30px;

}
a {
	text-decoration: none;
}

#policy {
	text-align: right;
	height: 600px;
	width: 675px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: none;
	float: right;
}


#dataleft {
	width: 335px;
	text-align: left;
	float: left;
}
#data1 {
	padding-bottom: 10px;
}


#otheritem {
	height: 143px;
	width: 200px;
	padding-top: 30px;
}
#datacontent {
	width: 675px;
	clear: none;
	padding-bottom: 30px;
}
#next01 {
	width: 675px;
	float: right;
}
#policy_pic {
	float: right;
	width: 675px;
	height: 470px;
}
#bad {
	clear: both;
	padding-top: 30px;
}
#e_navi {
	padding-bottom: 20px;
}
.enavi {
	padding-bottom: 6px;
}
#command {
	clear: both;
	font-size: 90%;
	padding-top: 30px;
}
#back a{
	background-color:#EBF5EE;
	border:3px double #666666;
	display:block;
	line-height:1.5;
	text-decoration:none;
	width:90px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.return {
	float: right;
	font-size: 90%;
	padding-bottom: 2px;
	text-align: left;
}
.return img {
	padding-top: 3px;
}
.return a:visited {color: #03C; 
}
.sample1_text {
	font-size: large;
	font-weight: bold;
}
.sample1 {
	width: 675px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sslcart {
	text-align: center;
	width: 190px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: x-small;
}
#left_all1 {
	float: left;
	width: 200px;
}
.left_index {
	
	padding-top: 2px;
	width: 200px;
	text-align: center;
	padding-bottom: 4px;
	background-color: #7F674D;

}
.left_list1 {
	font-size: 87%;
	text-align: left;
	background-color: #FDFEF8;
	border-left:2px solid #213F24;
	border-right:2px solid #213F24;
	border-bottom:2px solid #213F24;
	padding-bottom: 8px;
	padding-top: 8px;
}

.left_list2 {
	font-size: 85%;
	text-align: left;
	background-color: #FCFDFE;
    border-left:2px solid #10264C;
	border-right:2px solid #10264C;
	border-bottom:2px solid #10264C;
	padding-bottom: 8px;
	padding-top: 8px;
}
.left_list3 {
	font-size: 87%;
	text-align: left;
	background-color:#FFFBFB;
	border-left:2px solid #620000;
	border-right:2px solid #620000;
	border-bottom:2px solid #620000;
	padding-bottom: 8px;
	padding-top: 8px;
}
.left_list4 {
	font-size: 85%;
	text-align: left;
	background-color:#FFFBFB;
	border-left:2px solid #536814;
	border-right:2px solid #536814;
	border-bottom:2px solid #536814;
	padding-bottom: 8px;
	padding-top: 8px;
}
.left_list ul.cat1 li {
	display: block;
	padding: 4px 0 4px 21px;
	position: relative;
	text-decoration: none ;
	background-attachment: scroll;
	
	background-image: url(img/subnavi/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
.left_list a:link, .left_list a:visited {
    color: #0000FF;
    text-decoration: underline;
}
.left_list a:hover {
	color: #93B823;
	text-decoration: none;
}
.left_list ul.cat2 li {
	display: block;
	padding: 4px 0 4px 21px;
	position: relative;
	text-decoration: none;
	background-attachment: scroll;
	
	background-image: url(img/subnavi/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
.left_list ul.cat3 li {
	display: block;
	padding: 4px 0 4px 21px;
	position: relative;
	text-decoration: none;
	background-attachment: scroll;
	background-color: #FFFBFB;
	background-image: url(img/subnavi/arrow03.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
.left_list ul.cat4 li {
	display: block;
	padding: 4px 0 4px 21px;
	position: relative;
	text-decoration: none;
	background-attachment: scroll;

	background-image: url(img/subnavi/arrow04.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
.left_text {
	background-color: #7F674D;
	padding-right: 5px;
	padding-left: 16px;
	color: #FFF;
	padding-bottom: 5px;
	text-align: center;
	font-size: 87%;
}
.left_yoshi {
	background-color: #7F674D;
	padding-right: 5px;
	color: #FFF;
	padding-bottom: 5px;
	text-align: center;
	font-size: 87%;
	padding-top: 5px;
}
ul.cat5 li {
	display: block;
	position: relative;
	text-decoration: none;
	background-color: #7F674D;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 12px;
	font-size: 87%;
	
}

ul.cat5 li a:link, a:visited {
	color:#FFF}
	
	
ul.cat5 li a:hover {
	color: #93B823;
	
}
#side_top {
	padding-bottom: 10px;
}
.side_item {
	padding-bottom: 5px;
}

.side_item2 {
	padding-bottom: 5px;
	padding-top: 5px;
}

.left_list1_img {
	font-size: 87%;
	text-align: center;
	background-color: #FDFEF8;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #213F24;
	border-left-color: #213F24;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #213F24;
}
.left_list2_img {
	font-size: 85%;
	text-align: center;
	background-color: #FCFDFE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #10264C;
	border-left-color: #10264C;
}
.left_list3_img {
	font-size: 87%;
	text-align: left;
	background-color:#FFFBFB;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #620000;
	border-left-color: #620000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #620000;
}
.left_list4_img {
	font-size: 87%;
	text-align: center;
	background-color:#FFFBFB;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #536814;
	border-left-color: #536814;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #536814;
}

#staff {
	padding-bottom: 5px;
	padding-top:5px;
	font-size: x-large;
	font-weight: bolder;

}
.midashi_pic {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 95%;
}
.size_select {
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: 95%;
	color: #03F;
	font-weight: bold;
}
a:visited{
	color: #C0C
}