@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
Main 3/18 0715
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 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:1.7em;margin:0.5em 0.5em;}
	header {  position:relative;  overflow:hidden;}
	header ul#s_nav {  margin-bottom:15px;  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#contents {  background: url(../images/bg_footer.jpg) no-repeat bottom;
  padding-bottom: 90px;} */
/*==========================================
 コンテンツエリア -> WORKSのスタイル
===========================================*/

	div#contents section article h1{font-size:1.5em;text-align: center; margin-top:30px;margin-bottom:20px;margin-left:auto;margin-right:auto;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:30%;}
	
	/*workb -------------*/ 
	div#contents section#workb article {  text-align: center;  width: 50%; min-width:180px;  float: left;  margin-bottom: 30px;}
	div#contents section#workb article img {margin-top:10px;  width: 90%;  height: auto; max-width:240px;text-align: center;} 
	div#contents section#workb article h4 {  font-size: 1.2em;  font-weight: bold;}
	div#contents section#workb article p { text-align: left;font-size: 1em;  line-height: 1.3em;margin-top:10px;}
	/*workc -------------*/ 
	div#contents section#workc article {  text-align: center;  width: 50%; min-width:180px;  float: left;  margin-bottom: 30px;}
	div#contents section#workc article img {margin-top:10px;  width:90%;  height: auto; max-width:240px;text-align: center;} 
	div#contents section#workc article h4 {  font-size: 1.2em;  font-weight: bold;}
	div#contents section#workc article p { text-align: left;font-size: 1em;  line-height: 1.3em;margin-top:10px;}
	
	
	
	/*==========================================
	 コンテンツエリア -> INFORMATIONのスタイル
	===========================================*/
	div#contents section#information {  text-align: center;  margin-left: 5px;} 
	div#contents section#information h2 {  text-align: left;  margin: 0 5px 15px 0;
	  /*background: url(../images/bg_headerLine.jpg) repeat-x bottom; */
	  padding-bottom: 10px;}
	div#contents section#information ul li {  width: 100%;  margin-bottom: 5px;}
	div#contents section#information ul li img {  width: 98%; height: auto;  max-width: 470px;}
	
	/*==========================================
	 ページトップへボタンのスタイル
	===========================================*/
	a#pagetopBtn img {  position: fixed;  bottom: 10px;  right: 1px;}
	
/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (max-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;}  	 
  	/*-----ナビend------*/	
  	
	div#contents section article h1{font-size:1.5em;text-align: center; margin-top:30px;margin-bottom:20px;margin-left:auto;margin-right:auto;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:30%;}

    /*workb -------------*/ 

	div#contents section#workb article { text-align: center;  width: 50%; min-width: 120px;  float: left;  margin-bottom: 30px;}
	div#contents section#workb article img {margin-top:10px;  width: 90%;  height: auto; max-width:240px;text-align: center;} 
	div#contents section#workb article h4 {  font-size:1.2em;  font-weight: bold;}
	div#contents section#workb article p { text-align: left;font-size:1em;  line-height: 1.2em;  width:90%;}
	/*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:10px;  width: 90%;  height: auto; max-width:240px;text-align: center;} 
	div#contents section#workc article h4 {  font-size:1.2em;  font-weight: bold;}
	div#contents section#workc article p { text-align: left;font-size: 1em;  line-height: 1.2em;  width:90%;}


	/*div#contents section#workc article img {margin-top:30px;  width: 95%;  height: auto;text-align: center;} 

  	/*==========================================
 	フッターのスタイル
	===========================================*/
	 #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-family:"HGｺﾞｼｯｸE";font-size:0.8em;line-height:1.2em;color:#fff;}
	}    
@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: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;}  	 
  	/*-----ナビend------*/	
  	
	
	div#contents section article h1{font-size:1.5em;text-align:center;margin-top:30px;margin-bottom:20px;margin-left:auto;margin-right:auto;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:30%;}

	
	div#contents section h3{margin-top:20px;}	
	/*div#contents section#workc article img {margin-top:30px;  width: 20%; height: auto;text-align: center;} */
		
	 /*workb　主力商品の画像と説明-------------*/
	  div#contents section#workb article { width:25%; }
	  div#contents section#workb article img{ width:95%; margin-top:15px; }
	  div#contents section#workb article h4 {font-size:1.2em; }
	  div#contents section#workb article p { text-align: left;font-size: 1em;  line-height: 1.2em;  width:90%;}

	 /*workc　主力商品の画像と説明-------------*/
	  div#contents section#workc article { width:25%; }
	  div#contents section#workc article img{ width:95%; margin-top:15px; }
	  div#contents section#workc article h4 {font-size:1.2em; }
	  div#contents section#workc article p  { text-align: left;font-size: 1em;  line-height: 1.2em;  width:90%;}


	
	#common-footer  {width:960px;height:90px;font-size:1.2em;background-color:#0a0ca3;text-align: center;}
	footer p{font-family:"HGｺﾞｼｯｸE";font-size:1em;line-height:1.2em;color:#fff;}
	
	/*==========================================
	 フッターのスタイル
	===========================================*/
 }

@media only screen and (min-width: 769px) {
 
 	/*----ナビ----*/
	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: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;}  	 
  	/*-----ナビend------*/	

div#contents section article h1{font-size:1.5em;text-align: center; margin-top:30px;margin-bottom:20px;margin-left:auto;margin-right:auto;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:30%;}
 
 
/*workc-------------*/
   div#contents {max-width: 960px;  margin: 0 auto;  }
  div#contents section#workb article { width:25%; }
  div#contents section#workb article img{ width:95%; margin-top:15px; }
  div#contents section#workb article h4 {font-size:1.2em; }
  div#contents section#workb article p  { text-align: left;font-size: 1em;  line-height: 1.2em;  width:90%;}

 /*workc　主力商品の画像と説明-------------*/
  div#contents section#workc article { width:25%; }
  div#contents section#workc article img{ width:95%; margin-top:15px; }
  div#contents section#workc article h4 {font-size:1.2em; }
  div#contents section#workc article p  { text-align: left;font-size: 1em;  line-height: 1.2em;  width:90%;}

  /*-----workcend--------------*/
  
　　div#contents section p img {width:100%;  height:auto;  max-width:960px;margin-top:30px;}	/*鯨の画像*/  
　　div#contents section h3{font-size:1.7em;line-height:1.5em;margin-top:30px;text-align:center; /*市場の歴史*/
	border-bottom:2px solid ;width:100%;border-top:2px solid;width:100%;}  
　　div#contents section p{font-size:1.3em;line-height:2em;margin-left:10px;margin-top:20px;}
　　div#contents 	article h1{	font-size:1.5em;text-align:center;margin-top:10px;}
  
/*==========================================
 フッターのスタイル
===========================================*/
  #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-family:"HGｺﾞｼｯｸE";font-size:1em;line-height:1.2em;color:#fff;}
		
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {
 	/*----ナビ----*/
	header {width:960px;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: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;}  	 
  	/*-----ナビend------*/	
  div#contents section article h1{	font-size:1.5em;text-align:center;margin-top:30px;margin-bottom:30px;}/*主力商品*/
 
 /*workb　主力商品の画像と説明-------------*/
  div#contents {max-width: 960px;  margin: 0 auto;  }
  div#contents section#workb article { width:25%; }
  div#contents section#workb article img{ width:95%; margin-top:15px; }
  div#contents section#workb article h4 {font-size:1.2em; }
  div#contents section#workb article p {font-size:1em; line-height:1em; padding-bottom:20px; }

 /*workc　主力商品の画像と説明-------------*/
  div#contents section#workc article { width:25%; }
  div#contents section#workc article img{ width:95%; margin-top:15px; }
  div#contents section#workc article h4 {font-size:1.2em; }
  div#contents section#workc article p {font-size:1em; line-height:1em; padding-bottom:20px; }
/*---------------------*/
  div#contents section article h3{font-size:1.7em;line-height:1.5em;margin-top:30px;text-align:center; /*市場の歴史*/
  border-bottom:2px solid ;width:30%;border-top:2px solid;width:30%;}  
  div#contents section p{font-size:1.3em;line-height:2em;margin-left:10px;margin-top:20px; width:90%;}
  
/*==========================================
 フッターのスタイル
===========================================*/
#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-family:"HGｺﾞｼｯｸE";font-size:1em;line-height:1.2em;color:#fff;}
}