@charset "UTF-8";
*{ margin:0; padding:0; border:0; font-size:100%; }

body {
	background-image: url(common/back.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size:75%;
	line-height: 1.5em;
}

a {
	color: #179BB4;
	text-decoration: none;
}
a:hover  { 
color: #ED821C; 
}


/*-----▼全体の包括-----*/
#wrap {
	width: 800px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	text-align: left;
	position: relative;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #91C3CD;
	border-left-color: #91C3CD;
 }

/*-----▼ヘッダー-----*/
#header { 
width: 800px; 
height: 52px; 
position: relative;
}
/*-----▼ロゴ-----*/
h1 {
	height: 52px;
	width: 320px;
	position: absolute;
	left: 5px;
}
/*-----▼お問い合わせ-----*/
.mail {
	height: 52px;
	width: 120px;
	position: absolute;
	top: 0px;
	right: 220px;
	text-indent: -5000px;
}

.mail a{
	height: 52px;
	width: 120px;
	display: block;
	background-image: url(common/contact.jpg);
	background-repeat: no-repeat;
	}

.mail a:hover{
	height: 52px;
	width: 120px;
	display: block;
	background-image: url(common/mail-hover.jpg);
	background-repeat: no-repeat;
	}

.freedial{
	height: 52px;
	width: 220px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/*-----▼グローバルナビ-----*/
#gnavi {
	width: 800px;
	height: 45px;
	
}
#gnavi ul {
	width: 798px;
	height: 38px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#gnavi li { text-indent: -5000px; width: 133px; height:38px ; float: left;  }
#gnavi li#gnavi01 a {
	background-image: url(common/gnavi.jpg);
	background-position: 0 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi01 a:hover {
	background-image: url(common/gnavi-hover.jpg);
	background-position: 0 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi02 a {
	background-image: url(common/gnavi.jpg);
	background-position: -133px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi02 a:hover {
	background-image: url(common/gnavi-hover.jpg);
	background-position: -133px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi03 a {
	background-image: url(common/gnavi.jpg);
	background-position: -266px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi03 a:hover {
	background-image: url(common/gnavi-hover.jpg);
	background-position: -266px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi04 a {
	background-image: url(common/gnavi.jpg);
	background-position: -399px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi04 a:hover {
	background-image: url(common/gnavi-hover.jpg);
	background-position: -399px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi05 a {
	background-image: url(common/gnavi.jpg);
	background-repeat: no-repeat;
	background-position: -532px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi05 a:hover {
	background-image: url(common/gnavi-hover.jpg);
	background-position: -532px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi06 a {
	background-image: url(common/gnavi.jpg);
	background-position: -665px 0;
	width: 133px;
	height: 38px;
	display: block;
}
#gnavi li#gnavi06 a:hover {
	background-image: url(common/gnavi-hover.jpg);
	background-position: -665px 0;
	width: 133px;
	height: 38px;
	display: block;
}



/*-----▼フラッシュエリア（index)-----*/

#flash {
	height: 300px;
	width: 800px;
}


/*-----▼メインイメージ（index2)-----*/
#mainimg {
	height: 300px;
	width: 800px;
	background-image: url(top-img/mainimg.jpg);
	background-repeat: no-repeat;
}


/*-----▼トピックス-----*/
.topics {
	height: 200px;
	width: 240px;
	position: absolute;
	top: 150px;
	right: 30px;
	display: inline;  
	}

.topics p {
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}



/*-----▼コンテンツ-----*/
#con {
	width: 800px;
	background-color: #FFFFFF;
}

/*-----▼leftboxとrightboxの包括-----*/
#main {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#leftbox {
	width: 485px;
	float: left;
}

/*-----▼理念・目標・ニュース-----*/
.box01 {
	width: 240px;
	float: left;
}

.banner01 {
	width: 240px;
	height: 70px;
	display: block;
	text-indent: -5000px;
	
}
.banner01 a {
	width: 240px;
	height: 70px;
	display: block;
	background-image: url(top-img/topbanner01.jpg);
	background-repeat: no-repeat;
}
.banner01 a:hover {
	width: 240px;
	height: 70px;
	display: block;
	background-image: url(top-img/topbanner01hover.jpg);
}


.news {
	width: 230px;
	background-color: #FFF6ED;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.news p {
	padding: 10px;
}

.look {
	padding: 2px;
	text-align: right;
}


/*-----▼募金ConoasSの輪-----*/
.box02 {
	width: 240px;
	float: right;
	}

.banner02 {
	width: 240px;
	height: 70px;
	display: block;
	text-indent: -5000px;	
}
.banner02 a {
	width: 240px;
	height: 70px;
	display: block;
	background-image: url(top-img/topbanner02.jpg);
}
.banner02 a:hover {
	width: 240px;
	height: 70px;
	display: block;
	background-image: url(top-img/topbanner02hover.jpg);
}

.link {
	width: 230px;
	background-color: #F3F9F1;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.link p {
	padding: 10px;
}

.link02 {
	width: 480px;
	clear: both;
	text-align: right;
	margin-top: 10px;
}

#rightbox {
	width: 250px;
	float: right;
}

#banner {
	width: 250px;
}


#banner ul {
width: 250px;

}
#banner li {
	text-indent: -5000px;
	list-style-type: none;
	width: 250px;
	height: 65px;
	display: block;
	margin-bottom: 10px;
	 }
	
#banner li#banner03 a {
	background-image: url(top-img/topbanner03.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
#banner li#banner03 a:hover {
	background-image: url(top-img/topbanner03hover.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}

#banner li#banner04 a {
	background-image: url(top-img/topbanner04.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
#banner li#banner04 a:hover {
	background-image: url(top-img/topbanner04hover.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
	
#banner li#banner05 a {
	background-image: url(top-img/topbanner05.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
#banner li#banner05 a:hover {
	background-image: url(top-img/topbanner05hover.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
	
#banner li#banner06 a {
	background-image: url(top-img/topbanner06.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
#banner li#banner06 a:hover {
	background-image: url(top-img/topbanner06hover.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
#banner li#banner07 a {
	background-image: url(top-img/topbanner07.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
#banner li#banner07 a:hover {
	background-image: url(top-img/topbanner07hover.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 65px;
	display: block;
}
	
#banner li#banner08 a {
	background-image: url(top-img/topbanner08.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 100px;
	display: block;
}
#banner li#banner08 a:hover {
	background-image: url(top-img/topbanner08hover.jpg);
	background-repeat: no-repeat;
	width: 250px;
	height: 100px;
	display: block;
}
	

/*-----▼フッター-----*/
#footer {
	clear: both;
	width: 100%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #179BB4;
}
#footer p {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
}

 

/*-----▼フットナビ-----*/
#fnavi {
	width: 540px;
	height: 20px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
#fnavi ul {
	width: 540px;
	
}
#fnavi li {
list-style-type: none;
text-indent: -5000px;
 width: 90px; height:20px ; 
 float: left; 
  }
  
#fnavi li#fnavi01 a {
	background-image: url(common/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi01 a:hover {
	background-image: url(common/footnavi-hover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 90px;
	height: 20px;
	display: block;
}#fnavi li#fnavi02 a {
	background-image: url(common/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: -90px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi02 a:hover {
	background-image: url(common/footnavi-hover.jpg);
	background-repeat: no-repeat;
	background-position: -90px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi03 a {
	background-image: url(common/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: -180px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi03 a:hover {
	background-image: url(common/footnavi-hover.jpg);
	background-repeat: no-repeat;
	background-position: -180px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi04 a {
	background-image: url(common/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: -270px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi04 a:hover {
	background-image: url(common/footnavi-hover.jpg);
	background-repeat: no-repeat;
	background-position: -270px 0;
	width: 90px;
	height: 20px;
	display: block;
}

#fnavi li#fnavi05 a {
	background-image: url(common/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: -360px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi05 a:hover {
	background-image: url(common/footnavi-hover.jpg);
	background-repeat: no-repeat;
	background-position: -360px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi06 a {
	background-image: url(common/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: -450px 0;
	width: 90px;
	height: 20px;
	display: block;
}
#fnavi li#fnavi06 a:hover {
	background-image: url(common/footnavi-hover.jpg);
	background-repeat: no-repeat;
	background-position: -450px 0;
	width: 90px;
	height: 20px;
	display: block;
}.clear{
	height: 1px;
	clear: both;
}