﻿@charset "utf-8";

/* common css
============================================================================================================*/

/* reset styles
------------------------------------------------------------------------------------------------------------*/
div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
address {
	font-style: normal;
}
textarea {
	font-size: 100%;
}
hr {
	display: none;
}
img {
	vertical-align:top;
}


/* body
------------------------------------------------------------------------------------------------------------*/
html {
	overflow-x:hidden;
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.45;
	color: #333333;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic Pro','Hiragino Kaku Ghothic Pro W3',sans-serif;
	overflow-x: hidden;
}

/* \*/
* html body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
*:first-child+html body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/**/


/* link
------------------------------------------------------------------------------------------------------------*/
a:link,a:visited {color: #023894;text-decoration: none;}
a:hover,a:active {color: #6089ce;text-decoration: underline;}


/* header
------------------------------------------------------------------------------------------------------------*/
div#headContainer {
	margin: 0 auto;
	width: 505px;
	position: relative;
	text-align:left;
}
div#header {
	font-size:10px;
}
div#header img {
	vertical-align: top;
}
div#header h1 {
	padding: 20px 0 23px 20px;
	width: 190px;
}


/* footer
------------------------------------------------------------------------------------------------------------*/
div#footerContainer {
	margin: 30px 0 0;
	border-top: 1px solid #b2b2b2;
	width: auto;
	text-align: left;
	font-size: 82%;
}
div#footerContainer div#footer {
	border: 1px solid #fff;
	background-color: #e5f5f2;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
div#footerContainer div#footer:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
div#footerContainer div#footer address {
	padding: 13px 10px;
	float: right;
}

/* pageContainer
------------------------------------------------------------------------------------------------------------*/
div#pageContainer {
	margin: 0;
	width: auto;
	text-align: left;
}

/* bgContainer
------------------------------------------------------------------------------------------------------------*/
div#bgContainer {
	background: transparent url(../common_images/bg_pop.jpg) repeat-x center top;
	text-align:center;
}

/* contentsArea
------------------------------------------------------------------------------------------------------------*/
div#contentsArea {
	margin:0 auto;
	width: 465px;
	text-align: left;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
div#contentsArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* blankLink
------------------------------------------------------------------------------------------------------------*/
img.blankLink {
	vertical-align:middle;
	margin:3px 0 4px 3px;
}
html>/**/body img.blankLink {vertical-align:middle;	margin:0px 0 3px 3px;}


/* to page top
------------------------------------------------------------------------------------------------------------*/
div#contentsArea p.page_top {
	margin: 30px 10px 0 !important;
	padding: 0;
	text-align: right;
	clear: both;
}
div#contentsArea p.page_top a:link,div#contentsArea p.page_top a:visited {color: #023894;text-decoration: none;}
div#contentsArea p.page_top a:hover,div#contentsArea p.page_top a:active {color: #6089ce;text-decoration: underline;}


/* 下層共通要素
------------------------------------------------------------------------------------------------------------*/
div#contentsArea div#underContents {
	margin:20px 0 0 0;
}
div#contentsArea div#underContents p{
	margin:0 10px 30px 10px;
}

/* 見出し設定 
====================*/
div#contentsArea div#underContents h3,
div#contentsArea div#underContents h4,
div#contentsArea div#underContents h5,
div#contentsArea div#underContents h6 {
	margin-bottom:13px;
	color:#595757;
	font-weight:bold;
	clear: both;
}
div#contentsArea div#underContents h3 {
	padding: 3px 0 4px 15px;
	font-size:110%;
	background: transparent url(../common_images/h3_common.jpg) no-repeat left bottom;
}
div#contentsArea div#underContents h4 {
	padding: 3px 0 4px 15px;
	font-size:100%;
	background: transparent url(../common_images/h4_common.gif) no-repeat left bottom;
}
div#underContents div.h4Box {
	margin:0 10px;
}
div#contentsArea div#underContents h5 {
	padding: 2px 0 3px 15px;
	font-size:100%;
	background: #f3f3f3 url(../common_images/h5_common_catch.gif) no-repeat 2px 2px;
}
div#contentsArea div#underContents h5 em{
	font-size:100%;
	line-height:1.3;
	margin:2px 0 1px -11px;
	padding:0 10px 0 7px;
	background-color:#f3f3f3;
	border-left: 4px solid #019069;
	display:block;
}
div#contentsArea div#underContents h5.catchSquare {
	margin-bottom:8px;
	padding: 1px 0 0 20px;
	font-size:100%;
	background: transparent url(../common_images/h5_common_catch_sq.gif) no-repeat 2px 4px;
}
html>/**/body div#contentsArea div#underContents h5.catchSquare {
	padding: 3px 0 0 20px;
}
div#underContents div.h5Box {
	margin:0 20px;
}
div#underContents ul.h5columnBox,
div#underContents ul.h5columnBoxS {
	margin:0 20px;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
div#underContents ul.h5columnBox:after,
div#underContents ul.h5columnBoxS:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
div#underContents ul.h5columnBox li,
div#underContents ul.h5columnBoxS li{
	padding-bottom:10px;
	width:267px;
	float: left;
}
div#underContents ul.h5columnBox li.boxRight,
div#underContents ul.h5columnBoxS li.boxRight {
	margin-left:11px;
}
div#contentsArea div#underContents h6 {
	padding: 2px 0 3px 15px;
	font-size:100%;
	background: #f3f3f3 url(../common_images/h5_common_catch.gif) no-repeat 2px 2px;
}
div#contentsArea div#underContents h6 em{
	font-size:100%;
	line-height:1.3;
	margin:2px 0 1px -11px;
	padding:0 10px 0 7px;
	background-color:#f3f3f3;
	border-left: 4px solid #019069;
	display:block;
}
div#contentsArea div#underContents h6.catchNon {
	padding: 0;
	margin: 0;
	background-image: none!important;
	background-color: #FFFFFF!important;
}
div#contentsArea div#underContents h6.catchSquare {
	margin:0 10px 8px 10px;
	padding: 1px 0 0 20px;
	font-size:100%;
	background: transparent url(../common_images/h5_common_catch_sq.gif) no-repeat 2px 4px;
}
html>/**/body div#contentsArea div#underContents h6.catchSquare {
	padding: 3px 0 0 20px;
}
div#contentsArea div#underContents h6.NM {
	margin:0 0 8px 0!important;
}
div#underContents div.h6Box {
	margin:0 30px;
}
div#underContents ul.h6columnBox,
div#underContents ul.h6columnBoxS {
	margin:0 20px;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
div#underContents ul.h6columnBox:after,
div#underContents ul.h6columnBoxS:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
div#underContents ul.h6columnBox li,
div#underContents ul.h6columnBoxS li{
	padding-bottom:10px;
	width:267px;
	float: left;
}
div#underContents ul.h6columnBox li.boxRight,
div#underContents ul.h6columnBoxS li.boxRight {
	margin-left:11px;
}

/* マージン設定 
====================*/
div#underContents div.marginT15 {
	margin:15px 0 0 9px!important;
}
div#underContents p.textArea{
	margin:0 10px 0 10px!important;
}
div#underContents p.textBox{
	margin:0 10px 30px 10px!important;
}
div#underContents p.textBoxU10{
	margin:0 10px 10px 10px!important;
}
div#underContents p.textBoxU20{
	margin:0 10px 20px 10px!important;
}
div#underContents p.textBoxNM{
	margin:0 0 30px 0!important;
}
.margin{
    margin:200px 0;
}

/* キャッチ付きリンク 
====================*/
div#underContents div.categoryBox ul.innerList li{
	padding-bottom:7px;
	margin:0 0 0 5px;
	line-height:1.3;
	background: transparent url(../common_images/bg_hasen_bright.jpg) no-repeat left bottom;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
div#underContents div.categoryBox ul.innerList li:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
html>/**/body div#underContents div.categoryBox ul.innerList li{
	padding-bottom:6px;
	margin:3px 0 0 5px;
}
/* safari only \*/ 
html:\66irst-child div#underContents div.categoryBox ul.innerList li{
	margin:3px 0 1px 5px;
}
div#underContents div.categoryBox ul.innerList li.listEnd{
	background: transparent url(../common_images/bg_hasen_no.jpg) no-repeat left bottom;
}
div#underContents div.categoryBox ul.innerList li a{
	padding:2px 3px 0 15px;
	float:left;
	display:block;
	background: transparent url(../common_images/arrow_link.gif) no-repeat 0 2px;
}
/* safari only \*/ 
html:\66irst-child div#underContents div.categoryBox ul.innerList li a{ 
	background: transparent url(../common_images/arrow_link.gif) no-repeat 0 0;
}
div#underContents ul.arrowBox{
	margin:0 10px 30px;
	padding:2px 15px 5px 5px;
	border: 1px solid #ccc;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
div#underContents ul.arrowBox:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
div#underContents ul.arrowBox li{
	padding:2px 0px 0 15px;
	margin:0 0 0 15px;
	line-height:1.4;
	background: transparent url(../common_images/arrow_common_right.gif) no-repeat 0 6px;
	float:left;
	white-space:nowrap;
}
html>/**/body div#underContents ul.arrowBox li{
	background: transparent url(../common_images/arrow_common_right.gif) no-repeat 0 5px;
}
div#underContents ul.arrowBox li.arrowUnder{
	padding:2px 0px 0 15px;
	margin:0 0 0 15px;
	line-height:1.3;
	background: transparent url(../common_images/arrow_common_under.gif) no-repeat 0 6px;
	float:left;
	display:inline;
}
html>/**/body div#underContents ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_common_under.gif) no-repeat 0 5px;
}
div#underContents ul.arrowBox a:link,div#underContents ul.arrowBox a:visited {color: #023894;text-decoration: none;}
div#underContents ul.arrowBox a:hover,div#underContents ul.arrowBox a:active {color: #6089ce;text-decoration: underline;}

div#underContents p.blankLink img{
	vertical-align: text-top;
}
* html div#underContents p.blankLink img{
	vertical-align:baseline;
}
div#underContents li.blankLink img{
	vertical-align: text-top;
}
* html div#underContents li.blankLink img{
	vertical-align:baseline;
}

/* 注釈設定 
====================*/
em.annotation{
	font-size:82%;
	color:#019069;
}
em.annotationBK{
	font-size:82%;
	color:#000000;
	padding:0 0.4em 0 0;
}
.annotation dt{
	float:left;
}
.annotation dd{
	padding:0 10px 0 1.4em;
}
dl.annotation {
	margin:0 10px 20px!important;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
.annotation dl:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
.annotationNum dt{
	float:left;
}
.annotationNum dd{
	padding:0 10px 0 2em;
}
dl.annotationNum {
	margin:0 10px 20px!important;
	zoom: 1;
	/* \*//*/display: inline-table;/**/
}
.annotationNum dl:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}
.textIndent{
	text-indent:-1em;
	padding:10px 10px 0 10px;
}


/* ナンバリングリスト設定 
====================*/
ol{
	list-style-type: decimal;
	padding-left:20px;

}
ol li{
	margin:20px 1em;
}

/* ポップアップ設定 
====================*/
table{
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	margin:0 10px 10px;
	line-height:1.3;
}

table th{
	padding:5px 8px;
	font-weight:normal;
	background:#e4f2ee;
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	text-align:center;
}
table th.thMiddle{
	vertical-align:middle;
}

table td{
	border-right:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding:5px 8px;
}
table td p.day{
	white-space:nowrap;
}
table.tableEnd{
	margin:0px 10px 30px!important;
}
p.closeBtn{
	margin:10px 0 0!important;
	text-align:center;
}
.innerText{
	margin-bottom:20px!important;
}
.innerText10p{
	margin-bottom:10px!important;
}
.innerText10pRight{
	margin-bottom:10px!important;
	text-align: right;
}
.innerTextTitle{
	margin-bottom:10px!important;
}
.innerTextStraight{
    white-space:nowrap;
}

/* 添付ファイル設定 
========================================*/
table.pop_pdf{
    border:none;
	width:440px;
	margin-top:30px;
	margin-left:8px;
}
table.pop_pdf td{
    border:none;
	padding:3px 0;
}
table.pop_pdf td p{
	margin:2px 0 0 0!important;
}
table.pop_pdf p img{
	vertical-align:middle;
}
p.link{
	background:url(../common_images/arrow_link.gif) 0 0 no-repeat;
	margin:2px 0 0 0!important;
	padding-left:18px;
}
p.pdf{
    text-align:right;
	padding-left:2px;
}

table.pop_pdf02{
    border:none;
	width:440px;
}
table.pop_pdf02 th{
    background-color:#FFFFFF;
    border-right:none;
	border-bottom:#e8e9e9 solid 1px;
	padding:3px 0;
	text-align:left;
	font-weight:normal;
}
table.pop_pdf02 th p{
	white-space:nowrap;
}
table.pop_pdf02 td{
    border-right:none;
	border-bottom:#e8e9e9 solid 1px;
	padding:3px 0;
}
table.pop_pdf02 p img{
	vertical-align:middle;
}





/* カラー設定 
========================================*/

.common_square {
	margin-bottom:8px;
	padding: 2px 0 0 20px;
	font-size:100%;
	background: transparent url(../common_images/h5_common_catch_sq.gif) no-repeat 2px 4px;
}
.green_square {
	margin-bottom:8px;
	padding: 2px 0 0 20px;
	font-size:100%;
	background: transparent url(../common_images/h5_green_catch_sq.gif) no-repeat 2px 4px!important;
}
.orange_square {
	margin-bottom:8px;
	padding: 2px 0 0 18px;
	font-size:100%;
	background: transparent url(../common_images/h5_orange_catch_sq.gif) no-repeat 2px 4px!important;
}
.blue_square {
	margin-bottom:8px;
	padding: 2px 0 0 18px;
	font-size:100%;
	background: transparent url(../common_images/h5_blue_catch_sq.gif) no-repeat 2px 4px!important;
}

/* オレンジ 
====================*/
div#contentsArea div.orange h3 {
	background: transparent url(../common_images/h3_orange.jpg) no-repeat left bottom!important;
}
div#contentsArea div.orange h4 {
	background: transparent url(../common_images/h4_orange.gif) no-repeat left bottom!important;
}
div#contentsArea div.orange h5 {
	background: #f3f3f3 url(../common_images/h5_orange_catch.gif) no-repeat 2px 2px!important;
}
div#contentsArea div.orange h5 em{
	border-left: 4px solid #f5883b!important;
}
div#contentsArea div.orange h5.catchSquare {
	background: transparent url(../common_images/h5_orange_catch_sq.gif) no-repeat 2px 4px!important;
}
div.orange ul.arrowBox li{
	background: transparent url(../common_images/arrow_orange_right.gif) no-repeat 0 6px!important;
}
html>/**/body div.orange ul.arrowBox li{
	background: transparent url(../common_images/arrow_orange_right.gif) no-repeat 0 5px!important;
}
div.orange ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_orange_under.gif) no-repeat 0 6px!important;
}
html>/**/body div.orange ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_orange_under.gif) no-repeat 0 5px!important;
}
div.orange li#selectNavi ul li p#select{
	background: #f0c79e url(../common_images/global_navi/l_navi_orange_select.gif) no-repeat left top!important;
}
div.orange li#selectNavi ul li p#selectInner{
	background: #e4f2ee url(../common_images/global_navi/l_navi_orange_inner_on.gif) no-repeat left top!important;
}
div.orange li#selectNavi ul li p#selectNonUnder{
	background: #e4f2ee url(../common_images/global_navi/l_navi_orange_select_on.gif) no-repeat left top!important;
}
div.orange li#selectNavi ul li a:link,div.orange li#selectNavi ul li a:visited {background: #fff url(../common_images/global_navi/l_navi_orange_inner_off.gif) no-repeat left top!important;}
div.orange li#selectNavi ul li a:hover,div.orange li#selectNavi ul li a:active {background: #fff1e4 url(../common_images/global_navi/l_navi_orange_inner_on.gif) no-repeat left top!important;}
div.orange li#selectNavi ul li p a:link,div.orange li#selectNavi ul li p a:visited {background: #fff url(../common_images/global_navi/l_navi_orange_select_off.gif) no-repeat left top!important;}
div.orange li#selectNavi ul li p a:hover,div.orange li#selectNav ul li p a:active {background: #fff1e4 url(../common_images/global_navi/l_navi_orange_select_on.gif) no-repeat left top!important;}

/* ライトグリーン 
====================*/
div#contentsArea div.green h3 {
	background: transparent url(../common_images/h3_green.jpg) no-repeat left bottom!important;
}
div#contentsArea div.green h4 {
	background: transparent url(../common_images/h4_green.gif) no-repeat left bottom!important;
}
div#contentsArea div.green h5 {
	background: #f3f3f3 url(../common_images/h5_green_catch.gif) no-repeat 2px 2px!important;
}
div#contentsArea div.green h5 em{
	border-left: 4px solid #bed62f!important;
}
div#contentsArea div.green h5.catchSquare {
	background: transparent url(../common_images/h5_green_catch_sq.gif) no-repeat 2px 4px!important;
}
div.green ul.arrowBox li{
	background: transparent url(../common_images/arrow_green_right.gif) no-repeat 0 6px!important;
}
html>/**/body div.green ul.arrowBox li{
	background: transparent url(../common_images/arrow_green_right.gif) no-repeat 0 5px!important;
}
div.green ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_green_under.gif) no-repeat 0 6px!important;
}
html>/**/body div.green ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_green_under.gif) no-repeat 0 5px!important;
}
div.green li#selectNavi ul li p#select{
	background: #d6e291 url(../common_images/global_navi/l_navi_green_select.gif) no-repeat left top!important;
}
div.green li#selectNavi ul li p#selectInner{
	background: #e4f2ee url(../common_images/global_navi/l_navi_green_inner_on.gif) no-repeat left top!important;
}
div.green li#selectNavi ul li p#selectNonUnder{
	background: #e4f2ee url(../common_images/global_navi/l_navi_green_select_on.gif) no-repeat left top!important;
}
div.green li#selectNavi ul li a:link,div.green li#selectNavi ul li a:visited {background: #fff url(../common_images/global_navi/l_navi_green_inner_off.gif) no-repeat left top!important;}
div.green li#selectNavi ul li a:hover,div.green li#selectNavi ul li a:active {background: #eef6be url(../common_images/global_navi/l_navi_green_inner_on.gif) no-repeat left top!important;}
div.green li#selectNavi ul li p a:link,div.green li#selectNavi ul li p a:visited {background: #fff url(../common_images/global_navi/l_navi_green_select_off.gif) no-repeat left top!important;}
div.green li#selectNavi ul li p a:hover,div.green li#selectNav ul li p a:active {background: #eef6be url(../common_images/global_navi/l_navi_green_select_on.gif) no-repeat left top!important;}

/* ブルー 
====================*/
div#contentsArea div.blue h3 {
	background: transparent url(../common_images/h3_blue.jpg) no-repeat left bottom!important;
}
div#contentsArea div.blue h4 {
	background: transparent url(../common_images/h4_blue.gif) no-repeat left bottom!important;
}
div#contentsArea div.blue h5 {
	background: #f3f3f3 url(../common_images/h5_blue_catch.gif) no-repeat 2px 2px!important;
}
div#contentsArea div.blue h5 em{
	border-left: 4px solid #59b3c8!important;
}
div#contentsArea div.blue h5.catchSquare {
	background: transparent url(../common_images/h5_blue_catch_sq.gif) no-repeat 2px 4px!important;
}
div.blue ul.arrowBox li{
	background: transparent url(../common_images/arrow_blue_right.gif) no-repeat 0 6px!important;
}
html>/**/body div.blue ul.arrowBox li{
	background: transparent url(../common_images/arrow_blue_right.gif) no-repeat 0 5px!important;
}
div.blue ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_blue_under.gif) no-repeat 0 6px!important;
}
html>/**/body div.blue ul.arrowBox li.arrowUnder{
	background: transparent url(../common_images/arrow_blue_under.gif) no-repeat 0 5px!important;
}
div.blue li#selectNavi ul li p#select{
	background: #a0d3de url(../common_images/global_navi/l_navi_blue_select.gif) no-repeat left top!important;
}
div.blue li#selectNavi ul li p#selectInner{
	background: #e4f2ee url(../common_images/global_navi/l_navi_blue_inner_on.gif) no-repeat left top!important;
}
div.blue li#selectNavi ul li p#selectNonUnder{
	background: #e4f2ee url(../common_images/global_navi/l_navi_blue_select_on.gif) no-repeat left top!important;
}
div.blue li#selectNavi ul li a:link,div.blue li#selectNavi ul li a:visited {background: #fff url(../common_images/global_navi/l_navi_blue_inner_off.gif) no-repeat left top!important;}
div.blue li#selectNavi ul li a:hover,div.blue li#selectNavi ul li a:active {background: #e2edf0 url(../common_images/global_navi/l_navi_blue_inner_on.gif) no-repeat left top!important;}
div.blue li#selectNavi ul li p a:link,div.blue li#selectNavi ul li p a:visited {background: #fff url(../common_images/global_navi/l_navi_blue_select_off.gif) no-repeat left top!important;}
div.blue li#selectNavi ul li p a:hover,div.blue li#selectNav ul li p a:active {background: #e2edf0 url(../common_images/global_navi/l_navi_blue_select_on.gif) no-repeat left top!important;}


div#contentsArea div#underContents h3.commonColore {
	background: transparent url(../common_images/h3_common.jpg) no-repeat left bottom!important;
}
