@charset "utf-8";
/* CSS Document */

a img {
	border: none;
}

/*　背景　*/
html{
    height:100%;
}

 body {
	height:100%;
	margin: 0px;
	height:100%;
	background-color: #45afc9;
	background-image:url(images/bg_gra.jpg);
	background-attachment:fixed;	
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height: 1.5; 

}


/*　基本幅　*/
div#page {
	width:700px;

	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	background-color:#FFFFFF;
	text-align:left;
}

/* old \*/
* html div#body{
	width: 700px;
	background-color:#FFFFFF;
}
/* end \*/

/* ヘッダー */
div#header {
	width: 700px;
	height: 40px;
	margin: 0px;
	padding:0px;
	text-align:right;
}

/* メニュー */
div#menu {
	width:700px;
	margin: 0px;
	padding:0px;
}

div#menu a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}
	
/* メニュー･本文　空白 */
div#space {
	width:100%;
	height:15px;
	margin:0;
	padding:0;
	text-align:center;
}

/* トップ画像 */
div#topimage {
	width:100%;
	margin:auto;
	padding:auto;
	text-align:center;
}

/* 右側・メイン */
div#main {
	float:right;
	width:475px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

/* コンテンツ */
div.contents {
	width:auto;
	margin:0px;
	padding:5px;
	text-align:center;
}

/* 左側・コンテンツメニュー */
div#sitemap {
	float:left;
	width:220px;
	margin:0px;
	padding:0px;
}

/* 文字要素 */
div.text {
	text-align:left;
	margin:3px;
	padding:0px;
}

/* 更新情報 */
div#whatsnew dl {
	margin:10px;
}

div#whatsnew dl dt {
	padding-left:10px;
	border-left:solid 5px #999999;
	font-weight:bold;
}
/* ie \*/
* html div#whatsnew dl dt {
	height:1%;
}/* end */

div#whatsnew dl dd {
	padding-left:10px;
}	

/* コンテンツメニュー */
ul li {
	margin:0px 30px 0px -20px;
	padding: 0px 0px 0px 0px;
	line-height: 200%;
	border-bottom:dotted 1px #999999;
}

/* 項目一覧・下 */
div#list {
	margin:10px 20px;
	padding:2px 5px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-top-style:dotted;
	border-top-width:1px;
	width:auto;
	text-align:right
}

/* 項目一覧・下 */
div#table {
	width:auto;
	margin:0px;
	padding:0px;
	text-align:left;
}


/* フッター */
div#footer {
	clear:both;
	width:700px;
	height:30px;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

/* トピックス */
div#topics dl {
	margin:10px 20px;
}

div#topics dl dt {
	padding-left:7px;
	border-left:solid 5px #FF7F00;
	font-weight:bold;
}

/* 見出し */
H3 {
  color: #000000; /* 文字の色 */
  padding-left: 7px; /* 左の余白 */
  padding-bottom: 2px; /* 左の余白 */
  border-width: 0px 0px 1px 5px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  border-color: #999999; /* 枠の色 */
  line-height: 100%; /* 行の高さ */
}

/* 問い合わせフォーム */
 *.form
      {
         border: solid 1px #999999;
      }