@charset "Shift_JIS";

/* =======================================================================
   石西礁湖サンゴ礁基金 - トップページCSS
======================================================================= */

h1 {
background-image:url(../img/top01.jpg);
background-repeat:no-repeat;
width:800px;
height:80px;
text-indent:-9999px;
font-size:12px;
display:block;
}

h3 {
background-image:url(../img/top02.jpg);
background-repeat:no-repeat;
width:800px;
height:80px;
text-indent:-9999px;
font-size:12px;
display:block;
}

/* トップの背景画像 */
#top_back {
background-image:url(../img/top03.jpg);
background-repeat:no-repeat;
width:800px;
height:500px;
display:block;
}

/* トップ左 */
#top_left {
float:left;
width:435px;
padding-left:15px;
}

/* トップ右 */
#top_right {
float:right;
width:290px;
padding:64px 30px 0 0;
}

/* メニューボタン */
#menu {
padding-top:142px;
}

#menu li {
float:left;
font-size:0px;
list-style:none;
}

#menu a {	/* テキスト削除 */
text-decoration:none;
text-indent:-9999px;
width:145px;
height:143px;
display:block;
background-repeat:no-repeat;
}

#sekisei a {	/* ノーマル */
background-image: url(../img/sekisei.jpg);
}
#sekisei a:hover {	/* オン */
background-position:0 -143px;
}

#kikin a {	/* ノーマル */
background-image: url(../img/kikin.jpg);
}
#kikin a:hover {	/* オン */
background-position:0 -143px;
}

#give a {	/* ノーマル */
background-image: url(../img/give.jpg);
}
#give a:hover {	/* オン */
background-position:0 -143px;
}

/* メニューボタンテキスト部分 */
#menu_t {
}

#menu_t ul {
float:left;
width:145px;
}

#menu_t li {
font-size:12px;
line-height:130%;
list-style:none;
}

/* 新着情報 */
#new {
float:left;
margin-top:20px;
}

#new_line {
border:1px solid #FFCCCC;
width:428px;
}

#new_box {
padding:10px;
}

#new_box li {
font-size:10px;
line-height:150%;
color:#666;
list-style:none;
}

#new_box table {
font-size:10px;
line-height:150%;
color:#666;
list-style:none;
}


/* フッターの背景画像 */
#foot_back {
background-image:url(../img/top04.jpg);
background-repeat:no-repeat;
width:800px;
height:110px;
display:block;
}


/* リンク */
#link {
width:310px;
padding:0 0 0 480px;
}

#link li {
float:left;
font-size:0px;
list-style:none;
}

#link a {
text-decoration:none;
text-indent:-9999px;
width:155px;
height:24px;
display:block;
background-repeat: no-repeat;
}

#about a {	/* ノーマル */
background-image:url(../img/link_about.gif);
}
#about a:hover {	/* オン */
background-position:0 -24px;
}

#info a {	/* ノーマル */
background-image:url(../img/link_info.gif);
}
#info a:hover {	/* オン */
background-position:0 -24px;
}

#teikan a {	/* ノーマル */
background-image:url(../img/link_teikan.gif);
}
#teikan a:hover {	/* オン */
background-position:0 -24px;
}

#kitei a {	/* ノーマル */
background-image:url(../img/link_kitei.gif);
}
#kitei a:hover {	/* オン */
background-position:0 -24px;
}

#sitemap a {	/* ノーマル */
background-image:url(../img/link_sitemap.gif);
}
#sitemap a:hover {	/* オン */
background-position:0 -24px;
}

#faq a {	/* ノーマル */
background-image:url(../img/link_faq.gif);
}
#faq a:hover {	/* オン */
background-position:0 -24px;
}

#links a {	/* ノーマル */
background-image:url(../img/link_links.gif);
}
#links a:hover {	/* オン */
background-position:0 -24px;
}

#english a {	/* ノーマル */
background-image:url(../img/link_english.gif);
}
#english a:hover {	/* オン */
background-position:0 -24px;
}


/* マウスオーバー画像の読み込み */
.secret {
visibility:hidden;
}

/* ckc追加モジュール */
new2 {
float:left;
margin-top:20px;
padding-left:20px;
}