/* CSS Document */

/*■初期設定*/

body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}
body {
    font-size: 13px; /* モダンブラウザ向け */
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
}

body{ text-align:center; }

p,th,td,li{ font-size:90%; line-height:150%;}


.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}

.clr_sps{ clear:both; font-size:1px;}

#container{ width:796px; margin:auto; text-align:left; }
#head{}
#head h1{margin:20px 0 0 0px; font-weight:normal;}
#head h1 a{ font-size:25px; line-height:30px; vertical-align:top; text-decoration:none; color:#333333;}
#head h1 a:hover{ font-size:25px; line-height:30px; vertical-align:top; text-decoration:none; color:#333333;}
#head_menu{background:url(img/bg_head_menu.gif) no-repeat; width:796px; height:30px;}
#head_menu ul{list-style-type:none;}
#head_menu ul li{ font-size:14px; letter-spacing:1px; float:left; width:159px; height:30px; position:relative;}
#head_menu ul li a{ color:#ffffff; text-decoration:none; display:block; font:14px; width:159px; height:30px; line-height:30px; text-align:center;}
#head_menu ul li a:hover{ color:#FFCC00;}
#head_menu ul li.off{ overflow:hidden; width:159px;}
#head_menu ul li.off ol.sub{ left:0px; top:-999px;}
#head_menu ul ol.sub{ position:absolute; left:0px; top:30px; width:159px; border:1px solid #999999; text-align:center; list-style-type:none;}
#head_menu ul li.on{ width:159px;}
#head_menu ul>li.on{overflow:visible;/*×*/ }
#head_menu ul ol.sub li{ float:none;width:159px; height:30px; line-height:30px; border-bottom:1px solid #999999; text-align:center; float:none; filter:alpha(opacity=82); /*IE*/ -moz-opacity:0.82; /*FF*/}
#head_menu ul ol.sub li a{ background-color:#FFFFFF; text-decoration:none; color:#000000; vertical-align:middle; font-size:12px; height:30px; line-height:30px; text-align:center;}
#head_menu ul ol.sub li a:hover{ background-color:#FFCC00; color:#000000;}

.line{ clear:left; margin:10px 0 0 0;}



#main_image{ float:left; background:url(img/top/main_pic.jpg) no-repeat; width:796px; height:300px; }
#main_image p{ margin:15px; color:#F8F8F8; font-size:12px; text-align:left;}

#contents{ margin:10px 0 0 0; clear:left;}

#foot_up{ background:url(img/line_02.gif) no-repeat bottom; clear:both; height:32px; margin:0 0 0 0;}
#copy{ height:20px;font-size:10px; text-align:right; color:#333333; padding:2px; margin:4px 0 0 0;}
#copy a{ color:#333333; text-decoration:none;}
#copy a:hover{ color:#333333;}



/***トップ***/
#top{}
#top div#left{ float:left; width:440px; margin:20px 0 0 0;}
#top div#left h3{ font-size:12px;}
#top div#left div#info{ background:url(img/top/bg_info.gif) no-repeat; width:440px; height:201px;}
#top div#left div#info div#main{ overflow:auto; height:198px; margin:2px 1px 1px 0; }
#top div#left div#info div#main h4{ margin:8px 10px 0 10px; font-size:100%; color:#003366;}
#top div#left div#info div#main p{ margin:4px 10px 0 10px;}
#top div#right{ float:left; width:338px; margin:20px 0 0 18px;}
#top div#right p.counter{ font-size:80%; color:#003366; margin:5px 7px 5px 7px; border:1px #999999 dotted; text-align:center}
#top div#right div#bnr_sps{}
#top div#right div#bnr_sps p{ margin:0 0 6px 0;border:solid #000000; border-width:2px 1px 1px 1px;}
#top div#right div#bnr_sps p a{ background:url(img/top/bg_bnr_anc.gif) no-repeat center top; display:block; width:336px ; height:108px; filter:alpha(opacity=80); /*IE*/ -moz-opacity:0.80; /*FF*/ vertical-align:bottom; font-size:14px; line-height:30px; text-decoration:none;
text-align:right; color:#000000;}
#top div#right div#bnr_sps p a:hover{filter:alpha(opacity=50); /*IE*/ -moz-opacity:0.50; /*FF*/}
#top div#right div#bnr_sps p.bnr01{ background:url(img/top/bnr01.jpg) no-repeat center;}
#top div#right div#bnr_sps p.bnr02{ background:url(img/top/bnr02.jpg) no-repeat center;}

/***その他のページ***/
#other_page{}
#other_page h2{ font-size:25px; line-height:100px; height:100px; color:#F8F8F8; font-weight:normal; text-indent:20px;}
#other_page h3{ background:url(img/bg_h3_01.gif) no-repeat center left; text-indent:15px; font-size:120%; line-height:1.0em; vertical-align:top; color:#333333; margin:16px 0 0 0;}
#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}