/* CSS Document */

/* 基準のリンク反応 */
a:link { text-decoration:none ; color:#06C ;}
a:active { text-decoration:underline ; color:#06C ;}
a:visited { text-decoration:none ; color:#06C ;}	
a:hover { text-decoration:underline ; color:#06C ;}

/*メインビジュアル*/
p#mainvisual{margin:0 0 16px 0;}

/* ★カラム ----------------------------------------------------------------------------------- */
#body-home {
	width:780px ; 	/*外枠の幅*/
	margin:16px auto ; 	/*外枠の位置*/
	background:url(../img/bg_body.gif);
	}

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

/*　ボックスを囲む　*/
#body-home #box-home {
	width:748px ; 	/*左ボックスの幅*/
	margin:0 auto;
	padding:8px 0;
	}

/*　左ボックス　*/
#body-home #left-home {
	width:540px ; 	/*左ボックスの幅*/
	float:left ;
	}

/*　右ボックス　*/
#body-home #right-home {
	width:200px ; 	/*右ボックスの幅*/
	float:right ;
	}

body{margin:0; padding:0; background:#EEE;}
table { border-collapse: collapse;}
img{ border-style:none; }

/* ★ヘッダー --------------------------------------------------------------------------------- */
#header {
	width:780px ;	/*ヘッダーの横幅*/
	height:94px ;	/*ヘッダーの高さ*/
	margin:0 auto;	/*ヘッダーを中央寄せにする。左寄せならこの行を取る*/
	padding:0 ;
	clear:both ;
	background:url(../img/bg_header.gif);}
	
#header:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

#header h1#logo a{
	width:240px ;	/*ロゴ画像横サイズ*/
	height:40px ;	/*ロゴ画像縦サイズ*/
	margin:32px 0 0 16px ;
	padding:0 ;
	background:url(../img/logo.gif) left no-repeat ;/*社名等ロゴ画像*/
	float:left ;}

#header h1#logo a span { display:none ;}

#header #head-navi {
	width:320px ;
	height:60px ;
	margin:16px 16px 0 0 ;
	padding:0 ;
	float:right ; }
#header #head-navi p{margin:0; padding:0;}


/* ★ナビ ------------------------------------------------------------------------------------- */
#navi {
	width:778px ; 	/*ナビ全体の幅*/
	height:35px ; 	/*ナビ全体の高さ*/
	margin:0px auto;/*ナビの位置*/
	background:url(../img/navi.gif) no-repeat ;	/*ナビ全体の背景画像があればここに*/
	clear:both ;}

#navi ul {
	width:750px ; 	/*ナビの幅*/
	margin:0px auto;/*ナビの位置*/
	padding:0 ;
	list-style-type:none ;}

#navi ul li { 
	height:35px ; 	/*ナビの高さ*/
	margin:0px ;
	padding:0 ;
	float:left ;}

#navi ul li a { 
	height:35px ;	/*画像縦サイズ*/
	text-indent:-200px;
	overflow:hidden;
	display:block ;}

/*ナビ１*/
#navi ul li a#navi01 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -14px -35px;}	/*ナビの背景画像*/


/*ナビ２*/
#navi ul li a#navi02 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -164px 0;}	/*ナビの背景画像*/

#navi ul li a#navi02:hover {
	background-position:-164px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ３*/
#navi ul li a#navi03 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -314px 0;}	/*ナビの背景画像*/

#navi ul li a#navi03:hover {
	background-position:-314px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ４*/
#navi ul li a#navi04 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -464px 0;}	/*ナビの背景画像*/

#navi ul li a#navi04:hover {
	background-position:-464px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ５*/
#navi ul li a#navi05 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -614px 0;}	/*ナビの背景画像*/

#navi ul li a#navi05:hover {
	background-position:-614px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ６*/
#navi ul li a#navi06 {
	width:125px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -639px 0;}	/*ナビの背景画像*/

#navi ul li a#navi06:hover {
	background-position:-639px -35px ;}	/*マウスオーバー時の背景画像の位置*/
	
	
/* ★パンくず ------------------------------------------------------------------------------------- */
#path {width:778px ; height:32px; background:url(../img/path_bg.gif) repeat-x; padding:8px 0; margin:0 auto;}
#path p{ padding:0 0 0 16px; margin:0; font-size:70%; color:#FFF;}

/* ★H２タイトル ------------------------------------------------------------------------------------- */
h2#h201{width:538px; height:24px; margin:0 0 8px 0; background:url(../home_img/h201.gif); clear:both;}
h2#h201 span{display:none;}

div#h202-base{width:538px; height:24px; margin:0 0 8px 0; background:url(../home_img/h202.gif); clear:both;}
div#h202-base:after {content:"."; height:0; clear:both; visibility:hidden; display:block;}
div#h202-base h2#h202{width:300px; float:left;}
div#h202-base h2#h202 span{display:none;}
div#h202-base p#goto-topics a{width:95px; float:right; margin:0; padding:0;}

h2#h203{width:198px; height:24px; margin:0 0 8px 0; background:url(../home_img/h203.gif); clear:both;}
h2#h203 span{display:none;}
h2#h204{width:198px; height:24px; margin:0 0 8px 0; background:url(../home_img/h204.gif); clear:both;}
h2#h204 span{display:none;}
h2#h205{width:198px; height:24px; margin:0 0 4px 0; background:url(../home_img/h205.gif); clear:both;}
h2#h205 span{display:none;}


/* ★DIV各種 ------------------------------------------------------------------------------------- */
div#box01{width:538px; margin:0 auto 16px auto;}
div#box01:after {content:"."; height:0; clear:both; visibility:hidden; display:block;}

div#box02{width:538px; margin:0 auto 16px auto;}
div#box02 ul{margin:0; padding:0; list-style:none; clear:both;}
div#box02 li{width:522px; margin:0 auto 8px auto; font-size:80%; line-height:130%; background:url(../img/bottomline.gif)  bottom left repeat-x; padding-bottom:4px;}
div#box02 span{color:#999; font-weight:bold;}

div#box03{width:198px; border:1px #CCC solid; margin:0 auto 16px auto;}
div#box03 p#box03-p01{width:182px; margin:0 auto 8px auto; text-align:center; font-size:80%;}
div#box03 p#box03-p02{width:182px; margin:8px auto; text-align:center;}
div#box03 p#box03-p03{width:182px; margin:0 auto 8px auto; text-align:right; font-size:80%;}
div#box03 p#box03-p03 a{background:url(../img/link_head1.gif) left top no-repeat; padding-left:1.2em;}

div#box04{width:198px; border:1px #CCC solid; margin:0 auto 16px auto;}
div#box04 p#box04-p01{width:182px; margin:0 auto 8px auto; font-size:80%; line-height:130%;}
div#box04 p#box04-p02{width:182px; margin:0 auto 8px auto; font-size:80%; line-height:130%;}
div#box04 p#box04-p03{width:182px; margin:0 auto 8px auto; text-align:right; font-size:80%;}
div#box04 p#box04-p03 a{background:url(../img/link_head1.gif) left top no-repeat; padding-left:1.2em;}

div#box05{width:198px; border:1px #CCC solid; margin:0 auto 16px auto;}
div#box05 p{width:190px; margin:0 auto 4px auto;}

div#box06{width:265px; float:left; margin:0;}
div#box06 p#img06{margin:0 0 8px 0;}
div#box06 p#coment06{width:248px; font-size:80%; line-height:130%; margin:0 auto;}

div#box07{width:265px; float:right; margin:0;}
div#box07 p#img07{margin:0 0 8px 0;}
div#box07 p#coment07{width:248px; font-size:80%; line-height:130%; margin:0 auto;}

/* ★下のメニュー ------------------------------------------------------------------------------------- */
#bottom-navi-area {width:778px ; background:#EEE; padding:8px 0; margin:0 auto 16px auto; border-top:1px #CCC solid; border-bottom:1px #CCC solid; clear:both;}
#bottom-navi  {
	width:413px ; 	/*ナビ全体の幅*/
	height:16px ; 	/*ナビ全体の高さ*/
	padding:0 ;
	margin-left:16px;
	}

#bottom-navi ul {
	width:413px ; 	/*ナビの幅*/
	margin:0px auto;/*ナビの位置*/
	padding:0 ;
	list-style-type:none ;}

#bottom-navi ul li { 
	height:16px ; 	/*ナビの高さ*/
	margin:0px ;
	padding:0 ;
	float:left ;}

#bottom-navi ul li a { 
	height:16px ;	/*画像縦サイズ*/
	text-indent:-200px;
	overflow:hidden;
	display:block ;}

/*ナビ１*/
#bottom-navi ul li a#b-navi01 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi_bottom.gif) ;}	/*ナビの背景画像*/

#bottom-navi ul li a#b-navi01:hover {
	background-position:0 -16px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ２*/
#bottom-navi ul li a#b-navi02 {
	width:55px ;	/*画像横サイズ*/
	background:url(../img/navi_bottom.gif) -150px 0;}	/*ナビの背景画像*/

#bottom-navi ul li a#b-navi02:hover {
	background-position:-150px -16px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ３*/
#bottom-navi ul li a#b-navi03 {
	width:73px ;	/*画像横サイズ*/
	background:url(../img/navi_bottom.gif) -256px 0;}	/*ナビの背景画像*/

#bottom-navi ul li a#b-navi03:hover {
	background-position:-256px -16px ;}	/*マウスオーバー時の背景画像の位置*/
	

/*ナビ４*/
#bottom-navi ul li a#b-navi04 {
	width:84px ;	/*画像横サイズ*/
	background:url(../img/navi_bottom.gif) -329px 0;}	/*ナビの背景画像*/

#bottom-navi ul li a#b-navi04:hover {
	background-position:-329px -16px ;}	/*マウスオーバー時の背景画像の位置*/
	

	
/* ★フッター --------------------------------------------------------------------------------- */
#footer {
	width:780px ;	/*フッターの横幅*/
	height:25px ;	/*フッターの高さ*/
	margin:0 auto;	/*フッターを中央寄せにする。左寄せならこの行を取る*/
	padding:0 ;
	clear:both ;
	background:url(../img/bg_footer.gif);}
	
#footer p{font-size:70%; color:#999; text-align:right; margin-right:16px;}