@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
沿革　3/24
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {width: 100%;	 margin: 0.5em 0 ; padding: 0;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",
	   "HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	background-color:#fff;}
a {  color:#000;  text-decoration:none;}
a:hover {  color:#333;  text-decoration:underline;}
/*==========================================
 ヘッダーのスタイル
===========================================*/
===========================================*/
header h1 {margin:0 auto;text-align:center;font-size:1em;margin:0.5em 0.5em;}
header {  position:relative;  overflow:hidden; margin-bottom:10px;}
header ul#s_nav {  margin-bottom:30px;  position:relative;
  left:50%;  float:left; }
header ul#s_nav li {  float:left;  position:relative;  left: -50%;}
header ul#s_nav li a {  display:block;  font-size:0.8em;  margin-right:20px;
 			 padding-left:20px;}
header p {width:100%;}
header p img {width:100%;  height:auto;  max-width:960px;}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
	div#stage{width:95%; margin-left:auto;margin-right:auto;}

	div#stage h1{font-size:1.1em;margin-top:20px;margin-bottom:10px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:70%;
	                      margin-left:auto;margin-right:auto;}/**/  
   
	div#contents section#midashi article p{font-size:1em;line-height:1.6em;margin-left:10px;margin-top:0;}	
	
/*==========================================
 コンテンツエリア -> WORKSのスタイル
===========================================*/
	/*workc -------------*/ 
	div#contents section#workc article {  text-align: center;  width: 50%; min-width: 120px;  float: left;  margin-bottom: 30px;}
	div#contents section#workc article img {margin-top:30px;  width: 95%;  height: auto; max-width:230px;text-align: center;} 
	div#contents section#workc article h3 {  font-size: 1.2em;  font-weight: bold;}
	div#contents section#workc article p {  text-align:center;font-size: 1.1em;  line-height: 1.3em;  padding: 0 15px;}
	
	/*======================== コンテンツエリア -> 商品案内Col0=================================*/
	
	/*======================== コンテンツエリア -> 商品案内Col0=================================*/
	
	
	div#contents article h2{font-size:1.3em;text-align:center;margin-top:20px;margin-bottom:30px;} 
	
	#common-footer {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:1em;}
	footer p{font-size:1.2em;line-height:1.2em;color:#fff;}

	a#pagetopBtn img {  position: fixed;  bottom: 10px;  right: 1px;}
/*@media only screen and (max-width:480px) {	

	div#contents section#col0 {width:30%; float:left;padding-top:10px; }
	div#contents section#col0 article p {margin-left:10px; line-height:2em; font-size:1em;padding-bottom:8px;}
	
	div#contents section#col1 {width:70%;float:right;margin-top:-5px;  }
	div#contents section#col1 article p {margin-left:10px; line-height:1em; font-size:1em;}


}		
*/
@media only screen and (max-width: 640px) {
/*----ナビ----*/
	header {width:100%;margin-left:auto;  margin-right:auto;  background-color:#0a0ca3;margin-bottom:10px;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; font-size:0.8em;}  
    .list{display:flex;font-size:0.8em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;text-align: center;}
	 li + li {border-left: 2px solid #fff;}  	 
    	 nav ul a{font-size:0.8em;font-weight:bold;text-transform:full-width;} 	
    	/*-----ナビend------*/
     
    div#stage h1{font-size:1.0em;margin-top:20px;margin-bottom:20px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:80%;
	                      margin-left:auto;margin-right:auto;}/*日本で*/   
     
    div#contents section#article p{font-size:1em;line-height:1.2em;margin-left:10px;margin-top:10px;}	    
   
   
	div#contents section#col0 {width:30%; float:left;padding-top:10px; }
	div#contents section#col0 article p {margin-left:10px; line-height:1em; font-size:1em;padding-bottom:15px;}
	
	div#contents section#col1 {width:70%;float:right;margin-top:-5px;  }
	div#contents section#col1 article p {margin-left:10px; line-height:1em; font-size:1em;}

   
   /*======================== コンテンツエリア -> 商品案内Col0=================================*/    
    div#wrap {	margin-bottom:100px;}
	
	div#contents article h2{font-size:1.3em;text-align:center;margin-top:20px;margin-bottom:20px;}
	div#contents section#ichiba P img{width:100%;height:auto; box-shadow:5px 5px 5px #b2b2b2;
 			margin-top:30px;margin-bottom:0;}


  	/*==========================================
 	フッターのスタイル
	===========================================*/
	 #common-footer {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;
	text-align:center;margin-left:auto;margin-right:auto; margin-top:2em;}
	footer p{font-size:0.8em;color:#fff;margin:0 0 0 0;text-align:center;}  
	}    
@media only screen and (min-width: 640px) {
	/*----ナビ----*/
	header {width:100%;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
    .list{display:flex;font-size:0.8em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;	 text-align: center;}
	 li + li {border-left: 2px solid #fff;}
	  nav ul a{font-size:0.8em;font-weight:bold;text-transform:full-width;} 	  	 
  	/*-----ナビend------*/	  	
  	  	
  	div#wrap {margin-bottom:100px;}
	
	div#stage h1{font-size:1.2em;margin-top:20px;margin-bottom:20px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:80%;
	                      margin-left:auto;margin-right:auto;}/*日本で*/  

	div#contents section#article p{font-size:1em;line-height:1.2em;margin-left:10px;margin-top:10px;}	
			
	div#contents section#workc article img{ width:100%; margin-top:30px; }			 	
	
	div#contents section#ichiba P img{width:100%;height:auto; box-shadow:5px 5px 5px #b2b2b2;
 			margin-top:30px;margin-bottom:0;}
 			
 	div#contents section#col0 {width:30%; float:left; padding-top:20px;}
	div#contents section#col0 article p {margin-left:10px; line-height:1em; font-size:1em;padding-bottom:7px;}
	
	div#contents section#col1 {width:70%;float:right;  }
	div#contents section#col1 article p {margin-left:10px; line-height:1em; font-size:1em;}
	
	#common-footer  {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;text-align: center;margin:10 0; }
	footer p{font-size:1em;color:#fff;margin:0 0 0 0;text-align:center;}
	
 }

@media only screen and (min-width: 769px) {
 	div#stage{	width:760px;}

 /*----ナビ----*/
	 header {width:760px;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
    .list{display:flex;font-size:0.8em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1; text-align: center;}
	 li + li {border-left: 2px solid #fff;}  
	  nav ul a{font-size:1em;font-weight:bold;text-transform:full-width;} 
	/*-----ナビend------*/
  	
 	div#wrap {margin-bottom:100px;} 
 	
 	div#stage h1{font-size:1.2em;margin-top:20px;margin-bottom:20px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:70%;
	                      margin-left:auto;margin-right:auto;}/*日本で*/  

 	div#contents section#article p{font-size:1em;line-height:1.2em;margin-left:10px;margin-top:10px;}	

  	div#contents section h3{font-size:1.3em;line-height:1.5em;margin-top:30px;text-align:center; /*市場の歴史*/
       border-bottom:2px solid ;width:50%;border-top:2px solid;width:70%;}  
    div#contents section p{font-size:1.1em;line-height:2em;margin-left:10px;margin-top:20px;}	
　
 
	/*workc-------------*/	  
	  div#contents section#work article {width: 25%; }
	  div#contents section#workc article img{ width:100%; margin-top:30px; } 
	  div#contents section#work article h3 {  line-height: 2.0em;  } 
	  div#contents section#work article p {font-size: 1.5em; line-height: 1.4em;  }
  
  	/*======================== コンテンツエリア -> 商品案内Col0=================================*/
	div#contents section#col0 {width:30%; float:left; }
	div#contents section#col0 article p {margin-left:10px; line-height:1em; font-size:1em;}
	
	div#contents section#col1 {width:70%;float:right;  }
	div#contents section#col1 article p {margin-left:10px; line-height:1em; font-size:1em;}
	

	　
  
/*==========================================
 フッターのスタイル
===========================================*/
  #common-footer {width:100%;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:2em;}	
		
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
 	div#stage{	width:960px;}
 	
 	/*----ナビ----*/
	header {width:960px;margin-left:auto;  margin-right:auto;  background-color:#0a0ca3;margin-bottom:30px;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; font-size:0.8em;}  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;text-align: center;}
	 li + li {border-left: 2px solid #fff;} 
	 nav ul a{font-size:1em;font-weight:bold;text-transform:full-width;} 	   	                       
  	/*-----ナビend------*/	  	
	
	
	
	div#contents {max-width:960px;   margin: 0 auto;  } 
	
	div#stage h1{font-size:1.2em;margin-top:20px;margin-bottom:20px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:70%;
	                      margin-left:auto;margin-right:auto;}/*日本で*/  
	                         
   	div#contents section#article p{font-size:1em;line-height:1.2em;margin-left:10px;margin-top:10px;}	
   	 
	 /*workc-------------*/
	  div#contents {max-width:95%;  margin: 0 auto;  }
	  div#contents section#workc article { width:25%; }
	  div#contents section#workc article img{ width:90%; margin-top:30px; }
	  div#contents section#workc article p { line-height: 1.5em;  }
	/*---------------------*/
 	div#wrap {width:95%;margin-bottom:100px;}
 	/*======================== コンテンツエリア -> 会社沿革Col0=================================*/
	div#contents section#col0 {width:25%;float:left;}
	div#contents section#col0 article p {margin-left:0; line-height:1em; font-size:1em;font-weight:bold;}
			
	div#contents section#col1 {width:70%; float:right;padding-top:20px;} 
	div#contents section#col1 article p {margin-left:0; line-height:1em; font-size:1em;font-weight:bold;}
	
  
   /*市場画像*/
    div#contents section#ichiba P img{width:100%;height:auto; box-shadow:5px 5px 5px #b2b2b2;
 			margin-top:30px;margin-bottom:0;}

  
    a#pagetopBtn img {  position: fixed;  bottom: 10px;  right: 1px;}

/*==========================================
 フッターのスタイル
===========================================*/
#common-footer {width:960px;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:auto;margin-right:auto; margin-top:1em;}
footer p{font-size:1em;line-height:1.2em;color:#fff;}
}