@charset "Shift_JIS";

body{
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	background: #FFF;
	width: 100%;
	height:100%;
}


h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tr,th,td,
p,div {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}

ul, li, img{
    margin:0;
    padding:0;
}


#wrapper{
	width:900px;
	background:#FFF;
	margin:10px auto;
	font-size: 90%;
	line-height: 18px;
	color: #333;
}


#main{ width: 100%;
    vertical-align: top;
    padding: 0;
}

#icon{
	margin-left:720px;
	height: 24px;
}

#icon li{
    float: left;
	list-style:none;
	padding-left: 3px;
}
	
#icon li a{
    color: #333;
	padding-left: 3px;
}

#icon li a:hover{
    color:#87BD59;
	padding-left: 3px;
}

#contents{ width: 700px;
    vertical-align: top;
    padding: 0;
	float: left;
	margin-bottom: 30px;
}

#pankuzu{
    margin-bottom: 20px;
}

#pankuzu li{
    float: left;
    margin-right: 5px;
	list-style: none;
	font-size: 10px;
}

#hdr{
	width: 100%;
    height: 90px;
}

#nav{
  	list-style:none;
	height: 45px;
}

#nav li{
    float: left;
	list-style:none;
}

#p_tit{
    width: 700px;
	height: 36px;
	margin-bottom: 20px;
}

#p_pht{
    width: 700px;
	height: 200px;
	margin-bottom: 20px;
}

#p_pht_ver{
    width: 300px;
	margin: 0 20px 0 0;
	float: left;
}

#text_ver{
    width: 380px;
	margin: 0;
	float: right;
}


#p_pht_300{
    width: 700px;
	height: 300px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#p_pht_380{
    width: 700px;
	height: 380px;
	margin-bottom: 20px;
}

#p_pht_270{
    width: 700px;
	height: 270px;
	margin-bottom: 20px;
}

#tit{
    width: 700px;
	height: 27px;
	margin-bottom: 10px;
}

#sub_tit{
    font-size: 14px;
	color: #333333;
	line-height: 20px;
	border-left: #979797 3px solid;
	padding: 3px 0 3px 8px;
	margin-top: 15px;
	margin-bottom: 5px;
}
	
#flash_area{
    width: 900px;
	height: 300px;
	margin: 10px 0;
}

#flaBoxInner {
	width: 900px;
	height: 300px;
}
	
#ftr_nav{
    width: 270px;
  	list-style:none;
	height: 30px;
	padding-top: 50px;
	margin:auto;
}

#ftr_nav li{
    float: left;
	list-style:none;
}
	
#ftr{
    
	height: 100%;
�@  display: inline;
    width: 900px;
	hight: 50px;
	margin-top: 15px;
	text-align: center;
	padding-top: 3px;
	font-size: 80%;
	border-top: #979797 1px solid;
}

#bnr_area{
    float: right;
	width: 170px;
	padding-top: 55px;
	vertical-align: top;
}

#bnr{
    width: 170px;
	vertical-align: top;
    margin-bottom: 15px;
}	


#bnr_bg{
	width: 170px;
}

#bnr_bg li{
   	background:url(../../img/bnr_np_bg.gif) repeat-y;
	font-size: 12px;
	list-style: square url(../../img/arrow_icon.gif) inside;
	padding: 5px 0 5px 50px;
}	


#outlink{
    width: 170px;
	vertical-align: top;
    margin-bottom: 15px;
}	

#outlink_inner ul {
    margin: 0 0 0 20px;
	}

#outlink_inner ul li{
  	vertical-align: top;
    margin: 0 0 15px 0;
	list-style: url(../image/arrow_icon.gif) outside;
	line-height: 18px;
	padding: 0 0 15px 0; 
	border-bottom: #CCCCCC dotted 1px;
	
}	

#link_inner ul li a{
	font-weight: bold;
}



	
#pagetop{
    width: 74px;
	height:20px;
    margin: 20px 0 -20px 826px;
}	


.clearfix:after {
	height: 0.1px;  
    font-size: 0.1em;
	visibility: hidden;
	content: ".";
	display: block;
	line-height: 0;  
	clear: both;
}

* html .clearfix {
		zoom: 100%;
}

*+html .clearfix {
		zoom: 100%;
}  


.left_300{ 
    width: 300px;
	float: left;
}

.right_400{ 
    width: 400px;
	float: left;
}

.line{
   height: 5px;
   border-top: #CCCCCC 1px dotted;
   margin: 10px 0 30px 0;

}

	
/*  top page---------------------------------------------------------------------- */

#info{
    width: 700px;
	margin-right: 20px;
	float: left;
	font-size: 70%;
}

#info_b{
    padding-top: -5px;
}

#info_table{
    background: url(../../img/infobg_m.gif) repeat-y;
}


#info_date{
    width: 50px;
	padding: 15px 15px 0 15px;
	vertical-align: top;
}

#info_con{
    width: 590px;
	padding-bottom: 0;
	padding: 15px 15px 0 15px;
}
	
#t_bnr_area{
    float: right;
	width: 170px;
	padding-top: 0;
	vertical-align: top;
}


/*  organization---------------------------------------------------------------------- */
	
#yakuin {
    margin-bottom: 20px;
	/*margin-left: 270px;*/
}
#yakuin th {
	text-align: left;
	width: 80px;
	padding: 0 10px 0 0;
	font-weight: normal;
}
#yakuin td {
	padding: 0 0 0 0;
}

/*  privacy policy---------------------------------------------------------------------- */

#pri_list_1{
 	margin-left: 20px;
}

#pri_list_1 ul{
    margin-top: 10px;
}

#pri_list_1 li{
    list-style: decimal outside;
	margin-bottom: 10px;
}

#pri_list_2{
    margin-left: 20px;
}

#pri_list_2 li{
    list-style: circle outside;
	margin-bottom: 2px;
	
}	
	
/*  supporters---------------------------------------------------------------------- */
	
#supporters{
    margin-bottom: 40px;
	width: 700px;
}

.sup_1{ width: 25%;
    line-height: 18px; 
	border-bottom: #CCC 1px dotted;
	padding: 7px 0;
}

.sup_2{ width: 75%;
    	border-bottom: #CCC 1px dotted;
		padding: 7px 0 7px 7px;
		border-left: #CCC 1px dotted;
}
	
#list_1{
    margin: auto;
}
	
#list_1 li{
    list-style: url(../image/icon_circle.gif) inside;
	margin-bottom: 5px;
}
	
/*  contact(form)---------------------------------------------------------------------- */
	

#form{
    width: 100%;
}
	
.name{
    width: 150px;
}

.name-area{
    margin-bottom: 10px;
}

.mail{
    width: 200px;
}	
	
.hojinmei{
    width: 396px;
}

.hojinmei_area{
    margin-bottom: 10px;
}

.yubin{
    width: 40px;
}

.tel{
    width: 40px;
}

.request{
    overflow-y: scroll;
}

.text_pri{
    background-color: #ebebeb;
	padding: 10px 30px;
	margin: 10px 0 20px 0;
}

.btn_form{
    margin-left:190px;
}


.btn_form button{
	background:none;
	border:none;
}
	
/* vision---------------------------------------------------------------------- */

#vis_colum{
    padding: 10px;
	margin-top: 10px;
	background-color: #F4FBED;
}


/* sitemap---------------------------------------------------------------------- */

.lin_corner{
	background-repeat: no-repeat;
}

#sitemap{
    margin-left: 50px;
}



/* history---------------------------------------------------------------------- */

#history{
	width: 700px;
	margin-top: 20px;
}

.his_1{
    width: 7%;
	padding: 0 10px 10px 10px;
	color: #D35B12;
	border-left: #CCC 3px solid;
	vertical-align: top;
	border-bottom: #CCC 1px dotted;
}

.his_3{
    width: 12%;
	padding: 0 10px 10px 0;
	color: #D35B12;
	vertical-align: top;
	border-bottom: #CCC 1px dotted;
}

.his_2{
    width: 81%;
	padding: 0 0 10px 0;
	border-bottom: #CCC 1px dotted;
}



/* Information---------------------------------------------------------------------- */

#news_list{
�@�@width: 700px;
	margin: 0;
	padding: 0;
}

.news_icon{
   	width: 18px;
	padding: 5px 0;	
	border-bottom: 1px dotted #D6D6D6;
	vertical-align: top;
}


#news_date{
   	width: 80px;
	padding: 5px 10px 5px 0;
	border-bottom: 1px dotted #D6D6D6;
	vertical-align: top;
}

#news_contents{
	width: 587px;
	padding: 5px 0px;
	border-bottom: 1px dotted #D6D6D6;
}