﻿@CHARSET 'UTF-8';

/* トップページとコンテンツページで共通の基本的な設定 
----------------------------------------------------------------- */

*{
	margin:0px;
	padding:0px;
	font-family:'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'MS Pゴシック', 'Osaka', sans-serif;
	box-sizing:border-box; /* CSS 3 MacIE5用 */
	-moz-box-sizing:border-box; /* Mozilla隠し属性 N6用 */
}

body{
	background:url('../img/bg.gif') center top repeat-y;
	text-align:center;
}

img{border-style:none;}
address{font-style:normal !important;}

li{list-style:square;}

em{color:#666;}
br{clear:both;}

hr{
	clear:both;
	width:600px;
}

pre{
	width:600px;
	/* 600px - border(3px+3px)-padding20px */
	
	_width:574px;
	
	overflow:auto;
	overflow-y:hidden;/* for IE：縦スクロールバーを消す */
	background:#eee;
	border:3px double #bbb;
	
	padding:2em 10px 2em 10px;
	margin:5px 0;
}
	/* for IE7 */
	*+html pre{width:574px}
	/* for SAFARI */
	html*pre{width:574px}
	
/* 太字のフォント */
h1{font-family:'HiraKakuPro-W6', 'ヒラギノ角ゴ Pro W6', 'Osaka', sans-serif;}
h2,h3,h4{font-size:100%;}


/* ////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////フォーマットレイアウト////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */

/* header
----------------------------------------------------------------- */

h1{
	width:960px;
	
	padding-right:24px;
	padding-top:7px;
	padding-bottom:5px;
	
	margin:0 auto !important;
	text-align:right;
	
	background:#fff url('../img/bg_h1.gif') left top no-repeat;
	
	line-height:1em;
	
	font-size:12px;
	color:#fff;
}
	/* IE hack(width960px - padding-right24px ==936px ) */
	*+html h1{width:936px;}
	* html h1 {width:936px;}
	/* for SAFARI */
	html*h1{width:936px}

#header{
	width:960px;
	height:68px;/* netscapeでバグ */
	margin:0 auto;
	margin-top:-4px !important;
	text-align:left;
	background:url('../img/bg_header.gif') left bottom no-repeat;
}

#header a{
	padding-left:24px;
	float:left;
}

/* サイト内検索 */
#header form{
	float: right;
	margin:19px 18px 21px 0;
}
	#header form *{
		vertical-align: middle;
	}
	#header form input{
		width:204px;
		margin-left:12px;
		padding:2px;
		border:1px solid #c0c0c0;
	}
	#header form input#searchBt{
		width:24px;height:24px;
		margin-left:1px;
		padding:0;
		border:0;
	}
	
	
/* footer
----------------------------------------------------------------- */

#footer{
	position:relative;
	clear:both;
	margin:0 auto;
	width:960px;height:125px;
	background-image:url('../img/bg_footer.gif');
	background-repeat:no-repeat;
	text-align:left;
	
	color:#fff;
}
#footer p{
	margin-left:30px!important;
	margin-bottom:0.5em !important;
	padding-top:60px!important;
	
	line-height:1.5em!important;
	font-size:12px !important;
	letter-spacing:2px!important;
}
#footer address{
	margin-left:30px;
	
	font-style:normal;
	font-size:12px;
	letter-spacing:1px;
}

/* contents
----------------------------------------------------------------- */

#contents{
	width:960px;height:100%;
	margin:0 auto;
	text-align:center;
	background:url('../img/bg_contents.gif') center top repeat-y;
}

#contents:after{
	/* firefoxでの親ボックス背景表示用 */
	height:1px;
	clear:both;
    display:block;
    margin-top:-1px;
    content:'';
}


/* main 
----------------------------------------------------------------- */

.main{
	float:right;
	text-align:left;
	width:696px;/* #contents960px-#side238px-sideMarginL26px */
}

.main *{margin-left:46px;margin-right:48px;}
.main * *{margin-right:0;margin-left:0}/* リセット */

.main ul{padding-left:1.5em;}


/* ////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////ナビゲーションメニュー////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */

/* リンク
----------------------------------------------------------------- */

#side li a:link{color:blue;border-bottom:1px solid #fff;}
#side li a:visited{color:#666;border-bottom:1px solid #fff;}
#side li a:hover{color:#fff;background-color:#a71e28;border-bottom:1px solid blue;}

#side *{
	list-style:none !important;
}
#side{
	width:238px;
	float:right;
	padding-top:23px;
	padding-bottom:4em;
	
	text-align:left;
	line-height:1.2em;
	font-size:80%;
}
	#side h2{
		margin-top:7px;
		margin-right:5px;
		padding:0 0 2px 28px;

		border-bottom:1px solid #666;
		color:#444;
		line-height:1.4em;
	}
		#side h2.top{padding-left:0;}
			#side h2.top a{border:0}
		#side h2.menu01{background:url('../img/menu01.gif') left top no-repeat;}
		#side h2.menu02{background:url('../img/menu02.gif') left top no-repeat;}
		#side h2.menu03{background:url('../img/menu03.gif') left top no-repeat;}
		#side h2.menu04{background:url('../img/menu04.gif') left top no-repeat;}
		#side h2.menu05{background:url('../img/menu05.gif') left top no-repeat;}
		#side h2.menu06{background:url('../img/menu06.gif') left top no-repeat;}
	#side h3{
		clear:both;
	}
	
#side ul{}
	#side ul li ul{padding:0.1em 0 0.3em 14px;}
	#side ul li ul li ul{padding-bottom:0;}
	#side ul li ul li ul li{padding-left:0;padding-bottom:0.2em;}
	#side ul li ul li ul li a{width:203px;}
	/* for IE7 */
	*+html #side ul li ul li ul li a{width:183px;}
	/* for Safari */
	html*#side ul li ul li ul li a{width:183px;}
	
#side li a{
	display:block !important;
	width:218px;
	padding-left:15px;
	padding-right:5px;
	background:url('../img/listmark_allow-s.gif') left top no-repeat;
}
	/* for IE7 */
	*+html #side li a{width:198px;}
	/* for Safari */
	html*#side li a{width:198px;}
	
#side li.active{
	margin-top:8px;
	padding-top:6px;
	padding-bottom:12px !important;
	
	font-weight:bold;
	background:#fff url('../img/bg_side_active.gif') right bottom no-repeat;
}
	#side li.active a:link{color:#a71e28;text-decoration:none;}
	#side li.active a:visited{color:#a71e28;text-decoration:none;}
	#side li.active a:hover{color:#fff;text-decoration:none;}


	/* ▽入れ子のリストはリセット▽ */
	#side li.active ul li{
		font-weight:normal;
	}
		#side li.active ul li a:link{
			color:blue;
			border-bottom:1px solid #fff;
			font-weight:normal;
		}
		#side li.active ul li a:visited{
			color:#666;
			border-bottom:1px solid #fff;
			font-weight:normal;
		}
		#side li.active ul li a:hover{
			color:#fff;
			background:#a71e28 !important;
			border-bottom:1px solid blue;
			font-weight:normal;
		}

#newslist li{padding-bottom:0 !important;}



