@charset "UTF-8";
/***----------------------------------------------------------------
styles.css
Copyright MARUYA HONTEN. All rights reserved.
--------------------------------------------------------------- ***/

/***------------
default
------------***/
body {
font-family: "lr oSVbN", "qMmpS Pro W3", Verdana;
text-align: justify;
line-height:1.3em;
font-size:100%;
color: #949393;
background: #000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr {
margin:0px;
padding:0px;
}
table {
border-collapse:collapse;
border-spacing:0px;
}
fieldset, img {
border:none;
}
ol, ul {
list-style:none;
}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, th, var, caption, th, optgroup {
font-size:100%;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align:left;
}
q:before, q:after {
content:'';
}
a{
overflow:hidden;
}
strong {
font-weight:bold;
}
/***------------
common
------------***/
.clr {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}
.hidden {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
display: block;
}
.right {
float: right;
}
.center {
text-align: center;
}
.left {
float: left;
}
.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 */
.photo_l {
margin: 0px 10px 10px 0px;
}
.photo_border {
border: 1px solid #CCCCCC;
}
.line-height {
line-height: 2em;
}
.pagetop {
padding: 20px 0px 0px 0px;
text-align: right;
font-size: 65%;
clear: both;
}

/***------------
color font-size
------------***/
.strong {
font-weight: bold;
}
.font-size17 {
font-size: 130%;
}
.font-white {
color: #FFFFFF;
}
.font-gray {
color: #CCCCCC;
}
.font-red {
color: #FF6666;
}
.font-yello {
color: #CCCC99;
}

/***------------
default link
------------***/
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
color: #CCCCCC;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
text-decoration: underline;
}
a:active {
color: #949393;
text-decoration: underline;
}

/***------------
body
------------***/
#BODY_TOP {
height: 325px;
background: url(../topimg/bg_top.gif) repeat-x left top ;
}
#BODY_CONTENT {
height: 185px;
background: url(../topimg/bg_top.gif) repeat-x left top ;
}
/***------------
contents all
------------***/
#ALL {
width: 850px ;
padding: 0px ;
margin: 0px ;
}

/***------------
header contents
------------***/
#HEAD {
position: relative;
width: 850px;
clear: both;
}
#HEAD h1 a {
position: absolute;
left: 12px;
top: 15px;
width: 105px;
height: 160px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/logo.gif) no-repeat ;
}
#HEAD p {
position: absolute;
font-size: 65%;
width: 380px;
height: 22px;
left: 133px;
top: 15px;
color: #CCCCCC;
}
#HEAD .flash {
position: absolute;
width: 720px;
height: 280px;
left: 130px;
top: 45px;
}
#HEAD .photo {
position: absolute;
width: 720px;
height: 140px;
left: 130px;
top: 45px;
}
#SHOP_ADDRESS {
width: 720px;
font-size: 65%;
line-height: 1.3em;
}
#SHOP_ADDRESS .left {
width: 174px;
margin: 0px 8px 0px 0px;
float: left;
}
#SHOP_ADDRESS .right {
width: 174px;
margin: 0px 0px 0px 0px;
float: right;
}
#HEADERMENU {
position: relative;
width: 720px;
height: 173px;
margin: 15px 0px 0px 0px;
background: url(../img/menu.jpg) no-repeat ;
}
#HEADERMENU li {
float: left;
height: 173px;
display: block;
}
#HEADERMENU li a {
height: 173px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#HEADERMENU .MENU01 { width: 182px; background: url(../img/menu.jpg) no-repeat 0px 0px; }
#HEADERMENU .MENU01 a:hover { width: 174px; background: url(../img/menu.jpg) no-repeat 0px -173px; }
#HEADERMENU .MENU02 { width: 182px; background: url(../img/menu.jpg) no-repeat -182px 0px; }
#HEADERMENU .MENU02 a:hover { width: 174px; background: url(../img/menu.jpg) no-repeat -182px -173px; }
#HEADERMENU .MENU03 { width: 182px; background: url(../img/menu.jpg) no-repeat -364px 0px; }
#HEADERMENU .MENU03 a:hover { width: 174px; background: url(../img/menu.jpg) no-repeat -364px -173px; }
#HEADERMENU .MENU04 { width: 174px; background: url(../img/menu.jpg) no-repeat -546px 0px; }
#HEADERMENU .MENU04 a:hover { width: 174px; background: url(../img/menu.jpg) no-repeat -546px -173px; }

#MENUSUB {
position: absolute;
width: 256px;
height: 22px;
left: 594px;
top: 16px;
}
#MENUSUB li {
height: 22px;
float: left;
display: block;
}
#MENUSUB a.subMenu01 { height: 22px; width: 90px; margin-right: 5px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_01.gif) no-repeat; }
#MENUSUB a.subMenu02 { height: 22px; width: 90px; margin-right: 5px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_02.gif) no-repeat; }
#MENUSUB a.subMenu03 { height: 22px; width: 66px; margin: 0px; overflow: hidden; display: block; text-indent: -9999px; background: url(../img/smenu_03.gif) no-repeat; }

/***------------
top contents
------------***/
#SHOP {
position: relative;
width: 720px;
margin: 0px 0px 0px 130px;
clear: both;
}
#TOPMAIN {
position: relative;
width: 720px;
margin: 0px 0px 0px 130px;
clear: both;
}
#NEWS {
width: 445px;
margin: 30px 0px 0px 0px;
background: url(../topimg/bg_dotto.gif) repeat-y ;
float: left;
}
#NEWS .title {
width: 127px;
padding: 5px 0px 0px 15px;
float: left;
}
#NEWS .right {
	width: 280px;
	_width: 303px;
	float: right;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#NEWS .date {
font-size: 65%;
padding: 3px 0px 0px 0px;
}
#NEWS .txt {
font-size: 80%;
line-height: 1.3em;
padding: 0px 0px 6px 0px;
border-bottom: 1px solid #323232;
}

#NEWS .qr{
clear:both;
width:445px;
border-top: 1px solid #323232;
}


#NEWS .qr .txt_lt {
	width: 300px;
	height:106px;
	float: right;
	font-size: 80%;
line-height: 1.3em;
padding: 0;
}
#NEWS .qr .txt_lt img.qrcode{
float:right;
margin-left:20px;
}

#BANNER {
width: 260px;
margin: 30px 0px 0px 0px;
float: right;
}
#BANNER .left {
width: 125px;
margin: 0px 8px 10px 0px;
text-align: center;
float: left;
}
#BANNER .left2 {
width: 250px;
margin: 0px 8px 10px 0px;
text-align: center;
/*float: left;*/
clear:left;
}
#BANNER .left2.b{
padding-bottom:10px;
border-bottom:1px solid #323232;
}
#BANNER .left2 img{
margin:0;
}
#BANNER .left2 a:link img,
#BANNER .left2 a:visited img{
background-color:#dddddd;
}
#BANNER .left2 a:hover img,
#BANNER .left2 a:active img{
background-color:#FFCC33;
}


#BANNER .right {
width: 125px;
text-align: center;
float: right;
}

#TOPMAIN #BANNER #tabiiro {
	width: 250px;
	text-align: center;
	float: left;
}

/****/
#CONTENT_RIGHT .bn {
width: 154px;
margin: 0px 0 3px 0px;
text-align: center;
/*float: left;*/
clear:left;
}
#CONTENT_RIGHT .bn.b{
padding-bottom:10px;
border-bottom:1px solid #323232;
}
#CONTENT_RIGHT .bn.t{
margin-top:5px;

}
#CONTENT_RIGHT .bn img{
margin:0;
}
#CONTENT_RIGHT .bn a:link img,
#CONTENT_RIGHT .bn a:visited img{
background-color:#dddddd;
}
#CONTENT_RIGHT .bn a:hover img,
#CONTENT_RIGHT .bn a:active img{
background-color:#FFCC33;
}

/****/

/***------------
footer contents
------------***/
#FOOTER {
position: relative;
width: 850px;
font-size: 65%;
text-align: center;
background: #161616;
margin: 30px 0px 0px 0px;
padding: 3px 0px;
clear: both;
}
#COPY {
width: 850px;
font-size: 65%;
color: #666666;
text-align: center;
padding: 3px 0px;
}

/***------------
content
------------***/
#CONTENT {
position: relative;
width: 720px;
margin: 30px 0px 0px 130px;
clear: both;
}
#CONTENT h2 {
height: 40px;
padding: 0px;
margin: 0px 0px 10px 0px;
clear: both;
}
* html id {
margin: 0px;
padding: 0px;
}
#CONTENT h3 {
height: 22px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px 0px;
background:url(../img/bg_h3.gif) no-repeat left top;
clear: both;
}
#CONTENT h4 {
height: 18px;
padding: 2px 10px 5px 10px;
margin: 0px 0px 10px 0px;
font-weight:bold;
background:url(../img/bg_h4.gif) repeat-x left top;
clear: both;
}
#CONTENT .menu_txt {
padding: 10px;
background: #333333;
clear: both;
}
#CONTENT_LEFT {
width: 540px;
float: left;
color: #FFFFFF;
font-size: 80%;
}
#CONTENT_LEFT .photo_left1 {
margin: 20px 0px 20px 0px;
float: left;
}
#CONTENT_LEFT .photo_left2 {
margin: 0px 0px 20px 0px;
float: left;
}
#CONTENT_LEFT .photo_right1 {
margin: 20px 0px 20px 0px;
float: right;
}
#CONTENT_LEFT .photo_right2 {
width: 260px;
margin: 0px 0px 20px 20px;
float: right;
}
#CONTENT_LEFT .access {
margin: 0px 0px 20px 0px;
}
#CONTENT_LEFT .menu_left {
width: 200px;
margin: 0px 0px 0px 0px;
float: left;
text-align:center;
}

.menuname{
margin-top:0px;
padding-top:0px; padding-bottom:2px;
}

#CONTENT_LEFT .menu_right {
width: 330px;
margin: 0px 0px 20px 0px;
float: right;
}
#CONTENT_LEFT .menu {
width: 540px;
margin: 0px 0px 20px 0px;
}
#CONTENT_LEFT .menu_left img {
margin: 7px 0px 0px 0px;
}
#CONTENT_RIGHT {
width: 154px;
float: left;
margin: 0px 0px 0px 15px;
}
#CONTENT_RIGHT img {
margin: 0px 0px 5px 0px;
}
#CONTENT_RIGHT .txtmenu {
width: 100px;
_width: 154px;
font-size: 0.8em;
padding: 1px 27px 1px 27px;
border-bottom: 1px solid #333333;
}

/***------------
content CONTACT
------------***/
#CONTACT {
color: #FFFFFF;
font-size: 80%;
}

/***------------
content SHOPPING
------------***/
#SHOPPING {
color: #FFFFFF;
font-size: 80%;
}

/***------------
table
------------***/
#TABLE {
position: relative;
width: 540px;
line-height: 1.3em;
clear: both;
}
#TABLE table {
margin: 0px 0px 20px 0px;
border-collapse:collapse;
}
#TABLE td,th {
padding: 5px;
_font-size:13px;
font-weight: normal;
}
#TABLE th {
background: #333333;
border-bottom: 1px solid #666666;
}
#TABLE td {
background: #252525;
border-bottom: 1px solid #666666;
}

/***------------
table menu
------------***/
#TABLE_MENU TABLE_MENU2 TABLE_MENU3 TABLE_MENU4 TABLE_MENU5 {
position: relative;
line-height: 1.6em;

clear: both;
}
#TABLE_MENU TABLE_MENU2 TABLE_MENU3 TABLE_MENU4 TABLE_MENU5 table {
border-collapse:collapse;

}
#TABLE_MENU TABLE_MENU2 TABLE_MENU3 TABLE_MENU4 TABLE_MENU5 td,th {
border-bottom: 1px solid #333333;
_font-size:13px;
padding:5px;
font-weight: normal;
}

/***------------
table contact
------------***/
#TABLE_CONTACT {
position: relative;
line-height: 1.3em;
clear: both;
}
#TABLE_CONTACT table {
border-collapse:collapse;
}
#TABLE_CONTACT td,th {
border-bottom: 1px solid #333333;
padding: 5px;
font-weight: normal;
}