@charset "utf-8";

/*産研カラー#008D82*/


/*パネルカラー(必要があればフォントカラー)*/
#p1{background:#E4E4E4;width:1280px;margin:auto;max-width : 100%;}
#p2{background:#FCFCFC;}
#p3{background:#040000;}
#p4{background:#FFF;}



.panel h3{border-bottom:1px solid #ccc;}


/*パネル　各パーツのデザイン・レイアウト*/
#p1 h1{background:#008D82;color:#fff;}
#p2 h1{background:#008D82;color:#fff;margin-bottom:-50px;font-family:"メイリオ";}
#p3 h1{background:#8d000b;color:#fff;margin-bottom:0px;font-family:"メイリオ";}
#p4 h1{background:#0F3E99;color:#D7DFEF;margin-bottom:0px;font-family:"メイリオ";}

#p1 h2{}
#p2 h2{color:#fff;font-family:"ＭＳ Ｐ明朝";}
#p3 h2{}
#p4 h2{}



/*-----------------------------------------------------------------*/
/*パネル１の画像伸縮*/
#p1 img {
	max-width : 100%;
}


/*-----------------------------------------------------------------*/
/*透かしデザインはopacity:0.7;*/


nav {
	opacity:0.8;
}

/*-----------------------------------------------------------------*/
/*縦メニュー　隙間なし　マウスオーバアクション*/

/*左のデザインはborder-left: xxpx solid #color;*/
/*メニュータグの幅を大きくするには：padding: 20px 50px;*/


nav ul{ 
	position: fixed;
	margin: 50px; 
	padding: 0;
	list-style: none;
}


nav li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
}


nav li a{
	display: block;
	background-color: #45544a;
	color: #fff5eb;
	border-left: 10px solid #99d1cd;
	text-decoration: none;
	width: 200px;
	padding: 20px 50px;
	margin: 1px 0px;
	text-align: left;
	font-size: 18px;
}


nav li a:hover{
	background-color: #728069;
	border-left: 10px solid #008D82;
}





/*-----------------------------------------------------------------*/
/*ノーマル枠付きDefinition List*/
div.waku dl{
	margin-bottom:5px;
	margin-left: 15px;
	border: solid 2px #6c9;
	width:450px;

}

div.waku dt{
	margin:0;
	color:#099;
	padding-left: 5px;
	padding-top:5px;
	font-weight:bold;
}

div.waku dd{
	margin:0;
	padding-top:5px;
	padding-left:20px;
}








/*-----------------------------------------------------------------*/
/*横並びタイプ/グラデーションDefinition List*/




div .yoko dl{
  float:left;
  margin : 10px;
  padding : 0;
  height:auto;
}
div .yoko dt{
  margin : 0;
  padding : 0;
}
div .yoko dd{
  margin : 0;
  padding : 0;
}


div .yoko dl{
  
  border-width : 2px 2px 2px 2px;
  border-style:solid;
  border-color:#ffae42;
  
  /*角●*/
  border-radius: 10px;
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px; /* Firefox用 */ 
  
  /*グラデーション　opera未設定*/
  background: -webkit-linear-gradient(top left, #2b2b2b 85% , #99d1cd 90%, #604900 95%);
  background: -ms-linear-gradient(top left,#2b2b2b 85% , #99d1cd 90%, #008D82 95%);	
  background: -moz-linear-gradient(to bottom right, #2b2b2b 85% , #99d1cd 90%, #008D82 95%);/*Firefox用*/

  width  : 40%;
  
}

div .yoko dt{
  float : left;
  clear : both;
  width : 100px;
  

  font-weight : bold;
  padding : 5px;
}

div .yoko dd{
  /* dtの幅だけ横にずらしておく */
  margin-left : 110px;
  
  /* dlやdtとは異なった背景色を用いる */

  padding : 5px;
}

div .yoko p{
	clear:both;
}

/*-----------------------------------------------------------------*/