@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :style.css
 style info :コンテンツエリア関係 他
=================================================================== */

body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}

/*----------------------------------------------------
	リンク、リンクカラー
----------------------------------------------------*/
a:link{
	color: #1f319a;
	text-decoration: none;
}

a:visited{
	color: #5e7cdb;
	text-decoration: none;
}

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

/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

html{
	background:url(/common/image/bg_body.gif) repeat;
}

#wrapper{
	float:left;
	width:100%;
	background:url(/common/image/bg_header.gif) repeat-x;
	min-width:960px;
}

ul#global_navi,
#container{
	width:960px;
	margin:0 auto;
}

ul#global_navi{
	clear:both;
	margin-bottom:1px;
}

ul#global_navi{
overflow:hidden;
}
ul#global_navi li{
	float:left;
}

ul#global_navi li img{
	float:left;
	height:40px;
}

#container{
	margin-top:25px;
	background:url(/common/image/bg_container_01.gif) repeat-y left top;
	
}

div#container:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	line-height: 0;
	clear: both;
}

#container .wrap{
	background:url(/common/image/bg_container_03.gif) no-repeat left bottom;
	float:left;
}

#main_area{
	float:left;
	width:750px;
	background:url(/common/image/bg_container_02.gif) no-repeat left top;
}

/*----------------------------------------------------
	グロナビ
----------------------------------------------------*/
ul#global_navi li{
	float:left;
}

ul#global_navi{
	width:960px;
	height:40px;
}
ul#global_navi li a{
	display:block;
	height:40px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
/*--off----*/
ul#global_navi li.navi01 a {
	background:url(/common/image/button_global_navi.gif) no-repeat 0px 0px;
	width:138px;
}
ul#global_navi li.navi02 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -138px 0px;
	width:137px;
}
ul#global_navi li.navi03 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -275px 0px;
	width:137px;
}
ul#global_navi li.navi04 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -412px 0px;
	width:137px;
}
ul#global_navi li.navi05 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -549px 0px;
	width:137px;
}
ul#global_navi li.navi06 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -686px 0px;
	width:137px;
}
ul#global_navi li.navi07 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -823px 0px;
	width:137px;
}
ul#global_navi li.navi08 a {
	background:url(/common/image/button_global_navi.gif) no-repeat -960px 0px;
	width:137px;
}

/*--hover----*/
ul#global_navi li.navi01 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat 0px -40px;
}
ul#global_navi li.navi02 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -138px -40px;
}
ul#global_navi li.navi03 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -275px -40px;
}
ul#global_navi li.navi04 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -412px -40px;
}
ul#global_navi li.navi05 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -549px -40px;
}
ul#global_navi li.navi06 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -686px -40px;
}
ul#global_navi li.navi07 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -823px -40px;
}
ul#global_navi li.navi08 a:hover {
	background:url(/common/image/button_global_navi.gif) no-repeat -960px -40px;
}

/*--cr----*/
ul#global_navi li.navi01_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat 0px -80px;
	width:138px;
}
ul#global_navi li.navi02_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -138px -80px;
	width:137px;
}
ul#global_navi li.navi03_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -275px -80px;
	width:137px;
}
ul#global_navi li.navi04_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -412px -80px;
	width:137px;
}
ul#global_navi li.navi05_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -549px -80px;
	width:137px;
}
ul#global_navi li.navi06_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -686px -80px;
	width:137px;
}
ul#global_navi li.navi07_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -823px -80px;
	width:137px;
}
ul#global_navi li.navi08_cr a {
	background:url(/common/image/button_global_navi.gif) no-repeat -960px -80px;
	width:137px;
}

/*----------------------------------------------------
	サブナビ
----------------------------------------------------*/

#sub_area{
	position:relative;
	float:right;
	width:210px;
	background:url(/common/image/bg_subnavi_03.gif) no-repeat left top;
}

#sub_area p{
	margin:0;
	padding:0;
}

#sub_area .wrap{
	position: relative;
	top:-6px;
	left:0px;
	padding-bottom:20px;
	background:none;
}
#sub_area .wrap ul{
	margin-left:1px;
	width:208px;
	border-top:#cfdbc1 solid 1px;
}

#sub_area .wrap ul li{
	font-weight:bold;
}

#sub_area .wrap ul li{
	font-weight: normal;
	border-top:#ffffff solid 1px;
	border-bottom:#cfdbc1 solid 1px;
}

#sub_area .wrap ul li a{
	margin-left:1px;
	padding:4px 5px 4px 20px;
	display:block;
	width:180px;
	background:#f3f9eb url(/common/image/icon_arrow_08.gif) no-repeat 11px 0.6em;
}

#sub_area .wrap ul li.cr a,
#sub_area .wrap ul.link li.cr a{
	background-color:#feffc9;
}

#sub_area .wrap ul li.blank a,
#sub_area .wrap ul.link li.blank a{
	background-image: url(/common/image/icon_blank_03.gif);
	background-position: 7px 0.7em;
}
/*--枠付きタイトルリンク--------------*/

#sub_area .wrap ul.link  {
	margin:4px 3px 3px 4px;
	border:none;
	width:203px;
}

#sub_area .wrap ul.link li  {
	margin-bottom:3px;
	border:none
}

#sub_area .wrap ul.link li a {
	display:block;
	width:174px;
	padding:4px 5px 6px 20px;
	border:#a4d17d solid 1px;
	background:#e5f6d6 url(/common/image/icon_arrow_09.gif) no-repeat 5px 0.6em;
	color:#519d0f;
}

/*--バナー--------------*/

#sub_area .wrap div {
	text-align:center;
	margin:5px 0 10px 0;
}

/*----------------------------------------------------
	タイトル
----------------------------------------------------*/

div.title {
	margin:14px 0 0 20px;
	background:url(../image/bg_h1_01.gif) no-repeat top left;
}

div.title h1{
	height:auto !important;
	height:28px;
	padding: 20px 20px 20px 38px;
	background: url(../image/bg_h1_02.gif) no-repeat bottom left;
	font-size:153.9%;
	font-weight:bold;
	vertical-align:middle;
}

div.sub{
	font-size:14px;
	font-weight:bold;
}



.ie6 div.title h1 {
	padding-bottom:10px;
}

/*-------------------*/

h2,h3,h4,h5,h6{
	clear:both;
	margin: 20px 0 15px 0;
	font-weight:bold;
}

h2 {
	margin-top:20px;
	padding: 8px 0 8px 8px;
	background:#f1f1f1;
	border-top:#70b631 solid 2px;
	font-size:123.1%;
}

h3 {
	padding: 3px 0 5px 6px;
	border-left:#70b631 solid 6px;
	background:url(/common/image/bg_h3.gif) no-repeat bottom left;
	font-size:116%;
	vertical-align: middle;
}

h4 {
	padding:2px 5px 2px 8px;
	border:#d4decb solid 1px;
	font-size:100%;
	vertical-align: middle;
	color:#59a316;
}

h5 {
	width:200px;
	margin-left:4px;
	padding:2px 4px;
	font-size:100%;
	color:#59a316;	
	background-color:#eefbdc;
}

h6 {
	padding:0 0 0 8px;
	color:#3b3b3b;
	font-size:100%;
}

/*-------------------*/

hr {
	display:none;
}

.line {
	clear:both;
	background:url(/common/image/hr_02.gif) no-repeat;
	height:1px;
	margin:25px 0 25px 8px;
}

/*-------------------*/

#body_area p {
	padding:0 5px 0 8px;
	margin-top:10px;
}


/*----------------------------------------------------
	印刷設定
----------------------------------------------------*/

@media print {

html,
body,
#wrapper,
#container,
#container .wrap,
#main_area{
	background:none;
	margin: 0 !important;
	padding: 0 !important;
}

div.title {
	margin: 0 0 10px 0!important;
	padding: 0 !important;
	background: #efefef url(../image/print_h1.gif) no-repeat 5px center;
}

div.title h1{
	background: none;
}

h2,h3,h4,h5,h6{
	clear:both;
	margin: 20px 0 15px 0;
	font-weight:bold;
}

h3 {
	background:url(/common/image/bg_h3.gif) repeat-x bottom left;
}

.ie6 body{
	zoom: 65%;
}

.ff2 body{
	background: none;
	zoom: 65%;
}

.ff2 #box_menu_area{
	zoom: 65%;
}

}