@charset "UTF-8";
body {
	-webkit-text-size-adjust: 100%;
	font-family:Meiryo,'メイリオ';
	margin: 0;
	padding: 0;
	color: #555;
	font-size:15px;
	line-height:2.0;
}
div#headerArea1 {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 75px;  
    background-color: rgba(255,255,255,0.75);
    border-bottom:7px solid #000000;  
    color: ;
	z-index:10;
}
div#headerArea2 {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 65px;  
    background-color: rgba(255,255,255,0.75);
    border-bottom:7px solid #000000;  
    color: ;
	z-index:10;
}
div#header {  
    width: 100%;  
    height: 7px;  
    background-color: #000000;  
} 

div#header1{
    position:absolute;
    width:100%;
    top:220px;
    height:80px;
    background-color:rgba(140,170,130,0.3);
    border-bottom:solid #000000 7px;
}
div#header2{
    position:absolute;
    width:100%;
    top:160px;
    height:60px;
    background-color:rgba(140,170,130,0.3);
    border-bottom:solid #000000 7px;
}
table.headerarea{
    width:1000px;
    height:;
}
td.headerarea1{
    width:;
    height:60px;
}
td.headerarea2{
    width:;
    height:60px;
}
span.headertext{
    color:#95896C;
    font-weight:400;
    font-family:serif;
    font-size:14px;
    line-height:1.2;
}

/*topimage*/
.topimage{
    width:1000px;
    height:220px;
    background-size:100%;
    background-repeat:no-repeat;
}
table.window{
	background-image:URL(../fpimg1/frontimg/win230.png);
}
table.tree{
	background-image:URL(../fpimg1/frontimg/tree230.png);
}
table.grape{
	background-image:URL(../fpimg1/frontimg/grape230.png);
}
table.mech{
	background-image:URL(../fpimg1/frontimg/mech230.png);
}
table.facts{
	background-image:URL(../fpimg1/frontimg/facts230.png);
}
table.trial{
	background-image:URL(../fpimg1/frontimg/trial230.png);
}
table.myproj{
	background-image:URL(../fpimg1/frontimg/myproj230.png);
}
.container {
	width: 1000px;
	text-align:left;
	font-family: Meiryo,'メイリオ',sans-serif;
	margin: 0 auto;
	background-color:#FFF;
	overflow: hidden;
}
.containersub2 {
	width: 800px;
	text-align:left;
	font-family: Meiryo,'メイリオ',sans-serif;
	margin: 0 auto;
	background-color:#FFF;
	overflow: hidden; 
}
.content{
	float:right;
	width:750px;
	background-color:#FFF;
	font-family:Meiryo,'メイリオ', sans-serif ;
}
.content1{
	float:right;
	width:750px;
	background-color:#FFF;
	box-shadow:3px 2px 3px rgba(70,70,40,0.3) ;
	font-family:Meiryo,'メイリオ',sans-serif;
	
}
.contentfront{
	float:;
	width:920px;
	background-color:#FFF;
	font-family:Meiryo,'メイリオ', sans-serif ;
}

.clear { clear:both; }  
.clear hr { display:none; } 

td.foot1{
	line-height:1.5;
	font-size:11px;
	color:#999;
	padding:10px;
}
span.fspan{
        color:#999;
}
div#footerArea1 {  
    position: fixed !important;  
    position: absolute; 
    width: 100%;  
    bottom: 0;  
    left: 0;  
    height: 120px;  
    background-color: #000000;
    color: ;
    z-index:10;
}
div#footerArea2 {  
    position: fixed !important;  
    position: absolute;
    width: 100%;   
    bottom: 120px; 
    left: 0;  
    height: 13px;  
    background-color: #B5A98C;
    z-index:10;
}

td.foot1{
	line-height:1.5;
	font-size:11px;
	color:#999;
	padding:10px;
}
span.fspan{
        color:#999;
}
.footer1{
	background-color:#000000;
	padding:;
	margin:0px;
	color:#DCDCCE;
	height:120px;
}
.footer1sub{
	background-color:#000000;
	padding: px 0;
	margin:0px;
	color:#DCDCCE;
	height:70px;
}
.footer2 {
	padding: px 0;
	margin:0px;
	background-color:#B5A98C;
	color:;
	height:20px;
}
.footer2sub {
	padding: px 0;
	margin:0px;
	background-color:#B5A98C;
	color:;
	height:10px;
} 
img{
	 max-height:100%;
	 width:auto;
}
a img { 
	border: none;
}

table.collapse{
    border-collapse:collapse;
}
table.entry{
         background-image:url(fpimg2/subtitlesingle1.png); 
	 background-repeat:no-repeat;
	 font-family:serif; 
	 font-size:22px;
	 font-weight:600;
	 padding:0px;
}
span.entry1{
        font-size:32px;
	color:#000000;
}
td.entry{
        font-size:18px; 
	color:#888;
	text-align:right;
}
span.type1{/*文中　太字小見出し*/
	font-family:Hiragino Kaku Gothic PRO;
	font-weight:600;
}
span.sidetitle{
	color:#FFF;
	background-color:#B5A98C;
	padding:3px 5px;
}
td.quote{/*テキストの右カラムリンク*/
	font-family: Meiryo,'メイリオ',sans-serif;
	font-size:13px;
	line-height:1.5;
	padding:0px;
	border:0px;
}
.caption{
        font-size:12px;
	color:#777;
	line-height:1.5;
}

table.regist{/*regist入力*/
	line-height:;
	background-color:#FFF;
	box-shadow:2px 2px 5px 2px rgba(70,70,40,0.4);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.textbox1{
	 border:1px #DBDACD solid;
	 margin:10px;
	 padding:10px;
 }
.textbox2{
	 border-style:double;
	 border-color:#DBDACD;
	 border-width:3px;
	 margin:10px;
	 padding:10px;
	 color:#033;
	 background-color:#FFFFFA;
 }
span.nexttub{
         color:#FFF;
	 width:350px;
	 background-color:#000;
	 padding:10px;
}

//------project
td.proj1{/* proj3　本文囲み部分 色付き*/
	padding:20px;
	background-color:#F6F7ED;
	border:1px #DBDACD solid;
	font-size:16px;
	color:#033;
	line-height:1.9;
	box-shadow:3px 2px 3px rgba(70,70,40,0.3);
}
td.projsub2{/*front 進め方　右解説部分　padding 30px*/
	padding:20px ;
	font-size:14px;
	line-height:1.8;
	color:#666;
	background-color:rgba(245,250,248,0.6);
	border:1px solid #CFC;
}
p.type2{/*文中太字タイトルw2色*/
	font-family:Hiragino Kaku Gothic PRO;
	font-weight:600;
	color:#000000;
	font-size:18px;
}
table.proj4{
        border-collapse:collapse;
}

td.proj41{/*proj4 indexTable*/
	padding:;
	background-color:;
	border-top:2px #DBDACD solid;
	font-size:14px;
	color:#033;
	line-height:1.9;
}
td.proj42{/*proj4 indexTable*/
	padding:20px;
	background-color:#F6F7ED;
	border-top:1px #DBDACD solid;
	font-size:12px;
	color:#033;
	line-height:1.9;
}
div.box12{
        width:400px;
	font-size:13px;
	border:#FFF solid 1px;
	text-align:left;
	color:#647581;
}

.data1{
	color:#A01505;
}
.data2{
        line-height:1.5;
	color:#888888;
}

//------facts
/*facts1-1sub1　一般化プロセス*/
.data3{/*枠線なし　無色*/
        border:none;
	padding:10px;
	color:#888;
	line-height:1.5;
}
.data4{/*枠線あり　薄ピンク*/
        border:#C8C8C8 solid 1px;
	background-color:#F9EDF7;
	line-height:1.5;
	padding:10px;
}
.data5{/*枠線あり　黄色*/
        border:#C8C8C8 solid 1px;
	background-color:#F8F7EE;
	line-height:1.5;
	padding:10px;
}
.data6{/*見出し*/
        border:solid #C8C8C8 1px;
	background-color:#39779E;
	color:#FFF;
	line-height:1.5;
	padding:3px;
}
.data61{/*見出し*/
        border:solid #C8C8C8 1px;
	background-color:#93B4C9;
	color:#FFF;
	line-height:1.5;
	padding:3px;
}
.data7{/*枠線あり　無色*/
        border:solid #C8C8C8 1px;
	padding:10px;
	line-height:1.5;
}
.data8{/*▶*/
	font-size:20px;
	color:#39779E;"
}

//------facts1list データlist
#datalist td{
	border:1px solid #999;
	line-height:1.4;
}
table.datalist{
        border:1px solid #999;
	border-collapse:;
	text-align:center;
}
td.datalist{/*無色*/
	background-color:;
	padding:5px;
}
td.datalist1{/*薄コバルトブルー*/
	background-color:#F7FFF9;
	padding:5px;
}
td.datalist3{/*薄茶*/
	color:#888;
	background-color:#F9F5ED;
	padding:5px;
}
td.datalist4{/*薄ブルー*/
	background-color:#EDF4F9;
	padding:5px;
}
td.datalist5{/*薄ピンク*/
	color:#888;
	background-color:#F9EDF7;
	padding:5px;
}
td.datalist6{/*薄黄色*/
	color:#888;
	background-color:#FFFFEE;
	padding:5px;
}
//-------trial
td.trial2{/* 進め方　チャート色付き囲み部分　padding 20px*/
	padding:;
	background-color:#F6F7ED;
	border:1px #DBDACD solid;
	font-size:15px;
	color:#033;
	line-height:1.9;
	font-family:Meiryo,'メイリオ', sans-serif ;
}
td.trial3{
	padding:0px 30px;
}

//-------mypage

table.mypage1{
　　　　　background-color:#FDFFF9;
	line-height:2.0;
	color:#59635C;
	box-shadow:2px 2px 2px rgba(70,70,40,0.4);
	font-size:14px;
}

//------input
table.input1{
	line-height:1.6;
	color:#090058;
	font-size:14px;
}
table.input2{/*入力テーブル*/
	line-height:;
	font-size:13px;
	background-color:#FFF;
	box-shadow:2px 2px 2px rgba(70,70,40,0.4);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
table.input3{/*入力テーブル*/
	line-height:;
	font-size:15px;
	background-color:#FAFAED;
	box-shadow:2px 2px 2px rgba(70,70,40,0.4);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
table.type1{/*content box1*/
	border:;
	background-color:;
	color:#333;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	font-family:Meiryo,'メイリオ',sans-serif;
	font-size:10pt;
	line-height:2.0;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a:link {
	color: #857957;
	text-decoration: none;
}
a:visited {
	color: #857957;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #CEC69F;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*------ドロップダウンメニュー------- */
.box3{
	width:1000px;
	height:35px;
	background-color:#ffffff;
	margin:0 auto; /* メニュー全体を中央寄せ */
}
.menu ul{
  margin:0px;
  padding:0;
}
.menu>ul{/* 親メニューだけシフト　子メニューには作用しない */
	margin-left:20px;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:12px;
  float:left;
  position: relative;
  width: 160px;/*親メニューの幅*/
  height: 35px;/*親メニューの高さ*/
  line-height: 35px;
  background:#ffffff;/*親メニューの背景色*/
  color: #857957;/*親メニューの文字色*/
  text-align:center;
  font-weight:600;
  padding-top:0px;
}
.menu ul li a {
  color: #857957;
  font-family:;
  font-weight:400;
  display: block;
  text-decoration: none;
  padding-top:2px;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#ffffff;/*ホバー時の親メニューの背景色*/
  color:#857957;/*ホバー時の親メニューの文字色*/
  font-weight:400;
}
.menu ul>li:hover>a{/*ポインタが子メニューに移動した後の親メニューのスタイル*/
	color:#BAB19B;
	font-weight:;
}
/*子メニュー*/
.menu ul li ul {
	position: absolute;
	top: 35px;/*親メニューの高さと同じにする*/
	width: 160px;
	z-index: 100;
	left:;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 160px;/*サブメニューの幅*/
  height: 0;
  background:#000000;/*サブメニューの背景色*/
  opacity:0.6;
}
/*ホバー時のサブメニュー*/
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#ffffff;
  color:#423A01;
}
/*親メニューをホバーした時にvisibleになるのは子メニューまで*/
.menu ul li:hover > ul > li, .menu ul li a:hover > ul > li{
  visibility:visible;
  overflow: visible;
  height:35px;/*サブメニューの高さ*/
  z-index: 10;
}
/*子メニューをホバーした時に孫メニューがvisibleになる*/
.menu ul li ul li:hover ul li, .menu ul li ul li a:hover ul li {
  visibility:visible;
  background:#ffffff;/*ホバー時のサブメニューの背景色*/
}

/*孫メニュー*/
.menu ul li ul li> ul {
  top: 0;
  left: 100%;
}
/*一番最後のは左に展開*/
.menu ul li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
.menu ul li ul li ul li a {
	background:#000000;
}
.menu ul li:hover ul li ul li:hover > a {
	background: #ffffff;	
 }

/*下階層の?*/
.menu ul li ul li ul:before {
  position: absolute;
  content: "";
  top: 9px;
  left: -15px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #ffffff;/*?の色*/
}
/*最後尾の親メニューを展開した時の?の向き*/
.menu ul li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 9px;
  left: 200%;
  margin-left: -155px;
  border: 5px solid transparent;
  border-right-color: #ffffff;
}
/*transition*/
.menu * {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/*------ドロップダウンメニュー　ここまで------- */

/*----- sidemenu 4-----*/
#side4{
	float:left;
	width:230px;
	margin-left:15px;
	position:relative;
	background-color:transparent;
}
#side4.fixed {
   position: fixed;
   top: 82px;
}
.sidemenu4 {
	width:180px;
	color:tarnsparent;
	padding:10px 10px 10px 0px;
	border-left:1px solid #DBDACD;
	text-align:left;
}
.sidemenu4 ul {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top:; /* リンク用の上部のボーダーを作成します。 */
	margin-left: ;
	padding-left: 15px;
	line-height:2.4;
	text-align:left;	
}
.sidemenu4 ul li{
	font-size:12px;
	border-bottom: 1px #B3C9D0 solid;
	color:;
}
.sidemenu4 ul a, .sidemenu4 ul a:visited {
	padding: ;
	display: block;
	text-decoration: none;
	background-color:;
	color: #857957;
	width:auto;
}
.sidemenu4 ul a:hover, .sidemenu4 ul a:active, .sidemenu4 ul a:focus { 
	background-color:;
	color: #CEC69F;
}
.sidemenu4 ul li ul li{
	list-style: none; /* リストのマーカーを削除します。 */
	border-top:; /* リンク用の上部のボーダーを作成します。 */
	margin-left:0px ;
	line-height:2.2;
	text-align:left;
border-bottom: 1px #FFF solid;	
border-top: 1px #DEEEEA solid;	
}
.sidemenu4 ul li ul a, .sidemenu4 ul li ul  a:visited {
	padding:;
	display: block;
	text-decoration: none;
	background-color:;
	color: #857957;
	width:auto;
}
.sidemenu4 ul li ul a:hover, .sidemenu4 ul li ul  a:active, .sidemenu4 ul li ul  a:focus { 
	background-color:;
	color: #CEC69F;
}
/*----- end sidemenu 4-----*/
/*-----input sidemenu 5-----*/
#side5{
	float:left;
	width:120px;
	position:relative;
}
#side5.fixed {
   position: fixed;
   top: 53px;
}
.sidemenu5{
	width: 120px;
	background-color:rgba(255,255,255,0);
	color:#857957;
	padding:20px;
	border-left:1px solid #999;
	text-align:left;
}
.sidemenu5 ul {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top:; /* リンク用の上部のボーダーを作成します。 */
	margin-top: ;
	line-height:2.0;
	text-align:left;	
}
.sidemenu5 ul li {
	/*border-bottom: 1px #DBDACD solid;*/
	font-size:13px;
	font-family:sans-serif;
}
.sidemenu5 ul a, .sidemenu5 ul a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	background-color:;
	color: #857957;
	width:auto;
}
.sidemenu5 ul a:hover, .sidemenu5 ul a:active, .sidemenu5 ul a:focus { 
	background-color:;
	color: #CEC69F;
}
/*----- end sidemenu5-----*/
/*----- input sidebar-----*/
#sidebar{
	float:right;
        width: 100px;
	//border:1px solid #999;
	border-right:1px solid #999;
	padding:10px;
	font-size:13px;
	text-align:right;
	line-height:2.0;
	list-style: none; /* リストのマーカーを削除します。 */
}

/*------------------ bottommenu ----------------*/
#bmenu{
      margin: 0 auto;
}
#bottommenu1 {
      z-index:11;
      position: fixed;
      bottom: 200px;
      left:;
      width: 10em; 
      padding:0px 0px 0px 30px ;
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu1 a {
      color:#95A489; 
   }
   #bottommenu1 a:hover {
      color:#CCC ;
   }
#bottommenu2 {
	z-index:11;
      position: fixed;
      bottom: 170px;
      left: ;
      width: 10em; 
      padding:0px 0px 0px 30px;
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu2 a {
      color:#95A489; 
   }
   #bottommenu2 a:hover {
      color:#CCC ;
   }
#bottommenu3 {
	z-index:11;
      position: fixed;
      bottom: 140px;
      left: ;
      width: 10em; 
      padding:0px 0px 0px 30px;
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu3 a {
      color:#95A489; 
   }
   #bottommenu3 a:hover {
      color:#CCC ;
   }
#bottommenu4 {
	z-index:11;
      position: fixed;
      bottom: 110px;
      left: ;
      width: 10em;
      padding:0px 0px 0px 30px; 
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu4 a {
      color:#95A489; 
   }
   #bottommenu4 a:hover {
      color:#CCC ;
   }
#bottommenu5 {
	z-index:11;
      position: fixed;
      bottom: 80px;
      left: ;
      width: 10em;
      padding:0px 0px 0px 30px; 
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu5 a {
      color:#95A489; 
   }
   #bottommenu5 a:hover {
      color:#CCC ;
   }
#bottommenu6 {
	z-index:11;
      position: fixed;
      bottom: 50px;
      left: ;
      width: 10em; 
      padding:0px 0px 0px 30px;
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu6 a {
      color:#95A489; 
   }
   #bottommenu6 a:hover {
      color:#CCC ;
   }
#bottommenu7 {
	z-index:11;
      position: fixed;
      bottom: 20px;
      left: ;
      width: 10em; 
      padding:0px 0px 0px 30px;
      display: none;
      font-size: 12px;
      font-weight:;
   }
   #bottommenu7 a {
      color:#95A489; 
   }
   #bottommenu7 a:hover {
      color:#CCC ;
   }
.tab1{
    color:#ffffff;
    background-color:#023B44;
    opacity:0.3;
    font-size:15px;
    text-align:right;
    padding:8px;
    border-bottom:#ffffff 5px solid;
}
.tab2{
    color:#ffffff;
    background-color:#023B44;
    opacity:0.4;
    font-size:15px;
    text-align:right;
    padding:8px;
    border-bottom:#ffffff 5px solid;
}
.tab3{
    color:#ffffff;
    background-color:#023B44;
    opacity:0.5;
    font-size:15px;
    text-align:right;
    padding:8px;
    border-bottom:#ffffff 5px solid;
}