@charset "UTF-8";
*{ margin:0; padding:0; border:0; font-size:100%; }
body {
font-size:75%;
line-height: 1.7em;
margin: 0;
padding: 0;
background-image: url(top-img/back.jpg);
background-repeat: repeat-x;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

}
a { 
color: #320F00; 
}
a:hover { 
color: #B00000; 
}

#header { 
width: 888px; 
height: 116px; 
background-image: url(common-img/back.jpg); 
background-repeat: 
repeat-x; padding: 0; 
text-align: center; 
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
}
h1{ 
width: 500px; 
height: 40px; 
float: left; 
}

/*-----▼カテゴリータイトル-----*/
h2 { 
width: 1120px; 
height: 110px; 
text-align: center; 
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
}


/*-----▼全体の包括-----*/
#con { 
width: 1128px; 
text-align: center; 
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
}


/*-----▼メインコンテンツ-----*/
#flash {
width: 1128px;
height: 409px; 
padding-top: 3px;
 }


/*-----▼newsとバナーの包括----*/

#box {
width: 830px;
text-align: center;
margin-top: 30px;
padding-bottom: 20px;
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
 }

/*-----▼　box左news-----*/
.news {
	width: 530px;
	height: 320px;
	text-align: left;
	float: left;
	background-image: url(top-img/line.jpg);
	background-repeat: no-repeat;
	background-position: left;
	overflow: scroll;
	overflow-x:hidden;
	display: inline;
	position: relative;
 }
 
.news caption {
text-align: left;
 }
.news table {
	width: 480px;
	text-align: left;
	margin-left: 20px;
 }
 
.news th {
	width: 150px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #A27C52;
	padding-top: 10px;
  }
.news td {
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
  }
  
.newslist {
	position: absolute;
	top: 0px;
	right: 35px;
 }  

/*-----▼　box右バナー-----*/
    
.banner {
	width: 260px;
	text-align: left;
	float: right;
	padding-right: 5px;
 }

.banner ul {
	width: 260px;
	list-style-type: none;
}
 
/*-----▼box下、製品ピックアップ-----*/

#pickup {
width: 790px;
background-color: #F3EFEA;
margin-right: auto;
margin-left: auto;
clear: both;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
background-image: url(top-img/line2.jpg);
background-repeat: repeat-y;
padding-top: 5px;
 }  
.pickupleft {
	float: left;
 } 
.pickupright {
width: 280px;
float: right;
text-align: left;
margin-top: 20px;
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
 } 

#concept{
width: 830px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto; 
margin-left: auto; 
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #C3AE95;
border-bottom-color: #C3AE95;
 }  
#concept p{
	width: 540px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
	float: right;
 }  
#concept img{
float: left;
 } 
.clear {
  clear: both;
 } 

/*-----▼サブナビ-----*/
#subnavi { 
width: 888px;
height: 40px;
  }
#subnavi ul{ 
width: 360px; 
height: 20px; 
float: right; 
margin-top: 20px; 
list-style-type: none; 
}
#subnavi li {
width: 90px;
height: 20px; 
float: left; 
}
/*-----▼グローバルナビ-----*/
#navi { 
width: 890px; 
height: 40px; 
clear: both; 
margin-top: 30px; 
}
#navi ul{ 
width: 890px; 
height: 40px; 
list-style-type: none; 
float: left; 
}
#navi li {
width: 148px;
height: 40px; 
float: left; 
}



/*-----▼フットナビ-----*/
#footnavi { 
width: 888px; 
height: 20px; 
clear: both; 
text-align: center; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
}

#footnavi ul{ 
width: 480px; 
list-style-type: none; 
padding-right: 204px; 
padding-left: 204px; 
}
#footnavi li {
width: 120px;
height: 20px; 
float: left; 
}

#footer { 
width: 100%; 
height: 70px; 
text-align: center; 
margin-top: 0; 
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto; 
clear: both; 
background-image: url(common-img/footback.jpg); 
background-repeat: repeat-x; 
}
 
/*-----▼このページの上へ-----*/
.up { 
text-align: right; 
width: 830px; 
margin-top: 10px;
margin-right: auto; 
margin-bottom: 0; 
margin-left: auto;  
}