/* ------------------------------------------------------------------------- */
/*		base Style Sheet		*/
/* ------------------------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

div{
	border:0;
}


body{
font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3",verdana,arial, sans-serif;
color:#615C5C;
margin:0 auto;
padding:0;
text-align:center;
background-image: url(img/line.gif);
background-repeat:repeat;
font-size:72%;line-height:150%;
}

*html body{
font-size:70%;
}

/* safari only*/
html[xmlns*=""]body:last-child {
font-size:12px;
}

img{
border:none;
vertical-align:bottom;
margin:0;
padding:0;
}

li {
line-height:0;
	}

a{
color:#392015;
text-decoration:none;
border:0;
line-height:normal;
}

a:hover{
color:#2A1207;
text-decoration:underline;
border:0;
line-height:normal;
}


.clear{
clear:both;
margin:0;
height:1px;
}

input{
border:1px gray solid;
padding:5px;
}

textarea{
border:1px gray solid;
padding:5px;
margin-bottom:10px;
}


/* Wrappと全体レイアウト
------------------------------------------------- */
#wrap{
margin:0 auto 5px auto;
padding:0;
border:0;
width:840px;
text-align:center;
background-color:#9F978F;
}

#all,#all_top{
margin:0 auto 0 10px;
padding:0;
border:0;
width:820px;
text-align:left;
background-color:#FFFFFF;
background-image:url(img/mizu_all.gif);
background-repeat:repeat-y;
}

*html #all, *html #all_top{
margin:0 auto 0 1px;
margin-top:-6px;
}

#all_top{
background-image:none;
}

#topbar{
background-image: url(img/topbar.gif);
background-repeat:repeat-x;
height:8px;
}


#leftmenu{
width:150px;
margin-left:8px;
float:left;
height:100%;
text-align:center;
}

*html #leftmenu{
margin-left:5px;
}

#main{
float:left;
width:658px;
}

/* 左メニュー中味
------------------------------------------------- */

#leftbrand{
background-image:url(img/left_brand.gif);
background-repeat:no-repeat;
width:146px;
height:152px;
margin-top:18px;
margin-left:3px;
text-align:left;
}

*html #leftbrand{
margin-left:0;
}

#brandmenu{
padding-top:7px;
list-style:none;
}

*html #brandmenu{
padding-top:3px;
}

*+html body #brandmenu{
padding-top:3px;
}


#brandmenu li a span{
position:absolute;
top:-3000px;
left:-3000px;
z-index:1;
}


#brandmenu li#left_eley a, #brandmenu li#left_eley a:hover,
#brandmenu li#left_hobo a, #brandmenu li#left_hobo a:hover,
#brandmenu li#left_nocon a, #brandmenu li#left_nocon a:hover,
#brandmenu li#left_others a, #brandmenu li#left_others a:hover,
#brandmenu li#left_theatre a, #brandmenu li#left_theatre a:hover{
display:block;
height:14px;
width:119px;
background-repeat:no-repeat;
margin:10px auto 0 12px;
}

#brandmenu li#left_eley a{
background-image:url(img/left_eley.gif);
}

#brandmenu li#left_eley a:hover{
background-image:url(img/ov/left_eley.gif);
}

#brandmenu li#left_hobo a{
background-image:url(img/left_hobo.gif);
}

#brandmenu li#left_hobo a:hover{
background-image:url(img/ov/left_hobo.gif);
}

#brandmenu li#left_nocon a{
background-image:url(img/left_nocon.gif);
}

#brandmenu li#left_nocon a:hover{
background-image:url(img/ov/left_nocon.gif);
}


#brandmenu li#left_others a{
background-image:url(img/left_others.gif);
}

#brandmenu li#left_others a:hover{
background-image:url(img/ov/left_others.gif);
}


#brandmenu li#left_theatre a{
background-image:url(img/left_theatre.gif);
}

#brandmenu li#left_theatre a:hover{
background-image:url(img/ov/left_theatre.gif);
}


/*　左メニューバナー
------------------------------------------------- */

.leftbannar{
width:140px;
margin-left:8px;
margin-top:20px;
}

.leftbannar img{
margin-top:5px;
}

/* 右上メニュー中味
------------------------------------------------- */

#yokomenu{
background-image:url(img/menubar.gif);
background-repeat:no-repeat;
width:100%;
margin-top:1px;
margin-left:4px;
}

#menubar{
list-style:none;
height:30px;
margin-left:8px;
}

#menubar li{
display:inline; 
display:block; 
float:left;
padding:0;
margin:0;
margin-top:7px;
}

#menubar li a span{
position:absolute;
top:-3000px;
left:-3000px;
z-index:1;
}

#menubar li#m_top a, #menubar li#m_top a:hover,
#menubar li#m_info a, #menubar li#m_info a:hover,
#menubar li#m_about a, #menubar li#m_about a:hover,
#menubar li#m_contact a, #menubar li#m_contact a:hover,
#menubar li#m_link a, #menubar li#m_link a:hover{
display:block;
height:14px;
background-repeat:no-repeat;
}


#menubar li#m_top a, #menubar li#m_top a:hover{
width:48px;
background-image:url(img/m_top.gif);
}

#menubar li#m_top a:hover{
background-image:url(img/ov/m_top.gif);
}

#menubar li#m_info a, #menubar li#m_info a:hover{
width:88px;
background-image:url(img/m_info.gif);
}

#menubar li#m_info a:hover{
background-image:url(img/ov/m_info.gif);
}

#menubar li#m_about a, #menubar li#m_about a:hover{
width:137px;
background-image:url(img/m_about.gif);
}


#menubar li#m_about a:hover{
background-image:url(img/ov/m_about.gif);
}

#menubar li#m_contact a, #menubar li#m_contact a:hover{
width:65px;
background-image:url(img/m_contact.gif);
}

#menubar li#m_contact a:hover{
background-image:url(img/ov/m_contact.gif);
}

#menubar li#m_link a, #menubar li#m_link a:hover{
width:48px;
background-image:url(img/m_link.gif);
}

#menubar li#m_link a:hover{
width:48px;
background-image:url(img/ov/m_link.gif);
}


#menubar li#m_phone a, #menubar li#m_phone a:hover{
display:block;
width:150px;
height:34px;
background-repeat:no-repeat;
background-image:url(img/m_tel.gif);
margin-left:100px;
margin-top:-6px;
}


/* 右メインエリア
------------------------------------------------- */

#mainnaka{
width:608px;
margin-left:27px;
margin-top:8px;
}

/* footer
------------------------------------------------- */

#footer{
margin:15px auto auto auto;
padding:0;
width:820px;
text-align:left;
background-color:#E4DED8;
}

*html #footer{
margin-top:2px;
}

#footpres{
margin:0 auto 0 15px;
padding-top:14px;
width:770px;
text-align:left;
background-image: url(img/footer_logo.gif);
background-position:right bottom;
background-repeat:no-repeat;
font-size:85%;line-height:150%;
}

#footadress{
margin:0 auto 0 22px;
padding-top:8px;
width:770px;
text-align:right;
font-size:90%;
}

*html #footadress{
margin:0 auto 0 15px;
}

/* TOPPAGE
------------------------------------------------- */


#mizutamatop{
width:820px;
height:185px;
background-image:url(../top_img/top_mizutama.gif);
padding-top:20px;
background-repeat:repeat;
}

*html #mizutamatop{
width:820px;
height:200px;
background-image:url(../top_img/top_mizutama.gif);
background-repeat:repeat;
margin-top:-13px;
}

*+html body #mizutamatop {
margin-top:13px;
}

#topleftbrand{
background-image:url(../top_img/top_brandmenu.gif);
background-repeat:no-repeat;
width:232px;
height:160px;
margin-left:30px;
text-align:left;
float:left;
}

*html #topleftbrand{
margin-left:18px;
}

#topbrandmenu{
padding-top:12px;
list-style:none;
}


#topbrandmenu li a span{
position:absolute;
top:-3000px;
left:-3000px;
z-index:1;
}


#topbrandmenu li#left_eley a, #topbrandmenu li#left_eley a:hover,
#topbrandmenu li#left_hobo a, #topbrandmenu li#left_hobo a:hover,
#topbrandmenu li#left_nocon a, #topbrandmenu li#left_nocon a:hover,
#topbrandmenu li#left_others a, #topbrandmenu li#left_others a:hover,
#topbrandmenu li#left_theatre a, #topbrandmenu li#left_theatre a:hover{
display:block;
height:20px;
width:197px;
background-repeat:no-repeat;
margin:4px auto 0 15px;
}

#topbrandmenu li#left_eley a{
background-image:url(../top_img/top_eley.gif);
}

#topbrandmenu li#left_eley a:hover{
background-image:url(../top_img/ov/top_eley.gif);
}

#toptext{
float:left;
width:504px;
margin-left:20px;
}

#topbrandmenu li#left_hobo a{
background-image:url(../top_img/top_hobo.gif);
}

#topbrandmenu li#left_hobo a:hover{
background-image:url(../top_img/ov/top_hobo.gif);
}

#topbrandmenu li#left_nocon a{
background-image:url(../top_img/top_nocon.gif);
}

#topbrandmenu li#left_nocon a:hover{
background-image:url(../top_img/ov/top_nocon.gif);
}


#topbrandmenu li#left_others a{
background-image:url(../top_img/top_others.gif);
}

#topbrandmenu li#left_others a:hover{
background-image:url(../top_img/ov/top_others.gif);
}

#topbrandmenu li#left_theatre a{
background-image:url(../top_img/top_theatre.gif);
}

#topbrandmenu li#left_theatre a:hover{
background-image:url(../top_img/ov/top_theatre.gif);
}

#accesstop{
margin:20px auto 20px 30px;
width:760px;
}

*html #accesstop{
margin:7px auto 20px 30px;
}

#mapyoko{
width:380px;
float:left;
}

#taccess{
width:220px;
float:left;
}

#tadress{
width:140px;
margin-left:15px;
float:left;
}

*html #tadress{
margin-left:5px;
}

#taccess img, #tadress img{
margin-bottom:10px;
}

#topyokomenu{
background-image:url(../top_img/top_menubar.gif);
background-repeat:repeat-x;
width:100%;
margin-top:1px;
height:34px;
}

#topyokomenu #menubar{
margin-left:26px;
}

#topyokomenu #menubar li{
margin-top:10px;
}

#topyokomenu #menubar li#m_phone a, #topyokomenu #menubar li#m_phone a:hover{
display:block;
width:150px;
height:34px;
background-repeat:no-repeat;
background-image:url(img/m_tel.gif);
margin-left:230px;
margin-top:-9px;
}

.topbn{
margin-top:18px;
width:375px;
font-size:85%;line-height:150%;
padding-top:8px;
padding-bottom:18px;
border-top:1px #CCCCCC dotted;
}

.topbn a, .topbn a:hover{
color:#95B01A;
margin-bottom:5px;
}

.topbn img{
float:left;
margin-right:10px;
}

#topicons{
width:730px;
margin-left:54px;
margin-top:12px;
}

*html #topicons{
margin-bottom:18px;
margin-top:2px;
}

#topicons img{
border:1px #CCCCCC solid;
padding:4px;
margin:0;
margin-right:10px;
margin-bottom:12px;
float:left;
}

*html #topicons img{
padding:0;
margin-right:18px;
}


/* FORM
------------------------------------------------- */


#c_form{
width:560px;
margin-left:5px;
margin-top:14px;
padding:20px;
border:1px #EEEEEE solid;
text-align:left;
margin-bottom:10px;
}

*html #c_form{
width:580px;
}

.formbox{
width:500px;
text-align:left;
margin-left:20px;
}

.center{
width:500px;
text-align:center;
}

#pro_left{
width:327px;
float:left;
margin-left:5px;
}

#pro_left img{
border:1px #CCCCCC solid;
padding:4px;
margin:0;
margin-right:3px;
margin-bottom:5px;
}

*html #pro_left img{
padding:0;
margin-right:10px;
margin-bottom:10px;
}


#pro_right{
width:265px;
float:left;
}


#productname{
font-size:110%;line-height:150%;
font-weight:bold;
padding-bottom:10px;
border-bottom:1px #CCCCCC solid;
}

#tg_no, #tg_size, #tg_price{
width:215px;
margin-top:10px;
padding-left:50px;
padding-bottom:5px;
border-bottom:1px #CCCCCC dotted;
}

#tg_no{
background-image: url(img/tg_no.gif);
background-repeat:no-repeat;
}

#tg_size{
background-image: url(img/tg_size.gif);
background-repeat:no-repeat;
}

#tg_price{
background-image: url(img/tg_price.gif);
background-repeat:no-repeat;
}

#pro_long{
width:265px;
margin-top:10px;
padding-top:32px;
padding-bottom:5px;
border-top:1px #CCCCCC dotted;
border-bottom:1px #CCCCCC dotted;
background-image: url(img/tg_about.gif);
background-repeat:no-repeat;
}

.pro_index{
width:570px;
margin-left:24px;
margin-top:6px;
}

.pro_index img{
border:1px #CCCCCC solid;
padding:4px;
margin:0;
margin-right:10px;
margin-bottom:10px;
float:left;
}

*html .pro_index img{
padding:0;
margin-right:16px;
margin-bottom:16px;
}

.pro_name{
float:left;
width:300px;
margin-left:20px;
}