/* CSS Document */
a{text-decoration:none;}
a:link{color:#336666;}
a:activ{color:#66FFFF;}
a:visited{color:#336666;}
a:hover{color:#66FFFF;
	border:none;}

#container{
	 width:600px;
	 margin-left:auto;
	 margin-right:auto;
	 color:#333333;
	 font-size:12px;
	 }

#main{
    width:600px;
	margin-left:50px;
	margin-right:auto;
	color:#333333;
	font-size:12px;
	background:url(img/asoh/top/2009.jpg) no-repeat fixed 100% 100%;
	}

#text{
	font-size:12px;
	color:#333333;
	}

#text_b{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	color:#FFFFFF;
	}
	
#imp{
	width:800px;
	 margin-left:auto;
	 margin-right:auto;
	 color:#333333;
	 font-size:12px;
	 background:url(img/noion/sky01.jpg) no-repeat fixed 100% 0%;
	 }

/*#header{
	width:600px;
	height:150px;
	background:url(../img/header/08sp.jpg) no-repeat 50% 0%;
	 } 

#topics{
	width:190px;
	height:2000px;
	background:url(../img/bkground.jpg) repeat-y 100% 0%;
	margin-top:20px;
	margin-right:10px;
	float:left;
	color:#006699;
	font-size:12px;
	padding: 0px;
	display: inline;
}

#topics ul {
	width: 150px;
	text-align: left;
	list-style: none;
	margin-bottom: 0px;
}

#topics ul li {
	height: 25px;
	width: 150px;
	margin-bottom:5px;
    text-indent: -9999px;
	text-align:left;
}


#topics ul li a {
	text-decoration: none;
	background-color:#FFFFFF;
	display: block;
	height: 25px;
}
#topics ul li a:hover {
	text-decoration: underline;
}

#topics ul li#text a {
  background-image:url(../img/topic/text.jpg);
}
#topics ul li#text a:hover {
  background-image: url(../img/topic/text_a.jpg);
}

#topics ul li#pict a {
  background-image:url(../img/topic/pict.jpg);
}
#topics ul li#pict a:hover {
  background-image: url(../img/topic/pict_a.jpg);
}

#topics ul li#imp a {
  background-image:url(../img/topic/imp.jpg);
}
#topics ul li#imp a:hover {
  background-image: url(../img/topic/imp_a.jpg);
}

#topics ul li#bk a {
  background-image:url(../img/topic/bk.jpg);
}
#topics ul li#bk a:hover {
  background-image: url(../img/topic/bk_a.jpg);
}

#topics ul li#blog a {
  background-image:url(../img/topic/blog.jpg);
}
#topics ul li#blog a:hover {
  background-image: url(../img/topic/blog_a.jpg);
}

#topics ul li#res a {
  background-image:url(../img/topic/reset.jpg);
}
#topics ul li#res a:hover {
  background-image: url(../img/topic/reset_a.jpg);
}

#topics ul li#index a {
  background-image:url(../img/topic/index.jpg);
}
#topics ul li#index a:hover {
  background-image: url(../img/topic/index_a.jpg);
}

#main{
	width:400px;
	height:2000px;
	float:left;
    margin-top:20px;
	background-color:#FFFFFF;
	font-size:12px;
	color:#006699;
	 }
	 

.setting{
	font-size:12px;
	color:#006699;
}

#footer{
	width:600px;
	float:clear;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#006699;
	font-size:12px;
	}*/
	 
.pict{
	background-color:#FFFFFF;
	font-size:12px;
	color:#333333;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	 }

.attention{
	font-style:strong;
	color:#ff0000;
	}

.title {
	font-size: 36px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align:right;
}

.sub_title {
	font-size: 18px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align:right;
}

.title_blue {
	font-size: 26px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #000066;
	text-align:right;
	}

.title_red {
	font-size: 26px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #990000;
	text-align:right;
	}

	
textarea,input,select{
	color:#000033;
	font-size:11px;
	border:1px double #000066;
	ba