@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html,
body {
  height: 100%;
}

b,strong {
  font-weight: bold;
}

img {
  font-size: 0;
  vertical-align: middle;
	border: 0;
}

ol,ul,li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
	font-weight: normal;
}


html{ height: 100%;}

body {
	background: url(./images/bg01.png) repeat-y top center;
	text-align: left;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro","Osaka",sans-serif;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
}

#top-summary h1{
	height: 25px;
	padding-top: 5px;
	padding-left: 30px;
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	color:#FF66CC;
	background: url(./images/bg02.png) ;
}

h2 {
}

h3 {
}


p {
}

#wrap {
	width: 760px;
	margin: 0 auto;
}

#header-flame {
	width: 760px;
	height: 20px;
	background: url(./images/bg-top.gif) no-repeat top center;
}

#container {
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	margin-top: 5px;
	overflow: hidden;
}

#header .toppage{	height: 280px;margin-bottom: 5px;}
#header .subpage{	height: 120px;}



#header-top-left {
	width: 300px;
	height: 280px;
	border-right: 1px dotted #ccc;
	float: left;
	overflow: hidden;
}

.top-logo {
	width: 300px;
	margin-top: 120px;
}

#header-top-right {
	width: 370px;
	height: 280px;
	padding: 10px;
	overflow: hidden;
	float: left;
}

.description-1 {
	width: 380px;
	height: 150px;
	font-size: 18px;
	color: #DC7407;
	font-weight: bold;
}

.description-2 {
	width: 380px;
	height: 100px;
	font-size: 18px;
	color: #333333;
}

#content {
	overflow: hidden;
	background: #A5BDE0;
}

#secondary {
	width: 140px;
	float: left;
	overflow: hidden;

}

#primary {
	width: 559px;
	min-height: 480px;
	background: #D3E1F0;
	padding-bottom:30px;
	border-left:1px solid #fff;
	float: left;
}


#footer {
	width: 700px;
}

#footer-navi ul {
	width: 650px;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 10px;
	overflow: hidden;
}


#footer-navi li {
	padding-left: 10px;
	float: left;
	font-size: 11px;
}

#footer-navi li a{
	
}

#footer-navi li a:hover {
	color: #93C;
}

#copyright {
	width: 420px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center
	overflow: hidden;
}

#footer-flame {
	width: 760px;
	min-height: 20px;
	background: url(./images/bg-bottom.gif) no-repeat bottom center;
	overflow: hidden;
}


/*---toppage-content
------*/

.top-bottom-section {
	width: 520px;
	padding: 20px;
}

#news {
	width: 540px;
	min-height: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #fff;
}

#news h3{
	width: 540px;
	height: 58px;
	background: url(./images/titlebar02.png) no-repeat;
	text-indent: -9999px;
}

#news #topics{
	width: 500px;
	min-height: 115px;
	margin: 0 10px;
	padding: 10px;
	border:1px solid #567FBB;
	background: #fff;
	/*overflow: auto;*/
}

#news #topics p{
	line-height: 23px;
}

/*---subpage-content
------*/

.section {
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background: #fff;
	overflow: hidden;
}

.section h3{
	width: 470px;
	height: 26px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 30px;
	line-height: 27px;
	background: url(./images/h3-bar01.jpg) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}

.section h4{
	width: 460px;
	min-height: 30px;
	margin-top: 15px;
	margin-left: 10px;
	padding-left: 30px;
	line-height: 28px;
	background: url(./images/title-icon.gif) no-repeat left top 5px;
	font-size: 18px;
	font-weight: bold;
	color: #036;
}

.photo01{
	width: 500px;
	margin: 20px;
	text-align: center;
}


.section span,.section p{
	margin:0;
	line-height: 25px;
}


.section-box {
	min-height: 100px;
	padding: 10px 15px 30px 15px;
	line-height: 150%;
	font-size: 18px;
}

.photo-text02 {
	width: 270px;
	float: left;
}

.photo02{
	width: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
}

.bg-wood {
	background:#fff url(./images/bg-wood.jpg) no-repeat right bottom;
}

.link a {
	text-decoration: underline;
}
/*---table
-----*/

.table-area01 {
	width: 520px;
	margin-left: 10px;
	border: 10px solid #fff;
	line-height: 100%;
	font-size: 17px;
	font-weight: normal;
}

#tb01 {
	width: 520px;
}

#tb01 th{
	width: 110px;
	padding: 10px;
	background: #9FC4DE;
	border: 1px solid #fff;
}

#tb01 td{
	padding: 10px;
	background: #BFD4E4;
	border: 1px solid #fff;
}

#tb02 {
	width: 280px;
	line-height: 20px;
	margin-bottom: 5px;
	background: transparent;
}

#tb02 td{
	padding: 3px;
	background: transparent;
	border: 2px solid #333;
	font-size: 12px;
}

#konzatsu {
	width: 300px;
	margin-top: 5px;
	line-height: 20px;
}

#konzatsu th{
	padding: 5px 10px;
	border: 2px solid #DAE8F3;
}

#konzatsu td{
	padding: 15px 3px;
	background: #fff;
	border: 2px solid #DAE8F3;
}

#list {
	width: 300px;
	margin-top: 5px;
}

#list th{
	width: 50px;
	padding: 5px 5px;
	background: #fff;
	border: 2px solid #DAE8F3;
}

#list td{
	padding: 5px 5px;
	background: #fff;
	border: 2px solid #DAE8F3;
}


/* menu-nav -------------------------------------*/

#menu-navi {
	width: 120px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}
#menu-navi ul {
	text-align: center;
}
#menu-navi li {
	margin-bottom: 4px;
	display: block;
	list-style-type: none;
}
#menu-navi a {
	width: 120px;
	height: 24px;
	display:block;
	line-height: 24px;
	overflow:hidden;
	text-decoration: none;
	text-indent: -9999px;
}
#menu-navi a:hover {
	color:#002211;
}
#menu-item-90 a {
	background: url(./images/menu-nav.png) no-repeat 0 0 ;
}
#menu-item-93 a {
	background: url(./images/menu-nav.png) no-repeat 0 -28px ;
}
#menu-item-89 a {
	background: url(./images/menu-nav.png) no-repeat 0 -56px ;
}

#menu-item-91 a {
	background: url(./images/menu-nav.png) no-repeat 0 -84px ;
}

#menu-item-88 a {
	background: url(./images/menu-nav.png) no-repeat 0 -112px ;
}

#menu-item-86 a {
	background: url(./images/menu-nav.png) no-repeat 0 -140px ;
}

#menu-item-87 a {
	background: url(./images/menu-nav.png) no-repeat 0 -168px ;
}

#menu-item-85 a {
	background: url(./images/menu-nav.png) no-repeat 0 -196px ;
}

#menu-item-90 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px 0 ;
}
#menu-item-93 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -28px ;
}
#menu-item-89 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -56px ;
}

#menu-item-91 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -84px ;
}

#menu-item-88 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -112px ;
}

#menu-item-86 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -140px ;
}

#menu-item-87 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -168px ;
}

#menu-item-85 a:hover {
	background: url(./images/menu-nav.png) no-repeat -120px -196px ;
}

#free-navi ul{
	width:120px;
	margin:10px auto;
}
#free-navi li{
	border: 1px solid #fff;
	margin-bottom:10px;
}

#free-navi a{
	padding: 5px 5px;
	display: block;
	background: #069;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#free-navi a:hover{
	display: block;

	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#free-navi p{
	padding: 5px 5px;
	display: block;
	background: #B3CFE8;
	font-size: 16px;
	color: #333;
}

body {
}
hr {
  border: 0 #ccc solid;
  clear: both;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol,ul,li { list-style: none;}

/* font----------*/

h1 {
	font-size: 10px;
	font-weight: normal;
	color: #330000;
}

h2 {
	font-weight: normal;
}

h3 {
	font-weight: normal;
}

.red00 { color: #ff0000;}
.red01 { color: #cc0000;}
.red02 { color: #990000;}
.red03 { color: #330000;}

.fs10{ font-size: 10px; }
.fs11{ font-size: 11px; }
.fs12{ font-size: 12px; }
.fs13{ font-size: 13px; }
.fs14{ font-size: 14px; }
.fs16{ font-size: 16px; }
.fs18{ font-size: 18px; }
.fs20{ font-size: 20px; }
.fs22{ font-size: 22px; }
.fs24{ font-size: 24px; }

.cf {
clear: both;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
#container:before,
#container:after,
.inner:before,
.inner:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
#container:after,
.inner:after {
  clear: both;
}

.bt01 { border: 1px solid #f00;}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
#container,
.inner:after {
  zoom: 1;
}

.mg01 { margin: 1px; }
.mg02 { margin: 2px; }
.mg03 { margin: 3px; }
.mg04 { margin: 4px; }
.mg05 { margin: 5px; }
.mg06 { margin: 6px; }
.mg07 { margin: 7px; }
.mg08 { margin: 8px; }
.mg09 { margin: 9px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.mg25 { margin: 25px; }
.mg30 { margin: 30px; }
.mg40 { margin: 40px; }
.mg50 { margin: 50px; }

.ms01 { margin-left: 1px; margin-right: 1px; }
.ms02 { margin-left: 2px; margin-right: 2px; }
.ms03 { margin-left: 3px; margin-right: 3px; }
.ms04 { margin-left: 4px; margin-right: 4px; }
.ms05 { margin-left: 5px; margin-right: 5px; }
.ms06 { margin-left: 6px; margin-right: 6px; }
.ms07 { margin-left: 7px; margin-right: 7px; }
.ms08 { margin-left: 8px; margin-right: 8px; }
.ms09 { margin-left: 9px; margin-right: 9px; }
.ms10 { margin-left: 10px; margin-right: 10px; }
.ms15 { margin-left: 15px; margin-right: 15px; }
.ms20 { margin-left: 20px; margin-right: 20px; }
.ms25 { margin-left: 25px; margin-right: 25px; }
.ms30 { margin-left: 30px; margin-right: 30px; }
.ms40 { margin-left: 40px; margin-right: 40px; }
.ms50 { margin-left: 50px; margin-right: 50px; }

.ml01 { margin-left: 1px; }
.ml02 { margin-left: 2px; }
.ml03 { margin-left: 3px; }
.ml04 { margin-left: 4px; }
.ml05 { margin-left: 5px; }
.ml06 { margin-left: 6px; }
.ml07 { margin-left: 7px; }
.ml08 { margin-left: 8px; }
.ml09 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr01 { margin-right: 1px; }
.mr02 { margin-right: 2px; }
.mr03 { margin-right: 3px; }
.mr04 { margin-right: 4px; }
.mr05 { margin-right: 5px; }
.mr06 { margin-right: 6px; }
.mr07 { margin-right: 7px; }
.mr08 { margin-right: 8px; }
.mr09 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt01 { margin-top: 1px; }
.mt02 { margin-top: 2px; }
.mt03 { margin-top: 3px; }
.mt04 { margin-top: 4px; }
.mt05 { margin-top: 5px; }
.mt06 { margin-top: 6px; }
.mt07 { margin-top: 7px; }
.mt08 { margin-top: 8px; }
.mt09 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb01 { margin-bottom: 1px; }
.mb02 { margin-bottom: 2px; }
.mb03 { margin-bottom: 3px; }
.mb04 { margin-bottom: 4px; }
.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb07 { margin-bottom: 7px; }
.mb08 { margin-bottom: 8px; }
.mb09 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }