@charset "utf-8";

/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
fieldset,img {  
	    border:0; 
	} 
address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
ol,ul { 
    list-style:none; 
	} 
caption,th { 
	    text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
q:before,q:after { 
	    content:''; 
	} 
abbr,acronym { border:0; 
	} 
/* common */

body {
	color: #000000;
	margin: 0px;
	padding: 0px;
    font-family:'メイリオ',meiryo,'ヒラギノ丸ゴ Pro W4',Osaka,'ＭＳＰゴシック',sans-serif;
    /*font-family:'メイリオ',meiryo,'HG丸ゴシックM-PRO',sans-serif,'ヒラギノ丸ゴ Pro W4',Osaka,;*/
	background-image: url(img/bg_g.gif);
	background-repeat: repeat;

}


a:link {
	color: #00f;
	font-size:100%;
	text-decoration:none;
	}

a:visited {
	color: #039;
	font-size:100%;
	text-decoration:none;
	}

a:hover {
	color: #0ff;
	font-size:100%;
	text-decoration:none;
	}
	
a:active {
	color: #0ff;
	font-size:100%;
	text-decoration:none;
	}
	
p {
	color: #000;
	font-size:106%;
	line-height:180%;
	}
	
span {
	color: #666;
	font-size:106%;
	line-height:180%;
	}
	
h3 {
    font-size:120%;
	font-weight:600;
	margin:5px 0;
}

strong {
    font-weight:600;
}
	

/*メイン*/

#container {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height:100%;
	background-color:#FFFFFF;
	border-left:#abda4e solid 1px;
	border-right:#abda4e solid 1px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

#clearfix {
  min-height: 1px;
}

* html #clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*ヘッダー*/

#nnp {
	width: 770px;
	height: 35px;
	background-color: #abda4e;
	padding-top:5px;
}

#header {
	width: 770px;
	height:195px;
    background: url(img/g_space2.jpg) ;
	background-repeat:repeat-x;
	background-position:bottom;
	background-color: #abda4e;
}



#h_space {
	float: left;
	width: 8px;
	height: 180px;
	margin-top:15px;
    background: url(img/g_space2.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom;
}

#logo {
	float: left;
	width: 129px;
	height: 180px;
	margin-top:15px;
    background: url(img/logo.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom;
}

#title {
	float: left;
	width: 272px;
	height: 180px;
	margin-left:10px;
	margin-top:15px;
}

* html #top_flash {
	float: leftt;
	width: 341px;
	height: 180px;
	margin-top:15px;
	padding-left:10px;
    background: url(img/topflash.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom;
}

#top_flash {
	float: left;
	width: 341px;
	height: 180px;
	margin-top:15px;
	padding-left:10px;
    background: url(img/topflash.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom;
}


/*コンテンツ*/

#contents {
	width: 750px;
	height:auto;
	background-color:#FFFFFF;
}

.f85 {
    font-size:85%;
}

.f85u {
    font-size:85%;
	margin-top:8px;
}

.box {
	width: 700px;
	height:auto;
	margin: 0 auto 110px auto;
}

* html .box {
	width: 700px;
	height:auto;
	margin: 0 auto 30px auto;
}

*:first-child+html .box {
	width: 700px;
	height:auto;
	margin: 0 auto 30px auto;
}


.contents1 {
	width: 700px;
	margin: 15px auto;
}

.mt10 {
	width: 700px;
	margin-top: 10px;
}


.contents1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.float_l {
    width:160px;
	height:auto;
    float:left;
	margin: 3px 15px 5px 5px;
}


.float_l_300 {
    width:300px;
	height:autox;
    float:left;
	margin: 15px 15px 5px 5px;
}



.float_r {
    width:160px;
	height:auto;
    float:right;
	margin: 3px 15px 5px 5px;
}


.float_r_300 {
    width:300px;
	height:auto;
    float:right;
	margin: 3px 15px 5px 55px;
}

.float_qr {
    width:160px;
	height:auto;
    float:left;
	margin: 3px 15px 5px 5px;
}



#sign_box {
	width: 770px;
	height:auto;
	margin-top:10px;
	margin-bottom: 20px;
}

#alert {
	width: 730px;
	height:auto;
	color: #EC0000;
	margin-top:10px;
	margin-bottom: 20px;
	margin-left:10px;
	padding-left:23px;
	font-size:110%;
    background: url(img/alert.gif) ;
	background-repeat:no-repeat;
	background-position:top left;
}

#sign {
	width: 420px;
	height:auto;
	margin:10px 5px 0 10px;
    float:left;
}



#sign2 {
	width: 320px;
	height:64px;
	margin-left: 3px;
    float:left;
    background: url(img/sign320.jpg) ;
	background-repeat:no-repeat;
	background-position:bottom;
}



.sign620 {
	width: 620px;
	height:auto;
	margin:auto;
	padding-bottom:20px;
}

.sign260 {
	width: 260px;
	height:auto;
	margin:10px 5px 0 25px;
    float:left;
}


.sign3 {
	width: 600px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}


#contact {
	width: 700px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}


* html #sign {
	width: 420px;
	height:auto;
	margin:10px 5px 0 5px;
    float:left;
}

* html #sign2 {
	width: 320px;
	height:64px;
	margin-left: 3px;
    float:left;
}

.list {
	line-height: 17px;
	width: auto;
	font-size:106%;
	margin-top:10px;
}

.list ul li {
    margin-bottom: 10px;
	line-height:150%;
}

.link2 {
	width: 370px;
	height:auto;
	float:left;
	margin-top:-10px;
}

* html .link2 {
	width: 370px;
	height:auto;
	float:left;
	margin-top:-5px;
}


#video {
	width: 750px;
	height:auto;
	margin: 25px auto 40px auto;
}


#SiteBanner {
	width: 700px;
	margin-top: 15px;
}

#SiteBanner p {
    font-size:9px;
	margin-bottom:10px;
}


#hitomi_banner {
	width:auto;
	height:63px;
	margin:0 0 0 10px;
	padding-left:270px;
	padding-top:20px;
    background: url(img/hitomi_banner.jpg) ;
	background-repeat:no-repeat;
	background-position:top left;
}

/*サポーター*/

.Sfloat_l {
    width:250px;
	height:auto;
    float:left;
	margin: 3px 25px 5px 0;
}

.Sfloat_r {
    width:250px;
	height:auto;
    float:right;
	margin: 3px 1px 5px 15px;
}

.contents2 {
	width: 700px;
	margin: 15px auto;
}

.contents2 h2 {
	width: 550px;
	margin: 15px auto;
	font-size:130%;
}


#movie640 {
	width: 656px;
	height:563px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-left:5px;
	background-color: #DDDDDD;
}


.flash_float_l {
    width:164px;
	height:auto;
    float:left;
	margin: 3px 15px 5px 5px;
}


.flash_float_r {
    width:164px;
	height:auto;
    float:right;
	margin: 3px 0 5px 15px;
}


.flash_float_r2 {
    width:244px;
	height:auto;
    float:right;
	margin: 3px 0 0 15px;
}


/*メンバー*/

.Mfloat_l {
    width:200px;
	height:300px;
    float:left;
	margin: 3px 25px 5px 0;
}

.Mfloat_lL {
    width:200px;
	height:450px;
    float:left;
	margin: 3px 25px 5px 0;
}

.Mfloat_r {
    width:460px;
	height:auto;
    float:right;
	margin: 3px 15px 5px 5px;
}

.contents2 {
	width: 700px;
	margin: 20px auto 15px auto;
}

.contents2 table { 
    font-size:14px;
}

.contents2 table th {
    font-weight: bold;
	line-height:200%;
}

.contents2 table td {
	line-height:200%;
}



/*フッター*/


#home {
    width:100px;
	margin:auto;
	font-size:130%;
}

#pt {
    width:280px;
	float:right;
	text-align:right;
	margin-top:-20px;
	margin-right:5px;
	font-size:14px;
}

#link {
	width: 770px;
	margin-left:auto;
	margin-right:auto;	
	height:160px;
	margin-top:15px;
	padding-top:10px;
	margin-bottom:-7px;
	background-image:url(img/link2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:10px;
}



.banner {
	width: 770px;
	margin-left:auto;
	margin-right:auto;	
	height:40px;
	margin-bottom:10px;
}


.banner200 {
	width: 200px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:auto;
	margin-left:13px;
}

.banner150 {
	width: 150px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:9px;
}



.banner132 {
	width: 132px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:9px;
}

.banner_zabic {
	width: 132px;
	height:40px;
	margin-left:13px;
	float:left
}

.banner_nnfs {
	width: 120px;
	height:40px;
	margin-right:17px;
	float:right;
}

.banner130 {
	width: 130px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:9px;
}

.banner120 {
	width: 120px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:9px;
}


.banner94 {
	width: 94px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:13px;
}

.banner160 {
	width: 160px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:13px;
}


.banner126 {
	width: 126px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:13px;
}

* html .banner200 {
	width: 200px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:7px;
}


* html .banner94 {
	width: 94px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:7px;
}

* html .banner160 {
	width: 160px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:7px;
}

* html .banner126 {
	width: 126px;
	height:40px;
	margin:auto;
	float:left;
	margin-right:0px;
	margin-left:7px;
}


* html .banner_zabic {
	width: 132px;
	height:40px;
	margin:auto;
	float:right;
	margin-right:7px;
	margin-left:9px;
}


#copyright {
	width: 770px;
	height:16px;
	background-color: #abda4e;
}


#copyright p {
	font-size: 10px;
	color: #FFFFFF;
	padding-right:2px;
	padding-top:0;
}


#copyright_l {
    width:auto;
	float:left;
	color: #FFFFFF;
}

#copyright_r {
    width:auto;
	float:right;
}






