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

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* 基本
---------------------------------------------*/
body {
	color: #333333;
	font-size: 100%;
	font-family:font-family: Osaka-mono, "MS Gothic", monospace;
	background: #FFFFFF;
	display:-webkit-flex;
	display:flex;
	font-weight:600;
}



#page {
	width:960px;
	margin:0 auto;
}



.clear {
	clear:both;
	font-size:0px;
	line-height: 0%;
	text-indent:-9999px;
	display:block;
	visibility:hidden;
	width:100%;
}

.white {
	color: #fff;
}

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

.header_wrap {
	width: 100%;
	height:70px;
	background-color: #FFF;
	position:fixed;
	top:0%;
	z-index:1;
}

#header{
	background-color:#FFF;
	height:70px;
	width:960px;
	position:fixed;
	top:0%;
	z-index:1;
	left:50%;
	margin-left:-480px;
}

h1 {
	margin-top:15px;
	margin-left:10px;
}
.menu-wrap {

}



#logo {
	height:42px;
	float:left;　
}


/* グローバルナビゲーション
---------------------------------------------*/
#globalNavigation {
	height:37px;
	float:right;
	margin-top:10px;
	
	
}

#globalNavigation li{
	height:37px;
	float:left;
	margin-top:11px;
	margin-left:10px;
	}




	
ul#globalNavigation li a.navi1 {
	display:block;
	width:167px;
	height:37px;
	background-image:url(../images/img/navi_03.png);
	text-indent:-9999px;
	list-style:none;	
}


ul#globalNavigation li a:hover.navi1{
  	display:block;
  	width:167px;
  	height:37px;
  	background-image:url(../images/img/navi_mouseon_03.png);
	text-indent:-9999px;
  	list-style:none;
}





	
ul#globalNavigation li a.navi2{
	display:block;
	width:126px;
	height:37px;
	background-image:url(../images/img/navi_05.png);
	text-indent:-9999px;
	list-style:none;
	}

ul#globalNavigation li a:hover.navi2{
  	display:block;
  	width:126px;
  	height:37px;
  	background-image:url(../images/img/navi_mouseon_05.png);
	text-indent:-9999px;
  	list-style:none;
}


	
ul#globalNavigation li a.navi3{
	display:block;
	width:101px;
	height:37px;
	background-image:url(../images/img/navi_07.png);
	text-indent:-9999px;
	list-style:none;
	}

ul#globalNavigation li a:hover.navi3{
  	display:block;
  	width:101px;
  	height:37px;
	background-image:url(../images/img/navi_mouseon_07.png);
	text-indent:-9999px;
  	list-style:none;
}


	
ul#globalNavigation li a.navi4{
	display:block;
	width:140px;
	height:27px;
	background-image:url(../images/img/navi_06.png);
	text-indent:-9999px;
	list-style:none;
	margin-top:7px;
	}

ul#globalNavigation li a:hover.navi4{
  	display:block;
	background-image:url(../images/img/navi_mouseon_06.png);
	text-indent:-9999px;
  	list-style:none;
}
	
	

#link1 {
	height:80px;
	width:960px;
}



#link2 {
	height:80px;
	width:960px;
}

#link3 {
	height:80px;
	width:960px;
}

#link4 {
	height:0px;
	width:960px;
}

#news {
	width: 100%;
	background-color:#663229;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.news_inner{
	width:960px;
	font-size:16px;
	font-weight: normal;
	color:#FFF;
	margin: 0 auto;
	padding: 30px 0 60px;
}

.news_inner h2 {
	text-align: center;
	font-weight: normal;
	margin-bottom: 30px;
	font-size: 18px;
}

.news_inner dl{
	width: 560px;
	/*width: 700px;*/
	margin: 0 auto;
}

.ind {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

.news_inner dl dt {
	float:left;
	width:110px;
	margin-right: 20px;
	padding:0;
	line-height: 1.5;
}

.news_inner dl dd {
	margin: 0px 0 0 130px;
	padding: 0 0 10px 0;
	line-height: 1.5;
}

a.no_line {
	text-decoration: none;
}




/* スライドショー
---------------------------------------------*/


#slide {
	margin-top:80px;
	width:960px;
	height:560px;
	position:relative;
}


.bxslider {
	height:560px;
	width:960px;
}

ul.bxslider  {
	padding:0;
	margin:0;
}

ul.bxslider li {
	position:absolute;
	list-style-type:none;
}


p.kv a{
	display:block;
	width:100px;
	height:99px;
	background-image:url(../images/img/top_click.png);
	text-indent:-9999px;
	list-style:none;
	position:fixed;
	top:80%;
	left:50%;
	margin-left: -50px;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 1s;
	
	}
	
p.kv a:hover.link_kv{
	display:block;
  	width:100px;
  	height:99px;
  	background-image:url(../images/img/top_click_mouse-on.png);
	text-indent:-9999px;
  	list-style:none;
	position:fixed;
	top:80%;
	left:50%;
	margin-left: -50px;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 1s;
	
}
	 

.kv {
	display:block;
	position:fixed;
	top:50%;
	left:50%;
	margin-left: -159px;
	margin-top: -178px;
	height:356px;
	width:318px;
	z-index: 120;
}

	



/*見出し
---------------------------------------------*/

#navi_1 {
	height:175px;
	width:291px;	
}


#navi_2 {
	height:175px;
	width:291px;
}


#navi_3 {
	margin-left:42px;
	height:175px;
	width:291px;
}




/*コンテンツ
---------------------------------------------*/

#content {
	/*background-image:url(../images/img/background.jpg);*/
	width:960px;
}

#content_1 {
	/*height: 690px;*/
	width:960px;
	position:relative;
	overflow: hidden;
	zoom: 1;
}

#content_1 h2 {
	margin-left:45px;
}


#content_1 li {
	float:left;
}



#r3 {	
	height:222x;
	width:248px;
	margin-left:50px;
	margin-top:22px;
	}


.left {
	width:320px;
	height:650px;
	float:left;
}

.left p {
	margin-left:50px;
	line-height:1.5;
	font-size:16px;
	color:#663228;
	background-color:transparent;
	}






.right {
	position:relative;
	width:585px;
	height:650px;
	margin-left:-20px;
	margin-top:30px;
	float:right;
	
}

.right_1{
	position:absolute;
	top:180px;
	left:150px;
	position:absolute;
	top:180px;
	left:150px;
	transition: all 1s ease;
    -webkit-transition: all 1s ease;	
}

.right_1:hover {
	position:absolute;
	top:180px;
	left:150px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(30deg);
	}


.learn {
	position:absolute;
	top:300px;
	left:-20px;
}

.dust {
	position:absolute;
	top:130px;
	left:5px;
	
}

.separeate {
	position:absolute;
	top:30px;
	left:130px;
}

.buy {
	position:absolute;
	top:30px;
	left:310px;
}

.waid {
	position:absolute;
	top:150px;
	left:420px;
	
}


#content  a.link_1 {
	display:block;
	width:156px;
	height:176px;
	background-image:url(../images/img/product-line_click.png);
	text-indent:-9999px;
	list-style:none;
	position:absolute;
	bottom:100px;
	left:800px;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 1s;
	transform:rotateY(180beg);
	-webkit-transform:rotateY(180beg);

}


#content  a.link_1:hover{
  	display:block;
  	width:156px;
  	height:176px;
  	background-image:url(../images/img/product-line_click_mouse-on.png);
	text-indent:-9999px;
  	list-style:none;
	position:absolute;
	bottom:100px;
	left:800px;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 1s;
	transform:rotateY(360beg);
	-webkit-transform:rotateY(360beg);
}




/*コンテンツ２
---------------------------------------------*/


#content_2 {
	/*height:2700px;*/
	width:960px;
	padding-left:42px;
}

	

.line {
	height:1px;
	width:801px;
	margin-top:20px;
	
}




/*セクション１
---------------------------------------------*/

#section1 {
	margin-top:30px;
	width:960px;
	height:285x;
}


#paper_image{
	float:left;
	text-align:center;
	width:140px;
}


#paper_list{
	float:left;
	width:323px;
	margin-left:20px;
	margin-top:30px;
    font-size:16px;
	color:#434343;
	line-height:1.6;
	}



#paper_photo{
	float:right;
	width:376px;
	height:220px;
	margin-right:60px;
}


/*セクション２
---------------------------------------------*/

#section2 {
	margin-top:40px;
	height:285px;
	width:890px;
}


#iron_image{
	float:left;
	text-align:center;
}



#iron_list{
	float:left;
	width:325px;
	margin-left:20px;
	margin-top:30px;
	font-size:16px;
	color:#434343;
	line-height:1.6;	

}



#iron_photo{
	float:right;
	width:376px;
	height:220px;
	}


/*セクション3
---------------------------------------------*/

#section3 {
	margin-top:50px;
	height:285px;
	width:890px;
}

#styrol_image{
	float:left;
	text-align:center;
}


#styrol_list{
	float:left;
	width:325px;
	margin-top:50px;
	margin-left:25px;
	font-size:16px;
	color:#434343;
	line-height:1.6;	
	}




#styrol_photo{
	float:right;
	width:376px;
	height:220px;
	
}
/*セクション4
---------------------------------------------*/

#section4 {
	margin-top:50px;
	height:285px;
	width:890px;
}

#cloth_image{
	float:left;
	margin-left:20px;
	text-align:center;
}


#cloth_list{
	float:left;
	width:325px;
	margin-left:30px;
	margin-top:40px;
	font-size:16px;
	color:#434343;
	line-height:1.6;
	letter-spacing:-1px;	
}



#cloth_photo{
	float:right;
	width:376px;
	height:220px;
}


/*セクション5
---------------------------------------------*/

#section5 {
	margin-top:50px;
	height:285px;
	width:890px;
}

#bottle_image{
	float:left;
	text-align:center;
	margin-left:20px;
}


#bottle_list{
	float:left;
	width:325px;
	margin-left:30px;
	margin-top:40px;
	font-size:16px;
	color:#434343;
	line-height:1.6;	
}


#bottle_photo{
	float:right;
	width:376px;
	height:220px;
}


/*セクション6 
---------------------------------------------*/

#section6 {
	margin-top:50px;
	height:285px;
	width:890px;
}

#plastic_image{
	float:left;
	text-align:center;
	margin-left:-20px;
	width:176px;
}


#plastic_list{
	float:left;
	width:310px;
	margin-top:80px;
	margin-left:20px;
	font-size:16px;
	color:#434343;
	line-height:1.6;	
	}



#plastic_photo{
	float:right;
	width:376px;
	height:220px;
}


/*セクション7 
---------------------------------------------*/

#section7 {
	margin-top:20px;
	height:170px;
	width:890px;
}

#ng_image{
	float:right;
	width:256px;
	height:163px;
	margin-top:20px;
	margin-right:100px;
}


#ng_list{
	float:left;
	width:510px;
	height:85px;
	margin-top:40px;
	max-width:100%;


}

#ng_list p {
	font-size:16px;
	color:#434343;
	line-height:1.6;
}



/*ワンポイント
---------------------------------------------*/

#onepoint {
	margin-top:50px;
	position:relative;
	margin-right:60px;
	}


#onepoint_illust {
	float:left;
}

	
#onepoint a.link_2{
	display:block;
	width:156px;
	height:176px;
	position:absolute;
	top:10px;
	right:0px;
	background-image:url(../images/img/company-overview_click.png);
	text-indent:-10000px;
	list-style:none;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition:1s;
	transform:rotateY(180beg);
	-webkit-transform:rotateY(180beg);
}
#onepoint a:hover.link_2{
  	display:block;
  	width:156px;
  	height:176px;
	position:absolute;
	top:10px;
	right:0px;
  	background-image:url(../images/img/company-overview_click_mouse-on.png);
	text-indent:-10000px;
  	list-style:none;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition:1s;
	transform:rotateY(360beg);
	-webkit-transform:rotateY(360beg);
}



/*コンテンツ３
---------------------------------------------*/

#content_3 {
	/*height:1150px;*/
	width:960px;
}

#content_3 p {
	color:#663229;
}


#information {
	margin-top:20px;
	float:left;
	width:410px;
	font-size:18px;
	color:#663229;
	line-height:1.4;
	margin-left:70px;
	
}

#information_photo {
	margin-top:20px;
	margin-right:30px;
	width:377px;
	height:294px;
	float:right;
}





/*インフォメーション
---------------------------------------------*/

#b_info {
	height:700px;
	width:890px;
	margin-top:20px;
	margin-left:70px;
	
}


#b_info li{
	float:left;
}


#b_info p{
	margin-bottom:10px;
	width:323px;
	font-size:18px;
	color:#434343;
	max-width:100%;

}


#photo {
	height:250px;
	width:360px;
	margin-left:50px;
	margin-top:30px;
}

.info {
	margin-top:18px;
}

.info li {
	float:left;
	margin-top:10px;
}

	
.info li p{
	width:420px;
	color:#663229;
	font-size:16px;
	font-weight:600;
	line-height:1.2;
	margin-left:20px;
	max-width:100%;

}


.s_line {
	margin-top:3px;
	}


/* フッター
---------------------------------------------*/

.footer_wrap {
	width: 100%;
	background-color:#663229;
}

#footer {
	height:180px;
	width:960px;
	background-color:#663229;
	position:relative;
	margin: 0 auto;
}



#footer_logo {
	position:absolute;
	left:280px;
	top:50px;
}

#copyright{
	position:absolute;
	left:280px;
	top:130px;
	color:#FFF;
	
}





/*トップへ戻る
---------------------------------------------*/


.return {
}

	
#footer a.return{
	display:block;
	width:155px;
	height:150px;
	position:absolute;
	right:48px;
	bottom:50px;
	background-image:url(../images/img/toppage_return.png);
	text-indent:-9999px;
	list-style:none;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 1s;
	transform:rotateY(180beg);
	-webkit-transform:rotateY(180beg);
}

#footer a:hover.return{
  	display:block;
  	width:155px;
  	height:150px;
 	position:absolute;
	right:48px;
	bottom:50px;
  	background-image:url(../images/img/toppage_return_mouse-on.png);
	text-indent:-9999px;
  	list-style:none;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: 1s;
	transform:rotateY(360beg);
	-webkit-transform:rotateY(360beg);
}




/* 地図
---------------------------------------------*/
#map {
	width:360px;
	height:450px;
	margin-top:20px;
	margin-left:50px;
	
}


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

.longbar {
	background-image:url(../images/img/long_bar.png);
	background-repeat:no-repeat;
	height:2px;
	margin-top:20px;
	margin-bottom:20px;
	
}

.big_line {
	background-image:url(../images/img/big_line.png);
	height:3px;
	margin-top:25px;
	width:800px;
	margin-bottom:20px;
}


.formTable{
}



#formWrap {
	width:700px;
	margin:0 auto;
	line-height:120%;
	font-size:90%;
}



#inquiry {
	margin-left:60px;
	margin-top:90px;

	
}



#inquiry_big{
	float:left;
	margin-left:60px;
	
	}

#inquiry_small{
	float:right;
	width:580px;
	font-size:16px;
	line-height:1.4;
	letter-spacing:-0.4px;
	margin-top:20px;
	margin-right:30px;
	}

#inquiry_small a {
	color:#4aa58e;
}

#inquiry img{
	margin-left:-80px;
}

#check{
	font-size:18px;
	color:#663229;
	float:left;
	margin:30px;	
}



#check_a {
	margin-left:250px;
	margin-top:30px;
	
}

#check_a li{
	float:left;
	font-size:18px;
	margin-left:20px;
	margin-top:20px;
	color:#663229;
}

ul#check_a li p {
	margin-top:10px;
}



input[type=checkbox]{
	width:23px;
	height:23px;
	margin-top:8px;

}

input[type=text]{
	width:80px;
	height:30px;
	font-size:20px;
}











#name{
	font-size:18px;
	float:left;
	margin:30px;
	color:#663229;
	
}



#name_a  input{
	width:420px;
	height:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	margin-top:30px;
	float:right;
	margin-right:200px;
}

	





#furigana{
	float:left;
	font-size:18px;
	margin:30px;
	color:#663229;
	
}


#furigana_a  input{
	width:420px;
	height:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	margin-top:20px;
	float:right;
	margin-right:200px;
	
	
}




#addr{
	float:left;
	font-size:18px;
	margin:30px;
	color:#663229;
	
}


#addr_a  input{
	width:420px;
	height:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	margin-top:20px;
	margin-bottom::30px;
	float:right;
	margin-right:200px;
	
}



 
#phone{
	float:left;
	font-size:18px;
	margin:30px;
	color:#663229;
}


#phone_a  input{
	width:420px;
	height:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	margin-top:20px;
	margin-bottom::30px;
	float:right;
	margin-right:200px;
}

#inquiry_2 {
	float:left;	
	font-size:18px;
	margin:30px;
	color:#663229;
	}
	
#email{
	float:left;
	font-size:18px;
	margin:30px;
	color:#663229;
}


#email_a  input{
	width:420px;
	height:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	margin-top:20px;
	margin-bottom::30px;
	float:right;
	margin-right:200px;
	
}



#message {
	width:420px;
	height:265px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	margin-top:30px;
	margin-bottom::30px;
	font-size:20px;
	float:right;
	margin-right:200px;
	
}

#textarea {
}




.button {
	text-decoration:none;	
	width:115px;
	height:80px;
	background-image:url(../images/img/button.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	list-style:none;
	margin-left:300px;
	margin-top:20px;
	
	
}
	
.button:hover{
	text-decoration:none;
  	width:115px;
  	height:80px;
  	background-image:url(../images/img/button_hover.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
  	list-style:none;
	margin-left:300px;
	margin-top:20px;

	
}





ul#navi_last {
	height:16px;
	margin-left:80px;
	
	
	
}

ul#navi_last p{
	color:#663229;
}

ul#navi_last a{
	text-decoration:none;
}

ul#navi_last img {
	margin-left:2px;
	margin-bottom:2px;
	
}



ul#navi_last li{
	float:left;
	font-size:14px;
	
}

#input_submit {
	background-color:#663229;
	color:#fff;	
	height:40px;
	width:100px;
	margin-left:350px;
	margin-top:30px;
	margin-bottom:30px;
	font-size:x-large;
	border-radius:10px;
	-webkit-border-radius:10px;
	border-style:solid;
	border:1px;
}
	
#input_submit:hover {
	background-color:#fff;
	color:#663229;
	height:40px;
	width:100px;
	margin-left:350px;
	margin-top:30px;
	margin-bottom:30px;
	font-size:x-large;
	border-radius:10px;
	-webkit-border-radius:10px;
	border:1px;
}



#container {
	width: 100%;
	text-align: center;
}

/* fullSlideShow
--------------------------- */
.fullSlideShow {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.fullSlideShow ul {
	top: 50%;
	left: 50%;
	width: 100%;
	position: fixed; /* absolute or fixed */
	overflow: hidden;
}
.fullSlideShow ul li {
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
}
.fullSlideShow ul li img {
	width: 100%;
}


/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: fixed;
	z-index: 90;
 	visibility: hidden;
}

.pagiNation a {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	background: #000;
}
.pagiNation a.pnActive {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* Wrapper
--------------------------- */
#wrapper {
	width: 100%;
	text-align: left;
	background: #fff;
	position: relative;
	z-index: 120;
	background: url("../images/img/background.png");
}



/* =======================================
	ClearFixElements
======================================= */
.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}