@charset "utf-8";



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;/*font-size: 100%*/font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}




body{
    -webkit-font-smoothing: antialiased;
    font: 13px/1.5 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    color: rgb(51, 51, 51);
	line-height:1.5;
    -webkit-text-size-adjust: none;
    margin: 0 auto;
	text-align:center;
	font-family:"Rounded Mplus 1c";
}



p,h1,h2,h3,h4,h5,h6,li,td,dt,dd {
	font-weight: normal;
	}
h1,h2,h3{
	margin:0;
	padding:0;
	}

p,ul,ol,dl,blockquote,pre {
	margin-bottom: 1.0em;
	}
p{
	line-height:1.7;
    }

hr	{
	clear: both;
	display: none;
	visibility: hidden;
	}
a:link		{
	color:#B176F4;
	text-decoration: none;
	}
a:visited	{
	color:#B176F4;
	text-decoration: none;
	}
a:hover		{
	color:#A683E3;
	text-decoration: none;
	}
a:active		{
	color:#A683E3;
	text-decoration: none;
	}
img	{
	border: none;
	}
form {
	margin: 0;
	}

a img:hover {
	opacity: 0.7;
	filter: alpha( opacity=70 );
	-ms-filter: "alpha( opacity=70 )";
	}

/*****************************************************************
#wrapall
*****************************************************************/
#wrapall{
	width:100%;
	margin:0 auto;
	padding:15px 0;
	background:#EFF6FD;
}

#wrapallinner{
	width:96%;
	margin:0 auto;
	padding:0;
	background:#EFF6FD;
}


/*****************************************************************
header
*****************************************************************/
#header{
	width:100%;
	margin:0 auto;
	padding:0 0;
	background:#EFF6FD;
}
#header .inner {
	width:96%;/*94%*/
	margin:0 auto;
	padding:0;
	text-align:left;
}

#header h1{
	margin:0;
	padding:0;
}


/*.logo */
#header .logo{
	width:20%;
	margin:1% 0 0 0;
	padding:0;
	border:0;
}

#header .logo img{
    max-width:100%;
	height:auto;
}
	

	
/*****************************************************************
#menu グローバルメニュー
*****************************************************************/
#menu{
    width: 96%;
    margin: 0 auto;
	padding:0;
    background:#cfbfff;
}
#menu-inner{
    width: 96%;
    margin: 0 auto;
	padding:5px 0 5px;
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    /*height: 100%;*/
    list-style-type: none;
	overflow:hidden;
}
#menu-content > li{
	width:16.52%;
    margin: 0;
	padding: 15px 0;
	color:#FFF;
	font-size:130%;
	line-height:1.1;
    text-align: center;
    float: left;
	font-weight:bold;
	border-left:#fff 1px solid;
	letter-spacing:3px;
}
#menu-content > li:last-child{
	border-right:#fff 1px solid;
}
#menu-content > li > a{
    display: block;
   /* height: 100%;*/
	color:#FFF;
}
#menu-content > li > a:hover{
    background:#8170FF;
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}

#menu-content .eng_s{
	font-size:70%;
	letter-spacing:1px;
    margin: 0;
	padding:0;
}




/* page-top
------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width:40px;
	height:25px;
	padding:3px 0 2px 0;
	color:#8170FF;;
	text-align:center;
	background-color:rgba(255,255,255,0.57);
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
    border:#8170FF 1px solid;
	 /*background-image:url(../images/common/top.png);
	background-repeat:no-repeat;*/ 
}
#page-top p{
	margin-left:10px;
	margin-top:7px;
width: 15px;
height: 15px;
border-top: 3px solid #8170FF;
border-right: 3px solid #8170FF;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
 #page-top:hover{
	 background-color:#fff;
}





/*****************************************************************
wrapper
*****************************************************************/
#wrapper{
　　width:100%;/*★100%*/
    margin:0 auto;
　　padding:0; 
	text-align:center;
}

#wrapperinner{
	width:96%;
    margin:0 auto;
}

/****************************************************************
gridWrapper
*****************************************************************/
.gridWrapper{
　　width:100%;/*★100%*/
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow: hidden;
	/*text-align:center;*/
}
* html .gridWrapper{height:1%;}
	
.gridWrapper .inner{
	width:96%;/*94%*/
	margin:0 2%;
	text-align:center;	
	}
.gridWrapper .inner p{
	font-size:130%;
	color:#444;
}
.bg_col{
	margin:0 0;
	background:#FAF4ED;
}
/*
.gridWrapper .inner P.al{
	text-align:left;
	font-size:130%;
	line-height:1.7;
	}
*/

.gridWrapper .inner .link_btn{
	width:30%;
	margin: 5% auto;
	padding:0.5%;
	font-size:120%;
	color:#8170FF;
	background-color:#fff;
	text-align:center;
	border:#8170FF 1px solid;
    border-radius: 20px;		
	-webkit-border-radius:20px;	
	-moz-border-radius: 20px;	
	}


.gridWrapper .inner  a .link_btn{ 
	text-decoration: none;
}


.gridWrapper .inner  a:hover .link_btn{ 
	color:#fff;
	background-color:#8170FF;
}


.gridWrapper .inner .link_btn  a:-webkit-any-link {
	text-decoration: none;
}

.gridWrapper .inner .link_btn a:link{
	color:#fff;
	text-align:center;
	background-color:#1F9DF2;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	}

/*.gridWrapper .inner img{
    width: 100%;
    height: auto;
	}*/
	
	
.gridWrapper .inner .link_btn03{
	width:30%;/*追加 */
	float:left;
	margin: 2% 1% 2% 0;
	padding:1%;
	font-size:120%;
	color:#1F9DF2;
	text-align:center;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	}
	
.gridWrapper .inner  a .link_btn03{ 
	text-decoration: none;
}


.gridWrapper .inner  a:hover .link_btn03{ 
	width:30%;/*追加 */
	float:left;
	margin: 2% 1% 2% 0;
	padding:1%;
	font-size:120%;
	color:#1F9DF2;
	text-align:center;
	border:#1F9DF2 1px solid;
    border-radius: 3px;		
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	background-color:#DBEFFD;
}


.gridWrapper .inner .link_btn03  a:-webkit-any-link {
	text-decoration: none;
}
	
	
	
.gridWrapper .inner .link_btn03 .t_eng{
		font-size:90%;
	}

/*****************************************************************
h2　h3
*****************************************************************/
	
h2{
	margin:0.5% 0 0;
	padding:1% 0 ;
	font-size:260%;
	font-weight:bold;
	color:#666; 
	letter-spacing: 10px;
	}
.eng{
	width:30%;
	margin:0 auto 5%;
	padding:0 ;
	font-size:100%;
	font-weight:bold;
	color:#8170FF; 
	letter-spacing:3px;
	text-align:center;
	border-bottom:#8170FF 2px solid;
	font-style: italic;
	}
.eng .line_gr{
	border-bottom:#8170FF 2px solid;
	}

h3{
	margin:0.5% 0;
	padding:1% 0 ;
	font-size:180%;
	font-weight:bold;
	color:#8170FF;; 
	letter-spacing: 5px;
	}
	
/*****************************************************************
grid set
*****************************************************************/
 
.grid_all{
	width:100%;
	margin:0 0;
	padding:0 ;
	position:relative;
	}
	

.grid01{
	width:100%;
	margin:1% 0;
	padding:0 0.5% 0; 
	}

.grid01 img{
	max-width:100%;
	height:auto; 
	}
	


.grid02_all{ 
	width:100%;
	margin:5% auto;
	padding:0;
	overflow:hidden;/*高さを出す*/
}

.grid02{ 
	width:49%;
	margin: 2% 2% 0 0;
	padding:  0;
	text-align:left;
	float:left;
}
.grid02:last-child{ 
	margin: 2% 0 0 0;
}
.grid02 img{ 
     max-width:100%;
	 height:auto;
}

.tx{ 
	font-size:130%;
	text-align:left;
}



.grid03_all{ 
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.grid03{
	width:32%;
	margin:1% 0;
	padding:0 1% 0 0; 
	float:left;
	}
.grid03:last-child{ 
	padding:0; 
}
	
.grid03 img{
	max-width:100%;
	height:auto; 
	}




.grid04_all{ 
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.grid04{ 
	width:24%;
	margin: 2% 1% 0 0;
	padding:  0;
	text-align:left;
	float:left;
}
.grid04 img{ 
     max-width:100%;
	 height:auto;
}

.grid04 P{ 
	font-size:100%;
	text-align:center;
}


.grid05_all{ 
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.grid05{ 
	width:19%;
	margin: 2% 1% 0 0;
	padding:  0;
	float:left;
}
.grid05 img{ 
     max-width:100%;
	 height:auto;
}

.grid05 P{ 
	font-size:100%;
	text-align:center;
	line-height:1.4;
}


/*****************************************************************
margin set
*****************************************************************/
.mt10{
	margin-top:10px;
	padding: 0; 
	}
.mt20{
	margin-top:20px;
	padding: 0; 
	}
.mt30{
	margin-top:30px;
	padding: 0; 
	}

.mt50{
	margin-top:50px;
	padding: 0; 
	}





/*****************************************************************
.fade-up 
*****************************************************************/

.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}



.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}
/*****************************************************************
#footer
*****************************************************************/
#footer{
	width:100%;
	padding:0.5% 0;
	background:#CFBFFF;
	text-align:center;
	font-size:120%;
}

#footer .inner{
	width:100%;/*94%*/
	margin:0 atuo;
	text-align:center;
	color:#68577A;	
	}


* html #footer{height:1%;}
#footer a{color:#68577A;}
#footer a:hover{color:#6840D4;}

#footer .copyright{font-size:11px;}










/* Clear fix -----------------------------------------------------*/
.clfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
*:first-child+html .clfix {
	display: inline-block;
	min-height: 1%;
	}
/* Hides from IE6/IE Mac \*/
* html .clfix {
	height: 1%;
	}
.clfix {
	display: block;
	}
/* End hide from IE6/IE Mac */


.clearLeft { 
clear: left; 
}




/*****************************************************************
#top
*****************************************************************/

#cir{
    width: 100%;
    padding-left: 0;
    margin: 0 auto;
　  font-size:200%;
    text-align: center;
    list-style-type: none;
}
#cir > ul{
}

#cir > li{
    height:140px;
	width:140px;
	margin:0 3.5% ;
	padding:0 0 0 0;
	font-size:140%;
    float: left;
    text-align: center;
	color:#fff;
	background:#178B3A;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#cir  > li .txt{
	 padding-top:40%;  /*真ん中にまで文字を下ろす*/ 
	letter-spacing: 3px;
}

#cir  > li:last-child{
	margin:0 0 0 3.5%;
}

#cir  > li a{
	color:#fff;
}


.line_green{ 
    border-bottom:#178B3A 1px solid;
}


.bg_about{ 
    height:480px;
	background: url(../images/top/bg_about.png) no-repeat center bottom;
	background-size:cover;
}
.bg_product{ 
	background: url(../images/top/bg_product.png) no-repeat center bottom;
	background-size:cover;
	background-position:bottom;
}


.wb03_all{ 
	width:100%;
	margin:5% auto;
	padding:0;
	overflow:hidden;
}

.wb03{ 
	width:31%;
	height:252px;
	margin: 2% 2% 0 0;
	padding:0;
	float:left;
	position:relative;
}
.wb03 img{ 
     max-width:100%;
	 height:auto;
	border:#FFF 2px solid;
}

.wb03 .gr{ 
	width:31%;
	margin: 2% 2% 0 0;
	padding:20px  0;
	background:#8CC11F;
	color:#FFF;
	font-size:140%;
	font-weight:bold;
	position:absolute;top:10px; left:10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing:2px;
	opacity: 0.9;
	}

.shd{ 
    text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;	
	}


/*背景色*/
.bg_green01{
	    background-image:url(../images/common/bg_green01_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#CCDDBD;
		}		
.bg_green02{
	    background-image:url(../images/common/bg_green02_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#BCD3AB;
		}
.bg_green03{
	    background-image:url(../images/common/bg_green03_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#B5CDA0;
		}
.bg_green04{
	    background-image:url(../images/common/bg_green04_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#ABC693;
		}
.bg_green05{
	    background-image:url(../images/common/bg_green05_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#A5C08B;
		}
.bg_green06{
	    background-image:url(../images/common/bg_green06_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#9DBA81;
		}
.bg_green07{
	    background-image:url(../images/common/bg_green07_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#94B375;
		}
.bg_green08{
	    background-image:url(../images/common/bg_green08_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#8CAD6B;
		}
.bg_green09{
	    background-image:url(../images/common/bg_green09_top.png);
		background-repeat: repeat-x; 
		background-position:right top;   
	    background-color:#85A862;
		}		
.bg_green{ 
    background:#F1F7EE;
		}
		
.bg_grey{ 
    background:#eee;
	padding:3% 0;
		}
				
.blog_grid{ 
	margin: 0;
	padding:3% 5%;
	background:#fff;
	}
.blog_grid P{ 
	font-size:100%;
	line-height:1.4;
	color:#666;
	}
	
	
	
ul.item {
    width:100%;
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
 
ul.item li {
	width:31%;/*#178B3A*/
    margin:1%;
    padding:1% 0 0;
    list-style:none;
	background:#fff;/*#178B3A*/
}	
ul.item li .bg_gr{ 
	margin:0;
	padding:2%;
	background:#178B3A;
	color:#FFF;
	text-align:left;
}

/*#information*/
ul.item02 {
    width:100%;
    margin:2% 0;
    padding: 0 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
 
ul.item02 li {
	width:48%;
    margin:1%;
    padding: 0 0;
    list-style:none;
	text-align:left;
	background:#fff;
}
ul.item02 li:last-child {
	width:44%;
    margin:1%;
    padding: 2%;
	text-align:left;
	background:#fff;
}	
	
ul.item02 li .tit_info{
	font-size:120%;
	font-weight:bold;
    color: #005740;
	}	

dl.info_list {
   width:100%;
	}	

dl.info_list dt {
   width:85%;
   float:left;
}

dl.info_list dd {
   margin-left:0;
   padding-left:2%;
}



/*sns*/ 


.blog {
	margin:0 0.2% 0 0;
	padding:1% 0;
	background:#178B39;
    border:#178B39 1px solid;
	 border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}	

.fb {
	margin:0 0.2% 0 0;
	padding:1% 0;
	background:#3C5A97;
	border:#3C5A97 1px solid;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}	
.tw{
	margin:0 0 0 0;
	padding:1% 0;
	background:#33CCFE;
	border:#33CCFE 1px solid;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}	

/*****************************************************************
#information
*****************************************************************/
#information{
	width:100%;
	margin:0;
	padding:0;
	background:#F1F7EE;
}	

#information .inner_info{
	width:94%;
	margin:0 3%;
	padding:0;
}

#information .inner_info h3{
    margin:5% 0 0;
    text-align:left;
}

#information P.txt_date{
	margin:2% 0;
	font-size:110%;
    text-align:left;
	line-height:1.8;
	color:#999;
}	


#information P.txt_info{
	margin:2% 0;
	font-size:120%;
    text-align:left;
	line-height:1.8;
}	


/*****************************************************************
#chlorella
*****************************************************************/
#chlorella{
	margin:0;
	padding:0;
}	

#chlorella .bg_chlorella{ 
	background: url(../chlorella/images/bg_chlorella.png) no-repeat center bottom;
	background-size:cover;
	background-position:bottom;
}

#chlorella .bg_chlorella02{ 
	background: url(../chlorella/images/bg_chlorella02.png) no-repeat center bottom;
	background-size:cover;
	background-position:bottom;
}


/*****************************************************************
#process
*****************************************************************/
#process{ 
	position:relative;
}

#process .grid_process{ 
	position:relative;
}


#process .grid_process_all{
	width: 90%;
	margin: 0 auto;
	padding: 3% 0%;
	overflow: hidden;
}

#process .grid_process_ph{ 
	width:58%;
	margin: 0 2% 0 0;
	padding:  0;
	text-align:left;
	float:left;
}


#process .grid_process_ph img{ 
     max-width:100%;
	 height:auto;
}

#process .grid_process_txt{ 
	width:38%;
	margin: 0 2% 0 0;
	padding:  0;
     font-size: 120%;
	 line-height:2;
	text-align:left;
	float:left;
}

#process .grid_process_txt P{ 
	margin: 5% 0 0 0;
}



#process  .box_gr {
    width:30%;
    margin: 0 0 0  0;
    padding:3% 5% 5%;
    background: #8CC11F;
    color: #FFF;
    font-size: 160%;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 2px;
}


/*****************************************************************
#products
*****************************************************************/
#products{ 
	position:relative;
}


#products h3{
	margin:0 0 1% 0;
	padding:0 ;
	font-size:180%;
	font-weight:bold;
	color:#178B3A;; 
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 5px;
	}

#products .grid_prod{ 
	position:relative;
}

#products .grid_prod_all{
	width: 90%;
	margin: 0 auto;
	padding: 3% 0%;
	overflow: hidden;
}

#products .grid_prod_ph{ 
	width:23%;
	margin: 0 2% 0 0;
	padding:  0;
	text-align:left;
	float:left;
}


#products .grid_prod_ph img{ 
     max-width:100%;
	 height:auto;
}

#products .grid_prod_txt{ 
	width:73%;
	margin: 0 2% 0 0;
	padding:  0;
     font-size: 120%;
	 line-height:2;
	text-align:left;
	float:left;
}

#products .grid_prod_txt P{ 
    /*width:60%;*/
	margin: 0 0 0 0;
}



#products  .box_gr {
    width:30%;
    margin: 0 0 0  0;
    padding:3% 5% 5%;
    background: #8CC11F;
    color: #FFF;
    font-size: 160%;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 2px;
}



#products table.type_prod {
	width:70%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	 border-radius: 10px;       
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;
	overflow: hidden;
}
#products table.type_prod th {
	width: 18%;
	padding:1.3% 1%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background:#E0EDDA;
}
#products table.type_prod td {
	width:78%;
	padding:1.3% 1%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background:#D8E8D0;
}


.txt_r{ 	
   color:#C00;
   font-size:70%;
   letter-spacing: 0px;
}
.txt_t{ 	
   font-size:135%;
   text-align:center;
   margin:4% 0 1% 0;
   padding:0;
   color: #178B3A;
}

/*ボタン*/

.grid_btn_online{
	width:90%;/*ボタン*/
	margin:2% 5% 4%;
	padding:0 ;
}

.btn_online02{
	width:46%;
	margin:2% 2% 4%;
	padding:0 ;
	float:left;
	font-size:130%;
}


.btn_online{
	width:100%;
	margin: 0;
	padding:1% 0;
	font-size:120%;
	color:#178B39;
	background-color:#fff;
	text-align:center;
	border:#178B39 1px solid;
    border-radius: 20px;		
	-webkit-border-radius:20px;	
	-moz-border-radius: 20px;	
	}
	
/*	
.btn_online{
	width:47%;
	margin: 0 2% 7% 0;
	padding:1% 0;
	font-size:120%;
	color:#178B39;
	background-color:#fff;
	text-align:center;
	border:#178B39 1px solid;
    border-radius: 20px;		
	-webkit-border-radius:20px;	
	-moz-border-radius: 20px;	
	float:left;
	}
*/	
.btn_online:last-child{
	margin: 0 2% 7% 0;
	}
	
 .btn_online img{
	max-width:100%;
	height:auto;
}
a .btn_online{ 
	text-decoration: none;
}


a:hover .btn_online{ 
	color:#fff;
	background-color:#178B39;
}



/*****************************************************************
#company
*****************************************************************/
#company .grid_prod_all{
	width: 90%;
	margin: 0 auto;
	padding: 3% 0%;
	overflow: hidden;
}


#company table.type_com  {
	width:100%;
  border: 2px solid #D6E4CB;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
	font-size:110%;
}
#company table.type_com  thead th,
#company table.type_com  tbody th,
#company table.type_com  tbody td {
 padding:1.3% 2%;
  border-bottom: 2px solid #D6E4CB;
}
#company table.type_com  thead th {
  background-color: #ECF4E8;
}
#company table.type_com  tbody th {
	width: 20%;
	font-weight: bold;
  background-color: #ECF4E8;
}
#company table.type_com  tbody td {
	width:72%;
  background-color: #E3EFDE;
}


#company table.type_com  thead th + th,
#company table.type_com  tbody td {
  border-left: 2px solid #D6E4CB;
}
#company table.type_com  tbody tr:last-child th,
#company table.type_com  tbody tr:last-child td {
  border-bottom: none;
}


/*
#company table.type_com {
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	font-size:110%;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
#company table.type_com th {
	width: 18%;
	padding:1.3% 1%;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background:#ECF4E8;
}
#company table.type_com td {
	width:78%;
	padding:1.3% 1%;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background:#E3EFDE;
}
*/


#company  .grid_com_txt{
	font-size:130%;
	text-align:left;
	line-height:1.7;
	
}


#company  .pre img{
	max-width:40%;
	height:auto;
	text-align:center;
}

#company  .pre_name{
	font-size:130%;
	text-align:center;
	
}


#company  .letter img{
	max-width:100%;
	height:auto;
}
.pcNone {
	display:none;
	}

/*****************************************************************
#contact
*****************************************************************/
#contact .grid_prod_all{
	width: 90%;
	margin: 0 auto;
	padding: 3% 0%;
	overflow: hidden;
}


#contact table.type_cont  {
	width:100%;
  border: 2px solid #D6E4CB;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  overflow: hidden;
	font-size:110%;
}
#contact table.type_cont  thead th,
#contact table.type_cont  tbody th,
#contact table.type_cont  tbody td {
 padding:1.3% 2%;
  border-bottom: 2px solid #D6E4CB;
}
#contact table.type_cont  thead th {
  background-color: #ECF4E8;
}
#contact table.type_cont  tbody th {
	width: 20%;
	font-weight: bold;
  background-color: #ECF4E8;
}
#contact table.type_cont  tbody td {
	width:72%;
  background-color: #E3EFDE;
}


#contact table.type_cont  thead th + th,
#contact table.type_cont  tbody td {
  border-left: 2px solid #D6E4CB;
}
#contact table.type_cont  tbody tr:last-child th,
#contact table.type_cont  tbody tr:last-child td {
  border-bottom: none;
}



/*****************************************************************
#certification
*****************************************************************/
#certification h3{
	text-align:left;
    }

#certification .line_g{
	border-bottom:#8CC11F 1px dotted;
	margin:0 5px 0 0 ;

    }

#certification p{
	font-size:120%;
	line-height:1.6;
	text-align:left;
    }
	
#certification .grid_cer_all{
	width: 90%;
	margin: 0 auto;
	padding: 3% 0%;
	overflow: hidden;
}

#certification .grid_cer_ph{ 
	width:18%;
	margin: 0 2% 0 0;
	padding:  0;
	text-align:left;
	float:left;
}


#certification .grid_cer_ph img{ 
     max-width:100%;
	 height:auto;
}

#certification .grid_cer_txt{ 
	width:78%;
	margin: 0 2% 0 0;
	padding:  0;
    font-size: 120%;
	line-height:2;
	text-align:left;
	float:left;
}


/*****************************************************************
#contact
*****************************************************************/

.att{ 	
   color:#F30;

}
/*
.grid_btn_contact{
	width:100%;
	margin:1% 0 7%;
	padding:0;
}

.btn_contact{
	width:45%;
	margin: 0 0 0;
	padding:1%;
	font-size:120%;
	color:#178B39;
	background-color:#fff;
	text-align:center;
	border:#178B39 1px solid;
    border-radius: 20px;		
	-webkit-border-radius:20px;	
	-moz-border-radius: 20px;	
	float:left;
	}
	
.btn_contact:last-child{
	margin: 0 0 0 10px;
	}

a .btn_contact{ 
	text-decoration: none;
}


a:hover .btn_contact{ 
	color:#fff;
	background-color:#178B39;
}
*/



/*ボタン*/

#contact .grid_btn_contact{
	width:86%;
	margin:6% auto 0;
	padding:0 ;
}

#contact .btn_contact{
	width:47%;
	margin: 0 2% 7% 0;
	padding:1% 0;
	font-size:120%;
	color:#178B39;
	background-color:#fff;
	text-align:center;
	border:#178B39 1px solid;
    border-radius: 20px;		
	-webkit-border-radius:20px;	
	-moz-border-radius: 20px;	
	float:left;
	}
	
#contact .btn_contact:last-child{
	margin: 0 0 0 0;
	}
	
#contact .btn_contact img{
	max-width:100%;
	height:auto;
	}
a .btn_contact{ 
	text-decoration: none;
}


a:hover .btn_contact{ 
	color:#fff;
	background-color:#178B39;
}

/*****************************************************************
#sitemap
*****************************************************************/
#sitemap{ 
	margin:0 auto;
	padding:0;
}


#sitemap .grid_sitemap{
	width: 80%;
	margin: 0 auto;
	padding: 3% 0%;
	overflow: hidden;
}

#sitemap .grid_sitemap_inner{
	width: 50%;
	margin: 0 0 0 0;
	padding: 0%;
	float:left;
}


#sitemap .tit_sitemap{ 
	margin:20px 0 0 0 ;
	padding:0 0 0 10px;
	border-left:#178B3A 5px solid;
	color:#178B3A;
	text-align:left;
	font-weight:bold;
	font-size:140%;
	clear:left;
	letter-spacing:3px;
}

#sitemap .txt_sitemap{ 
	margin:10px 20px 30px 20px ;
	padding:0;
	font-size:130%;
	text-align:left;
	float:left;
}


#sitemap a:link		{
	color:#6F9746;
	text-decoration:underline;
	}



.bg01{
	background-color:#BDD7FE;
}
.bg01 h2{
	letter-spacing:2px;
}
.bg02{
	background-color:rgba(194,209,250,0.6);
}
.bg03{
	background-color:rgba(194,165,253,0.4);
}
.bg04{
	background-color:rgba(168,177,255,0.5)
}

.sentence p{
	text-align:left;
}
.sentence{
	margin:20px;
	width:96%;
}
.graph{
	margin:20px;
	text-align:left;
	width:96%;
}
.graph img{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
}
.graph ul{
	overflow:hidden;
}
.graph ul li{
	float:left;
	width:20%;
	margin:1%;
	padding:10px;
	background-color:rgba(255,255,255,0.74);
}

.contact form{
	display:block;
	width:96%;
	border:rgba(228,203,243,1.00) 1px solid;
	padding:10px;
}
.contact form dl{
	overflow:hidden
}
.contact form dt,.contact form dd{
	padding:10px;
	float:left;
}
.contact form dt{
	clear:left;
	width:22%;
	font-size:130%;
	text-align:right;
}
.contact form dd{
	color:#CE39BB;
	width:70%;
	text-align:left;
}
/*.contact form input{
	height:20px;
	font-size:130%;
}
*/