@charset "utf-8";
/***----------------------------------------------------------------
main.css
--------------------------------------------------------------- ***/

/***------------
default
------------***/

/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { 
margin: 0;
padding: 0;
}

body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 12px;
line-height: 1.5em;
color: #271d09;
text-align: center;
background: url(../img/bg.jpg);
}
html,body {
scrollbar-arrow-color: #be9c5b;
scrollbar-face-color: #931d00;
scrollbar-highlight-color: #931d00;
scrollbar-shadow-color: #931d00;
scrollbar-3dlight-color: #931d00;
scrollbar-darkshadow-color: #931d00;
scrollbar-track-color: #be9c5b;
}
html{
}
* html body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

h1,h2,h3,h4,h5,h6,address,th {
font-size: 12px;
font-weight: normal;
font-style: normal;
}

a img {
border: none;
}

img {
vertical-align: bottom;
}

/***------------
common
------------***/
.hidden {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
display: block;
}
.center {
text-align: center;
margin: 0px 0px 30px 0px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
* html id {
margin: 0px;
padding: 0px;
}
.photo_border {
border: 1px solid #CCCCCC;
}
.line-height {
line-height: 2em;
}
.clear {
clear: both;
}

/***------------
color font-size
------------***/
.strong {
font-weight: bold;
}
.font-red {
color: #931d00;
}
.font-white {
color: #ffffff;
}
.font-gold {
color: #be9c5b;
}
.font-size10 {
font-size: 10px;
line-height: 1.2em;
}
.font-size11 {
font-size: 11px;
line-height: 1.2em;
}
.font-size13 {
font-size: 13px;
line-height: 1.5em;
}
.font-size15 {
font-size: 15px;
line-height: 1.5em;
}
.font-size17 {
font-size: 17px;
line-height: 1.5em;
}

/***------------
default link
------------***/
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}
a:active {
color: #333333;
text-decoration: underline;
}

/***------------
header
------------***/
#header_bg {
margin: 0px auto;
background: url(../img/bg_header.gif) repeat-x;
}
#header {
position: relative;
width: 940px;
height: 84px;
margin: 0px auto;
}
#header {
position: relative;
width: 940px;
height: 84px;
margin: 0px auto;
text-align: left;
}
#header h1 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
color: #ffffff;
font-size: 11px;
}


/***------------
headersmenu
------------***/
#headersmenu {
width: 385px;
margin: 5px 20px 5px auto;
float: right;
}
#headersmenu li {
height: 17px;
display: block;
list-style: none;
float: left;
}
#headersmenu li a {
height: 17px;
overflow: hidden;
display: block;
text-indent: -9999px;
}

#headersmenu .MENU01 { width: 133px; height:17px; margin-right: 15px; background: url(../img/smenu.gif) no-repeat 0px 0px; }
#headersmenu .MENU01 a:hover { width: 133px; height:17px; background: url(../img/smenu.gif) no-repeat -0px -17px; }

#headersmenu .MENU02 { width: 61px; height:17px; margin-right: 15px; background: url(../img/smenu.gif) no-repeat -148px 0px; }
#headersmenu .MENU02 a:hover { width: 61px; height:17px; background: url(../img/smenu.gif) no-repeat -148px -17px; }

#headersmenu .MENU03 { width: 61px; height:17px; margin-right: 15px; background: url(../img/smenu.gif) no-repeat -224px 0px; }
#headersmenu .MENU03 a:hover { width: 61px; height:17px; background: url(../img/smenu.gif) no-repeat -224px -17px; }

#headersmenu .MENU04 { width: 85px; height:17px; background: url(../img/smenu.gif) no-repeat -300px 0px; }
#headersmenu .MENU04 a:hover { width: 85px; height:17px; background: url(../img/smenu.gif) no-repeat -300px -17px; }

/***------------
headermenu
------------***/
#headermenu {
width: 740px;
height: 39px;
margin: 0px 20px 0px auto;
padding: 0px 0px 0px 0px;
background: url(../img/menu.gif) no-repeat;
float: right;
}
#headermenu li {
height: 39px;
display: block;
list-style: none;
float: left;
}
#headermenu li a {
height: 39px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#headermenu .MENU01 { width: 130px; height:39px; margin-right: 10px; background: url(../img/menu.gif) no-repeat 0px 0px; }
#headermenu .MENU01 a:hover { width: 130px; height:39px; background: url(../img/menu.gif) no-repeat -0px -39px; }

#headermenu .MENU02 { width: 180px; height:39px; margin-right: 10px; background: url(../img/menu.gif) no-repeat -140px 0px; }
#headermenu .MENU02 a:hover { width: 180px; height:39px; background: url(../img/menu.gif) no-repeat -140px -39px; }

#headermenu .MENU03 { width: 130px; height:39px; margin-right: 10px; background: url(../img/menu.gif) no-repeat -330px 0px; }
#headermenu .MENU03 a:hover { width: 130px; height:39px; background: url(../img/menu.gif) no-repeat -330px -39px; }

#headermenu .MENU04 { width: 130px; height:39px; margin-right: 10px; background: url(../img/menu.gif) no-repeat -470px 0px; }
#headermenu .MENU04 a:hover { width: 130px; height:39px; background: url(../img/menu.gif) no-repeat -470px -39px; }

#headermenu .MENU05 { width: 130px; height:39px; background: url(../img/menu.gif) no-repeat -610px 0px; }
#headermenu .MENU05 a:hover { width: 130px; height:39px; background: url(../img/menu.gif) no-repeat -610px -39px; }


/***------------
main
------------***/

#main .pho_main {
width: 740px;
margin: 0px auto 10px auto;
}

/***------------
footer
------------***/
#footer {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
background: #931d00;
clear: both;
}
#footer .line {
padding: 0px 0px 0px 0px;
}
#footer .footer {
width: 940px;
background: #931d00;
margin: 0px auto 0px auto;
}
#footer .footer_menu {
padding: 15px 0px 15px 0px;
margin: 0px auto 0px auto;
color: #ffffff;
font-size: 12px;
text-align: left;
}
#footer .footer_add {
width: 270px;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 670px;
text-align: left;
color: #ffffff;
}
.pagetop {
width: 132px;
height: 20px;
margin: 0px 0px 50px 0px;
float: right;
}
.pagetop a {
width: 132px;
height: 20px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/pagetop.gif) no-repeat 0px 0px;
}
.pagetop a:hover {
width: 132px;
height: 20px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/pagetop.gif) no-repeat 0px -20px;
}

#copyright {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
background: #be9c5b;
clear: both;
}
#copyright .copyright {
width: 940px;
padding: 5px 0px 5px 0px;
margin: 0px auto 0px auto;
color: #000000;
font-size: 11px;
text-align: right;
}


/***------------
footer link
------------***/
#footer a:link {
color: #ffffff;
text-decoration: none;
}
#footer a:visited {
color: #eeeeee;
text-decoration: none;
}
#footer a:hover {
color: #ffffff;
text-decoration: underline;
}
#footer a:active {
color: #ffffff;
text-decoration: underline;
}

/***------------
top contents
------------***/
#top {
position: relative;
width: 940px;
margin: 0px auto 0px auto;
}
#top .top{
width: 940px;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
background: #ffffff;
float: left;
}


/***------------
left
------------***/
#left {
width: 180px;
position: relative;
margin: 0px auto;
float: left;
}
#left .main {
width: 180px;
background: #ffffff;
float: left;
}
#left .logo {
width: 170px;
height: 320px;
margin: -64px 0px 50px 10px;
background: url(../img/bg_logo.jpg) left top no-repeat;
float: left;
}
#left .logo a {
width: 130px;
height: 280px;
margin: 20px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/logo.gif) no-repeat;
}
#left .logo h2 {
}

#left .lmenu_ttl {
width: 150px;
margin: 0px auto;
clear: both;
}
#left .lmenu_btm {
width: 150px;
margin: 0px auto 30px auto;
clear: both;
}
#left .lmenu {
width: 150px;
background: #931d00;
margin: 0px auto 0px auto;
}
#left .lmenu ul {
width: 140px;
margin: 0px auto 0px auto;
list-style: none;
}
#left .lmenu li {
padding: 0px 0px 5px 0px;
}
#left .lmenu a:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#left .bn {
width: 150px;
margin: 0px auto;
}
#left .bn p {
margin: 0px 0px 10px 0px;
}
#left .bn a:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/***------------
contents right
------------***/
#right {
width: 740px;
float: left;
}
#right .stt {
margin: 0px 0px 10px 0px;
}
#right .waku {
width: 740px;
margin: 0px 0px 10px 0px;
float: left;
}
#right .products1 {
width: 360px;
margin: 0px 16px 0px 0px;
float: left;
}
#right .products2 {
width: 174px;
margin: 0px 16px 0px 0px;
float: left;
}
#right .products3 {
width: 174px;
float: left;
}
#right .products4 {
width: 117px;
margin: 0px 7px 10px 0px;
float: left;
}
#right .products5 {
width: 117px;
margin: 0px 0px 10px 0px;
float: left;
}
#right .bn_l {
width: 360px;
float: left;
}
#right .bn_r {
width: 360px;
float: right;
}
#right .news {
width: 720px;
height: 200px;
margin: 0px 0px 30px 0px;
overflow: auto;
padding: 10px;
background: #f5f0e6;
float: left;
}
#right .news dl {
list-style: none;
padding: 0px;
margin: 0px;
}
#right .news_waku {
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
background: url(../img/line_news.gif) left bottom repeat-x;
float: left;
}
#right .news dt {
width: 90px;
padding: 0px 0px 0px 0px;
margin: 0px;
font-weight: bold;
float: left;
}
#right .news dd {
width: 610px;
padding: 0px 0px 0px 0px;
margin: 0px;
float: left;
}


#contents .cont #shopping {
	float: left;
}
#top .top #left .sunpou {
	margin-bottom: 10px;
}