body {-webkit-text-size-adjust: 100%;}

/* IE br */
br {
	letter-spacing:0;
	text-align: center;
}

img {
	vertical-align: bottom;
	border: none;
}
body{

font: 13px/1.231 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
*font-size: small;
*font: x-small;

	}

/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

/*  オンマウス  */
a:hover img.hoverImg    {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
    }	

body {
	margin:0px;
	padding:0px;

   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#333;}

/* 画面から画像がはみ出ないようにする */
img {
	-ms-interpolation-mode: bicubic; 
	max-width:100%;
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;}


/**/

#wrapper a{
	display:block;
	text-decoration:none;}	
#wrapper a:hover
	{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
  }	

#container table{
	margin:0px 0px 0px 0px ;
	padding:0px;
}

#header h1 a:link{
	width:900px;
	display:block;
	margin:0px auto;
	background:url(../img/rogo.png) top center;
	height:110px;
	text-align:center;
}


/**/
#footerarea{
		background:url(../img/bg_header.jpg) bottom center repeat-x #30960c;}
/**/


#footertop {
    line-height:100%;/*ズレをなくすリセット*/
    clear:both;
    width:100%;
   background-color: #eaeaea;
    color:#00781a;
    margin:0px auto;
    padding: 0px 0px;}

#footertop a {
    color: #00781a;
    text-decoration: none;
}        
#footertop ul {
    text-align:center;
    width:100%;
    margin:0px auto;}
	
#footertop li{ 	text-decoration:none;  
  line-height:100%;   display:inline;
    padding:5px 0px 10px 0px;
}
	
   
#footertop li.first {
    line-height:100%;
    border-left:none;}
    
#footertop li + li {



    border-left:1px solid #00781a;}

 
#footertop li a:hover{
	text-decoration:underline;    color:#00781a;}  


/**/


#footer{

	width:100%;

	padding-top:10px;
	text-align:center;
	color:#fff;

	margin:0px auto;}
	
#footer a{
	text-decoration:none;
	color:#fff;
}
#footer ul {

	width:940px;
    margin:0px auto;}
	
#footer li{
	 	text-decoration:none;
		 line-height:150%;
		 display:inline;

	
}



#footer li + li {

padding:0px 4px 0px 8px;
    border-left: 1px solid #FFF;}



	
/*font*/
.bold{
	font-weight:bold;}

 .fs10{
font-size:63%}
.fs11{
font-size:69%}	 
.fs12{
font-size:75%}	 	 
.fs13{
	font-size:82%}	 	
.fs14{
	font-size:88%}	 
.fs15{
	font-size:94%}	 
.fs16{
	font-size:100%}		 
.fs17{
	font-size:107%}	
.fs18{
	font-size:113%}	
.fs19{
	font-size:119%}	
.fs20{
	font-size:125%}	
.fs21{
	font-size:132%}	
.fs22{
	font-size:138%}
.fs23{
	font-size:144%}
.fs24{
	font-size:150%}
.fs25{
	font-size:157%}
.fs26{
	font-size:163%}	
/**/
.clearfix {
	
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*  オンマウス  */
a:hover img.hoverImg    {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
    }	
	/* float
----------------------------------------*/
.IMGcenter{
	display:block;
	margin: 0 auto;
	text-align: center;}
.IMGright{
	float:right;
	clear:right;
	margin-left:20px;/*pのpaddingと同じ値に*/}
.IMGleft{
	float:left;
	clear:left;
	margin-right:20px/*pのpaddingと同じ値に */}  

.mgt30{
	margin-top:30px;}
.mgb30{
	margin-bottom:30px;}
.mgl10{
	margin-left:10px;}	

	
	/**/
.list_btn {
    position: relative;
    overflow: hidden;
	margin-right:-10px;
    }
.list_btn ul {
    float:left;
    left:50%;
    position:relative;
    }
.list_btn li {
    float:left;
    left:-50%;
    position:relative;
	margin-right:10px;
    } 
/*menu*/

#menu {
  width:100%;
  height: 70px;
  padding: 0;
  margin: 0;
  background: #BAF1B6;
  box-shadow: 3px 3px 3px #aaa;
}
#menu li {
  width: 50%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
}

#menu li a {
  width: auto;
  color: #2E880E;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  display: block;
}
#menu li a:hover {
  background: #ffa443;
}

.copyright{
	border-top: double rgba(236,236,236,0.40) 1px; 
	text-align:center;
	color: rgba(230,255,232,1.00);
	margin:10px auto 0px;
	padding-bottom:15px;}
/**/
section .switchBtn{
	width: 100%;
}

section .switchBtn ul{
	width:120px;
	margin:0px auto;
	text-align:center;
}	

section .switchBtn li { 
	list-style-type: none;
	float: left;}

section .switchBtn li + li {
	padding-left:10px;}	
	
	
section .switchBtn li a{
	color: #fff !important;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none !important;
	width: 100px;
	color:#FFFFFF;
	background-color: #c2c2c2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*PC*/

@media screen and (min-width: 1024px) {

body{
	background:url(../img/bg_company.jpg) repeat-y center top}


#wrapper{
	width: 880px;
	margin:0px auto;
	padding-top:20px;
	}
	
#container{
	width: 880px;
	margin:0px auto;
	padding:0px;
	background-color:#fff;
	padding-bottom:50px;}



.topimg{
	margin-bottom:30px;}	
	
.menu_pc{
	display:block;
}
.menu_sp{
	display:none}


#header{

	width:100%;
	background:url(../img/bg_header.jpg) top center;
	height:110px;
	text-align:center;
}	
#header h1{
	text-indent:-9999px;
	width:900px;
	margin:0px auto;
	background:url(../img/rogo.png) top center;
	height:110px;
	text-align:center;
}

.logo,
.information{
	display:none;
	visibility:hidden;}
	
#footer ul {
	width: 880px;
	padding:0px;
	margin: 0px auto;
    text-align:center;
	}
	
#footertop {
    line-height:100%;/*ズレをなくすリセット*/
    clear:both;
    width:100%;
	background-color: #eaeaea;
    color:#00781a;
    margin:0px auto;
    padding: 0px 0px;
	}	
#footertop a {
    color: #00781a;
    text-decoration: none;
	}
#footertop ul {
	line-height:40px;
	height:40px;
	padding:5px 0px;
	}
#footertop li {
    display: inline;
    line-height: 100%;
    padding: 5px 0px 10px;
    text-decoration: none;
	}
#footertop li + li {
   padding:0px  5px 0px 10px;
   border-left: 1px solid #00781a;
   }
.global-nav {
  margin: 0 0 30px;
  padding: 0;
  border-top: 1px solid #aaa;
  font-size: 13px;
  list-style-type: none;
  }
/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
  }
.global-nav li:nth-child(odd) {
  border-right: none;
  }
.global-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: none;
  border-collapse: collapse;
  }
.global-nav li { 
  float: none;
  display: table-cell;
  width: 100%;
  border-bottom: none;
  border: 0px none #aaa;
  }

	
	
/*company_info*/
.company_info{
	width:816px;
	margin:30px auto 0px;
	}	
.company_info .tit,
.manufacturer .tit{
	font-size:150%;
	background:#9c3434;
	color:rgba(255,255,255,1.00);
	text-align:center;
	color:rgba(255,255,255,1.00);
	}	
.company_info p,
.manufacturer p{
	margin:10px 0px;
	background:#dddddd;
	text-align:center;
	font-size:120%;
	margin:0px;
	padding:0px;
	font-weight:bold;
	}
.company_info dl{
	width:816px;
	overflow:hidden; /*float高さ確保*/
	border:1px solid #9c3434;
	border-top:none;
	background: rgba(255,255,255,1.00);
	}
.company_info dt{
	text-align:right;
	width:190px;
	float:left;
	padding: 10px 10px 10px 10px;
	border-top:1px dotted #dddddd;
	font-weight:bold;
	clear: left;
	}
.company_info dt:after {
	content: ":";
	}
.company_info dd{
	background:rgba(229,148,149,1.00);/**/
	width:585px;
	float:left;
	padding: 10px 10px 10px 10px;
	border-left:1px solid #ffffff; /*要素にあわせて*/
	border-top:1px  dotted #dddddd;
	background:#fff;
	}
.company_info dd:after,
.manufacturer dd:after{
	clear:both; /*float解除する設定*/
	}
/*manufacturer*/
.manufacturer{
	width:816px;
	margin:0px auto 0px;
	}
.manufacturer .txt{
	padding: 5px 3px 0px 30px;
	
	}
.manufacturer dl{
	width:816px;
	overflow:hidden; /*float高さ確保*/
	border:1px solid #9c3434;
	border-top:none;
	background: rgba(255,255,255,1.00);}


.manufacturer dt{  zoom: 100%;
	color:rgba(0,0,0,1.00);
	font-weight:bold;
	padding: 10px 10px 0px 30px;
	border-top:1px dotted #ffffff;
	float:none;
	}
.manufacturer dd{
	padding: 5px 10px 15px 30px;
	border-left:1px solid #ffffff; /*要素にあわせて*/
	border-top:1px  dotted #dddddd;
	background:#fff;
	float:none;
	}
.manufacturer span.risk{
	border:1px solid #000000;
	margin-right:5px;
	padding:3px;
	}
.manufacturer span.bl{	
	color: rgba(55,135,231,1.00);
	border:1px solid rgba(55,135,231,1.00);
	margin-right:5px;
	padding:3px;
	}
.manufacturer table{
	border-right:1px solid rgba(124,124,124,1.00);
	border-bottom:1px solid rgba(124,124,124,1.00);
	}
.manufacturer table th{
	font-weight:bold;
	}
.manufacturer table th,
.manufacturer table td{
	padding:5px;}
.manufacturer table td,
.manufacturer table th{
	border-top:1px solid  rgba(124,124,124,1.00);
	border-left:1px solid  rgba(124,124,124,1.00)
	}

.thumb li{
	float:left;
 width:auto;
 height: 150px;
 overflow: hidden;
 margin-right:5px;
  margin-bottom:5px;
 border:1px solid rgba(98,98,98,1.00);
}
hr.styleline {
    border: 0;
    height: 0;
    border-top: 0px none rgba(0, 0, 0, 0.1);
    border-bottom: 0px none rgba(255, 255, 255, 0.3);
}	


section #swPc{
	display:none;
	visibility:hidden;}
section #swSp{
	display:none;
	visibility:hidden;}
	

}
 
 

 
 
 
 
/*タブレット*/
 
@media screen and (max-width: 1024px) {
	img{
		width:100%;}
	body{
}
	#wrapper{

	margin:0 auto;

	}
	#container{

	margin:0px auto;
	padding:0px;
	width:100%;

	background-color:#fff;
	padding-bottom:50px;
}

.topimg{
	margin-bottom:20px;}	

	
#header{	background:#30960c;
overflow: hidden;
	overflow: hidden;
}

#header h1{
	display:none;
}
.logo{
margin:10px 0px 10px 10px;
float: left;
width: 40%;}

.information{
margin:10px 20px 10px 0px;
float: right;
width:40% ;
}
ul{
	margin-top:0px;}

/*btn*/
.global-nav {
  margin: 0 0 30px;
  padding: 0;
  border-top: 1px solid #aaa;
  font-size: 13px;
  list-style-type: none;
}
/*clearfix*/
.global-nav:after {
  content: "";
  clear: both;
  display: block;
}
.global-nav li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
.global-nav li:nth-child(odd) {
  border-right: 1px solid #aaa;
}
.global-nav a {
  display: block;
  line-height:130%;
  color: #000;
  text-decoration: none;
}
.global-nav a:hover {
  color: #000;
  background: #e6e6e6;
}
/**/
#footer{
	display:none;}


.copyright{
	border-top: none; 
	text-align:center;
	color: rgba(230,255,232,1.00);
	margin:10px auto 0px;
	padding-bottom:15px;
	}


	
/*company_info*/

.company_info{
	width:98%;
	margin:30px auto 0px;
	}
	
.company_info .tit,
.manufacturer .tit{
	background:#9c3434;
	color:rgba(255,255,255,1.00);
	text-align:center;
	color:rgba(255,255,255,1.00);
	}		

.company_info p,
.manufacturer p{
	margin:10px 0px;
	background:#dddddd;
	text-align:center;
	font-size:120%;
	margin:0px;
	padding:0px 0px 0px 10px !important;
	font-weight:bold;
	}
	
.company_info dl{
	width:100%;
	overflow:hidden; /*float高さ確保*/
	border:1px solid #9c3434;
	border-top:none;
	background: rgba(255,255,255,1.00);
}
.company_info dt{
	text-align:right;
	width:30%;
	float:left;
	padding: 10px 10px 5px 5px;
	border-top:1px dotted #dddddd;
	font-weight:bold;
	clear: left;
}


.company_info dt:after {
	content: ":";
}

.company_info dd{
	width:65%;
	float:left;
	padding: 10px 10px 5px 5px;
	border-left:1px solid #ffffff; /*要素にあわせて*/
	border-top:1px  dotted #dddddd;
	background:#fff;
}
.company_info dd:after,
.manufacturer dd:after
{
	clear:both; /*float解除する設定*/
}
/*manufacturer*/
.manufacturer{
	width:98%;
	margin:0px auto 0px;
	}
.manufacturer .txt{
	padding: 5px 3px 0px 10px;
	
	}
.manufacturer dl{
	width:100%;
	overflow:hidden; /*float高さ確保*/
	border:1px solid #9c3434;
	border-top:none;
	background: rgba(255,255,255,1.00);}


.manufacturer dt{  zoom: 100%;
	color:rgba(0,0,0,1.00);
	font-weight:bold;
	padding: 10px 10px 0px 10px;
	border-top:1px dotted #ffffff;
	float:none;
}

.manufacturer dd{
	padding: 5px 10px 15px 10px;
	border-left:1px solid #ffffff; /*要素にあわせて*/
	border-top:1px  dotted #dddddd;
	background:#fff;
	float:none;
}

.manufacturer span.risk{
	border:1px solid #000000;
	margin-right:5px;
	padding:3px;

}
.manufacturer span.bl{	
	color: rgba(55,135,231,1.00);
	border:1px solid rgba(55,135,231,1.00);
	margin-right:5px;
	padding:3px;

}

.manufacturer table{
	width:100%;
	border-right:1px solid rgba(124,124,124,1.00);
		border-bottom:1px solid rgba(124,124,124,1.00); }

.manufacturer table th{
	font-weight:bold;}


.manufacturer table th,
.manufacturer table td{
	padding:5px;}
.manufacturer table td,
.manufacturer table th
{
		border-top:1px solid  rgba(124,124,124,1.00);
	border-left:1px solid  rgba(124,124,124,1.00)}

.thumb li{
	float:left;
 width:auto;
 height: 150px;
 overflow: hidden;
 margin-right:5px;
  margin-bottom:5px;
 border:1px solid rgba(98,98,98,1.00);
}
hr.styleline {
    border: 0;
    height: 0;
    border-top: 0px none rgba(0, 0, 0, 0.1);
    border-bottom: 0px none rgba(255, 255, 255, 0.3);
}	

section #swPc{
	display:none;
	visibility:hidden;}
section #swSp{
	display:none;
	visibility:hidden;}
	
	
	
	
}
/*スマホ*/
@media screen and (max-width: 768px) {
img{
		width:100%;}

body{
	font-size:100%	
}
#wrapper{
	width: 100%;
	margin:0 auto;

}
#container{
	margin:0px auto;
	padding:0px;
	width:100%;
	border:none;
	background-color:#fff;
	padding-bottom:0px;
}
.topimg{
	margin-bottom:10px;}	
	/**/
#header{
overflow: hidden;
}

#header h1{
	text-indent:-9999px;
	width:900px;
	margin:0px auto;
	background:none;
	height:110px;
	text-align:center;}

/*company_info*/

.company_info{
	width:98%;
	margin:10px auto 0px;
	}
	
.company_info .tit,
.manufacturer .tit{
		font-size:119%;
	background:#9c3434;
	color:rgba(255,255,255,1.00);
	text-align:center;
	color:rgba(255,255,255,1.00);
	}		

.company_info p,
.manufacturer p{
	margin:10px 0px;
	background: rgba(255,229,229,1.00);
	text-align:left;
	font-size:100%;
	margin:0px;
	padding:0px 0px 0px 5px !important;
	font-weight:bold;
	}

.company_info dl{
	width:100%;
	overflow:hidden; /*float高さ確保*/
	border:1px solid #9c3434;
	border-top:none;
	background: rgba(255,255,255,1.00);
}
.company_info dt{
	
	background:#dddddd;
	text-align:left;
	width:100%;
	float:none;
	padding: 5px 10px 5px 5px;
	border-top:1px dotted #dddddd;
	font-weight:bold;

}


.company_info dt:after {
	content: "";
}

.company_info dd{
	text-align:left;
	width:94%;
	float:none;
	padding: 5px 10px 5px 5px;
	border-left:1px solid #ffffff; /*要素にあわせて*/
	border-top:1px  dotted #dddddd;
	background:#fff;
}
.company_info dd:after,
.manufacturer dd:after
{
	clear:both; /*float解除する設定*/
}
/*manufacturer*/
.manufacturer{
	width:98%;
	margin:0px auto 0px;
	}
.manufacturer .txt{
	padding: 5px 3px 0px 10px;
	
	}
.manufacturer dl{
	width:100%;
	overflow:hidden; /*float高さ確保*/
	border:1px solid #9c3434;
	border-top:none;
	background: rgba(255,255,255,1.00);}


.manufacturer dt{
	zoom: 100%;
	color:rgba(0,0,0,1.00);
	font-weight:bold;
	padding: 5px 10px 0px 5px;
	border-top:1px dotted #ffffff;
	float:none;
}

.manufacturer dd{
	padding: 5px 10px 15px 10px;
	border-left:1px solid #ffffff; /*要素にあわせて*/
	border-top:1px  dotted #dddddd;
	background:#fff;
	float:none;
}

.manufacturer span.risk{
	border:1px solid #000000;
	margin-right:5px;
	padding:3px;

}
.manufacturer span.bl{	
	color: rgba(55,135,231,1.00);
	border:1px solid rgba(55,135,231,1.00);
	margin-right:5px;
	padding:3px;

}

.manufacturer table{
	width:100%;
	border-right:1px solid rgba(124,124,124,1.00);
		border-bottom:1px solid rgba(124,124,124,1.00); }

.manufacturer table th{
	font-weight:bold;}


.manufacturer table th,
.manufacturer table td{
	padding:5px;}
.manufacturer table td,
.manufacturer table th
{
		border-top:1px solid  rgba(124,124,124,1.00);
	border-left:1px solid  rgba(124,124,124,1.00)}

.thumb li{
	float:left;
 width:40%;
 height:150px;
 overflow: hidden;
 margin-right:5px;
  margin-bottom:5px;
 border:1px solid rgba(98,98,98,1.00);
 background:rgba(0,0,0,1.00);
}
hr.styleline {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}	

section #swPc{
	display:none;
	visibility:hidden;}
section #swSp{
	display:none;
	visibility:hidden;}	
}