@charset "Shift_JIS";

body {
	margin:0;
	padding:0;
	font-size:90%;
}

img {
vertical-align:top;
border: none;
}

/*IE6*/
* html img{
vertical-align: bottom;
}

/*IE7*/
*:first-child+html img{
vertical-align: bottom;
}

rt{ font-size:70%;}




/* -----------------------------------------------------------------------------------
　共通CLASS
 ------------------------------------------------------------------------------------- */
.clear{ clear:both;}

.center {text-align:center;}	/* 文字を 中央寄せ */
.left {text-align:left;}			/* 文字を 左央寄せ */
.right {text-align:right;}		/* 文字を 右央寄せ */

.txtbold {font-weight:bold;}		/* 文字を 太文字 */

.fontsize_xsmall { font-size:70%;}
.fontsize_small { font-size:80%;}
.fontsiez_110 { font-size:110%;}
.fontsiez_120 { font-size:120%;}
.fontsiez_140 { font-size:140%;}
.fontsiez_160 { font-size:160%;}

.txtred {color: #cc0000;}			/* 文字を 赤文字 */

.indent{ padding-left:3em;}


.float_l{ float:left;}
.float_r{ float:right;}

.margin_bottom{ margin-bottom:5px;}
.margin_rb{ margin:0 10px 20px 0;}
.margin_lb{ margin:0 0 5px 10px;}

.phot{border:solid 1px #dddddd; padding:4px;}

.advmidashi {font-size:110%; font-weight:bold; color:#0082D9;}

.txtadvtitle {
	font-size: 120%;
	font-weight: bold;
	color: #000099;
	border-bottom: solid 2px #3399FF;
}

.square{ list-style:square;}
.circle{ list-style:circle;}


/* ------------- テーブルの罫線 ------------- */
table.ksen{
border-top:solid 1px #000;
border-left:solid 1px #000;
}

	table.ksen td, table.ksen th{
		border-bottom:solid 1px #000;
		border-right:solid 1px #000;
		vertical-align:top;
	}
	
	table.ksen th{
	white-space:nowrap;
	}






/* -----------------------------------------------------------------------------------
　全体
 ------------------------------------------------------------------------------------- */

div#container {
	background:url("image/linebg-2.gif") repeat-y right top;
	margin:0;
	padding:0;
	width:100%;
	min-width: 860px;
}

/*IE6*/
div#container {
	min-width:860px;
	width: auto !important;
	width: 100%;
}

div#container-in{
	background : url("image/linebg-1.gif") repeat-y left top;
}

#header,#fclear,#footer,#navigation
{
	margin:0 36px;
}


/* -----------------------------------------------------------------------------------
　ヘッダ
 ------------------------------------------------------------------------------------- */
#top #header {
	background : url("image/header-bg.gif") no-repeat 0px 0px;
	position:relative;
	height:306px;
	border-bottom: solid 1px #365EAA;
}

#main #header {
	background : url("image/header-bg.gif") no-repeat 0px 0px;
	position:relative;
	height:100%;
	border-bottom: solid 1px #365EAA;]
}

#header h1 { margin:0; padding:0; width:100%; height:65px; border-bottom:solid 1px #365EAA;}
#header .h_sub { position:absolute; width:8em; top:5px; right:0;}

#header ul {margin:0; padding:0; list-style:none; width:8em;}
#header li {padding-bottom:3px; width:8em;}
#header li a {
	color:#000;
	text-decoration:none;
	background : url("image/arow-ow.gif") no-repeat 0px 50%;
	display:block;
	padding:2px 0 2px 10px;
	width:8em;
}

#header #pan{ margin:0; padding:5px 10px;}





/* -----------------------------------------------------------------------------------
　フッタ
 ------------------------------------------------------------------------------------- */
#fclear {
	clear:both;
	display:block;
	border-top: dashed 1px #999;
	text-align:center;
}

#fclear p {margin:10px 0; padding:0; width:100%;}
#fclear img { margin:0 3px 0 0; padding:0;}
#fclear .lineg {border-top: dashed 1px #999; padding-top:10px;}

#footer {
	background:#365EAA;
	padding:5px 0;
	color:#fff;
	text-align:center;
}


/* -----------------------------------------------------------------------------------
　大項目
 ------------------------------------------------------------------------------------- */
#navigation{
	background : #365eaa url("image/navi-top.gif") no-repeat 0px 0px;
	height:34px;
}
#navigation h2{ display:none; margin:0;}

#navigation ul{
	margin:0 0 0 170px;
	padding:0;
	list-style:none;
}

#navigation li{
	float:left;
	width:129px;
	height:34px;
}


#navigation li a{
	display:block;
	width:129px;
	height:34px;
}

li.navi01 a {background : url("image/navi01.gif");}
li.navi02 a {background : url("image/navi02.gif");}
li.navi03 a {background : url("image/navi03.gif");}
li.navi04 a {background : url("image/navi04.gif");}
li.navi05 a {background : url("image/navi05.gif");}
li.navi06 a {background : url("image/navi06.gif");}

#navigation li a:hover {
	background: none;
}
li.navi01 {background : url("image/navi01-on.gif");}
li.navi02 {background : url("image/navi02-on.gif");}
li.navi03 {background : url("image/navi03-on.gif");}
li.navi04 {background : url("image/navi04-on.gif");}
li.navi05 {background : url("image/navi05-on.gif");}
li.navi06 {background : url("image/navi06-on.gif");}

#navigation li span{ display:none;}



/* -----------------------------------------------------------------------------------
　メインカラム
 ------------------------------------------------------------------------------------- */

#wrapper-sfh {
	float:left;
	width:100%;
}



#top #content {
	margin:10px 226px 30px;
}

#top #sub {
	float:left;
	width:206px;
	margin-bottom:20px;
	margin-left:-100%;
}

#top #extra {
	float:left;
	width:216px;
	margin-top:6px;
	margin-bottom:20px;
	margin-left:-216px;
}


#main #content {
	margin:20px 56px 50px 226px;
}


#main #sub {
	float:left;
	width:206px;
	margin-bottom:20px;
	margin-left:-100%;
}




/* -----------------------------------------------------------------------------------
　左カラム（トップメニュー）
 ------------------------------------------------------------------------------------- */

#sub .in {
	margin-left:36px;
	background : #365eaa url("image/menu-bottom.gif") no-repeat left bottom;
	padding:0 0 10px;
}

#sub ul {
	margin:0;
	padding:0;
	list-style:none;
}

#sub li {
	background:#D7E3FF;
	border-bottom:solid 1px #fff;
	width:170px;
}

#sub li a,
#sub dt a,
#sub li a:hover,
#sub dt a:hover {zoom:100%; display:block;}

#sub li a, #sub dt a {
	color:#000066;
	text-decoration:none;
	background : url("image/arow-ob.gif") no-repeat 8px 50%;
	padding:10px 5px 10px 18px;
}

#sub li a:hover, #sub dt a:hover, #sub dt#stay a {
	background : #b5caff url("image/arow-wb.gif") no-repeat 8px 50%;
}

#sub dl {
	margin:0;
	padding:0;
}
#sub dt {
	background:#D7E3FF; border-bottom:solid 1px #fff;
}
#sub dd {
	margin:0;
	padding:0 5px 10px 15px;
	background:#EEF3FF;
}
#sub dd a{
	background : url("image/dot.gif") no-repeat 0px 2px;
	padding-left:10px;
	display:block;
	color:#000066;
	text-decoration:none;
}
#sub dd a:hover{
	text-decoration:underline;
}
#sub dt#stay {
	background:#B5CAFF;
	border:none;
}


#sub dd.ptop{ padding-top:10px;}

/* 第三階層表示 */
	#sub dd.third{ padding-left:30px;}
	#sub dd.third a{ background : url("image/dot2.gif") no-repeat 0px 2px;}


#sub p {margin:8px 8px 0; color:#fff;}
#sub p a {color:#fff;}





/* -----------------------------------------------------------------------------------
　右カラム
 ------------------------------------------------------------------------------------- */
#extra .inner {
	width:170px;
	text-align:center;
}

#extra #submenu {
	background : #f2f2f2 url("image/sideber-bottom.gif") no-repeat center bottom;
	width:170px;
	padding-bottom:5px;
}

#extra #submenu ul {
	margin:0;
	padding:0;
	list-style:none;
	background : url("image/sideber-top.gif") no-repeat 0px 0px;}

#extra #submenu li {border-bottom: dashed 1px #999;}
#extra #submenu .litop {padding-top:5px;}
#extra #submenu .liunder {border:none;}
#extra #submenu a {display:block; padding:10px;	color:#000066; text-decoration:none;}
#extra #submenu a:hover {background:#D7E3FF;}






/* -----------------------------------------------------------------------------------
　中央カラム（トップ・本文）
 ------------------------------------------------------------------------------------- */

/* 追加 */

#top #content h2{ text-align:center; margin:0 0 25px; line-height:1em;}
#top #content .titlebox {
	padding: 3px 20px;
	background:#EEF3FF;
	border-right: solid 10px #365EAA;
	border-left: solid 10px #365EAA;
	color:#000066;
}

#top #content h3
{
	text-align:left;
	margin-bottom:20px;
	color:#000066;
	border-bottom: solid 1px #003399;
	font-size:130%;
	line-height:1.2;
}

#top #content h4{margin:0; color:#0054A6; font-size:110%;}
#top #content p{ margin:0 0 1em;}

#top #content ul{ margin:0 0 1em 1.5em; padding:0;}

#top #content dl{ margin:0 0 1em;}
#top #content dd{ margin-bottom:5px; margin-left:2em;}


#top #content h5 {
	font-size: 120%;
	font-weight: bold;
	color: #000099;
	border-bottom: solid 2px #3399FF;
}

#top #content #newtit h3 {
	margin:0;
	text-align:center;
	padding:5px;
	line-height:1.0;
}

#content #newtit {
	margin-top:10px;
	background : #365eaa url("image/new-r02.gif") no-repeat right top;
}

#content #newtit h3 {
	margin:0;
	text-align:center;
	padding:5px;
	background : url("image/new-r01.gif") no-repeat left top;
}

#new { border:solid 1px #365EAA; padding:10px;}
#new .new_list ul { margin:0; padding:0; list-style:none;}
#new .new_list ul li {
	background : url("image/icon-s.gif") no-repeat 0px 0.3em;
	padding:2px 0 5px 15px;
}

#new p.backnum {margin:0; text-align:right;}

/* -----------------------------------------------------------------------------------
　中央カラム（下層・本文）
 ------------------------------------------------------------------------------------- */

#main #content { line-height:1.6;}

#main #content ul{ margin:0 0 1em 1.5em; padding:0;}

#main #content h2{ text-align:center; margin:0 0 25px; line-height:1em;}
#content .titlebox {
	padding: 3px 20px;
	background:#EEF3FF;
	border-right: solid 10px #365EAA;
	border-left: solid 10px #365EAA;
	color:#000066;
	font-size:90%;
}

#main #content h3
{
	text-align:left;
	margin-bottom:20px;
	color:#000066;
	border-bottom: solid 1px #003399;
	font-size:130%;
	line-height:1.2;
}

#main #content h4{margin:0; color:#0054A6; font-size:110%;}
#main #content p{ margin:0 0 1em;}

#main #content dl{ margin:0 0 1em;}
#main #content dd{ margin-bottom:5px; margin-left:2em;}


#main #content h5 {
	font-size: 120%;
	font-weight: bold;
	color: #000099;
	border-bottom: solid 2px #3399FF;
}

/* ------------- 画像横並びスタイル ------------- */
ul.photlist{ margin:0; padding:0; list-style:none;}

	ul.photlist li{
		float:left;
		width:170px;
		padding:5px;
		border:solid 1px #ddd;
		margin:0 10px 10px 0;
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
	}


/* ------------- ボリブ用 ------------- */
#biribu img{ padding:0 10px 1em 0; float:left;}

/* ------------- CMS ------------- */
.bg_c{ background-color:#FFFFCC;}
.bg_b{ background-color:#CCCCFF;}
.bg_p{ background-color:#FFCCFF;}
.bg_bu{ background-color:#ECE9D8;}

.litankyu{ list-style:none; margin-left:0!important;}
.litankyu li{ text-indent:-10.8em; margin-left:10.8em;}

.bg_c1{background-color: #FDF2A6; white-space:nowrap; padding:0 10px;}
.bg_c2{background-color: #FFDE79; white-space:nowrap; padding:0 10px;}
.bg_b1{background-color: #E8F8FF;}
.bg_b2{background-color: #D9F3FF;}
.bg_b3{background-color: #C8EDFF;}
.bg_b4{background-color: #B3E7FF;}