@charset "utf-8";
/* CSS Document */

#main_wrapper{
	padding:1.6%;
}

#main_wrapper img{
border-radius:10px;
}

#main_visual{
	list-style:none;
}
/*search_product
--------------------------------------------------------------*/
#search_product p{
	font-size:75%;
}

#search_product p.sbtn01{
	position:absolute;
	right:5%;
	bottom:5%;
	color:#FFF;
	font-size:87.5%;
	font-weight:bold;
	text-shadow:1px 2px rgba(0, 0, 0, 0.3);
	border-radius:15px;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
}

#search_product p.sbtn01 span{
	display:block;
	padding:5px 25px 5px 10px;
	background-repeat:no-repeat;
	background-position:43px 50%;
	border-radius:15px;
	position:relative;
}

#english #search_product p.sbtn01 span{
	background-position:65px 50%;
}


#search_product a{
	float:left;
	background:#FFF;
	background-repeat:no-repeat;
	background-position:90% 15%;
	color:#474646;
	text-decoration:none;
	border-radius:13px;
	position:relative;
}


#search_product h3{
	font-size:110%;
	line-height:1.4;
}

#english #search_product h3{
	line-height:1.1;
	padding:0 0 5px 1.2em;
	position:relative;
}

#search_product h3 span{
	font-size:70%;
}

#english #search_product h3 span{
	position:absolute;
	top:0.5em;
	left:0;
}

#search_product a#search_field{ background-image:url(../img/home/bg01.png); }
#search_product a#search_use{ background-image:url(../img/home/bg02.png); }
#search_product a#search_company{ background-image:url(../img/home/bg03.png); }
#search_product a#search_name{ background-image:url(../img/home/bg04.png); }

#search_product a#search_field h3{ color:#008bad;}
#search_product a#search_use h3{ color:#80a50f;}
#search_product a#search_company h3{ color:#ec8b0e;}
#search_product a#search_name h3{ color:#ec3d0e;}


#search_product a#search_field p.sbtn01{
	background-color:#42a2b3;
	background:linear-gradient(#87e7f8, #42a2b3);
	background:-webkit-gradient(linear, center top, center bottom, from(#87e7f8), to(#42a2b3));
	-pie-background:linear-gradient(#87e7f8, #42a2b3);
}

#search_product a#search_field:hover p.sbtn01{
	background:linear-gradient(#aaf2ff, #5ab5c5);
	background:-webkit-gradient(linear, center top, center bottom, from(#aaf2ff), to(#5ab5c5));
	-pie-background:linear-gradient(#aaf2ff, #5ab5c5);
}


#search_product a#search_field p.sbtn01 span{ background-image:url(../img/home/arrow01.png);}


#search_product a#search_use p.sbtn01{
	background-color:#81a610;
	background:linear-gradient(#cbf05a, #81a610);
	background:-webkit-gradient(linear, center top, center bottom, from(#cbf05a), to(#81a610));
	-pie-background:linear-gradient(#cbf05a, #81a610);
}

#search_product a#search_use:hover p.sbtn01{
	background:linear-gradient(#e1fe86, #94b923);
	background:-webkit-gradient(linear, center top, center bottom, from(#e1fe86), to(#94b923));
	-pie-background:linear-gradient(#e1fe86, #94b923);
}

#search_product a#search_use p.sbtn01 span{ background-image:url(../img/home/arrow02.png);}

#search_product a#search_company p.sbtn01{
	background-color:#ed8c0f;
	background:linear-gradient(#ffd154, #ed8c0f);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffd154), to(#ed8c0f));
	-pie-background:linear-gradient(#ffd154, #ed8c0f);
}

#search_product a#search_company:hover p.sbtn01{
	background:linear-gradient(#ffdb79, #f29a2a);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffdb79), to(#f29a2a));
	-pie-background:linear-gradient(#ffdb79, #f29a2a);
}

#search_product a#search_company p.sbtn01 span{ background-image:url(../img/home/arrow03.png); }

#search_product a#search_name p.sbtn01{
	background-color:#f04112;
	background:linear-gradient(#ff8455, #f04112);
	background:-webkit-gradient(linear, center top, center bottom, from(#ff8455), to(#f04112));
	-pie-background:linear-gradient(#ff8455, #f04112);
}

#search_product a#search_name:hover p.sbtn01{
	background:linear-gradient(#ff9b75, #f3542a);
	background:-webkit-gradient(linear, center top, center bottom, from(#ff9b75), to(#f3542a));
	-pie-background:linear-gradient(#ff9b75, #f3542a);
}

#search_product a#search_name p.sbtn01 span{ background-image:url(../img/home/arrow04.png); }

/*home_news
--------------------------------------------------------------*/
#home_news h2{
	padding:0 0 10px;
}

#home_news{
	position:relative;
}

#home_news p{
	position:absolute;
	top:15px !important;
	right:3%;
	font-size:68.75%;
	border-radius:13px;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
}

#home_news p a{
	display:block;
	color:#474646;
	background-color:#FFF;
	background:linear-gradient(#fff, #e8e8e8);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e8e8e8));
	-pie-background: linear-gradient(#fff, #e8e8e8);
	border-radius:13px;
	position:relative;
}

#home_news p a:hover{
	display:block;
	text-decoration:none;
	background-color:#FFF;
	background:linear-gradient(#fff, #f0f0f0);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
	-pie-background: linear-gradient(#fff, #f0f0f0);
	border-radius:13px;
	position:relative;
}

#home_news p a span{
	display:block;
	padding:10px 25px 10px 7px;
	background:url(../img/common/arrow03.png) no-repeat 76px 50%;

}

#english #home_news p a span{
	background-position:90% 50%;
}

#home_news div{
	margin:0;
	background-color:#FFF;
	border-radius:13px;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	position:relative;
}

#home_news ul{
	border-bottom:#dfdede 1px solid;
	background:linear-gradient(#fff, #e8e8e8);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e8e8e8));
	-pie-background: linear-gradient(#fff, #e8e8e8);
	border-radius:13px 13px 0 0;
	position:relative;
}

#home_news li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#home_news li.h_news_menu01{ width:22%; }
#home_news li.h_news_menu02{ width:23%; }
#home_news li.h_news_menu03{ width:33%; }
#home_news li.h_news_menu04{ width:22%; }

#home_news li a{
	display:block;
	border-left:#cbcbcb 1px solid;
	color:#474646;
	line-height:1.2;
}


#home_news li a span{
	display:block;
	border-bottom:#cbcbcb 5px solid;
	text-align:center;
	background-repeat:no-repeat;
}


#home_news li.h_news_menu01 a{
	border-left:none;
}

#home_news li a:hover{
	text-decoration:none;
}

#home_news li.nm_active a span,
#home_news li a:hover span{
	border-bottom:#50a8b8 5px solid;
}

#home_news li.h_news_menu01 a span{ background-image:url(../img/home/arrow05.png); }
#home_news li.h_news_menu02 a span{ background-image:url(../img/home/arrow06.png); }
#home_news li.h_news_menu03 a span{ background-image:url(../img/home/arrow07.png); }
#home_news li.h_news_menu04 a span{ background-image:url(../img/home/arrow08.png); }


#home_news dt{
	position:relative;
}
#home_news dt span{
	position:absolute;
	top:-2px;
	left:95px;
}

#english #home_news dt span{
	left:160px;
}

/*#home_news ddのclearfix*/
#home_news dd:before,
#home_news dd:after {
    content:"";
    display:table;
}
#home_news dd:after {
    clear:both;
}

#home_news dd{
    zoom:1;
}

/*home_pickup
--------------------------------------------------------------*/
#home_pickup{
	padding:15px 0 2px;
	position:relative;
}


#home_pickup p{
	position:absolute;
	top:15px !important;
	right:3%;
	font-size:68.75%;
	border-radius:13px;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
}

#home_pickup p a{
	display:block;
	color:#474646;
	background-color:#FFF;
	background:linear-gradient(#fff, #e8e8e8);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e8e8e8));
	-pie-background: linear-gradient(#fff, #e8e8e8);
	border-radius:13px;
	position:relative;
}

#home_pickup p a:hover{
	display:block;
	text-decoration:none;
	background-color:#FFF;
	background:linear-gradient(#fff, #f0f0f0);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
	-pie-background: linear-gradient(#fff, #f0f0f0);
	border-radius:13px;
	position:relative;
}

#home_pickup p a span{
	display:block;
	padding:10px 32px 10px 7px;
	background:url(../img/common/arrow03.png) no-repeat 100px 50%;
}

#english #home_pickup p a span{
	padding:10px 25px 10px 7px;
	background-position:90% 50%;
}

#home_pickup div{
	padding:0;
	margin:0 2px;
	background-color:#FFF;
	border-radius:0 0 13px 13px;
	position:relative;
}


#home_pickup ul{
	list-style:none;
	padding:0 10px 10px;
	background-color:#FFF;
	border-radius:0 0 13px 13px;
	position:relative;

}

#home_pickup ul li{
	line-height:1.2;
	border-top:#dfdede 1px dotted;
	padding:10px 0 5px;
}

#home_pickup ul li:first-child{
	border:none;
}

#home_pickup ul li span{
	display:block;
	padding:0 0 5px;
}

#home_pickup ul li a{
	font-size:85.7%;
}


#home_pickup ul li img{
	float:left;
	margin:0 5px 10px 0;
	width:25%;
}

#home_pickup ul li img[alt="pdf"]{
	/*float:right;*/
	float:none;
	margin:0 0 0 5px;
	width:auto;
}

/*=========================================================================================
for スマフォ 480px以下
=========================================================================================*/


#search_product a{
	width:44%;
	padding:2% 2% 40px;
	margin:4% 0 0;
}

#search_product a:nth-of-type(odd){
	margin-right:4%;
}


#home_news li a span{
	font-size:75%;
	padding:5px 5px 20px;
	background-position:center 95%;
}

#home_news dl{
	font-size:87.5%;
	padding:10px 10px 1px;
}

#home_news dt{
	padding:0 0 5px;
}

#home_news dd{
	border-bottom:#dfdede 1px solid;
	line-height:1.4;
	padding:0 0 3px;
	margin:0 0 15px;
}

#home_news dd:last-child{
	border:none;
}

#home_news dd img{
	/*float:right;*/
	margin-left:5px;
}

#home_pickup h2{
	padding:0 3% 10px;
}


#home_pickup ul li{
	font-size:87.5%;
}

@media only screen and (max-width: 480px){
#search_product #sp_free_word{
	display:none;
}

#fb_wrapper{
	display:none;
}
}

/*=========================================================================================
for タブレット 481px以上
=========================================================================================*/

@media only screen and (min-width: 481px){
	
#search_product{
	position:relative;
}


#search_product #sp_free_word{
	display:block;
	position:absolute;
	top:3%;
	right:3%;
	width:40%;
}


#search_product #sp_free_word p{
	background:url(../img/home/icon01.png) no-repeat left center;
	padding:0 0 5px 17px;
}

#search_product #sp_free_word form{
	position:relative;
}


#search_product #sp_free_word input[type="text"]{
	font-size:75%;
	float:left;
	width:58%;
	border-radius:13px 0 0 13px;
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1) inset;
	border:#dcdcdc 1px solid;
	padding:5px 5%;
	height:1em;
	position:relative;
}

#search_product #sp_free_word input[type="submit"]{
	font-size:75%;
	display:block;
	width:30%;
	color:#FFF;
	text-align:center;
	border:none;
	height:2.1em;
	background-color:#202020;
	background:linear-gradient(#6b6868, #202020);
	background: -webkit-gradient(linear, center top, center bottom, from(#6b6868), to(#202020));
	-pie-background: linear-gradient(#6b6868, #202020);
	border-radius:0 13px 13px 0;
	position:relative;
}

#search_product #sp_free_word input[type="submit"]:hover{
	background-color:#2c2c2c;
	background:linear-gradient(#7b7b7b, #2c2c2c);
	background: -webkit-gradient(linear, center top, center bottom, from(#7b7b7b), to(#2c2c2c));
	-pie-background: linear-gradient(#7b7b7b, #2c2c2c);
	border-radius:0 13px 13px 0;
	position:relative;
}


#search_product a{
	width:20.5%;
	padding:2% 1.5% 40px;
	margin:2% 0 0 2%;
}


#english #search_product h3{
	font-size:100%;
}


#search_product a#search_field{
	margin:2% 0 0;
}


#search_product a:nth-of-type(odd){
	margin-right:0;
}

#home_news p{
	top:3%;
}

#home_pickup ul li img{
	width:20%;
}


#fb_wrapper{
	display:block;
	border:#dbdfe1 5px solid;
	border-left-width:22px;
	border-right-width:22px;
	padding:7px 28px;
	background-color:#FFF;
	margin:28px 0 0;
}

#fb_wrapper img{
	border:#dfdfdf 1px solid;
	padding:1px;
}

#fb_wrapper a:hover img{
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);

}
}


/*=========================================================================================
for PC 769px以上
=========================================================================================*/

@media only screen and (min-width: 769px){
#home_news{
	margin:0 0 30px 1%;
	padding:15px 1.8%;
	width:54.4%;
	float:left;
}

#english #home_news{
	margin:0 2% 30px;
	width:auto;
	float:none;
}

#home_news div{
	padding:0;
	margin:0 
}

#home_pickup{
	float:right;
	width:39%;
	margin:0 1% 30px 0;
}

#home_pickup div{
	padding:0 0 13px;
}

#home_pickup ul li img{
	width:25%;
}


#fb_wrapper{
	clear:both;
}


}

@media only screen and (max-width: 768px){
#home_cont div{
		min-height:0 !important;
}
}

/*=========================================================================================
for PC 980px以上
=========================================================================================*/

@media only screen and (min-width: 980px){
#main_wrapper{
	width:948px;
	margin:0 auto 10px;
	padding:16px;
}

#search_product{
	width:950px;
	margin:0 auto 10px;
	padding:15px;
}

#search_product h2{
	float:left;
	padding-right:10px;
}


#search_product #sp_title p{
	padding:7px 0 0;
}

#search_product #sp_free_word{
	top:15px;
	right:15px;
	width:350px;
}

#search_product #sp_free_word p{
	font-size:75%;
	float:left;
	width:105px;
	background:url(../img/home/icon01.png) no-repeat left center;
	padding:0 0 0 17px;
}

#search_product #sp_free_word form{
	float:right;
	width:225px;
}

#search_product a{
	margin:1% 0 0 2%;
}

#search_product a#search_field{
	margin:1% 0 0;
}


#search_product p{
	font-size:87.5%;
}

#search_product p.sbtn01 span{
	padding:7px 30px 7px 15px;
	background-position:47px 50%;
}

#english #search_product p.sbtn01 span{
	background-position:70px 50%;
}

#search_product h3{
	font-size:150%;
}

#english #search_product h3{
	font-size:130%;
}

#search_product h3 span{
	padding-left:5px;
}

#english #search_product h3 span{
	padding:0;
}


#home_cont{
	width:980px;
	margin:0 auto;
}


#home_news{
	margin:0 0 30px 0;
	padding:15px 1.6%;
	width:55.8%;
	float:left;
}

#english #home_news{
	margin:0 0 30px;
	width:auto;
	float:none;
}


#home_news li a span{
	font-size:87.5%;
	padding:10px 5px 10px 30px;
	background-position:10px 50%;
	text-align:left;
}

#english #home_news li a span{
	font-size:75%;
	background-position:8px 12px;
}


#home_pickup{
	float:right;
	width:40%;
	margin:0 0 30px 0;
}



#home_pickup ul li img{
	width:23%;
	margin:0 10px 10px 0;

}

#fb_wrapper{
	border:none;
	padding:5px 0;
	background-color:#dbdfe1;
	width:100%;
}

#fb_inner{
	background-color:#FFF;
	padding:7px 28px;
	width:924px;
	margin:0 auto;
}



}