@media all{
/*--------------------------------------------------------
  total設定
-------------------------------------------------------*/

/*背景画像設定*/
body{
	margin: 0;
	background: url(../image/bbk.jpg) no-repeat fixed center;
	text-align: center;
}



/*文字設定*/
body,pre{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 91%;
	color: #000;
}

pre{
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
}


/*リンク色*/
a{ text-decoration: underline; }
a:link{ color: #1374d6; }
a:visited{ color: #1374d6; }
a:hover{ color: #ff4500; }


/*--------------------------------------------------------
  hタグ
--------------------------------------------------------*/

h1{
	z-index: 1;
	position: absolute;
	margin: 2px 0 0 50px;
	font-size: 8.5pt;
	line-height: 14pt;
	color: #000;
}


h2{
	clear: both;
	margin: 0 0 1.0em 0;
	padding: 0.2em 14px;
	line-height: 1.4em;
	font-size: 1.7em;
	color: #0000ff;
	text-decoration: underline;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
}


h3{
	clear: both;
	margin: 50px 0 30px 0;
	font-size: 1.7em;
	text-align: center;
	color: #ff0000;
	font-family: "メイリオ","Meiryo";
	font-weight: bold;
}


h4{
	clear: both;
	font-size: 1.5em;
	text-align: left;
	color: #000;
	margin-top: 10px;
	font-weight: bold;
}

h5{
	clear: both;
	margin: 5px;
	font-size: 1.5em;
	text-align: left;
	color: #000;
	text-decoration: underline;
}

h6{
	clear: both;
	margin: 15px 30px;	
	font-size: 2.9em;
	text-align: left;
	color: #ff0000;
	line-height: 1.5em;
	font-family: "メイリオ","Meiryo";
}


/*--------------------------------------------------------
   サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container{
	margin: 0 auto;
	text-align: left;
}

/*左右の枠線*/
div#header-logo,
div#navi,
div#main{
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}


/*■サイト全体の横幅*/
div#container,
div#header-logo,
div#navi,
div#main{
	width: 720px;
	_width: 722px;/*IE6用（「全体」+「2px」）*/
}

/*■本文の横幅*/
div#main-contents{
	width: 640px;/*「全体」-「80px」*/
	_width: 660px;/*IE6用（「全体」-「60px」）*/
}



/*--------------------------------------------------------
  エリアの設定「ヘッダーロゴ」
--------------------------------------------------------*/

div#header-logo{
	z-index: 1;
	position: absolute;
	height: 150px;/*■ロゴの高さ*/
	text-align: center;
	background: url(../image/head-background.jpg) no-repeat left bottom #fff;
}



/*ロゴテキスト＆サブテキストの文字色＆リンク文字色*/
p#logo-text,
p#sub-text{ color: #333; }
p#logo-text a{ text-decoration: none; }
p#logo-text a:link{ color: #333; }
p#logo-text a:visited{ color: #333; }
p#logo-text a:hover{ color: #990000; }






/*--------------------------------------------------------
  エリアの設定「コンテンツ全体」
--------------------------------------------------------*/

div#main{
	position: absolute;
	overflow: hidden;
	text-align: center;
	background: #FFF;
}


/*--------------------------------------------------------
  エリア設定「本文」
--------------------------------------------------------*/

div#main-contents{
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}


/*本文内のPタグ*/
div#main-contents p{
	margin-bottom: 1.9em;
	padding: 0;
}


/*本文内の線*/
div#main-contents hr{
	clear: both;
	margin: 0.5em 0 1.7em;
	_margin: 0 0 1.2em;
	padding: 0px;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #ccc;
}

*:first-child+html div#main-contents hr{ margin: 0 0 1.2em; }


/*コンテンツエリア*/
div#main-contents .contents{
	clear: both;
	overflow: auto;
	margin: 0;
	padding: 0px 20px 1.4em 20px;
}



/*本文内のリストタグ--------------------------*/
div#main-contents ul,
div#main-contents ol{
	list-style-position: outside;
	margin: 0 10px 1.4em 10px;
}

div#main-contents ul{ list-style-type: square; }
div#main-contents li{ line-height: 1.8em; }




/*最新情報のリストタグ--------------------------*/
div#main-contents ul.topics{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px 15px 0 15px;
	border: 1px solid #999;
}

div#main-contents ul.topics li{
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px dotted #999;
	line-height: 1.4em!important;
}


/*チェックリスト用のリストタグ--------------------*/
div#main-contents ul.checklist{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px;
	border: 1px solid #999;
}

div#main-contents ul.checklist li{
	padding-left: 24px;
	background: url(../images/icon/icon-check02-blue.gif) no-repeat 0 8px;
	line-height: 2.5em;
}



div#main-contents fieldset{
	list-style-type: none;
	list-style-position: outside;
	padding: 5px 20px;
	border: 2px solid #0066ff;
}


div#main-contents legend{
	padding: 7px;
	color: #fff;
	background: #000080;
}


div#main-contents .repo01{
	width: 400px;
	background: #E8E8E8;
	margin: 30px 60px;
}





/*定義タグ-----------------------------------*/
div#main-contents dl{
	margin-bottom: 1.2em;
	padding: 2.5em;
}

div#main-contents dt{
	margin: 0;
	padding: 0.4em;
}

div#main-contents dd{
	margin: 4px;
	padding: 0 1.0em;
}




/*--------------------------------------------------------
  エリア設定「フッター」
--------------------------------------------------------*/

div#footer{
	margin: 30px 0 0 0;
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
}


div#footer #copyright{
	clear: both;
	width: 100%;
	margin-top: 1.0em;
	padding: 1.0em 0;
	background: #fff;
	font-size: 10pt;
	line-height: 14pt;
	color: #000;
}


}