@charset "UTF-8";

* {margin:0;
padding:0;
border:0;
-moz-box-sizing:border-box;}


img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

html{
overflow-x:hidden;
overflow-y:auto;
height:100%;}


body{font-size:0.75em;
color:#000000;
font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif;
margin:0 auto;
background:scroll 0 0;
min-width:1032px;
overflow-x:hidden;
overflow-y:hidden;
/*
overflow-x:hidden;
_display:inline;
_zoom:1;
*/
}

p{line-height:2em;}
div{line-height:2em;}
ul{line-height:2em;}
li{line-height:2em;}
body{line-height:2em;}
td{line-height:2em;}
th{line-height:2em;}
tr{line-height:2em;}
table{line-height:2em;}

img {vertical-align:top;
border:0;}
a{border:0;}
ul{list-style:none;}
p{margin:10px;}

ul li{list-style:none;}


#wrapper{width:1032px;
margin:0 auto;}

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

a{color:#000000;text-decoration:none;}
a:hover{color:#959595;
text-decoration:none;}
a:visited{color:#000000;}


/*-----------------------------TOP-------------------------*/
.logo{
float:left;
margin:250px 150px 0 140px;}

/*-------MENU------*/
ul#menu{
margin:0;}

#menu li{
float:left;
margin:180px 35px 0 0;}


/*-----MENU-下に行った時のやーつー------*/
#menu_u,#menu_u_2,#menu_u_3,#menu_u_4{
position:absolute;
color:#000000;
font-size:130%;}

#menu_u li,#menu_u_2 li,#menu_u_3 li,#menu_u_4 li{float:left;}

#menu_u li a,#menu_u_2 li a,#menu_u_3 li a,#menu_u_4 li a{color:#000000;}

#menu_u li a:hover,#menu_u_2 li a:hover,#menu_u_3 li a:hover,#menu_u_4 li a:hover{color:#000000;}



/*-----top下のメニュー-----*/
#menu1{
position:relative;
top:1350px;
left:300px;
}
 
#menu2{
position:relative;
top:1350px;
left:360px;
}
 
#menu3{
position:relative;
top:1350px;
left:410px;}

#menu4{
position:relative;
top:1350px;
left:460px;}

#menu5{
position:relative;
top:1350px;
left:510px;}

#menu6{
position:relative;
top:1350px;
left:560px;}

#menu7{
position:relative;
top:1350px;
left:610px;}



/*-----会社概要下のメニュー-----*/
#menu1_2{
position:relative;
top:2530px;
left:300px;
}
 
#menu2_2{
position:relative;
top:2530px;
left:360px;
}
 
#menu3_2{
position:relative;
top:2530px;
left:410px;}

#menu4_2{
position:relative;
top:2530px;
left:460px;}

#menu5_2{
position:relative;
top:2530px;
left:510px;}

#menu6_2{
position:relative;
top:2530px;
left:560px;}

#menu7_2{
position:relative;
top:2530px;
left:610px;}



/*-----主要取引先下のメニュー-----*/
#menu1_3{
position:relative;
top:3050px;
left:300px;
}
 
#menu2_3{
position:relative;
top:3050px;
left:360px;
}
 
#menu3_3{
position:relative;
top:3050px;
left:410px;}

#menu4_3{
position:relative;
top:3050px;
left:460px;}

#menu5_3{
position:relative;
top:3050px;
left:510px;}

#menu6_3{
position:relative;
top:3050px;
left:560px;}

#menu7_3{
position:relative;
top:3050px;
left:610px;}



/*-----取扱い製品下のメニュー-----*/
#menu1_4{
position:relative;
top:3970px;
left:300px;
}
 
#menu2_4{
position:relative;
top:3970px;
left:360px;
}
 
#menu3_4{
position:relative;
top:3970px;
left:410px;}

#menu4_4{
position:relative;
top:3970px;
left:460px;}

#menu5_4{
position:relative;
top:3970px;
left:510px;}

#menu6_4{
position:relative;
top:3970px;
left:560px;}

#menu7_4{
position:relative;
top:3970px;
left:610px;}






/*-----お知らせ-----*/
#topix_area{
display:none;
margin:0 auto;
padding:0;
border:none;
width:100%;
height:100%;
text-align:center;
position:fixed;
top:0;
left:0;
z-index:3333;
background:url('img/news/bk.png') repeat\9;
background:rgba(0,0,0,0.7);}
 
#topix_detail{
left:-50px;
font-size:120%;
color:#000000;
margin:200px auto;
text-align:center;
width:300px;
border:2px solid #646464;
padding:20px;
background-color:#ffffff;
height:300px;}

.topix_scroll{
	height:300px;
	overflow-y:scroll;
}

dl.content{
float:left;}

.content dt{
text-align:left;
float:none;
margin:0 50px 0 0;
clear:both;}

.content dd{
float:none;
text-align:left;
margin:0 0 10px 0;}

.content dd a{
color:#ffffff;
text-decoration:none;}

.content dd a:hover{
color:#ffffff;
text-decoration:underline;}

.news_title{
float:left;
margin:-100px 0 0 340px;}

#close{
background:url(img/news/close.png) no-repeat;
width:46px;
height:86px;
margin:0 0 0 340px;
cursor:pointer;}


/*-----温故知新-----*/
.onko{
clear:both;
margin:0 480px 0 0;}

.clear_menu{
clear:both;
background:url(img/sp.png) repeat;
height:220px;}

.onko_3{
float:right;
margin:0 0 0 50px;}

.onko_title{
float:right;
margin:0 0 0 35px;}

.top_clear{
clear:both;
margin:130px 0 0 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .top_clear{
	clear:both;
	padding:130px 0 0 0;}
}

/*------------------------------------SLIDE SHOW-----------------------------------*/
#slideshow {
position:relative;}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;}

#slideshow IMG.active {
z-index:10;}

#slideshow IMG.last-active {
z-index:9;}

.onko_slide{
position:relative;
top:170px;
left:360px;
height:289px;
margin:0 0 350px 0;}






#slideshow2 {
position:relative;}

#slideshow2 IMG {
position:absolute;
top:0;
left:0;
z-index:8;}

#slideshow2 IMG.active2 {
z-index:10;}

#slideshow2 IMG.last-active2 {
z-index:9;}

.about_slide{
position:relative;
top:100px;
left:-80px;
height:534px;
width:460px;
margin:0;}





#slideshow3 {
position:relative;}

#slideshow3 IMG {
position:absolute;
top:0;
left:0;
z-index:8;}

#slideshow3 IMG.active3 {
z-index:10;}

#slideshow3 IMG.last-active3 {
z-index:9;}

.deal_slide{
position:relative;
top:50px;
left:600px;
height:267px;
margin:0;}


#slideshow4 {
position:relative;}

#slideshow4 IMG {
position:absolute;
top:0;
left:0;
z-index:8;}

#slideshow4 IMG.active4 {
z-index:10;}

#slideshow4 IMG.last-active4 {
z-index:9;}

.contact_slide{
position:relative;
top:50px;
left:650px;
height:483px;
margin:0;}

/*-------------------------------------about----------------------------------*/
.about_title{
float:right;
padding:30px 0 0 0;
margin:20px 55px 0 0;}

dl.about{
line-height:2.5em;
letter-spacing:2px;
float:right;
padding:30px 0 0 0;
margin:20px 55px 200px 0;
width:400px;}

.about dt{
width:30%;
clear:both;
font-weight:normal;
float:left;}

.about dd{
float:left;}

.about_clear{
clear:both;}




/*--------------------------------------deal-------------------------------------*/

.deal_title{
margin:20px 0 0 55px;
padding:30px 0 0 0;
float:left;}

dl.deal{
line-height:2.5em;
letter-spacing:2px;
float:left;
padding:20px 0 0 0;
margin:0 0 250px 55px;
width:500px;}

.deal dt{
width:20%;
clear:both;
font-weight:normal;
float:left;}

.deal dd{
float:left;}

.deal_catch{
float:left;
margin:45px 0 0 55px;}

.deal_clear{
clear:both;}






/*------------------------------------------GOODS----------------------------------------*/
.goods_title{
position:relative;
top:150px;
left:900px;
}

ul#goods_menu{
margin:0 140px 0 0;
}

#goods_menu li{
float:right;
margin:0 20px 0 0;}

.haishi{
	position:relative;
}

.abolition{
	position:absolute;
	top:140px;
	left:610px;
}



/*-----art-----*/
#art{
margin:0 0 658px 0;}

ul#art_sm{
width:320px;
float:right;
position:relative;
top:80px;
left:550px;}

#art_sm li{
float:left;
width:100px;
margin:0 0 20px 0;
text-align:center;}

#art div{
display:none;}

#art div.sm_name{
display:block;}

.clearfix:after{  
display:block;  
clear:both;  
height:0;  
visibility:hidden;  
content:".";  
zoom:1;}  

#art1,#art2,#art3,#art4,#art5,#art6,#art7,#art8,#art9,#art10,#art11,#art12,#art13,#art14{
float:right;
position:relative;
top:-300px;
left:-500px;}


/*-----oa-----*/
#oa{
margin:0 0 658px 0;}

#oa div{
display:none;}

ul#oa_sm{
float:right;
position:relative;
top:80px;
left:325px;
width:320px;}

#oa_sm li{
float:left;
margin:0 0 15px 0;
text-align:center;
width:100px;}

#oa_sm div{
display:none;}

#oa_sm div.sm_name{
display:block;}

#oa1,#oa2,#oa3,#oa4,#oa5{
float:right;
position:relative;
top:-180px;
left:-550px;}



/*-----paper-----*/
#paper{
margin:0 0 658px 0;}

#paper div{
display:none;}

ul#paper_sm{
float:right;
position:relative;
top:80px;
left:480px;
width:300px;}

#paper_sm li{
float:left;
margin:0 0 15px 0;
text-align:center;
width:100px;
background-position:50% 0;}

#paper_sm div{
display:none;}

#paper_sm div.sm_name{
display:block;}

#p1,#p2,#p3,#p4,#p5{
float:right;
position:relative;
top:-300px;
left:-500px;}


/*-----card-----*/
#card{
margin:0 0 658px 0;}

#card div{
display:none;}

ul#card_sm{
float:right;
position:relative;
top:80px;
left:545px;
width:340px;}

#card_sm li{
float:left;
margin:0 0 15px 0;
width:110px;
text-align:center;}

#card_sm div{
display:none;}

#card_sm div.sm_name{
display:block;}

#card1,#card2,#card3{
float:right;
position:relative;
top:-200px;
left:-520px;}



/*-----food-----*/
#food{
margin:0 0 658px 0;}

#food div{
display:none;}

ul#food_sm{
float:right;
position:relative;
top:80px;
left:518px;
width:340px;}

#food_sm li{
float:left;
margin:0 0 15px 0;
text-align:center;
width:100px;}

#food_sm div{
display:none;}

#food_sm div.sm_name{
display:block;}

#food1,#food2,#food3,#food4,#food5{
float:right;
position:relative;
top:-260px;
left:-520px;}


/*-----func-----*/
#func{
margin:0 0 658px 0;}

#func div{
display:none;}

ul#func_sm{
float:right;
position:relative;
top:80px;
left:248px;
width:320px;}

#func_sm li{
float:left;
margin:0 0 20px 0;
text-align:center;
width:160px;}

#func_sm div{
display:none;}

#func_sm div.sm_name{
display:block;}

#func1,#func2,#func3,#func4,#func5{
float:right;
position:relative;
top:-180px;
left:-550px;}









/*-------------------------------------------------------contact-------------------------------------------*/
.contact_title{
float:left;}

.contact_area{
float:left;
position:relative;
top:20px;
left:100px;
padding:50px 0 0 0;
margin:0;}

.contact_area_detail{
float:left;
margin:30px 0 0 50px;}

.contact_catch{
font-size:130%;
font-weight:bold;
margin:-35px 0 20px 0;}

#name{
width:400px;
border:1px solid #d4d4d4;
padding:5px;
margin:0 0 40px 0;}

#message{
width:500px;
border:1px solid #d4d4d4;
padding:5px;
margin:0 0 40px 0;}

#submit{
background-color:#000000;
color:#ffffff;
font-size:140%;
width:141px;
height:34px;
font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝B","ＭＳ Ｐ明朝",serif;}

#autoReply{
margin:0 0 20px 0;}

.confirm_area{
margin:10px 0 40px 0;}

.confirm_logo{
margin:100px 0 50px 250px;}

.contact_confirm_area{
margin:0 auto;}

.contact_catch_confirm{
font-size:130%;
font-weight:bold;
margin:40px 0 20px 0;}

#wrapper_confirm{
width:800px;
margin:0 auto;}

.ERR{
color:#992200;}

.confirm_title{
font-weight:bold;
font-size:110%;}




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

#menu_u_contact{
color:#000000;
font-size:130%;
margin:80px 0 0 200px;}

#menu_u_contact li{float:left;
margin:100px 50px 0 0;}

#menu_u_contact li a{color:#000000;}

#menu_u_contact li a:hover{color:#000000;}

.contact_clear{
clear:both;}

.footer{
clear:both;
text-align:center;
margin:250px 0 100px 80px;
width:100%;}

.footer_confirm{
margin:150px 0 100px 300px;}








/*------------------------------------------------------GoogleMap---------------------------------------------*/
/*#map_area{
position:relative;
top:100px;
left:-80px;
float:right;
height:534px;
width:460px;
z-index:2222!important;}

#map_area:before{
content:"";
display:block;
position:absolute;
top:-138px;
left:0;
border-top:138px solid transparent;
border-right:230px solid #ffffff;
border-bottom:138px solid transparent;
border-left:230px solid #ffffff;
z-index:2244;
}



#map_area:after{
content:"";
display:block;
position:absolute;
top:398px;
left:0;
border-top:138px solid transparent;
border-right:230px solid #ffffff;
border-bottom:138px solid transparent;
border-left:230px solid #ffffff;
z-index:2233;
}
*/

.map_cont{
position:relative;
top:100px;
left:-80px;
float:right;
height:534px;
width:460px;
z-index:2222!important;
}

.map_cont iframe{
	max-width:100%;
	/*filter:grayscale(100%);*/
	/*-webkit-filter:grayscale(100%);*/
}

.map_cont:before{
content:"";
display:block;
position:absolute;
top:-138px;
left:0;
border-top:138px solid transparent;
border-right:230px solid #ffffff;
border-bottom:138px solid transparent;
border-left:230px solid #ffffff;
z-index:2244;
}



.map_cont:after{
content:"";
display:block;
position:absolute;
top:398px;
left:0;
border-top:138px solid transparent;
border-right:230px solid #ffffff;
border-bottom:138px solid transparent;
border-left:230px solid #ffffff;
z-index:2233;
}