/* CSS Document */

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

/* 基準のリンク反応 */
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 ;}


/* ★ヘッダー --------------------------------------------------------------------------------- */
#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;}


/* ★パンくず ------------------------------------------------------------------------------------- */
#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;}

#path a:link { text-decoration:none ; color:#FFF ;}
#path a:active { text-decoration:underline ; color:#FFF ;}
#path a:visited { text-decoration:none ; color:#FFF ;}	
#path a:hover { text-decoration:underline ; color:#FFF ;}


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

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

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

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

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

/* ★サイドメニュー ------------------------------------------------------------------------------------- */
#side-navi {width:160px ; padding:8px 0; margin:0 auto 16px auto; clear:both;}
#side-navi ul {margin:0; padding:0 ;list-style-type:none ;}
#side-navi li {font-size:75%; line-height:130%; margin:0 auto 12px auto; background:url(../img/bottomline.gif) bottom left repeat-x; padding-bottom:4px;}
#side-navi a{background:url(../img/link_head1.gif) left top no-repeat; padding-left:1.4em;}
#side-navi h3#title-content{width:160px ; height:24px; background:url(../img/bg_content.gif) no-repeat; margin:0 auto 8px auto;}
#side-navi h3#title-content span{display:none;}

/* ★下のメニュー ------------------------------------------------------------------------------------- */
#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;}

/* ★テキスト --------------------------------------------------------------------------------- */
p.comment-full{width:542px; margin:0 auto 16px auto; font-size:80%; line-height:130%; color:#666;}