@charset "Shift_JIS";

/* General rules */
/* ----------------------------------------------------- */
img	{
	border: 0;
	}

/* General linkology */
/* ----------------------------------------------------- */
a:link,
a:visited {
	text-decoration: underline;
	color: #060;
	}
a:hover {
	text-decoration: underline;
	color: #666;
	}
a:active {
	text-decoration: none;
	color: #526968;
	}

/* Establish general layout parameters */
/* ----------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	/*background:#F7D5EA;*//*jsが効かない場合は春背景*/
/*	background: #ffd;*/
	font: 12px "Lucida Grande", arial, verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	}

body #header img {
	width: 100px;
	height: auto;
	margin: 10px;

}
body #footer #copyright { background: #35a16b; }/*jsが効かない場合は春背景*/

/*季節ごとにヘッダー画像と背景カラーを変更する*/

/*
春（3〜5月）
body { background: #F7D5EA; }
body #header { background: url(../images/bck_header_spring01.jpg); }
body #footer #copyright { background: #F9CAE7; }



夏（6〜8月）
body { background: #C1D3FB; }
body #header { background: url(../images/bck_header_summer02.jpg); }
body #footer #copyright { background: #84A7F8; }
*/

/*
秋（9〜11月）
body { background: #FFEEBD; }
body #header { background: url(../images/bck_header_autumn01.jpg); }
body #footer #copyright { background: #FFCC33; }
*/

/*冬（12〜2月）
body { background: #ECE3EF; }
body #header { background: url(../images/bck_header_winter.jpg); }
body #footer #copyright { background: #B99DC5; }
*/


#wrapper {
	/*width: 700px;*/
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	}

/*#header {
	position: relative;
	height: 120px;
	}*/
#header h1 {
	margin: 0;
	padding: 0;
/*	line-height: 100%;
	text-indent: -1000em;*/
	}
#header ul {
	position: absolute;
	top: 98px;
	left: 120px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#header ul li {
	dispaly: block;
	width: 112px;
	float: left;
	margin: 0 0 0 1px;
	padding: 5px;
	background: url(../images/bck_headmenu.png);
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	}
#header ul li.item01 { width: 140px; }
#header ul li.item02 { width: 140px; }
#header ul li.item03 { width: 140px; }
#header ul li.item04 { width: 112px; }
#header ul li.item05 { width: 112px; }

#headline #whatsnew {
	width: 520px;
	padding: 0;
	background: #fff;
	float: left;
	}
#headline #whatsnew .view {
	width: 75px;
	margin: 10px 0 0 0;
	padding: 4px 10px;
	background: url(../images/bck_view.png);
	float: left;
	font-size: 12px;
	}
#headline #whatsnew .view_all {
	margin: 10px 5px 0 0;
	padding: 2px 10px;
	float: right;
	font-size: 12px;
	}
#headline #whatsnew .on {
	font-weight: bold;
	color: #fff;
	background: url(../images/bck_view_on.png);
	padding: 2px 10px;
	}
#headline #whatsnew iframe {
	border: 1px solid #ccc;
	padding: 5px;
	}
#counter {
	text-align: right;
	}
#headline #counter {
	margin: 10px 0 5px 520px;
	padding: 5px 0 0 0;
	text-align: left;
	}
#headline ul {
	margin: 5px 0 5px 520px;
	padding: 0 0 0 0;
	list-style: none;
	}
#headline ul li {
	margin: 0;
	padding: 8px 0 8px 19px;
	border-bottom: 1px solid #fff;
	}
#headline ul li.hm01 { background: url(../images/bck_hm01.png) no-repeat; }
#headline ul li.hm02 { background: url(../images/bck_hm02.png) no-repeat; }
#headline ul li.hm03 { background: url(../images/bck_hm03.png) no-repeat; }
#headline ul li.hm04 { background: url(../images/bck_hm04.png) no-repeat; }
#headline ul li.hm05 { background: url(../images/bck_hm05.png) no-repeat; }

#title_nav {
	clear: both;
	margin: 0 0 1px;
	background: #fff;
	padding: 5px 15px;
	font-size: 11px;
	border-left: 10px solid #ccc;
	}
h2#title {
	margin: 0 0 10px;
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
	}
h2#title a {
	color: #000;
	}
h2.zoshin { background: #E9F1E5; border-left: 10px solid #D3E4CB; }
h2.kenpo { background: #F9F6D1; border-left: 10px solid #F3EDA4; }
h2.kyosai { background: #E3EEF0; border-left: 10px solid #C8DDE2; }
h2.kikin { background: #EFF0E6; border-left: 10px solid #E0E1CE; }
h2.nenkin { background: #E3E3F0; border-left: 10px solid #C8C8E1; }

h2.other_01 { background: #F2CACA; border-left: 10px solid #E59595; }
h2.other_02 { background: #F3D8AD; border-left: 10px solid #E8B15B; }
h2.other_03 { background: #F3EDA4; border-left: 10px solid #E8DC49; }
h2.other_04 { background: #CAF0B1; border-left: 10px solid #96E264; }
h2.other_05 { background: #BDEDC9; border-left: 10px solid #7BDB94; }
h2.other_06 { background: #B8E6E9; border-left: 10px solid #71CED3; }
h2.other_07 { background: #C9C9F4; border-left: 10px solid #9494EA; }
h2.other_08 { background: #E1C1F6; border-left: 10px solid #C383ED; }
h2.other_09 { background: #F6C4E2; border-left: 10px solid #ED8AC5; }

#purpose {
	margin: 15px 0 10px;
	padding: 0;
	height: 100%;
	}
#purpose:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	}
#purpose h3 {
	border-top: 3px double #ccc;
	margin: 0 0 0 0;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}
#purpose ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#purpose ul li {
	dispaly: block;
	width: 89px;
	float: left;
	margin: 0;
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: url(../images/arrow_purpose.png) no-repeat bottom right;
	font-size: 11px;
	line-height: 100%;
	text-align: center;
	}
#purpose ul li.double {
	width: 189px;
	}
#purpose ul.zoshin li { background-color: #D3E4CB; }
#purpose ul.kenpo li { background-color: #F3EDA4; }
#purpose ul.kyosai li { background-color: #C8DDE2; }
#purpose ul.kikin li { background-color: #E0E1CE; }
#purpose ul.nenkin li { background-color: #C8C8E1; }
#purpose ul.default li { background-color: #ddd; }

#idxmenu,
#main {
	clear: both;
	margin: 0;
	padding: 0;
	height:100%;
	}
#idxmenu:after,
#main:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	}
#columnleft {
	float: left;
	width: 33%;
	}
#columncenter {
	float: left;
	width: 34%;
	}
#columnright {
	float: left;
	width: 33%;
	}
#main #columnleft {
	float: left;
	width: 49%;
	}
#main #columnright {
	float: right;
	width: 49%;
	}
#idxmenu .icon {
	width: 40px;
	margin: 10px 5px;
	float: left;
	clear: left;
	}
#idxmenu h2 {
	margin: 10px 0 0 55px;
	padding: 2px 4px;
	font-size: 14px;
	}
#idxmenu h2 a {
	color: #000;
	}
#idxmenu h2.m01 { border-color: #E59595; background-color: #F2CACA; }
#idxmenu h2.m02 { border-color: #E8B15B; background-color: #F3D8AD; }
#idxmenu h2.m03 { border-color: #E8DC49; background-color: #F3EDA4; }
#idxmenu h2.m04 { border-color: #96E264; background-color: #CAF0B1; }
#idxmenu h2.m05 { border-color: #7BDB94; background-color: #BDEDC9; }
#idxmenu h2.m06 { border-color: #71CED3; background-color: #B8E6E9; }
#idxmenu h2.m07 { border-color: #9494EA; background-color: #C9C9F4; }
#idxmenu h2.m08 { border-color: #C383ED; background-color: #E1C1F6; }
#idxmenu h2.m09 { border-color: #ED8AC5; background-color: #F6C4E2; }
#idxmenu h2.m10 { border-color: #E59595; background-color: #F2CACA; }
#idxmenu h2.m11 { border-color: #E8B15B; background-color: #F3D8AD; }
#idxmenu h2.m12 { border-color: #E8DC49; background-color: #F3EDA4; }
#idxmenu h2.m13 { border-color: #96E264; background-color: #CAF0B1; }
#idxmenu h2.m14 { border-color: #7BDB94; background-color: #BDEDC9; }
#idxmenu h2.m15 { border-color: #71CED3; background-color: #B8E6E9; }
#idxmenu ul {
	margin: 5px 0 0 55px;
	padding: 0;
	list-style: none;
	}
#idxmenu ul li {
	margin: 0;
	padding: 2px;
	border-bottom: 1px dotted #ccc;
	}
/* Fix IE. Hide from IE Mac \*/
* html #idxmenu ul li.indent_fix {
	text-indent: -3px;
	}
* html #idxmenu ul li.indent_fix2 {
	margin-left: -3px;
	}
/* End */
#main .links {
	clear: both;
	text-align: center;
	}
#main .notes {
	clear: both;
	border: 1px dotted #999;
	background: #f5f5f5;
	padding: 15px;
/*	width: 500px;*/
	line-height: 1.5em;
	}
#main .notes p {
	margin: 0 0 0 1em;
	text-indent: -1em;
	}
#main .notes div {
	margin: 0 0 0 1em;
	}

#container {
	clear: both;
	margin: 0 20px;
	font-size: 14px;
	}
#container p,
#container ul,
#container ol,
#container dl {
	line-height: 1.5em;
	}
#container .note {
	font-size: 95%;
	}
#container .historyback {
	font-size: 90%;
	margin-bottom: 5px;
	}
#container .backtopagetop {
	background: url(../images/bck_backtopagetop.png) no-repeat right center;
	margin: 15px 0;
	padding: 0 36px 0 0;
	font-size: 11px;
	line-height: 100%;
	text-align: right;
	}
#container table {
	line-height: 1.5em;
	}
#container table p {
	margin: 0 0 1em;
	}
#container table ul,
#container table ol {
	margin-top: 0;
	margin-bottom: 1em;
	}
#container h2 {
	margin: 5px 0 1em;
	font-size: 105%;
	font-weight: bold;
	line-height: 150%;
	border-top: 1px solid #909687;
	border-bottom: 4px double #909687;
	padding: 8px 10px 2px;
	background: #FCFAF9;
	color: #000;
	}
#container h3 {
	margin: 1.5em 0 1em;
	font-size: 105%;
	font-weight: bold;
	line-height: 150%;
	padding: 2px 10px;
	background: #7C919E;
	color: #F9FAFC;
	}
#container h4 {
	margin: 2em 0 1em 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 100%;
	padding: 2px 10px;
	border-left: 5px solid #D2A53B;
	color: #363842;
	}
#container h4.type_b {
	margin: 2em 0 1em 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 100%;
	padding: 2px 10px;
	border-left: 5px solid #D2A53B;
	color: #363842;
	}

table.type_a {
	table-layout: fixed;
	border-width: 0;
	border-spacing: 2px;
	border-collapse: separate;
	empty-cells: show;
	width: 100%;
	}
table.type_a caption {
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px;
	}
table.type_a th,
table.type_a td {
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	}
table.type_a th {
	padding: 5px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	}
table.type_a td {
	padding: 2px;
	text-align: left;
	}
/*table.type_a td.date { width: 60px; }
table.type_a td.label { width: 50px; }
table.type_a td.ctg { width: 50px; }
table.type_a td.line { width: 220px; }
table.type_a td.new { width: 30px; }*/

#footer {
	margin: 10px 0 0;
	padding: 0;
	border-top: 1px solid #ddd;
	font-size: 11px;
	height: 100%;
	}
#footer:after {
	content: "";
	display: block;
	height: 0px;
	clear: both;
	}
#footer #footer_nav {
	margin: 0;
	padding: 8px;
	text-align: center;
	background: #eee;
	}
#footer #copyright {
	margin: 0;
	padding: 8px;
	text-align: center;
	background: #76BB26;
	color: #fff;
	}
.clearing {
	height: 0;
	clear: both;
	}

.click {
	font-size: 80%;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 5px;

	}

.click1 {
	font-size: 80%;
	text-align: left;
	margin-top: -65px;
	margin-bottom: 50px;

	}

.click2 {
	font-size: 80%;
	text-align: left;
	margin-top: -130px;
	margin-bottom: 100px;

	}

.click3 {
	font-size: 80%;
	text-align: left;
	margin-top: -40px;
	margin-bottom: 5px;

	}

.click4 {
	font-size: 80%;
	text-align: left;
	margin-top: -20px;
	margin-bottom: 5px;

	}

.click5 {
	font-size: 80%;
	text-align: left;
	margin-top: 50px;
	margin-bottom: -10px;

	}


.index {
	margin-left: 200px;
	}


img.sample { 
	border: 2px #ddd solid; 
    }

img.sample2 { 
	border: 1px #ddd solid; 
    }

#container ul {
  margin-top: 5px;
  padding: 0px;
}

#container ul.inner li {
  list-style-type: none;	
  text-align: center;
  margin: 5px 10px 5px 20px;
  float: left;

}

#container ul.inner li p {
  margin: 5px;

}

.term {
  font-size: 16px; 
  font-weight: bold;
  border-bottom: solid #CCCCCC 1px;
}

.under{
	border-bottom: double 1px;
}

.box{
	border: 1px solid;
}



/* Topics */
/* ----------------------------------------------------- */
div.Topics {
	background: url(../images/custom_corners_topleft.png) top left no-repeat;
	margin: 15px 0;
	}
div.Topics div.TopicsHeader {
	background: url(../images/custom_corners_topright.png) top right no-repeat;
	margin: 0;
	padding: 8px 15px 0 15px;
	border-bottom: 0px;
	font-weight: bold;
	height: 30px;
	}
div.Topics div.AltTopicsHeader {
	background: url(../images/custom_corners_rightborder.png) top right repeat-y;
	margin: 0;
	padding: 8px 15px 0 15px;
	border-bottom: 0px;
	font-weight: bold;
	height: 30px;
	}
div.Topics div.TopicsHeader img,
div.Topics div.AltTopicsHeader img {
	float: left;
	margin-right: 15px;
	}
div.Topics .item span {
	display: block;
	padding-top: 10px;
	}
div.Topics .item { height: 30px; }
div.Topics .clr_01 { background: url(../images/item_clr_01.png) top left repeat-y; }
div.Topics .clr_02 { background: url(../images/item_clr_02.png) top left repeat-y; }
div.Topics .clr_03 { background: url(../images/item_clr_03.png) top left repeat-y; }
div.Topics .clr_04 { background: url(../images/item_clr_04.png) top left repeat-y; }
div.Topics .clr_05 { background: url(../images/item_clr_05.png) top left repeat-y; }
div.Topics .clr_06 { background: url(../images/item_clr_06.png) top left repeat-y; }
div.Topics .clr_07 { background: url(../images/item_clr_07.png) top left repeat-y; }
div.Topics .clr_08 { background: url(../images/item_clr_08.png) top left repeat-y; }
div.Topics .clr_09 { background: url(../images/item_clr_09.png) top left repeat-y; }

div.TopicsBody {
	background: url(../images/custom_corners_rightborder.png) top right repeat-y;
	margin: 0;
	padding: 4px 15px 0 15px;
	line-height: 1.5em;
	}
div.TopicsBody .subcategory {
	background: #ddd;
	margin: 0.5em 0 0;
	padding: 1px 4px;
	font-weight: bold;
	color: #666;
	}
div.TopicsBody p {
	margin: 0;
	padding: 0 0 1em;
	}
div.TopicsBody dl {
	margin: 0;
	padding: 0 0 1em;
	clear: both;
	}
div.TopicsBody dl dt {
	width: 6em;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: right;
	}
div.TopicsBody dl dd {
	margin-left: 6.5em;
	}
div.TopicsBody div.for_border {
	margin: 0;
	padding-top: 5px;
	border-top: 1px dashed #999;
	}
div.TopicsBody div.for_border_s {
	margin: 0;
	font-size:smaller;
	padding-top: 5px;
	border-top: 1px dashed #999;
	}
div.TopicsBody ol,
div.TopicsBody ul {
	margin-top: 0.5em;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	}
div.TopicsBody ol li,
div.TopicsBody ul li {
	margin-bottom: 0.5em;
	}
div.TopicsBody div.clearing {
	font-size: 1px;
	}
div.TopicsFooter {
	background: url(../images/custom_corners_bottomleft.png) bottom left no-repeat;
	}
div.TopicsFooter div {
	background: url(../images/custom_corners_bottomright.png) bottom right no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	height: 14px;
	font-size: 1px;
	}

a.doc {
  background: url(../images/icon16_doc.gif) no-repeat 3px 0px;
  background-size: contain;
  padding-left: 22px;
}
a.xls {
  background: url(../images/icon16_xls.gif) no-repeat;
  background-size: contain;
  padding-left: 22px;
}
a.pdf {
  background: url(../images/icon16_pdf.gif) no-repeat;
  background-size: contain;
  padding-left: 22px;
}
a.html {
  background: url(../images/icon16_html.gif) no-repeat 3px 0px;
  background-size: contain;
  padding-left: 22px;
}
a.mail {
  background: url(../images/icon16_mail.gif) no-repeat;
  background-size: contain;
  padding-left: 22px;
}

/* Various */
/* ----------------------------------------------------- */
.none { display: none; }
.clear { clear: both; }
.clearR { clear: right; }
.clearL { clear: left; }
.imgLeft { float: left; margin: 1em 1em 1em 0; }
.imgRight { float: right; margin: 1em 0 1em 1em; }
.imgCenter { text-align: center; margin: 2em 0; }


/*20070112追加*/
p.waku{
	border:1px solid #999999;
	}

.underline{
	text-decoration:underline;
	color:#FF0000;
	}

/*20070221追加*/
p.wakured{
	border:3px solid #CC0000;
	padding:5px;
	}


/*20070326追加*/
.waku2px{
	border:2px solid #999900;
	padding:3px;
	margin:0;
	}

.red{
	color:#FF0000;
	}


/*20070502追加*/
.underline_blue{
	text-decoration:underline;
	color:#0066FF;
	}

.underline_bblue{
	text-decoration:underline;
	color:#0066FF;
	font-weight:bold;
	}
	
.underline_bred{
	text-decoration:underline;
	color:#FF0000;
	font-weight:bold;
	}

.font12{
	font-size:12px;
	}

.font11{
	font-size:11px;
	}

/*070511　追加*/
#taisho{
	line-height:135%;
	}

/*070703追加　p03.html
------------------------------------------*/

.bg_yellow{
	background-color:#FFFF66;
	}

.font10{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	}

/* 080812 企業年金 */

.knenkin{ text-align:center;}

/*090227追加　p02.html　表
------------------------------------------*/
.font12 p{
	font-size:12px;
	text-align: center;
	vertical-align: middle 
	}
.font12_b{
	font-size:12px;
	font-weight:bold;
	}
.tate{
	writing-mode: tb-rl;
	font-size:12px;
	text-align: center;
	vertical-align: middle 
}

/*090430追加　アンダーライン
------------------------------------------*/
.under{text-decoration:underline;}

/*090624追加　kikin/index.html
------------------------------------------*/
.k_font12{
	font-size:12px;
	text-align: left;
	vertical-align: middle ;
	}
.k_font12 p{ margin:5px;}
.font14{font-size:14px; text-align:left;}

/*090706追加　kikin/indexindex.html */
.k_table_box {
	width: 60px;
	padding-left: 5px;
	border-left: 1px dotted #666666;
	float:left;
}
.k_table_left{ text-align:left; width:130px; float:left;}

/*090904追加　birth/be01.html */

.bg_white{
	padding:10px;
	border: 1px #000000 solid; 
}

/*20100309追加*/
.blue{
	color:#03F;
}

/*20100316追加*/
.doubleline {/*二重取り消し線*/
background-image:url(../images/black_torikesi_line.gif);
background-repeat:repeat-x;
background-position: center;
} 
.font14pt{font-size:15pt; text-align:left;}

/*20120309追加*/
.smaller {
	font-size:0.75em !important;
}

/*20150622追加*/
.point {
	width: 100%;
	border: 3px solid #FFA600;
	font-size: 14px;
}
.privacy {
	width: 100%;
	font-size: 14px;
	border: 3px solid #FFA600;
}

/*20180301追加*/
.m0{
	margin: 0;
}

.m0_im{
	margin: 0!important;
}

.mb20{
	margin-bottom: 20px;
}

.mb30{
	margin-bottom: 30px;
}

.mb40{
	margin-bottom: 40px;
}

/*20180302追加*/
.lsty_n{
	list-style-type: none;
}

.lsty_uprR{
	list-style-type: upper-roman;
}

.lsty_deci{
	list-style-type: decimal;
}

/*20180305追加*/
.bold{
	font-weight: bold;
}

.ml10{
	margin-left: 10px;
}

.ml20{
	margin-left: 20px;
}

.ml30{
	margin-left: 30px;
}

.p0_im{
	padding: 0!important;
}

.pt10_im{
	padding-top: 10px!important;
}

.pl10{
	padding-left: 10px;
}

.pl20{
	padding-left: 20px;
}

.ti_ng1{
	text-indent: -1em;
}

.va_t{
	vertical-align: top;
}

/*20180306追加*/
.indent1{
	text-indent: -1em;
	padding-left: 1em;
}

.clearFix:after{
	clear: both;
	content: "";
	display: block;
}

.ta_c{
	text-align: center;
}

.indent2Half{
	text-indent: -2.5em;
	padding-left: 2.5em; 
}

.indent3{
	text-indent: -3em;
	padding-left: 3em;
}

.indent3Half{
	text-indent: -35px;
	padding-left: 3em;
}

.indent8{
	text-indent: -104px;
	padding-left: 104px!important;
}