/* CSS Document */

/*■初期設定*/

body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}


/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 10px; /* モダンブラウザ */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6以下 */
	font-family:'ＭＳ Ｐゴシック', sans-serif;/*フォント種*/

}
p,th,td,li{
	font-size:10px;
	*font-size:90%;
	*font:80%;
	}

body{
	text-align:center;
	}


/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}


/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
  text-align: left;
  margin: 1em auto 0;
  width: 800px;
}


#container{
	width:796px;
	margin:auto;
	text-align:left;
	}


/* ---------------------------------------- #header内の指定 */
#head{}

/*
#head h1{
	height:16px;
	line-height:16px;
	font-size:10px;
	color:#333333;
	font-weight:normal;
	text-indent:0;
	}
*/

#head h1{
	margin:6px 0 0 0px;
	font-weight:normal;
	}

#head h1 a{
	font-size:24px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
	}

#head h1 a:hover{
	font-size:24px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}



#head_menu{
	background:url(bg1.gif) no-repeat;
	width:700px;
	height:40px;
	}
#head_menu ul{
	list-style-type:none;
	}
#head_menu ul li{
	font-size:12px;
	letter-spacing:1px;
	float:left;
	width:100px;
	height:20px;
	position:relative;
	}
#head_menu ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
	font:12px;
	width:100px;
	height:20px;
	line-height:20px;
	text-align:center;
	}
#head_menu ul li a:hover{
	color:#FFCC00;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:100px;
	}
#head_menu ul li.on{
	width:100px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
/* -------------------------------------- */

.line{
	clear:left;
	margin:10px 0 0 0;
	}

#foot_up{
	background:url(img/line_02.gif) no-repeat bottom;
	clear:both;
	height:32px;
	margin:0 0 0 0;
	}
#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333333;
	padding:2px;
	margin:4px 0 0 0;
	}
#copy a{
	color:#333333;
	text-decoration:none;
	}
#copy a:hover{
	color:#333333;
	}

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

#title {
  width: 240px;
  margin-top: 5pt;
  left:  280px;
}

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

#upper {
  width: 80%;
  position: relative;
  margin-top: 5pt;
}

#upper-left {
  float: left;
  width: 100px;
  left: 10px;
}
#upper-right {
  float: right;
  width: 540px;
  left: 120px;
}
/* -------------------------------------- */
#middle {
  width: 90%;
  position: relative;
  margin-top: 5pt;
}
/* -------------------------------------- */
#middle_0 {
  width: 70%;
  position: relative;
  margin-top: 5pt;
}
/* -------------------------------------- */
#lower {
  width: 95%;
  color navy;
  position: relative;
  margin-top: 10pt;
  left: 20pt;
}
/* -------------------------------------- */
#midd-table {
  width: 90%;
  position: relative;
  margin-top: 5pt;
  font-weight: normal;
  line-height: 2.0em;
}

#midd-sub {
  width: 350px;
  left: 350px;
  font-size: 10pt;
  color: black;
}
/* -------------------------------------- */
#midd-table2 {
  width: 90%;
  position: relative;
  margin-top: 5pt;
  font-weight: normal;
  line-height: 2.0em;
}

#midd-table2-left {
  float: left;
  width: 350px;
  left: 10px;
}
#midd-table2-right {
  float: right;
  width: 350px;
  left: 370px;
}
/* -------------------------------------- */
#footer {
  padding: 1em 0 1.5em;
}
/* ---------------------------------------- #middle リストの指定 */

#middle ul {
  list-style-type: none;
  font-size: 15pt;
  line-height: 1.5em;
}

#middle ul li {
  width: auto;
  color: navy;
}

#middle ul li a {
  color: red;
  text-decoration: underline;
}

#middle ul li a:hover {

}

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

#middle ul.sub {
  list-style-type: none;
  font-size: 10pt;
  margin-left: 3em;
}

#middle ul.sub li {
  width: auto;
  color: black;
}

#middle ul.sub li a {
  color: maroon;
  text-decoration: underline;
}

#middle ul.sub li a:hover {

}

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

#midd-table ul {
  list-style-type: none;
  font-size: 10pt;
  line-height: 1.5em;
}

#midd-table li {
  width: auto;
  color: maroon;
  text-indent: 1em;
}

#midd-table ul.sub {
  list-style-type: none;
  font-size: 10pt;
  margin-left: 1em;
}

#midd-table ul.sub li {
  width: auto;
  color: navy;
  text-indent: 1em;
}

#midd-table ul.sub2 {
  list-style-type: none;
  font-size: 10pt;
  margin-left: 2em;
  text-indent: 1em;
}

#midd-table ul.sub2 li {
  width: auto;
  text-indent: 1em;
  color: black;
}

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

#midd-table2 ul {
  list-style-type: none;
  font-size: 10pt;
  line-height: 1.5em;
}

#midd-table2 li {
  width: auto;
  color: maroon;
  text-indent: 1em;
}

#midd-table2 ul.sub {
  list-style-type: none;
  font-size: 10pt;
  margin-left: 1em;
}

#midd-table2 ul.sub li {
  width: auto;
  color: navy;
  text-indent: 1em;
}

#midd-table2 ul.sub li a{
  width: auto;
  color: navy;
  text-indent: 1em;
}

#midd-table2 ul.sub2 {
  list-style-type: none;
  font-size: 10pt;
  margin-left: 2em;
  text-indent: 1em;
}

#midd-table2 ul.sub2 li {
  width: auto;
  text-indent: 1em;
  color: black;
}

#midd-table2 ul.sub2 li a{
  width: auto;
  text-indent: 1em;
  color: navy;
}

#midd-table2 ul.sub3 {
  list-style-type: none;
  font-size: 10pt;
  margin-left: 2em;
  text-indent: 1em;
}

#midd-table2 ul.sub3 li {
  width: auto;
  text-indent: 1em;
  color: black;
  float: left;
}

#midd-table2 ul.sub3 li a{
  width: auto;
  text-indent: 1em;
  color: purple;
}

/* ---------------------------------------- #middle リストの指定 */

#middle_0 ul {
  list-style-type: none;
  font-size: 12pt;
  line-height: 1.5em;
}

#middle_0 ul li {
  color: navy;
  text-indent: 2.0em;
}


#middle_0 ul li a {
  color: red;
  text-indent: 2.0em;
}

/* ---------------------------------------- #lower リストの指定 */

#lower ul {
  list-style-type: none;
  font-size: 10pt;
  line-height: 1.5em;
}

#lower ul li {
  width: auto;
  color: navy;
  float: left;
  text-indent: 2.0em;
}

#lower ul li a {
  color: navy;
  text-decoration: underline;
}

/* -------------------------------------- */
.logo {
  font-size: 1.8em;
  margin-bottom: 0.5em;
  color: maroon;
}

.logo a{
  text-decoration: none;
  color: #0099ff;
}

.logo a:hover{
  text-decoration: none;
  color: #000066;
}

/* -- 概要 -- */
.description {}

/* ---------------------------------------- #contents内の指定 */
/* -- 見出しレベル1 -- */
h1 {
  text-align: left;
  font-size: 30pt;
  font-weight: normal;
}


#contents{
	margin:10px 0 0 0;
	clear:left;
	zoom:100%;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}	

/* -- 見出し -- */

h2,h3,h4 {
  font-size: 1.2em;
  margin-bottom: 1.0em;
  padding: 5px 0 5px 5px;
  border-left: 10px solid #000000;
  border-bottom: 1px solid #000000;
}

h5,h6 {
  font-size: 1.2em;
  margin-bottom: 1.0em;
  padding: 5px 0 5px 5px;
}

h3,h4,h5,h6 { margin-top: 2.5em; }

/* ---------------------------------------- #footer内の指定 */
#footer p { text-align: center; }

/*  */
#cds{ display: none; }