/* レイアウトの設定*/
*{
padding:0px;
margin:0px;
}
body{
font-family:"MS UI Gothic",sans-serif;
padding:0px;
margin:0px;
text-align:center;
background:url(img/back.gif);
}
/*━━━━━━━━━━━━━━━━フレーム*/
#flame{
width:700px;
height:100%;
margin:0px auto;
padding:0px 0px 0px 1px;
text-align:left;
background:#FFFFFF;
letter-spacing:0.1em;
border-left:1px solid #AD946B;
border-right:1px solid #AD946B;
}
/*━━━━━━━━━━━━━━━━ヘッダー*/
#head{
width:700px;
height:60px;
}
#head_left{
width:290px;
height:55px;
float:left;
padding:5px 0px 0px 10px;
}
#head_right{
width:400px;
height:30px;
float:right;
padding:30px 0px 0px 0px;
text-align:right;
}
/*━━━━━━━━━━━━━━━━メニュー*/
#menu{
width:700px;
height:30px;
background-color:#FFFFFF;
clear:both;
}
#menu ul{
list-style:none;
}
#menu li{
float:left;
display:block;
width:139px;
height:30px;
margin-right:1px;
}
#menu li a{
float:left;
display:block;
width:139px;
height:30px;
}
#menu1{
background:url(img/memu1_on.gif);
}
#menu1 a{
background:url(img/memu1_off.gif);
}
#menu1 a:hover{
background:url(img/memu1_on.gif);
}
#menu2{
background:url(img/memu2_on.gif);
}
#menu2 a{
background:url(img/memu2_off.gif);
}
#menu2 a:hover{
background:url(img/memu2_on.gif);
}
#menu3{
background:url(img/memu3_on.gif);
}
#menu3 a{
background:url(img/memu3_off.gif);
}
#menu3 a:hover{
background:url(img/memu3_on.gif);
}
#menu4{
background:url(img/memu4_on.gif);
}
#menu4 a{
background:url(img/memu4_off.gif);
}
#menu4 a:hover{
background:url(img/memu4_on.gif);
}
#menu5{
background:url(img/memu5_on.gif);
}
#menu5 a{
background:url(img/memu5_off.gif);
}
#menu5 a:hover{
background:url(img/memu5_on.gif);
}
/*━━━━━━━━━━━━━━━━フォト*/
#message{
width:700px;
height:150px;
margin:15px 0px 30px 0px;
background-color:#F0EBDE;
}
#comment{
float:left;
padding:40px 0px 0px 70px;
}
#fhoto{
float:right;
}
/*━━━━━━━━━━━━━━━━中央*/
#center{
width:700px;
min-height:450px;
max-height:100%;
font-size:13px;
margin:30px 0px 30px 0px;
}
#company table{
margin:30px 0px 0px 90px;
border-collapse: collapse;
border:1px solid #8A784F;
}
#company th{
width:80px;
color:#645337;
padding:10px;
background-color:#F0EBDE; 
border:1px solid #8A784F;
}
#company td{
width:400px;
color:#645337;
padding:10px;
background-color:#FFFFFF; 
border:1px solid #8A784F;
}
.title_img{
margin:0px 0px 0px 90px;
border-bottom:2px solid #B5AC97;
}
#inquiry{
color:#645337;
margin:30px 0px 40px 90px;
}
.inquiry_img{
margin:0px 0px 0px 90px;
}
#products{
width:700px;
}
.products_img1{
padding:30px 0px 0px 90px;
}
.products_img2{
vertical-align:top;
color:#645337;
padding:30px 20px 0px 20px;
}
/*━━━━━━━━━━━━━━━━左側*/
#left{
width:500px;
height:300px;
float:left;
font-size:13px;
/*background-color:#CCCCFF;*/
}
#news table{
margin:20px 0px 0px 30px;
border-collapse: collapse;
}
#news tr{
border-bottom:1px dotted #8A784F;
}
#news td{
color:#645337;
padding:7px 0px 7px 0px;
background-color:#FFFFFF; 
border-bottom:1px dotted #8A784F;
}
.news_style{
margin:0px 0px 0px 60px;
}
.news_img{
margin:0px 0px 0px 30px;
border-bottom:2px solid #B5AC97;
}
.news_point{
width:15px;
}
.news_date{
width:90px;
}
#news_com{
width:400px;
}
.news_com{
width:340px;
}
.news_com a{
color:#2392E4;
text-decoration:none;
}
.news_com a:hover{
text-decoration:underline;
}
/*━━━━━━━━━━━━━━━━右側*/
#right{
width:200px;
height:315px;
float:right;
/*background-color:#FFAC99;*/
}
.es_img{
border-bottom:2px solid #B5AC97;
}
.es1{
padding:40px 0px 0px 5px;
}
.es2{
color:#645337;
font-size:13px;
padding:5px 0px 0px 5px;
}
/*━━━━━━━━━━━━━━━━フッターの設定*/
#foot{
width:100%;
height:30px;
line-height:30px;
font-size:13px;
text-align:center;
background-color:#A9956B;
clear:both;
color:#FFFFFF;
}