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

/*main_menu*/
/*main_menu2*/
/*main_topics*/
/*main_banner*/

/*topics*/
/*topics_list*/
/*topics_ditail*/

* {margin:0;
   padding:0;}

body {
      margin:0;
      padding:0;
      font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

img {border:none;}

/*#main_menu(general)
*********************************************************************************************/
#main_menu {
       float:left;
	   width:514px;
	   margin:0 17px 0 0;}
* html #main_menu {
       margin:0 5px 0 0;}



/*#main_menu2(member ・ class)
*********************************************************************************************/

#main_menu2 {
float:left;
width:515px;
margin:0 15px 0 0;
overflow:hidden;}

#main_menu2 ul{
padding:3px 0 0 0;
border-top:#44552b dotted 1px;}

#main_menu2 ul li {
padding:5px 0;
border-bottom:#44552b dotted 1px;}




/**************news****************/

#main_menu2 .news {
width:489px;
height:100px;
padding:10px;
overflow:scroll;
background-color:#FFFFFF;
margin-bottom:10px;
border:#339999 solid 3px;}

#main_menu2 .news h1 {
	padding:3px 0 3px 10px;
	margin:0 0 15px 0;
	background:none;
	background-color:#339999;
	font-size:120%;
	color:#FFFFFF;
}

#main_menu2 .news ol li {
list-style:none;
margin:0 0 5px 10px;}








/*************btn1.2.3**************/	

#main_menu .btn1 img{
margin:0 5px 0 0;}

#main_menu .btn2 img{
padding:7px 0;
border-top:#999999 dotted 1px;
border-bottom:#999999 dotted 1px;}

#main_menu .btn2 .no {
border-top:none;}

#main_menu .btn2,
#main_menu .btn3{
	margin:15px 0 0 0;
}





/*************main_topics***************/	   
#main_topics{
	float:left;
	width:247px;
	margin:0;}

#main_topics dl {
       margin:10px 0 0 0;
       padding:10px;
	   height:210px;
	   overflow:auto;
	   background-color:#FFFFFF;
	   border:#006699 solid 1px;}
#main_topics dd {
       margin:0 0 5px 0;
	   font-weight:bold;
	   color:#333333;}
#main_topics dd img{
       margin:0 5px 0 0;}
#main_topics dt {
       margin:0 0 10px 0;}
#main_topics span {
       display:block;
	   text-align:right;
	   font-weight:bold;}
#main_topics span a{
       text-decoration:none;}
#main_topics span img {
       display:inline-block;
       margin:5px 3px 0 0;
	   vertical-align:-1px;}



/*************main_topics***************/	   
#main_topics2{
	float:left;
	width:247px;}
* html #main_topics2 {
	margin:0 0 0 5px;}

#main_topics2 p {
       background: url(../about/img/topics.gif) top left no-repeat;
	   height:36px;}
#main_topics2 p img {
       display:block;
	   padding:10px 0 0 190px;}
#main_topics2 dl {
       margin:10px 0 0 0;
       padding:10px;
	   height:325px;
	   overflow:scroll;
	   background-color:#FFFFFF;
	   border:#006699 solid 1px;}
* html #main_topics2 dl {height:340px;}
#main_topics2 dd {
	margin:0 0 5px 0;
	font-weight:bold;
	color: #333333;
}
#main_topics2 dd img{
       margin:0 5px 0 0;}
#main_topics2 dt {
       margin:0 0 10px 0;}
#main_topics2 span {
       display:block;
	   text-align:right;
	   font-weight:bold;}
#main_topics2 span a:link{color:#dddddd;}
#main_topics2 span a:hover{color:#aaaaaa;}	  

#main_topics2 span a{
       text-decoration:none;}
#main_topics2 span img {
       display:inline-block;
       margin:5px 3px 0 0;
	   vertical-align:-1px;}



/*************main_banner***************/

#main_banner{
	clear:both;
	width:780px;
	margin:30px 0 15px 0;
	text-align:center;}
html>body #main_banner {
	padding-top:40px;
	margin:20px 0 10px 0;
} 
  	   
#main_banner:after{
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;}
#main_banner{display: inline-block;}
/* Hides from IE-mac \*/ 
* html #main_banner {height: 1%;} 
#main_banner  {display: block;} 
/* End hide from IE-mac */	   


#main_banner img{
	   margin:0 2px 10px 0;}



/*************adout***************/

.adout:after{
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;}
.adout{display: inline-block;}
/* Hides from IE-mac \*/ 
* html .adout {height: 1%;} 
.adout  {display: block;} 
/* End hide from IE-mac */	   

.adout {
padding:0;
margin:0 0 20px 0;
color:#CCCCCC;
line-height:160%;}

.adout img {
display:block;
margin:0 0 10px 0 ;}

.adout span img{
margin:0 10px 0 10px;}

#main_menu div span{
display:block;
float:left;}

.adout p{
	float:left;
	width:330px;
}


/*topics(PopUp Window)
**********************************************************************************************/


/*****common******/

#container2 {
background-color:#f5f1e0;
padding:10px;}


.btn {
margin:40px 0 30px 0;
text-align:right;}

/****************/



/***********topics_list*************/

   
.topics h1 {
margin:10px 0;
padding:5px 15px;
font-size:120%;
color:#FFFFFF;
background-color:#aaaaaa;
border-left:#444444 solid 8px;}

.topics h2,
.topics h3 {
padding:5px 10px;
color:#FFFFFF;
background-color: #66A800;
font-size:120%;}
* html .topics h2,
* html .topics h3 {
font-size:100%;}


.topics h3 {
background-color: #BF5895;}


.topics div{
margin:8px 0;
padding:10px 10px;
border:#bbbbbb solid 1px;
background-color:#FFFFFF;}
.topics img {
margin:0 5px 0 0;
vertical-align:0;}
html>body .topics img {
vertical-align:-3px;}
.topics dl {
margin:0 10px;}


.topics dt a:link {
color:#003B9E;}
.topics dt a:visited,
.topics dt a:hover,
.topics dt a:active{
color:#2759AD;}










/***********topics_ditail*************/


#container2 {
font-size:85%;}
* html #container2{font-size:70%;}

#container2 div.topics_ditail a:link{
text-decoration:none;}

.topics_ditail h1 {
margin:10px 0 0 0;
padding:5px 10px;
background:none;
background-color:#66A800;
font-size:120%;}
* html .topics_ditail h1{font-size:110%;}

.topics_ditail h1 span{
font-size:70%;}

.topics_ditail .detail{
padding:15px 15px 20px 15px;
line-height:160%;
background-color:#FFFFFF;
text-align:center;}
.topics_ditail .detail p{
text-align:left;}

.topics_ditail .detail img{
margin:10px 0;}


.detail_link {
padding:10px;
margin:10px 0;
background-color: #DCEDD3;
border:#888888 solid 1px;}



/******************************************END**********************************************/
