@charset "UTF-8";


/*=============================*/
/* ブラウザの標準スタイル解除*/
/*=============================*/
/* ++++++++++ オマジナイ的全指定 ++++++++++ */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
/*	font-style: normal;*/
	text-decoration: none;
	background: transparent;
}
html * {
	box-sizing: border-box; /* CSS 3 の記述。 MacIE 5 で有効。 */
	-moz-box-sizing: border-box; /* Mozilla 用の記述。 N 6 で有効。 */
}

/* 「どんなブラウザでもクリアできる呪文」 */
box:after{	/* for modern brouser */
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
* html box{	/* for IE */
	/*\*/height: 1%;	/* for WinIE*/
	display: inline-table;	/* for MacIE*/
}
strong {
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
address {
	font-style: normal;
}
hr {
	height: 1px;
	color: gray;
}
img {
	vertical-align:bottom;
	border:none; 
}
li {
	list-style-type: none;
}

/* FFのoptionタグ背景着色バグ？対策 */
select option {
	background-color: #ffffff;
}


/*=============================*/
/* 全tplの共通スタイル指定*/
/*=============================*/
/* +++++ 基本指定 +++++ */
html, body {
	height: 100%;	/*縦方向の中央揃えのための前提*/
}
body {
	background-color: #ffffff;
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat-y;
	text-align: center;	/*WinIEでのDIV#main中央揃えに必須*/
	font-size: 74%;
	_font-size: 72%;
	color : #666666;
}
body * {
	font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 145%;
	_line-height: 150%;
/*	_letter-spacing: 0.05em;*/
}

/* +++++ リンク +++++ */
a:link {
	color: #666666;
	text-decoration : none;	
}
a:visited {
	color: #666666;
	text-decoration : none;	
}
a:active {
	color: #666666;
	text-decoration : none;
}
a:hover {
	color: #266284;
	text-decoration: none;
}

/* +++++ MOGURA用画像はページ右上隅に表示 +++++ */
img {
	position: absolute;
	top: 0;
	right: 0;
}
/* メイン領域の画像は設定解除 */
#main_wrapper img {
	position: static;
}




/*=============================*/
/* 大型ボックス要素指定*/
/*=============================*/
/* +++++ distance部 +++++ */
div#distance { 
	width: 1px;
	height: 50%;	/*htmlとbodyのheightを100%としてあるため、ちょうどページ半分の高さのつっかえ棒として機能する*/
	background-color: transparent;
	margin-bottom: -250px;	/*div#main_wrapperの半分の高さに設定*/
	float: left;
/*border: 1px solid red;*/
}
#distance * {
	visibility: hidden;
}

/* +++++ main包括部 +++++ */
div#main_wrapper {
	clear: left;	/*float:leftしたdiv.distanceの脇に回りこませないため*/
	width: 800px;
	height: 500px;	/*div.distanceのheight値の倍にあたる*/
	margin:0 auto;
	position:relative;	/*div#main_wrapperをdiv#distanceより前置するため*/
}

/* +++++ main部 +++++ */
div#main {
	width: 100%;
	height: 500px;
	text-align: center;
	background-color: #ffffff;
	border-color: #aaaaaa #dddddd #dddddd #aaaaaa;
	border-width: 2px 3px 3px 2px;
	border-style: solid;
}

/* +++++ left包括部 +++++ */
div#left_wrapper {
	width: 200px;
	float: left;
	height: auto; 
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
/*border: 1px solid red;*/
}
/* +++++ left部 +++++ */
div#left {
	width: 100%;
	text-align: left;
	height: 476px;
	background-image: url(../img/top.jpg);	/*left_wrapperのwidth＆heightに準拠*/
	background-position:left top;
	background-repeat: no-repeat;
/*border: 1px solid blue;*/
}

/* +++++ right包括部 +++++ */
div#right_wrapper {
	margin-top: 10px;
	float: right;
	width: 570px;
	height: 480px;
	padding-right: 10px;
/*border: 1px solid blue;	*/
}
/* +++++ right部 +++++ */
div#right {
	width: 564px;
	height: auto;
	float: right;
	text-align: left;
/*border: 1px solid red;	*/
}

/* +++++ スクロールボックス部分 +++++ */
div#scrbox_wrapper {
	position: relative;
	padding: 0px ;
	margin-top: 9px;
	width: 100%;
	height: 445px;
	overflow: hidden;
/*border: 1px solid red;	*/
}
div#scrbox {
	position: relative;
	text-align: left;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;	/*[※試験採用]横方向のスクロールバーを表示させないための指定*/
/*	overflow-y: scroll;*/
}

/*=============================*/
/* 内包要素個別指定*/
/*=============================*/
/* +++++ h1@サイト名 +++++ */
h1 {
	padding: 415px 25px 0px 0px;	/*padding-topは親要素height依存*/
	margin: 0px;
	text-align: right;
}
h1 a {
	font-size: 120%;
	_font-size: 130%;
	font-weight: bold;
	color: #ffffff;
	_letter-spacing: 2px;
}
h1 a:link {
	color: #ffffff;
	text-decoration : none;	
}
h1 a:visited {
	color: #ffffff;
	text-decoration : none;	
}
h1 a:active {
	color: #ffffff;
	text-decoration: none;
}
h1 a:hover {
	color: #666666;
	text-decoration: none;
}

/* +++++ コンテンツメニュー部分 +++++ */
div#menu{
	width:100%;
	height:22px;
	background-color: #dcdcdc;
}
#menu ul{
	width:100%;
	height:22px;
	padding-left:99px;
	list-style:none;
	background-color: transparent;
}
#menu li{
	height:22px;
	float:left;
	width:auto;
	_width: 43px;
	min-width: 43px;	/* ←↑全8項目時は35pxがバランス良。 */
	white-space: nowrap;
	text-align:center;
	margin: 0 4px;
/*border: 1px solid red;	*/
}
#menu span {
	font-size:0.90em;
	font-weight: bold;
	line-height:22px;
	text-align: center;
}

/* +++++ 見出しリンクの基本設定 +++++ */
#menu a{
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	padding: 0 4px 0 6px;
}
#menu a:hover {
	background-color: #555555;
}
#menu a:hover span{
	color: #ffffff;
}

/* +++++ 現在開いているファイルへの見出しリンク +++++ */
#menu a.here {
	background-color: #ffffff;
}
#menu a.here span{
	color: #266284;
}
#menu a:hover.here {
	background-color: #266284;
}
#menu a:hover.here span{
	color: #ffffff;
}


/* +++++ foot部分 +++++ */
address#foot_address {
	width: 800px;
	clear: left;
	height: auto;
	text-align: right;
	margin: 0 auto;
	padding-right: 5px;
	padding-top: 5px;
}
address#foot_address, #foot_address span {
	font-size: 10px;
}

/*=============================*/
/* アクセス解析用補助指定*/
/*=============================*/
div#mogura_img {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 3px;
	height: 3px;
}
#mogura_img * {
	height: 1px;
	width: 1px;
}