@charset "UTF-8";

/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font:82% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:180%;
	color:#333333;
	background:url(../img/header_bg.gif) left top repeat-x;
}

a {
	color:#663300;
	text-decoration:underline;
}

a:hover {
	color:#A00000;
	text-decoration:underline;
}

a img {
	border-style: none;
}

/* フロート解除用 */
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

/* IE6用ハック */
* html .clearfix {
	display:inline-block;
}

/* IE7用ハック */
*+html .clearfix {
	display:inline-block;
}

/* コンテンツエリアを囲む */
#wrapper {
	width:900px;
	margin:0 auto;
	padding:0;
	height:auto;
	text-align:left;
	display:table;
}

/* ヘッダー */
#header {
	width:900px;
	height:56px;
	margin:4px 0 0 0;
	padding:0;
}

	/* サイトタイトル */
	#header .site_title {
		width:530px;
		height:56px;
		float:left;
		padding:0;
		overflow:hidden;
		line-height:1.2;
		font-size:100%;
	}

	/* サイトタイトル */
	#header .site_title_en {
		width:350px;
		height:56px;
		float:right;
	}

/* グローバルナビ */
#gnavi {
	width:900px;
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

	#gnavi li {
		width:225px;
		float:left;
		margin:0;
		padding:0;
	}
	
	#gnavi li a {
		width:225px;
		height:34px;
		position:relative;
		overflow:hidden;
		display:block;
		border-style:none;
	}
	
	#gnavi li a img {
		border:none;
	}
	
	#gnavi li a:hover {
		border:none;
	}
	
	#gnavi li a:hover img {
		position:absolute;
		left:0px;
		top:-34px;
	}
	
	#gnavi li .current img {
		position:absolute;
		left:0px;
		top:-34px;
	}
 
#sub_navi {
	width:900px;
	margin:0;
	padding:0;
}

	#sub_navi li {
		margin:0;
		padding:0;
		float:left;
		display:block;
		list-style:none;
		position:relative;
	}

	#sub_navi a {
		border:none;
		color:#663300;
		text-align:center;
		text-decoration:none;
		padding:0;
		line-height:180%;
	}

	#sub_navi ul {
		width:225px;
		top:34px;
		display:none;
		position:absolute;
	}

	/* IE6 "fix" */
	* html #sub_navi ul {
		line-height:0;
	} 

	#sub_navi ul a {
		border:none;
	}

	/* #sub_navi ul a { border-bottom: none; } - I also needed this for IE6/7 */

	/* IE6/7 fix */
	#sub_navi ul a {
		zoom:1;
	} 

	#sub_navi ul li {
		float:none;
		margin:0;
		padding:0;
		background-color:#fff0d2;
	}

	#sub_navi ul ul {
		top:0;
		left:225px;
	}


/* Everything else is theming */

	#sub_navi *:hover {
		color:#ffffff;
	}

	#sub_navi li.hover a {
		background-color:none;
	}

	#sub_navi ul li a {
		height:auto;
		display:block;
		border-top:2px solid #ffffff;
		border-bottom:2px solid #dcc4b3;
		background-color:#fff0d2;
		border-left:1px solid #cdcdcd;
		border-right:1px solid #cdcdcd;
		padding:5px 0 5px 0;
	}

	#sub_navi ul a.hover {
		height:auto;
		border-top:2px solid #ffffff;
		border-bottom:2px solid #A00000;
		background-color:#A00000;
		border-left:1px solid #cdcdcd;
		border-right:1px solid #cdcdcd;
		padding:5px 0 5px 0;
	}

/* Top of Top イメージエリア */
#top_img {
	width:900px;
	height:210px;
	float:left;
	margin:0;
	z-index:1;
}

/* コンテンツエリア */
#contents_area {
	width:900px;
	float:left;
	clear:both;
	margin:20px 0 0 0;
	padding:0;
}


/* 右カラム */
#right_column {
	width:250px;
	float:right;
	margin:0;
	padding:0;
}

#right_box {
	width:250px;
	float:right;
	margin:0 0 15px 0;
	padding:0;
}

/* トピックス */
#right_intro {
	width:250px;
	float:left;
	clear:both;
	margin:0;
	padding:0 0 3px 0;
	background:#EAEAEA;
}

	#right_intro .text {
		width:210px;
		margin:5px 0 0 0;
		padding:10px 18px 8px 22px;
		background:url(../img/r_navi_bg.gif) left bottom repeat-y;
	}

/* カテゴリナビ */
#right_catnavi_title {
	width:238px;
	height:30PX;
	float:left;
	clear:both;
	margin:0;
	padding:4px 0 0 10px;
	list-style:none;
	background:url(../img/right_navi_title_bg.gif) left top repeat-x;
	display:inline;
	border:1px #CCCCCC solid;
	color:#663300;
	font-weight:bold;
}

#right_catnavi {
	width:210px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	padding:5px 18px 8px 22px;
	list-style:none;
	background:url(../img/r_navi_bg.gif) left bottom repeat-y;
}

	#right_catnavi li {
		width:200px;
		float:left;
		clear:both;
		color:#663300;
		padding:5px 0 4px 5px;
		border-bottom:1px dashed #663333;
		line-height:20px;
	}

	#right_catnavi li a {
		width:180px;
		float:left;
		clear:both;
		color:#663300;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_orange.gif) left 3px no-repeat;
	}

	#right_catnavi li a:hover {
		width:180px;
		float:left;
		clear:both;
		color:#A00000;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_red.gif) left 3px no-repeat;
	}

	#right_catnavi li .current {
		width:180px;
		float:left;
		clear:both;
		color:#A00000;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_red.gif) left 3px no-repeat;
	}

#right_catnavi_sub {
	width:210px;
	float:left;
	clear:both;
	margin:-5px 0 0 0;
	padding:0 18px 8px 22px;
	background:url(../img/r_navi_bg.gif) left bottom repeat-y;
	list-style:none;
}

	#right_catnavi_sub li {
		width:180px;
		float:right;
		clear:both;
		color:#663300;
		margin:0 5px 0 0;
		padding:5px 0 4px 5px;
		border-bottom:1px dashed #663333;
		line-height:20px;
	}

	#right_catnavi_sub li a {
		width:160px;
		float:left;
		clear:both;
		color:#663300;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_orange.gif) left 3px no-repeat;
	}

	#right_catnavi_sub li a:hover {
		width:160px;
		float:left;
		clear:both;
		color:#A00000;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_red.gif) left 3px no-repeat;
	}

	#right_catnavi_sub li .current {
		width:160px;
		float:left;
		clear:both;
		color:#A00000;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_red.gif) left 3px no-repeat;
	}

/* リンク集 */
#right_link {
	width:210px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	padding:5px 18px 8px 22px;
	list-style:none;
	background:url(../img/r_navi_bg.gif) left bottom repeat-y;
}

	#right_link li {
		width:200px;
		float:left;
		line-height:20px;
		color:#663300;
		margin:0 0 2px 0;
		padding:5px 0 5px 5px;
		border-bottom:1px dashed #663333;
	}

	#right_link li a {
		color:#663300;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_orange.gif) left 2px no-repeat;
	}

	#right_link li a:hover {
		color:#A00000;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_red.gif) left 2px no-repeat;
	}

	
/* バナー */
#right_column_banner_box {
	width:230px;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	padding:10px 10px 5px 10px;
	background-color:#F0F0F0;
}

#right_column_banner {
	width:230px;
	margin:0 0 5px 0;
	padding:0;
	float:left;
	clear:both;
}
	#right_column_banner img {
		margin:0;
		padding:0;
	}
	/* 志村追記 */
	#right_column_banner img {
		width:230px;
		margin:0 0 0 10px;
		padding:0;
		float:left;
		clear:both;
	}
	
	#right_column_banner a:hover {
		border:none;
	}
	
	#right_column_banner a:hover img {
		filter: Alpha(Opacity=70);
		opacity: 0.7;
		-moz-opacity: 0.7;
	}

/* メインカラム */
#main_column {
	width:645px;
	float:left;
	margin:0;
	padding:0;
	background:url(../img/main_bg.jpg) right bottom no-repeat;
}

#main_area {
	width:628px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border:1px solid #CCCCCC;
}

#main_area .info {
	width:628px;
	height:35px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	background:url(../img/title_bg.gif) left top no-repeat;
}

#main_area .title {
	width:560px;
	height:35px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

#main_area .title h2 {
	margin:0;
	padding:5px 0 0 20px;
	font-size:15px;
	color:#663300;
}

#main_area .link {
	width:50px;
	float:right;
	margin:5px 5px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
}

	#main_area .link .text {
		padding:0;
		font-size:15px;
		color:#663300;
		font-weight:bold;
	}

	#main_area .link a {
		background:url(../img/icon_orange.gif) left 2px no-repeat;
		padding:0 0 0 20px;
		text-decoration:none;
		color:#663300;
	}

	#main_area .link a:hover {
		background:url(../img/icon_red.gif) left 2px no-repeat;
		padding:0 0 0 20px;
		text-decoration:none;
		color:#A00000;
	}

	#main_area p {
		width:600px;
		float:left;
		margin:0;
		padding:10px 0 0 20px;
		font-size:12px;
	}

/* お知らせ */
#main_area .list_block {
	width:600px;
	height:200px;
	float:left;
	clear:both;
	margin:15px 0 5px 20px;
	padding:0;
	display:inline;
	list-style:none;
	overflow:auto;
}

	#main_area .list_block li {
		width:570px;
		float:left;
		clear:both;
		color:#663300;
		margin:0 0 8px 0;
		padding:0 0 5px 0;
		border-bottom:1px dashed #663333;
		line-height:20px;
	}

	#main_area .list_block .no_link {
		width:450px;
		float:left;
		color:#663300;
		padding:0 0 0 20px;
		text-decoration:none;
		background:url(../img/icon_orange.gif) left 3px no-repeat;
	}

	#main_area .list_block .text {
		width:470px;
		float:left;
	}

	#main_area .list_block .text a {
		width:450px;
		float:left;
		color:#663300;
		padding:0 0 0 20px;
		background:url(../img/icon_orange.gif) left 3px no-repeat;
	}

	#main_area .list_block .text a:hover {
		width:450px;
		float:left;
		color:#A00000;
		padding:0 0 0 20px;
		background:url(../img/icon_red.gif) left 3px no-repeat;
	}

	#main_area .list_block .date {
		width:90px;
		float:right;
		color:#FF9933;
		margin:0;
		padding:0;
		text-align:right;
		font-family:Verdana, Geneva, sans-serif;
	}

/* サブナビ */
#snavi {
	width:600px;
	float:left;
	margin:0;
	padding:0 0 0 20px;
}
	
	#snavi ul {
		width:600px;
		float:left;
		margin:0;
		padding:10px 0 0 0;
		list-style:none;
	}
	
	#snavi li {
		width:280px;
		height:30px;
		float:left;
		margin:0 0 5px 0;
		padding:3px 10px 0 0;
		line-height:25px;
	}

	*html body #snavi li {
		width:280px;
		height:30px;
		float:left;
		margin:0 0 5px 0;
		padding:3px 0 0 0;
		line-height:25px;
	}

	#snavi li a {
		width:280px;
		height:30px;
		float:left;
		margin:0;
		padding:0 0 0 15px;
		color:#663300;
		background:url(../../img/top_btn_bg_s.gif) left top no-repeat;
		text-decoration:none;
		font-weight:bold;
	}

	#snavi li a:hover {
		width:280px;
		height:30px;
		float:left;
		margin:0;
		padding:0 0 0 15px;
		color:#A00000;
		background:url(../../img/top_btn_bg_s.gif) left -30px no-repeat;
		text-decoration:none;
		font-weight:bold;
	}

	#snavi .btn_l {
		width:280px;
		height:48px;
		float:left;
		margin:0 0 5px 0;
		padding:3px 10px 0 0;
		line-height:16px;
	}

	#snavi .btn_l a {
		width:220px;
		height:42px;
		float:left;
		margin:0;
		padding:6px 60px 0 15px;
		color:#663300;
		background:url(../../img/top_btn_bg_l.gif) left top no-repeat;
		text-decoration:none;
		font-weight:bold;
	}

	#snavi .btn_l a:hover {
		width:220px;
		height:42px;
		float:left;
		margin:0;
		padding:6px 60px 0 15px;
		color:#A00000;
		background:url(../../img/top_btn_bg_l.gif) left -48px no-repeat;
		text-decoration:none;
		font-weight:bold;
	}


/* トップへ戻る */
#page_back {
	width:900px;
	height:20px;
	margin:0 auto;
	padding:10px 0 0 0;
}

	#page_back .back_to_top {
		width:80px;
		float:left;
		position:relative;
		overflow:hidden;
	}

	#page_back .back_to_pagetop {
		width:80px;
		float:right;
		position:relative;
		overflow:hidden;
	}

		#page_back .back_to_top a,#page_back .back_to_pagetop a {
			width:80px;
			height:20px;
			display:block;
			position:relative;
			overflow:hidden;
		}

		/*IE8用ハック*/
		html>/**/body #page_back .back_to_top a,#page_back .back_to_pagetop a {
			overflow /*\**/:visible\9;
		}
	
		#page_back .back_to_top a img,
		#page_back .back_to_pagetop a img {
			position:absolute;
			left:0px;
			top:0px;
			border-style:none;
		}
	
		#page_back .back_to_top a:hover,
		#page_back .back_to_pagetop a:hover {
			border-style:none;
		}
	
		#page_back .back_to_top a:hover img,
		#page_back .back_to_pagetop a:hover img {
			top:-20px;
		}	

.con_back_to_pagetop {
	text-align:right;
	
}



	.con_back_to_pagetop a {
		float:right;
		color:#663300;
		padding:0 0 0 15px;
		background:url(../img/icon_orange.gif) left 3px no-repeat;
	}

	.con_back_to_pagetop a:hover {
		float:right;
		color:#A00000;
		padding:0 0 0 15px;
		background:url(../img/icon_red.gif) left 3px no-repeat;
	}


/* フッター */
#footer {
	width:100%;
	height:167px;
	margin:0;
	padding:0;
	background:url(../img/footer_bg.gif) left top repeat-x;
	text-align:center;
}

#footer_inner {
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#FFFFFF;
}

/* フッターナビ */
#footer_navi {
	width:900px;
	height:21px;
	float:left;
	margin:0;
	padding:7px 0 0 0;
	font-size:12px;
	line-height:14px;
	text-align:left;
}

	#footer_navi ul {
		width:900px;
		float:left;
		clear:both;
		list-style:none;
		border-left:1px solid #663300;
	}
	
	#footer_navi li {
		float:left;
		padding:0 10px;
		border-right:1px solid #663300;
	}
	
	#footer_navi li a {
		text-decoration:none;
		color:#663300;
		display: block;
	}
	
	#footer_navi li a:hover {
		text-decoration:none;
		color:#A00000;
	}

/* フッターロゴ */
#footer_logo {
	width:900px;
	height:120px;
	float:left;
	margin:0;
	font-size:11px;
	line-height:17px;
	color:#663300;
	text-align:left;
}

	#footer_logo img {
		width:900px;
		height:61px;
		float:left;
		clear:both;
	}

	#footer_logo p {
		width:900px;
		float:left;
		clear:both;
	}

/* コピーライト */
#footer_copyright {
	width:900px;
	height:14px;
	float:left;
	clear:both;
	margin:0;
	padding:3px 0 0 0;
	font-size:11px;
	line-height:14px;
	color:#FFFFFF;
	text-align:left;
}



/* 共通スタイル */
#con_area {
	width:630px;
	float:left;
	clear:both;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
}

	#con_area .cat_title {
		width:630px;
		height:100px;
		float:left;
		clear:both;
		margin:0 0 15px 0;
		padding:0;
		overflow:hidden;
		font-size:14px;
		line-height:14px;
	}

	#con_area .page_title {
		width:608px;
		height:28px;
		float:left;
		clear:both;
		margin:0 0 15px 0;
		padding:5px 0 0 20px;
		background:url(../img/title_bg.gif) left top no-repeat;
		font-size:15px;
		color:#663300;
		border:1px solid #CCCCCC;
		text-align:left;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:bold;
	}
	
	#con_area .page_header {
		width:610px;
		height:26px;
		float:left;
		clear:both;
		margin:0 0 15px 7px;
		padding:1px 0 0 8px;
		font-size:15px;
		color:#663300;
		border-left:5px solid #FF9900;
		border-bottom:1px solid #FF9900;
		text-align:left;
		display:inline;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:bold;
	}

	#con_area .con_header {
		width:610px;
		float:left;
		clear:both;
		margin:0 0 15px 12px;
		padding:3px 0 3px 8px;
		font-size:15px;
		color:#996600;
		border-top:3px double #996600;
		border-bottom:3px double #996600;
		text-align:left;
		display:inline;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:normal;
	}

	#con_area .con_header_s {
		width:610px;
		float:left;
		clear:both;
		margin:0 0 15px 20px;
		padding:0 0 2px 0;
		font-size:15px;
		color:#996600;
		border-bottom:1px dashed #996600;
		text-align:left;
		display:inline;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:normal;
	}

	#con_area .indent {
		width:610px;
		float:left;
		clear:both;
		margin:0 -3px 20px 0;
		padding:0 0 0 20px;
	}

.page_link {
	width:610px;
	float:right;
	clear:both;
	padding:0 10px 0 0;
	text-align:right;
}

.page_link a {
	background:url(../img/icon_orange.gif) left center no-repeat;
	padding:0 0 0 18px;
}

.page_link a:hover {
	background:url(../img/icon_orange.gif) left center no-repeat;
}

.page_link img {
	padding:0 0 0 3px;
	vertical-align:middle;
}


	#con_area .page_header p {
		background: url("../img/toggle_open.png") no-repeat right top; 
		height: 23px;
		margin: 0;
		padding:0;
		width: 610px;
}

	#con_area h2.active p {
		background: url("../img/toggle_close.png") no-repeat right top; 
		height: 23px;
		margin: 0;
		padding:0;
		width: 610px;
	}


/* 共通スタイルここまで */