@charset "UTF-8";

*{zoom:1;}

#bodyind {
background:#336633 url(../img/topbg_02.gif) repeat-x left top;
}

#bodyind2 {
background:url(../img/_bg_shadow4_main.gif) repeat-x left top;
}


#bodymain {
background:#336633;
/* background:#A68D4D url(../img/background2.jpg) repeat-x left top; */
}

body,p,span,h1,h2,li,pre{
/* color: #999; */
color:  #333; 
 font: 14px "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
 line-height: 1.5;
 letter-spacing: 0.2em;
}

/*
a { color:#C20F0A; }
*/

/* 画像先読み */
@media screen {
    div#preloader { 
        position: absolute; 
        left: -9999px; 
        top: -9999px; 
    } 
    div#preloader img { 
        display: block; 
    }
}
@media print { 
    div#preloader, 
    div#preloader img { 
        visibility: hidden; 
        display: none; 
    }
}

/* ------------------------------
↓テンプレ
------------------------------ */

#contentiner {
width:960px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

/* ------------------------------
ヘッダー
------------------------------ */

#header {
width:960px;
overflow:hidden;
position: relative;
z-index:0;
}

#header_link {
width:950px;
height:73px;
overflow:hidden;
}

#header h1{
float:right;
height:20px;
}

#header_link ul {
clear:both;
float:right;
margin-top:32px;
}

#header_link ul li {
float:left;
margin-right:4px;
}

#logo_toppages {
position:absolute;
top:0;
left:0; 
z-index:120;
}

/* ------------------------------
ギャラリーイメージ
------------------------------ */

#gallery_image {
background:#003300 url(../img/bg_shadow2_03.gif) repeat-y left top;
width:960px;
height:336px;
overflow:hidden;
}

#gallery_imagein {
width:950px;
height:323px;
overflow:hidden;
margin: 0 auto;
}

#gallery_contenar {
width:100%;
background-color: #666600;
}

#gallery_image2 {
background:#003300 url(../img/bg_shadow2_main.gif) repeat-y left top;
width:960px;
height:158px;
overflow:hidden;
}

#gallery_imagein2 {
width:950px;
height:144px;
overflow:hidden;
margin: 0 auto;
}


#underpages_image {
width:950px;
height:300px;
overflow:hidden;
}

#portfolio { margin:0;}

#menu_right_image {
width: 140px;
position:absolute;
top:350px;
left: 800px;
overflow: hidden;
z-index:200;
}


#menu_right_image2 {
width: 140px;
position:absolute;
top:140px;
left: 800px;
overflow: hidden;
z-index:200;
}



/* ------------------------------
navigation
------------------------------ */

#navigation {
background:#336633 url(../img/bg_shadow1_02.gif) repeat-y left top;
width:960px;
height:64px;
}

#navigation2 {
background:#336633 url(../img/bg_shadow3_main.gif) repeat-y left top;
width:960px;
height:64px;
}


.navigationin {
width:950px;
display: block ;
margin: 0 auto;
}

.navigationin div {height:64px; }

.navigationin a {display: block ; overflow: hidden;}

#lmenu00 { width:343px;float:left; }
#lmenu01 { width:101px;float:left; }
#lmenu02 { width:101px;float:left; }
#lmenu03 { width:101px;float:left; }
#lmenu04 { width:101px;float:left; }
#lmenu05 { width:97px;float:left; }
#lmenu06 { width:106px;float:left; }


#lmenu00 a { background:url(../img/img1_02.gif) no-repeat top; height:64px; z-index: 200;}
#lmenu01 a { background:url(../img/img1_03.gif) no-repeat top; height:64px; z-index: 200;}
#lmenu02 a { background:url(../img/img1_04.gif) no-repeat top; height:64px; z-index: 200;}
#lmenu03 a { background:url(../img/img1_05.gif) no-repeat top; height:64px; z-index: 200;}
#lmenu04 a { background:url(../img/img1_06.gif) no-repeat top; height:64px; z-index: 200;}
#lmenu05 a { background:url(../img/img1_07.gif) no-repeat top; height:64px; z-index: 200;}
#lmenu06 a { background:url(../img/img1_08.gif) no-repeat top; height:64px; z-index: 200;}


#lmenu00 a:hover { background:url(../img/img1_02.gif) no-repeat top; display: block ; }
#lmenu01 a:hover { background:url(../img/img2_03.gif) no-repeat top; }
#lmenu02 a:hover { background:url(../img/img2_04.gif) no-repeat top; }
#lmenu03 a:hover { background:url(../img/img2_05.gif) no-repeat top; }
#lmenu04 a:hover { background:url(../img/img2_06.gif) no-repeat top; }
#lmenu05 a:hover { background:url(../img/img2_07.gif) no-repeat top; }
#lmenu06 a:hover { background:url(../img/img2_08.gif) no-repeat top; }

.dropdown1 {width:101px; height: 64px; float: left;}
.dropdown1 dt {width:101px; height: 64px;cursor:pointer; background:url(../img/img1_04.gif);}
.dropdown1 dt:hover {background:url(../img/img2_04.gif);}
.dropdown1 dd {width:101px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}

.dropdown2 {width:106px; height: 64px; float: left;}
.dropdown2 dt {width:106px; height: 64px;cursor:pointer; background:url(../img/img1_08.gif);}
.dropdown2 dt:hover {background:url(../img/img2_08.gif);}
.dropdown2 dd {width:106px; position:absolute; overflow:hidden; display:none; z-index:200; opacity:0;}

.navigationin ul {width:106px; list-style:none; border-top:none;}
.navigationin li {display:inline;text-align: center;}
.navigationin li a{width:106px; display:block; color:#336633; text-decoration:none; background:#eefeee;}
.navigationin li a{padding:1px; font-size:12px;}
.navigationin li a:hover {background:#336633; color:#fff;}
.navigationin .underline {border-bottom:1px solid #CC0000;}

/* ------------------------------
ポップアップ
------------------------------ */
.pop_logo{
text-align: center;
padding: 30px 0;
overflow: hidden;
}

#pop_ue{
background:url(../img/top_pop_ue-trans.png) no-repeat left top;
width: 500px;
height: 29px;
margin: 0 auto;
}

#pop_naka{
background:url(../img/top_pop_naka-trans.png) repeat-y left top;
width: 500px;
overflow: hidden;
margin: 0 auto;
}
#pop_naka_in{
padding-left: 50px;
overflow: hidden;
}

#pop_sita{
background:url(../img/top_pop_sita-trans.png) no-repeat left top;
width: 500px;
height: 60px;
margin: 0 auto;
}


.pop_info{
color: #FFFFCC;
font-size: 16px;
line-height: 180%;
}

.pop_rei{
color: #FFCC00;
padding: 10px 0 25px 50px;
overflow: hidden;
font-size: 16px;
}

#pop_rei_1{background:url(../img/top_pop_1-trans.png) no-repeat left top;}
#pop_rei_2{background:url(../img/top_pop_2-trans.png) no-repeat left top;}
#pop_rei_3{background:url(../img/top_pop_3-trans.png) no-repeat left top;}
#pop_rei_4{background:url(../img/top_pop_4-trans.png) no-repeat left top;}
#pop_rei_5{background:url(../img/top_pop_5-trans.png) no-repeat left top;}
#pop_rei_6{background:url(../img/top_pop_6-trans.png) no-repeat left top;}
#pop_rei_7{background:url(../img/top_pop_7-trans.png) no-repeat left top;}
#pop_rei_8{background:url(../img/top_pop_8-trans.png) no-repeat left top;}


/* ------------------------------
メインコンテンツ
------------------------------ */
#contents {
background:#A68D4D url(../img/bg_shadow1_02.gif) repeat-y left top;
width:960px;
height:600px;
z-index:0;
overflow:hidden;
}

#main_contents {
width:950px;
height:600px;
background:#006633;
overflow:hidden;
margin: 0 auto;
}


#contents2 {
background: url(../img/bg_shadow3_main.gif) repeat-y left top;
width:960px;
z-index:0;
overflow:hidden;
}


#main_contents2 {
width:950px;
background:#ffffff;
overflow:hidden;
margin: 0 auto;
}


#main_contents_bottom {
width;950px;
height:43px;
background:url(../img/contents_background_bottom-trans.png) no-repeat top;
}

#text_box {
float:left;
width:440px;
height:100%;
margin:60px 25px 60px 0;
overflow:hidden;
}

#text_box p , #text_box_underpages p {
color:#FFFFCC;
margin:0 0 15px 30px;
letter-spacing: 0em;
}

#toppage_image {
float:left;
margin:50px 0;
}

#toppage_image img {
float:left;
margin-right:20px;
}

#feedback a {
color:#aaaaaa;
}

#feedback a:hover {
color:#ffffff;
}

#feedback {
padding:5px;
overflow: hidden;
color: #cccccc;
}

#feedback p {
white-space:nowrap;
color: #cccccc;
font-size: 12px;
}

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

#footer {
width:100%;
/* height:130px; */
overflow:hidden;
background:#003300 left top;
}

/*
#footer div {
width:960px;
margin-left:auto;
margin-right:auto;
background:#003300 url(../img/bg_shadow3_79.gif) repeat-y left top;
}
*/

#footer span {
color:#cccccc;
font-size: 12px;
}


#footer_out {
width:960px;
margin-left:auto;
margin-right:auto;
background:#003300 url(../img/bg_shadow3_79.gif) repeat-y left top;
overflow: hidden;
}

#footer_in {
width:950px;
margin: 0 auto;
overflow:hidden;
padding-bottom: 10px;
}

/*
#footer_in p{
text-align: right;
}
*/

#footer p {
color:#cccccc;
margin:10px 0px 0 0;
font-size: 12px;
}

#footer a{
color:#cccccc;
text-decoration: none;
}

#footer a:hover{
color:#ffffff;
text-decoration: underline;
}


#footer span {
color:#cccccc;
margin:10px 0 0 0;
}

/* ------------------------------
↑ぬテンプレ終わり
------------------------------ */


/* ------------------------------
下位ページ
------------------------------ */

#underpages_contents {
background:#CAAF7A url(../img/staff_bg_top.jpg) no-repeat left top;
width:950px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#underpages_contents2 {
background:url(../img/staff_bg_bottom.jpg) no-repeat right bottom;
width:950px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}




/* ------------------------------
メニュー
------------------------------ */

#menu {
background:url(../img/menu_05.jpg) no-repeat top left;
width:950px;
height: 401px;
overflow:hidden;
}

#menu p {
color:#fff;
font-size:1.2em;
}

#menu_tit {
overflow: hidden;
margin: 70px 0 0 90px;
font-weight: bold;
}

#simei {
overflow: hidden;
margin: 250px 0 0 60px;
}

/* ------------------------------
ギャラリー
------------------------------ */

#gallary_box{
background:url(../img/gallary_05.png) no-repeat top left;
width:950px;
height: 698px;
overflow:hidden;
}


/* ------------------------------
アクセス
------------------------------ */

#adress {
width:310px;
height:345px;
background:url(../img/adress_back-trans.png) no-repeat;
overflow:hidden;
float: left;
}

#adress h3 {
color:#EC9FAA;
margin:10px 0 0 20px;
}

#adress p {
color:#fff;
margin:25px 0 0 20px;
font-size: 16px;
}

#map {
width:850px;
overflow:hidden;
margin:20px;
}

#map img {
float:right;
}

/* ------------------------------
contact_box お問い合わせ
------------------------------ */

#contact_box{
width: 600px;
margin: 20px auto 100px auto;
overflow: hidden;
}

.contact_in {
overflow: hidden;
padding: 20px 10px;
}


.mail_setumei_ue {
background:url(../img/mail_tit.jpg) no-repeat left top;
width: 934px;
height: 37px;
overflow: hidden;
}


.mail_setumei_naka {
background:url(../img/mail_setu_in.jpg) repeat-y left top;
width: 934px;
height: auto;
overflow: hidden;
}

.mail_setumei_naka_in {
padding:20px 30px;
overflow: hidden;
color: #330000;
}
.mail_setumei_sita {
background:url(../img/mail_setu_sita.jpg) no-repeat left top;
width: 934px;
height: 6px;
overflow: hidden;
}

/* ------------------------------
icon_hover_opacity
------------------------------ */


.shop_info h2 a img { filter: alpha(opacity=80); opacity:0.8; }
.shop_info h2 a:hover img { filter:alpha(opacity=100); opacity:1; }


/* ------------------------------
事例紹介
------------------------------ */

.jirei_r_main{
width:900px;
overflow: hidden;
margin: 0 auto;
}

.jirei_r_main_in {
overflow: hidden;
padding: 25px 0;
}

.jirei_th_box{
text-align: center;
width: 210px;
height: 210px;
overflow: hidden;
float: left;
}

.jirei_th_boxin{
text-align: center;
overflow: hidden;
}

.jirei_th_boxin img{
border: 5px solid #999966;
}

#contents2 a{
color:#0044cc;
padding:0;
text-decoration: none;
overflow: hidden;
font-size: 14px;
}

#contents2 a:hover{
color:#990000;
padding:0;
text-decoration: none;
overflow: hidden;
font-size: 14px;
}


.jirei_mei_box_left{
/* border:1px solid green; */
text-align: center;
width: 410px;
height: 410px;
overflow: hidden;
float: left;
}
.jirei_mei_box_left_in{
/* border:1px solid red; */
text-align: center;
overflow: hidden;
}

.jirei_mei_box_left_in img {
border: 1px solid #999966;
}

.jirei_mei_box_right {
width: 490px;
overflow: hidden;
float: left;
}
.jirei_mei_box_right_in {
overflow: hidden;
padding: 0 0 0 20px;
}

.jirei_mei_box_right_up{
/* border:1px solid green; */
text-align: center;
width: 140px;
height: 140px;
overflow: hidden;
float: left;
}
.jirei_mei_box_right_up_in{
/* border:1px solid red; */
text-align: center;
width: 120px;
height: 120px;
overflow: hidden;
}

.jirei_mei_box_right_up_in img {
border: 2px solid #999966;
}

.jirei_mei_box_right_dn{
/* border:1px solid green; */
background: #FEFEE8;
border: 3px solid #999966;
margin: 0 0 0 0;
text-align: left;
width: 430px;
height: 250px;
overflow: hidden;
float: left;
}

.jirei_mei_box_right_dn_in {
overflow: hidden;
padding: 10px;
}
/* ------------------------------
設備紹介
------------------------------ */

.facility_box_main{
/*border:1px solid green;*/
background: url('../img/box_setsubi_07.gif') no-repeat;
padding: 15px;
width:830px;
height: 232px;
overflow: hidden;
margin: 0 auto;
float: left;
}

.facility_boxin_tx{
/*border:1px solid green;*/
margin: 2px 0 0 5px;
width:290px;
height: 200px;
overflow: hidden;
float: left;
}

.facility_boxin_ph{
/*border:1px solid green;
background: url('../img/sestubi_photo_03.gif') no-repeat;*/
margin: 2px 0 0 5px;
width:255px;
height: 200px;
overflow: hidden;
float: left;
}

.facility_boxin_ph img{
	margin: 10px 0 0 10px;
	border: 5px solid #9A9A6C;
}

.facility_name_tx{
color:#006600;
font-size:large;
font-weight:bolder;
margin: 2px 0 0 5px;
}

/* ------------------------------
原材料
------------------------------ */
.brand_menu{
/* border:1px solid green; */
width:170px;
height: 532px;
float: left;
overflow: hidden;
}

.brand_menu2{
/* border:1px solid green; */
width:210px;
height: 532px;
float: left;
overflow: hidden;
}

.brand_menu_in{
background: #ffffcc;
width: 151px;
overflow: hidden;
margin: 8px 0 0 8px;
}

.brand_menu_out{
background: #ffffcc;
overflow: hidden;
margin: 8px 20px 0 8px;
}

.brand_menu_in2 {
overflow: hidden;
padding: 0px 0 8px 4px;
color: #006600;
}

.brand_menu_in2 a {
color: #006600;
}
.brand_data{
/* border:1px solid green; */
width:680px;
/* height: 1024px; */
overflow: hidden;
padding: 8px 0 0 0;
margin: 0 0 0 0px;
float: left;
}

* html .brand_data{
margin: 0 0 0 20px;
}

.page_top_div {
text-align: right;
overflow: hidden;
padding: 0 0 10px 0;
font-size: 12px;
}


.brand_box_main{
/* border:1px solid pink; */
background: url('../img/genzairyo_box_07.gif') no-repeat;
width:680px;
height: 252px;
overflow: hidden;
/* float: left; */
}

.brand_box_ph{
/* border:1px solid pink; */
width:280px;
float: left;
overflow: hidden;
}

.brand_box_ph img {
margin: 31px 0 0 36px;
}

.brand_box_name{
/* border:1px solid green; */
color:#006600;
width: 368px;
height: 60px;
float: left;
overflow: hidden;
}

.brand_box_name_in {
overflow: hidden;
padding: 30px 0 0 30px;
}
.brand_box_comment{
/* border:1px solid green; */
width: 368px;
color:#000;
float: left;
overflow: hidden;
}

.brand_box_comment_in {
overflow: hidden;
padding: 0px 0 0 30px;
}

.shoping_tejyun{
margin:8px auto 20px auto;
border:solid;
border-width:medium;
color:#333;
overflow: hidden;
padding: 20px;
}

/* ------------------------------
トップ
------------------------------ */
#top_box_left{
/* border:1px solid red; */
width: 630px;
height: 580px;
float: left;
overflow: hidden;
}
#top_box_leftin1{
/* border:1px solid red; */
background: url('../img/top_shadow_03.gif') no-repeat;
width: 607px;
height: 193px;
margin: 20px 0 0 5px;
overflow: hidden;
}

#top_box_leftin1_tx{
/* border:1px solid red; */
/* background: url('../img/top_shadow_03.gif') no-repeat;*/
color: #ffffff;
width: 580px;
height: 120px;
margin: 50px 0 0 10px;
overflow: hidden;
}

#top_box_leftin2{
/* border:1px solid red; */
background: url('../img/top_shadow_06.gif') no-repeat;
width: 607px;
height: 339px;
margin: 20px 0 0 5px;
overflow: hidden;
}

#top_box_leftin2_tx{
/* border:1px solid red; */
color: #ffffff;
width: 380px;
height: 260px;
margin: 50px 0 0 210px;
overflow: hidden;
}

.top_box_right{
/* border:1px solid red; */
width: 310px;
height: 580px;
overflow: hidden;
}

#top_box_right1{
/* border:1px solid red; */
background: url('../img/top_original_wood_03.gif') no-repeat;
width: 305px;
height: 338px;
margin: 20px 0 0 0px;
overflow: hidden;
}

#top_box_right1in{
/* border:1px solid black; */
width: 280px;
height: 290px;
margin: 45px 0 0 10px;
overflow: hidden;
}

#top_box_right1in p {
height: 95px;
overflow: hidden;
}

#top_box_right1_ph1{
/* border:1px solid red; */
color: #ffffff;
font-size: 16px;
width: 280px;
height: 120px;
margin: 0px 0 0 10px;
overflow: hidden;
}

#top_box_right2{
background: url('../img/top_blog_11.gif') no-repeat;
width: 305px;
height: 189px;
margin: 20px 0 0 0px;
overflow: hidden;
}

#top_box_right2_tx{
background: url('../img/top_button_16.gif') no-repeat;
color: #ffffff;
font-size: 16px;
width: 280px;
height: 135px;
margin: 42px 0 0 10px;
overflow: hidden;
}

/* ------------------------------
オリジナル商品
------------------------------ */
.shohin_data{
width:750px;
overflow: hidden;

}

.shohin_box_main{
width:740px;
height: 252px;
overflow: hidden;
}

.shohin_meisai_box{
width: 780px;
overflow: hidden;
float: left;
}

.shohin_data_box_u{
overflow: hidden;
padding: 8px 0 20px 0;
}

.shohin_box_main_in{
background-color: #FEFEE8;
border: 3px solid #9A9A6C;
width:680px;
height: 230px;
margin: 0 0 0 40px;
overflow: hidden;
}

.shohin_box_ph{
width:300px;
float: left;
overflow: hidden;
}

.shohin_box_ph img {
margin: 25px 0 0 25px;
border: 3px solid #9A9A6C;
}


.shohin_box_name{
color:#006600;
width: 368px;
height: 30px;
overflow: hidden;
margin-top:20px;
}

.shohin_box_price{
width: 368px;
height: 30px;
overflow: hidden;
}

.shohin_data_box{
width:370px;
height: 360px;
float: left;
overflow: hidden;
}

.shohin_data_box_l{
width:440px;
float: left;
overflow: hidden;
}

.shohin_data_box_r{
width:310px;
float: left;
overflow: hidden;
}

.shohin_data_box_r_in{
background: #FEFEE8;
border: 3px solid #999966;
overflow: hidden;
padding: 15px;
}
.shohin_data_box_l img {
border: 3px solid #999966;
}
.shohin_data_box_r img {
border: 3px solid #999966;
}

.shohin_ph_con{
margin: 0 0 0 20px;
float: left;
overflow: hidden;
}

.shohin_text{
overflow: hidden;
padding:5px 0 15px 0px;
font-size: 16px;
}

.shohin_text span{
font-weight: bold;
font-size:18px;
}
.shohin_data_cmt{
width:750px;
height: 250px;
overflow: hidden;
}

.shohin_data_cmt_tx{
background: #FEFEE8;
padding: 20px 20px 20px 20px;
overflow: hidden;
border: 3px solid #999966;
}

.cart_r_main table tr td {
overflow: hidden;
padding: 3px;
}


.cart_r_main table tr th {
overflow: hidden;
padding: 3px;
}

.kojin_tit {
font-size: 18px;
font-weight: bold;
}
/* ------------------------------
会社概要
------------------------------ */
.overView_box1{
/* border:1px solid green; */
background: url('../img/overView_6.gif') no-repeat;
width:942px;
height: 245px;
margin: 10px 0 10px 0;
overflow: hidden;
}

.overView_txt1{
/* border:1px solid green;*/
color: #000;
width:900px;
height: 200px;
margin: 55px 0 0 23px;
overflow: hidden;
}

.overView_box2{
/* border:1px solid green; */
background: url('../img/overView_9.jpg') no-repeat;
width:950px;
height: 352px;
margin: 20px 0 10px 0;
overflow: hidden;
}

.overView_txt2{
/* border:1px solid green; */
color: #000;
width: 330px;
height: 250px;
margin: 60px 0 0 30px;
overflow: hidden;
}

.overView_box3{
/*background: url('../img/overView_10.gif') no-repeat;*/
width:948px;
height: auto;
margin: 10px 0 20px 0;
overflow: hidden;
}

.overView_txt3{
/* border:1px solid green; */
color: #000;
overflow: hidden;
}

.overView_txt3_1{
background: url('../img/overView_10_1.gif') no-repeat;
height: 43px;
overflow: hidden;
}

.overView_txt3_2{
background: url('../img/overView_10_2.gif') repeat-y;
padding: 10px 0 0 23px;
overflow: hidden;
font-family: "ＭＳ ゴシック";
}

.overView_txt3_3{
background: url('../img/overView_10_3.gif') no-repeat;
height: 16px;
overflow: hidden;
}

/* ------------------------------
QA
------------------------------ */
.qa_box{
border: 3px solid #9A9A6C;
background-color:#FEFEE8;
color:#333333;
width:850px;
overflow: hidden;
margin: 10px 0 20px 40px;
}
.qa_box_q {
margin: 20px;
}

.qa_box_ic {
width: 50px;
overflow: hidden;
vertical-align: middle;
}

.qa_box_txt {
width: 750px;
overflow: hidden;
vertical-align: middle;
}

/* ------------------------------
アクセスマップ
------------------------------ */
.accessmap_box{
width:840px;
margin: 20px 0 20px 45px;
}

.accessmap_box td{
background: #FEFEE8;
border: 3px solid #9A9A6C;
width:400px;
padding: 10px;
}