@charset "utf-8";
body {
  
    background-color: #ffffff; /* ページの背景色 */
    color: #000000; /* 全体の文字色 */
    /* font-size: 100%;  全体の文字サイズ */
    font-size: 12px;
    line-height: 1.6;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* color  #617d80 #096a74 */
}


    /* --- 全体のリンクテキスト ---
    margin: 0;
    padding: 0;
    border:0;
     */
    
}
a: link  {
        
    color: #0000ff;
}
a:visited {
    color: #800080;
}
a:hover {
    color: #ff0000;
}
a:active {
    color: #ff0000;
}

/* --- コンテナ --- */
#container {
	
    width: 1100px; /* ページの幅 */
    margin: 0 auto; /* センタリング */
    background: url(sidebar_200.gif) repeat-y left; /* サイドバーの背景画像 */
    background-color: #ffffff; /* メインカラムの背景色 */
   
/*    border-left: 1px #c0c0c0 solid; */ /* 左の境界線 */
/*    border-right: 1px #c0c0c0 solid; *//* 右の境界線 */

}

/* --- ヘッダ --- */
#header {
   background-color: #ffffff; /* ヘッダの背景色 */
   border:0;
   position:static; top:0px; left:0px ;
}

/* --- ナビゲーション --- */
#nav {
	float: left;
	width: 200px; /* サイドバーの幅 */
	border-top-width: 1px;
	border-bottom-width: 1px;
}

/* --- メインカラム --- */
#content {

 float: left;

}
div#content {
	float: left;
	width: 850px; /* メインカラムの幅 */
/*	width: 1100px;  メインカラムの幅 */

   	margin: 0 auto; /* センタリング */
 	font-size: 14px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    
    }


div#content   h2    {
	max-width: 400px;
    
  /*  
    background-color: #005087;
    background-image: url(bar-darkblue.png);
    background-repeat: no-repeat;
    color: #ffffff;
    line-height: 45px;
    padding-left: 30px;
    margin: 0;
    
   
   border-radius: 15px;
*/
}

div#content h3  {
	background-color: #10f77c;
	/* 
    background-repeat: no-repeat;
    background-position: 0px 102px;
   */
    /*font-size: 0.875em; */
	color: #fffffff;
	line-height: 35px;
	line-width: 400px;
	padding: 0px;
	margin: 0;
	padding-right: 20px; /* ????????????@*/
	padding-left: 20px; /* ????????????@*/
	max-width: 600px;
   
    /* border-radius: 15px;  */
    
    
    }
    
/* --- フッタ --- */
#footer  {
    width: 1300px;
    color: #ffffff;
  /*  background-color: #617d80;
   */
 /*   background-color: #096a74; */
    background-color: #617d80; 
   
    
    

}

.menu {
   border:0;
   
}

.TOP1 {
   border:0;
   
}

.box-A {
	position: absolute;
	top: 46px;


left=50px；
; 												left: 243px;
   
  /*  float: left; position:absolute; top:30px; left:200px; */
  /*  position:relateive; top:100px; left:250px; */
}



.box-B {
 
position:absolute; top:30px;right:350px；
  /*  float: left; position:absolute; top:30px; left:200px; */
  /*  position:relateive; top:100px; left:250px; */
}
.box-C {
 
position:relateive; top:30px;right:350px；
  /*  float: left; position:absolute; top:30px; left:200px; */
  /*  position:relateive; top:100px; left:250px; */
} 
.box-D {
	

}  

.box-X1 {
	float: right;
	position: relative;
	top: 14px;
	left: 180px;
  /*  float: left; position:absolute; top:30px; left:200px; */
  /*  position:relateive; top:100px; left:250px; */
}
.box-X2 {
	float: right;
	position: relative;
	top: 150px;
	left: 230px;
  /*  float: left; position:absolute; top:30px; left:200px; */
  /*  position:relateive; top:100px; left:250px; */
}
.box-X3 {
	float: right;
	position: relative;
	top: 250px;
	left: 290px;

}
.box-X4 {
	float: right;
	position: relative;
	top: 114px;
	left: 220px;
  /*  float: left; position:absolute; top:30px; left:200px; */
  /*  position:relateive; top:100px; left:250px; */
}
.box-X5 {
	float: right;
	position: relative;
	top: 114px;
	left: 500px;
	}

.font1 {
	font-size: 14px;
}
.font2 {
 font-size: 16px;
}

.font3 {
	font-size: 14px;

}

.img_r {
		float: right;
	margin-left: 2em;
	margin-bottom: 1em;
   
}


.img_mrg {

    position: absolute;
　　top: 300px;
　　left: 150px;

/* 
   　width: 450px;
　　　height: 600px;
*/

　　　padding: 300px 0 0 200px;

}

.pagetop {
 display: none;
    position: fixed;
    bottom: 30px;
    right: 55px;

}
.pagetop a { 
 display: block; 
 width: 50px; 
 height: 50px; 
 background-color: #595757; 
 border-radius: 50px; 
 text-align: center; 
 color: #fff; 
 font-size: 24px; 
 text-decoration: none; 
 line-height: 50px; 
}

a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}