@charset "utf-8";
/* ---------------------------------------------- */
/* Base */
/* ---------------------------------------------- */
html {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 15px;
	line-height: 1.4em;
	padding: 0px;
	margin: 5px 0px 0px;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
a:link {
	color: #0B908C;
	text-decoration: underline;
}
a:visited {
	color: #0B908C;
	text-decoration: underline;
}
a:hover , a:active {
	color: #FFA000;
	text-decoration: underline;
}
body {
	background: #8EDCCE;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #636363;
	text-align: left;
}
.Clear {
	font-size: 1px;
	clear: both;
}
.Left {
	float: left;
	padding: 0px 10px 0px 0px;
}
.Right {
	float: right;
	padding: 0px 0px 0px 10px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.MainBodyImgLeft{
	margin: 0px 6px 6px 0px;
	float: left;
}
.MainBodyImgRight{
	margin: 0px 0px 6px 6px;
	float: right;
}
.img{
	float: left;
	display: inline;
	margin: 0px 4px 4px 0px;
	border: none;
}

/* ---------------------------------------------- */
/* Layout */
/* ---------------------------------------------- */
.All {
	background: #FFFFFF url(../img/Bg.gif) repeat-y 0px 0px;
	padding: 0px;
	width: 900px;
	margin: 0px auto;
}

/* ---------------------------------------------- */
/* Pankuzu */
/* ---------------------------------------------- */
.Pankuzu {
	background: #37918E url(../img/PankuzuBg.gif) no-repeat 0px 0px;
	height:25px;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 5px 30px;
	line-height: 12px;
	font-size: 12px;
	color: #FFFFFF;
}
.Pankuzu a:link , .Pankuzu  a:visited {
	color: #FFFFCC;
}
.Pankuzu a:hover , .Pankuzu  a:active {
	color: #FFFFFF;
}
.PankuzuFooter {
	height:25px;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 5px 20px;
	line-height: 1.2em;
	font-size: 12px;
}
.PankuzuFooter a:link , .PankuzuFooter a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.PankuzuFooter a:hover , .PankuzuFooter a:active {
	color: #FFA000;
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* Page */
/* ---------------------------------------------- */
.PageUp{
	margin: 0px 10px 0px 10px;
	padding: 6px 18px 6px 7px;
	line-height: 1.3em;
	font-size: 12px;
	display: block;
	text-align: right;
	background: url(../img/Pageup.gif) no-repeat right 8px;
}

/* ---------------------------------------------- */
/* PageNavi */
/* ---------------------------------------------- */
.PageNavi{
	width:97%;
	margin: 0px 10px 0px 0px;
	padding: 5px;
	line-height: 1em;
}
.PageNavi a:link {
	color: #0B908C;
	text-decoration: underline;
}
.PageNavi a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.PageNavi a:hover , .PageNavi a:active {
	color: #FFA000;
	text-decoration: underline;
}
.PageNavi a.PageNaviNext,
.PageNavi a.PageNaviBack{
	width:259px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.PageNavi a.PageNaviNext{
	text-align: right;
	float:right;
	background: url(../img/PageNext.gif) no-repeat right 0px;
	padding: 0px 15px 0px 0px;
}
.PageNavi a.PageNaviBack{
	text-align: left;
	float:left;
	background: url(../img/PageBack.gif) no-repeat left 0px;
	padding: 0px 0px 0px 15px;
}

/* ---------------------------------------------- */
/* HeaderArea */
/* ---------------------------------------------- */
.HeaderArea {
	background: #FFFFFF url(../img/HeaderBg.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 135px;
	width: 900px;
	position: relative;
}
.HeaderArea h1, .HeaderText {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	color: #288c66;
	position: absolute;
	top: 38px;
	left: 58px;
}
.HeaderArea p.HeaderLead {
	margin: 0px;
	padding: 0px;
	color: #288c66;
	position: absolute;
	top: 84px;
	left: 72px;
}
.HeaderArea p.HeaderCatch {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 3px;
}
.HeaderInfoList {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 110px;
	right: 50px;
	font-size: 14px;
}
.HeaderInfoList ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.HeaderInfoList ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
}
.HeaderInfoList ul li a {
	margin: 0px 1em 0px 0px;
	padding: 0px 0px 5px 18px;
	background: url(../img/HeaderInfoListCross.gif) no-repeat 0px 0px;
	display: block;
}
.HeaderInfoList ul li a:link , .HeaderInfoList ul li a:visited {
	color: #0B908C;
}
.HeaderInfoList ul li a:hover , .HeaderInfoList ul li a:active {
	color: #FFA000;
}

/* ---------------------------------------------- */
/* ContentsArea */
/* ---------------------------------------------- */


.ContentsArea {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/* ---------------------------------------------- */
/* FooterLinkArea */
/* ---------------------------------------------- */

.FooterLinkArea {
	margin: 20px 0px 0px;
	padding: 0px;
	font-size: 12px;
}
.FooterLinkArea dl {
	width: 222px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.FooterLinkArea dl dt {
	margin: 5px 0px 0px 10px;
	padding: 5px;
	border-top: 1px solid #AAA493;
	border-right: 1px solid #AAA493;
	border-left: 1px solid #AAA493;
	background: #AAA493;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 10px;
}
.FooterLinkArea dl dd {
	margin: 0px 0px 5px 10px;
	color:#636363;
	padding: 5px;
	border-right: 1px solid #AAA493;
	border-bottom: 1px solid #AAA493;
	border-left: 1px solid #AAA493;
	background: #FFFFFF;
	line-height: 1.3em;
	font-size: 10px;
}

.FooterLinkArea a:link , a:visited {
	color: #FFFFFF;
}
.FooterLinkArea a:hover , a:active {
	color: #FFA000;
}


/* ---------------------------------------------- */
/* FooterCategoryArea */
/* ---------------------------------------------- */
.FooterCategoryArea{
	margin:10px 0px;
	padding:5px;
	text-align: center;
	font-size: 12px;
	color:#757575;
}
.FooterCategoryArea a:link {
	color: #0B908C;
	text-decoration: underline;
}
.FooterCategoryArea a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.FooterCategoryArea a:hover , .FooterCategoryArea a:active {
	color: #FFA000;
	text-decoration: underline;
}


/* ---------------------------------------------- */
/* AttentionArea */
/* ---------------------------------------------- */

.AttentionArea {
	margin: 20px 5px;
	font-size: 12px;
	line-height: 1.5em;
}


/* ---------------------------------------------- */
/* FooterArea */
/* ---------------------------------------------- */
.FooterArea {
	background-color: #37918E;
	text-align: center;
	margin: 10px 4px 0px 4px;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}
.FooterArea a:link ,
.FooterArea a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.FooterArea a:hover ,
.FooterArea a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* Column */
/* ---------------------------------------------- */
.ColumnMain {
	width: 624px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow:hedden;
}
.ColumnSide {
	width: 258px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 16px 0px 0px;
	overflow:hedden;
	clear:right;
	display:block;
}

/* ---------------------------------------------- */
/* Side */
/* ---------------------------------------------- */

.SideTopTitle {
	background: #AAA493 url(../img/SideMenuTitle.gif) no-repeat 0px 0px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-align: center;
	width: 258px;
	height: 47px;
	line-height: 47px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
.SideMenuListArea {
	margin: 0px;
	padding: 0px;
	width: 258px;
}

/* ---------------------------------------------- */
/* SideMenuListHead */
/* ---------------------------------------------- */

.SideTopLink , 
.SideMenuListHeadLevel1 ,
.SideMenuListHeadLevel2 {
	margin: 2px 0px 0px;
	padding: 0px;
	border:1px solid #C9C9C9;
}

.SideTopLink a , 
.SideMenuListHeadLevel1 a {
	background: #F4F4F4 url(../img/SideMenuListCategoryLevel1.gif) repeat-y 0px 0px;
	margin:0px;
	padding: 11px 12px 11px 35px;
	line-height: 1.2em;
	display: block;
	color:#896A1B;
}
.SideMenuListHeadLevel2 a {
	background: #F4F4F4 url(../img/SideMenuListCategoryLevel2.gif) no-repeat 0px 0px;
	margin:0px;
	padding: 11px 12px 11px 35px;
	line-height: 1.2em;
	display: block;
	color:#896A1B;
}

.SideTopLink a:hover , 
.SideMenuListHeadLevel1 a:hover {
	background: #F4F4F4 url(../img/SideMenuListCategoryLevel1_roll.gif) repeat-y 0px 0px;
	color:#FFA000;
}
.SideMenuListHeadLevel2 a:hover {
	background: #F4F4F4 url(../img/SideMenuListCategoryLevel1_roll.gif) repeat-y 0px 0px;
	color:#FFA000;
}

/* ---------------------------------------------- */
/* SideMenuList */
/* ---------------------------------------------- */
.SideMenuListArea ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.SideMenuListArea ul li {
	margin: 0px;
	padding: 0px;
}
.SideMenuListArea ul.SideMenuListLevel1 li a {
	background: #F4F4F4 url(../img/SideMenuListPageLevel1.gif) no-repeat 16px 10px;
	border-bottom: 1px dotted #A0A0A0;
	margin: 0px;
	padding: 11px 10px 11px 35px;
	line-height: 1.2em;
	display: block;
	color:#896A1B;
}
.SideMenuListArea ul.SideMenuListLevel2 li a {
	background: #EBE4D2 url(../img/SideMenuListPageLevel2.gif) no-repeat 16px 10px;
	border-bottom: 1px dotted #896A1B;
	margin: 0px;
	padding: 11px 10px 11px 35px;
	line-height: 1.3em;
	display: block;
	color:#896A1B;
}
.SideMenuListArea ul.SideMenuListLevel1 li a:hover {
	background: #F4F4F4 url(../img/SideMenuListPageLevel1_roll.gif) no-repeat 21px 10px;
	color:#FFA000;
}
.SideMenuListArea ul.SideMenuListLevel2 li a:hover {
	background: #EBE4D2 url(../img/SideMenuListPageLevel2_roll.gif) no-repeat 21px 10px;
	color:#FFA000;
}

/* ---------------------------------------------- */
/* SideMenuListPickup */
/* ---------------------------------------------- */
.SideMenuListArea ul li.SideMenuListPickupLevel1 a {
	background:#F4F4F4 url(../img/SideMenuListPickupLevel1.gif) no-repeat 5px 4px;
	margin: 0px;
	padding: 11px 10px 11px 63px;
	line-height: 1.2em;
	display:block;
}
.SideMenuListArea ul li.SideMenuListPickupLevel2 a {
	background:#EBE4D2 url(../img/SideMenuListPickupLevel2.gif) no-repeat 5px 4px;
	margin: 0px;
	padding: 11px 10px 11px 63px;
	line-height: 1.2em;
	display:block;
}
.SideMenuListArea ul li.SideMenuListPickupLevel1 a:hover {
	background:#F4F4F4 url(../img/SideMenuListPickupLevel1.gif) no-repeat 8px 4px;
	margin: 0px;
	padding: 11px 10px 11px 63px;
	line-height: 1.2em;
	display:block;
	color:#FFA000;
}

.SideMenuListArea ul li.SideMenuListPickupLevel2 a:hover {
	background:#EBE4D2 url(../img/SideMenuListPickupLevel2.gif) no-repeat 8px 4px;
	margin: 0px;
	padding: 11px 10px 11px 63px;
	line-height: 1.2em;
	display:block;
	color:#FFA000;
}

/* ---------------------------------------------- */
/* MainBody */
/* ---------------------------------------------- */
.MainBody , .MainBodyPage{
	margin: 0px 0px 10px 0px;
	padding: 0px 7px 0px 13px;
}
.MainBody a:link , .MainBodyPage a:link {
	color: #0B908C;
	text-decoration: underline;
}
.MainBody a:visited , .MainBodyPage a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.MainBody a:hover , .MainBody a:active ,
.MainBodyPage a:hover , .MainBodyPage a:active {
	color: #FFA000;
	text-decoration: underline;
}
.MainBody h4 , .MainBody h5 , .MainBody h6 ,
.MainBodyPage h3 , .MainBodyPage h4 , .MainBodyPage h5 , .MainBodyPage h6 {
	color:#37918E;
	background: #FFFFFF url(../img/HeadBgH456.gif) no-repeat 5px 4px;
	margin: 4px 0px 6px 0px;
	padding: 5px 0px 5px 32px;
	border-bottom:2px solid #75C9C0;
	font-weight:bold;
	font-size:18px;
	line-height: 1.1em;
}
.MainBody h3 , .MainBodyPage h2 {
	background: #FFFFFF url(../img/HeadBgH3.gif) no-repeat 0px 0px;
	margin: 0px 0px 6px;
	padding: 31px 0px 5px 19px;
	font-weight: bold;
	color: #636363;
	font-size: 20px;
	line-height: 1em;
}
.MainBody h2 , .MainBodyPage h1{
	background: #129490 url(../img/HeadBgL.gif) repeat-y 0px 0px;
	margin: 0px 0px 4px;
	padding: 18px 0px 14px 16px;
	border: none;
	font-weight:bold;
	font-size: 24px;
	line-height: 1em;
	color: #FFFFFF;
}
.MainBody p , .MainBodyPage p {
	margin: 10px;
	padding: 0px;
	letter-spacing: 0.1em;
}
.MainBody strong , .MainBodyPage strong{
	font-weight:bold;
	color: #FF9C00;
}
p.CatchCopy{
	background: #FFFFFF url(../img/CatchCopy.gif) repeat scroll 0px 0px;
	color:#636363;
	width:600px;
	line-height: 30px;
	margin: 0px 0px 16px 5px;
	padding: 0px 0px;
}

/* ---------------------------------------------- */
/* MainBodyList */
/* ---------------------------------------------- */
.MainBody ul  , .MainBodyPage ul{
	margin: 10px 10px 10px 14px;
	padding: 0px;
	list-style: none;
}
.MainBody ul li , .MainBodyPage ul li {
	background: url(../img/MainBodyListLevel1.gif) no-repeat 0px 0px;
	margin:0px;
	padding:0px 0px 10px 26px;
	line-height: 1.4em;
}
.MainBody ul.MainBodyListLevel2 li , .MainBodyPage ul.MainBodyListLevel2 li {
	background: url(../img/MainBodyListLevel2.gif) no-repeat 0px 0px;
}
.MainBody ol  , .MainBodyPage ol{
	margin: 10px 10px 10px 20px;
	padding: 0px;
}
.MainBody ol li , .MainBodyPage ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	line-height: 1.5em;
}

/* ---------------------------------------------- */
/* MainBodyTable */
/* ---------------------------------------------- */
.MainBody Table , .MainBodyPage Table {
	width: 99%;
	margin: 10px 0px 15px;
	padding: 0px;
	border-top: 1px solid #B8B8B6;
	border-left: 1px solid #B8B8B6;
}
.MainBody table th , .MainBodyPage table th {
	text-align: center;
	border-bottom: 1px solid #B8B8B6;
	border-right: 1px solid #B8B8B6;
	padding: 5px;
	line-height: 1.2em;
	font-weight: bold;
	background: #AAA493;
	vertical-align:top;
	color:#FFFFFF;
}
.MainBody table th a:link ,
.MainBody table th a:visited ,
.MainBodyPage table th a:link ,
.MainBodyPage table th a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.MainBody table th a:hover ,
.MainBody table th a:active ,
.MainBodyPage table th a:hover ,
.MainBodyPage table th a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.MainBody Table td , .MainBodyPage Table td {
	border-bottom: 1px solid #B8B8B6;
	border-right: 1px solid #B8B8B6;
	padding: 5px;
	line-height: 1.2em;
	text-align:left;
	vertical-align:top;
	color:#5E5E5E;
}

/* ---------------------------------------------- */
/* PageListArea */
/* ---------------------------------------------- */

.PageListArea {
	margin: 10px 0px;
	padding: 0px;
}
.PageListArea a:link {
	color: #0B908C;
	text-decoration: underline;
}
.PageListArea a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.PageListArea a:hover , .NewsTopArea a:active {
	color: #FFA000;
	text-decoration: underline;
}

.PageListArea h2 {
	background: #FFFFFF url(../img/PageListHeadBgH2.gif) no-repeat 0px center;
	margin: 20px 0px 10px;
	padding: 5px 0px 5px 30px;
	border-bottom: 2px solid #7CCCC3;
	border-left: none;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
	color: #0B908C;
}
.PageListArea h3 {
	background: url(../img/PageListHeadBgH3.gif) no-repeat 0px 2px;
	margin: 20px 0px 10px;
	padding: 5px 0px 5px 30px;
	border-bottom: 3px solid #C3D6D4;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
	color: #01585D;
}

.PageListDouble {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../img/PageListBgDoubleFoot.gif) no-repeat 0px bottom;
}
.PageListSingle {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../img/PageListBgSingleFoot.gif) no-repeat 0px bottom;
}
.PageListSingle dl , .PageListDouble dl{
	margin: 0px;
	padding: 0px;
	width: 300px;
	background: url(../img/PageListBgSingleHead.gif) no-repeat 0px 0px;
	float: left;
}
.PageListSingle dl {
	float:none;
}
.PageListSingle dl dt , .PageListDouble dl dt{
	margin: 0px;
	padding: 26px 20px 10px 48px;
	line-height: 1.3em;
	font-weight:bold;
}

.PageListSingle dl dt.PageListPickup , .PageListDouble dl dt.PageListPickup{
	background: url(../img/PageListPickup.gif) no-repeat ;
	margin: 0px;
	padding: 26px 20px 10px 60px;
	line-height: 1.3em;
}

.PageListSingle dl dd , .PageListDouble dl dd{
	margin: 0px;
	padding: 0px 20px 12px 30px;
	line-height: 1.3em;
}
.PageListArea ul li{
	background: url(../img/SideMenuListPageLevel1.gif) no-repeat 4px 3px;
	margin:0px;
	padding: 5px 0px 5px 16px;
}
.PageListArea ul li.PageListPickup{
	background: url(../img/SideMenuListPickupLevel1.gif) no-repeat 0px 0px;
	margin:0px;
	padding: 5px 0px 5px 60px;
}
.PageListArea ul li{
	background: url(../img/PageListPage.gif) no-repeat 2px 6px;
	margin:0px;
	padding: 5px 0px 5px 28px;
}
.PageListArea ul li.PageListPickup{
	background: url(../img/PageListPickup.gif) no-repeat 2px 1px;
	margin:0px;
	padding: 5px 0px 5px 58px;
}

/* ---------------------------------------------- */
/* PageRelation */
/* ---------------------------------------------- */

.PageRelation{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.PageRelation h2 {
	width:97%;
	margin: 10px 0px 10px 0px;
	padding: 12px 3px 12px 15px;
	background: #129490 url(../img/PageRelationHeadBg.gif) no-repeat 0px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.1em;
	overflow: hidden;
}
.PageRelation ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}
.PageRelation ul li {
	background: url(../img/PageRelationListIcon.gif) no-repeat 0px 1px;
	margin:0px;
	padding:0px 5px 7px 24px;
	line-height: 1.2em;
}
.PageRelation ul li a:link {
	color: #0B908C;
	text-decoration: underline;
}
.PageRelation ul li a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.PageRelation ul li a:hover , .PageRelation ul li a:active {
	color: #FFA000;
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* NewsTop */
/* ---------------------------------------------- */
.NewsTopArea {
	margin: 30px 0px 10px 0px;
	padding: 0px;
}
.NewsTopArea h2 {
	width:97%;
	margin: 10px 0px 10px 0px;
	padding: 12px 3px 12px 15px;
	background: #129490 url(../img/NewsTopHeadBg.gif) no-repeat 0px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.1em;
	overflow: hidden;
}
.NewsTopArea ul {
	margin: 0px;
	padding: 0px 0px 0px 12px;
	list-style: none;
}
.NewsTopArea ul li {
	background: url(../img/NewsTopListIcon.gif) no-repeat 0px 1px;
	margin:0px;
	padding:0px 5px 7px 24px;
	line-height: 1.2em;
}
.NewsTopArea ul li a:link {
	color: #0B908C;
	text-decoration: underline;
}
.NewsTopArea ul li a:visited {
	color: #0B908C;
	text-decoration: underline;
}
.NewsTopArea ul li a:hover , .NewsTopArea ul li a:active {
	color: #FFA000;
	text-decoration: underline;
}

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