/* CSS Document */

/*■初期設定*/

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

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



*{ margin:0; padding:0;}
img{ border:0;}
body {
       font-size: small; /* IE 7向け */
}

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 p{margin:20px 0 0 0px; font-weight:normal;}
#head p a{ font-size:25px; line-height:30px; vertical-align:top; text-decoration:none; color:#333333;}
#head p a:hover{ font-size:25px; line-height:30px; vertical-align:top; text-decoration:none; color:#333333;}
#head_menu{background : url(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-size: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(main_pica.jpg) no-repeat; width:796px; height:300px; }
#main_image p{ margin:20px; color:#FFFFFF; font-size:12px; text-align:right;}

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


#foot_up{ background : url(line_02.gif) no-repeat center 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 h2{  background : url(bg_h3_01.gif) no-repeat left center; text-indent:15px; font-size:120%; line-height:1.0em; vertical-align:top; color:#333344; margin:16px 0 0 0;}
#top div#left h3{ font-size:12px;}
#top div#left p#syou{ background-color:#FFFFFF; border:none; padding:10px 10px 10px 10px; margin:10px 1px 20px 1px; color:#222222;}
#top div#left div#info{ background : url(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 p{ margin:8px 10px 0 10px; font-size:100%; color:#003366; font-weight: bold;}
#top div#left div#info div#main p.cate{ margin:4px 10px 0 10px; color:#000000; font-weight: normal;}
#top div#right{ float:left; width:338px; margin:20px 0 0 18px;}
#top div#right div#ads{float:left; width:337px; height:285; margin:0;}
#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(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(bnr01.jpg) no-repeat center center;}
#top div#right div#bnr_sps p.bnr02{ background : url(bnr02.jpg) no-repeat center center;}

/***その他のページ***/
#other_page{}
#other_page h1{ font-size:25px; line-height:100px; height:100px; color:#000000; font-weight:normal; text-indent:20px;}
#other_page h2{ background : url(bg_h3_01.gif) no-repeat left center; text-indent:15px; font-size:120%; line-height:1.0em; vertical-align:top; color:#333333; margin:16px 0 0 0;}
#other_page h3{ background : url(bg_h3_01.gif) no-repeat left center; 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; color:#444444;}
#other_page div#left{ float:left; width:540px; margin:20px 0 0 0;}
#other_page div#right{ float:left; width:208px; margin:20px 0 0 48px;}
#other_page div#right div.cate{background : url(st_info1.gif) no-repeat center center; font-size:120%; color:#FFFFFF; line-height:26px; height:26px;  padding:-2px 0 0 4px;}
#other_page div#right div.cate p{color:#FFFFFF; font-weight:bold;}
#other_page div#right div#bnr_sps{}
#other_page div#right div#bnr_sps p{ margin:0 0 6px 0;border:solid #000000; border-width:2px 1px 1px 1px;}
#other_page div#right div#bnr_sps p a{ background : url(bg_bnr_anc.gif) no-repeat center top; display:block; width:200px ; 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;}
#other_page div#right div#bnr_sps p a:hover{filter:alpha(opacity=50); /*IE*/ -moz-opacity:0.50; /*FF*/}
#other_page div#right div#bnr_sps p.bnr01{ background : url(bnr01.jpg) no-repeat center center; width:200px ;}
#other_page div#right div#bnr_sps p.bnr02{ background : url(bnr02.jpg) no-repeat center center; width:200px ;}
#other_page div#spa{ float:left; width:340px; height:300px; margin:0 0 0 0;}
#other_page div#spi{ float:left; width:202px; height:220px; margin:0 0 0 0;}
#other_page div#spl{ float:left; width:202px; height:110px; margin:0 0 0 0;}