@charset "Shift_JIS";

#header h1 a{
	width:260px;
	height:110px;
	margin-left:359px;
	background:url(http://img01.haoden.jp/help/bg_header_logo.png) no-repeat;
	display:block;
	outline:none;
}
#pankuzu{
	width:938px;
	height:14px;
	padding-left:12px;
	margin:12px auto;
	font-size:12px;
	font-weight:bold;
}
#pankuzu a{
	color:#fff;
	text-decoration:underline;
}
#pankuzu img{
	margin:0 10px;
	line-height:14px;
}
/* -------------------------------------------------------------------------article */
#contents{
	width:990px;
}
.frame_middle{
	width:990px;
	margin:0;
	padding-bottom:24px;
}
#contents_r_area{
	width:730px;
	margin-right:20px;
	float:right;
}
#contents_r{
	width:730px;
	margin-bottom:24px;
	padding:0;
	background:#fff;
	float:right;
}
#contents_r p{
	color:#000;
}
#contents_r h3{
	width:730px;
	height:36px;
	margin:0;
}
#contents_r h4{
	width:670px;
	height:29px;
	margin:24px auto 12px auto;
	padding-left:30px;
	line-height:29px;
	font-size:14px;
	font-weight:bold;
	background:url(http://img01.haoden.jp/help/t_mini.gif) no-repeat;
}
#contents_r_area #contents_r .text_area{
	width:680px;
	margin:6px auto 10px auto;
	padding:0;
	font-size:14px;
}
.frame_middle #contents_r_area #pagenavi_area{
	width:730px;
	margin:0;
	padding:0;
}
.frame_middle #contents_r_area #pagenavi_area #pagenavi p a{
	color:#fff;
}
.frame_middle #contents_r_area #pagenavi_area #pagenavi p{
	width:100%;
	margin:0 auto;
	padding:0;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}
.t_number{
	font-size:16px;
	font-weight:bold;
}
/* -------------------------------------------------------------------------left_menu */
#contents_l_area{
	width:200px;
	margin-left:20px;
	float:left;
}
#contents_l{
	width:198px;
	padding:0;
	background:#FFF;
	border-left:solid 1px #3567ff;
	border-right:solid 1px #3567ff;
	border-bottom:solid 1px #3567ff;
}
h2{
	width:950px;
	height:40px;
	margin:28px auto 0 auto;
	text-indent:-9999px;
	background:url(http://img01.haoden.jp/help/bg_frame_top.gif) no-repeat;
}
*:first-child+html #contents_r h4{	/*IE7,8*/
	line-height:32px;
} 
#contents_l ul{
	width:180px;
}
#contents_l ul li{
	width:194px;
	height:30px;
	margin:0 auto;
	padding-left:4px;
	line-height:32px;
	font-weight:bold;
	color:#f00;
	vertical-align:middle;
	border-bottom:dotted 2px #69c;
}
#contents_l ul li a:hover{
	color:#f00;
}
#contents_l ul li a{
	width:194px;
	height:30px;
	margin:0;
	padding:0;
	display:block;
	overflow: hidden;
	outline:none;
}
#contents_l ul.left_menu li.menu_last{
	border-bottom:none;
}
#contents_l_area #sup_gazou{
	margin:24px auto 0 auto;
	padding:0;
	text-align:center;
}
/* -------------------------------------------------------------------------入れ子 */
#contents_l li.menu_a{
	height:274px;
}
#contents_l ul.menu_b{
	padding:0;
}
#contents_l li.menu_a ul.menu_b li{
	width:159px;
	height:26px;
	margin-left:10px;
	padding-left:20px;
	border:none;
	line-height:16px;
	background:url(http://img01.haoden.jp/help/lmenu_icon.gif) no-repeat;
}
#contents_l li.menu_a ul.menu_b li a{
	width:164px;
}
#contents_l li.menu_a ul.menu_b li:hover{
	background:url(http://img01.haoden.jp/help/now_icon.gif) no-repeat;
}
#contents_l li.menu_a ul.menu_b li.now{
	vertical-align:middle;
	color:#f00;
	background:url(http://img01.haoden.jp/help/now_icon.gif) no-repeat;
}
/* -------------------------------------------------------------------------入れ子 */
.left_menu_t{
	height:30px;
	text-align:center;
	font-size:16px;
	text-indent:-9999px;
	font-weight:bold;
	line-height:32px;
	background:url(http://img01.haoden.jp/help/category.gif);
}
#contents_l ul{
	border:none;
}
body:first-of-type .frame_middle{
	padding-bottom:36px;
}
#footer{
	width:990px;
	height:40px;
	margin-top:12px;
	padding:0;
}
#contents_r_area dl{
	color:#000;
}
.gazou{
	margin:0 auto;
	text-align:center;

}
.gazou img{
	padding:6px;
	border:6px double #bbd7e5;
}
h5{
	height:14px;
	margin:0 0 1em 0;
	padding:0 0 6px 6px;
	color:#333;
	line-height:middle;
	font-size:14px;
	font-weight:bold;
	border-left:8px solid #549abe;
	border-bottom:1px solid #549abe;
}
.center{
text-align:center;
padding:2em;
}

#contents_r .text_area table{
color:#000;
margin:0 auto 10px auto;
}
.text_area table#sobi{
width:95%;
margin:0 auto;
border-collapse:separate;
}
.text_area table#sobi th{
background:#94bace;
}
.text_area table#sobi td{
text-align:center;
border:1px solid #ccc;
}
.text_area table#sobifactory{margin:0 auto;}
.text_area table#sobifactory th{
border:1px solid #256C92;
background:#549ABE;
padding:4px;
color:#fff;
}
.text_area table#sobifactory td{
text-align:center;
border:1px solid #256C92;
vertical-align:middle;
text-align:left;
padding:8px;
text-align:center;
}
.text_area table#sobifactory td.object_text{text-align:left;}
.text_area table#sobifactory .white{
white-space:nowrap;
}
ol.list01{
color:#000;
margin:1em 0 1em 1em;
padding-left:2em;
}
ol.list01 li{
list-style-type:decimal;
}

dl.rankdl{
margin:1em;
}
dl.rankdl dt{
margin-left:1em;
}
dl.rankdl dd{
	margin-left:3em;
}

ul.list11{
	color:#000;
	margin:1em 0 1em 1em;
	padding-left:1em;
}
ul.list11 li{
	margin-bottom:1em;
	list-style-image:url(http://img01.haoden.jp/help/list_image01.png);
}
#contents_r p.t_area{
	margin:0 0 1em 1em;
}
ul.nom_list{
	margin:1em 0 1em 1em;
	padding-left:1em;
}
ul.nom_list li{
	color:#000;
	list-style-image:url(http://img01.haoden.jp/help/listicon.gif);
}
.text_area table.heisi{
	margin:0 auto;
	padding:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;

}
.text_area table.heisi th{
	background:#94bace;
	padding:4px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;

}
.text_area table.heisi td{
	text-align:center;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:left;
	padding:0 4px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;

}
.text_area table.heisi .white{
	white-space:nowrap;
}

.text_area table#heisi2{
	width:100%;
	margin:0 auto 1em 0;
	border-collapse:separate;
}
.text_area table#heisi2 th{
	background:#94bace;
	padding:4px;
	border-right:1px solid #ccc;
}
.text_area table#heisi2 td{
	text-align:center;
	border:1px solid #ccc;
	vertical-align:middle;
	padding:0 4px;
}
.text_area table#heisi2 td.equal{
	background:#bbb;
}

.text_area table.eiyuu_card{
	margin:0 auto;
}
.text_area table.eiyuu_card th{
	background:#94bace;
	padding:4px;
}
.text_area table.eiyuu_card td{
	text-align:center;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:left;
	padding:4px;
}
.text_area table.eiyuu_card .white{
	white-space:nowrap;
}
.text_area table.eiyuu_card .table_title{
	font-weight:bold;
	margin:0;
}
.text_area table#browser{
	margin:12px auto 12px auto;
	border-collapse:separate;
}
.text_area table#browser th{
	background:#94bace;
	padding:4px;
}
.text_area table#browser td{
	text-align:center;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:left;
	padding:0 4px;
}
#contents_r table#tc{
	width:700px;
	margin:12px auto 24px auto;
	color:#000;
	border-collapse:separate;
}
#contents_r table#tc th{
	background:#94bace;
	padding:4px;
}
#contents_r table#tc th.t15{
	width:15%;
}
#contents_r table#tc th.t40{
	width:50%;
}
#contents_r table#tc td{
	text-align:center;
	border:1px solid #ccc;
	vertical-align:middle;
	text-align:left;
	padding:0 4px;
}
#contents_r p{
	margin-bottom:12px;
}
#top_bt{
	float:right;
}
ul.jinkei_list{
color:#000;
padding:.2em 0 .5em 0;
}
ul.jinkei_list li{
list-style-type:circle;
margin-left:3em;
}
table.jinkei{
margin:0 auto;
}
table.jinkei th{
	width:20%;
	padding:4px;
	text-align:left;
	background:#94bace;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
}
table.jinkei td{
	padding:4px;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.text_box{
	width:600px;
	margin:6px auto;
}
.text_box .left_text{
	width:450px;
	margin-right:6px;
	float:left;
}
table.energy{
	width:130px;
	margin:0;
	padding:0;
	float:right;
}
table.energy th{
	width:50%;
	background:#94bace;
	padding:2px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.energy td{
	padding:4px;
	text-align:center;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.secondseason_head{
	width:700px;
	height:35px;
	margin:0 auto 12px auto;
}
.secondseason_area{
	width:700px;
	margin:0 auto 12px auto;
	padding-bottom:6px;
	background:#bfcfff;
}
.gazou_second{
	margin:0 auto;
	text-align:center;

}
.gazou_second img{
	padding:6px;
	border:6px double #fff;
}
#contents_r .secondseason_area h4{
	width:670px;
	height:29px;
	margin:0 auto 12px auto;
	padding-left:30px;
	line-height:29px;
	font-size:14px;
	font-weight:bold;
	background:url(http://img01.haoden.jp/help/t_mini.gif) no-repeat;
}
table#second_sobifactory{
margin:24px auto;
border-collapse:separate;
}
table#second_sobifactory th{
background:#565d73;
padding:4px;
color:#fff;
}
table#second_sobifactory td{
text-align:center;
border:1px solid #666;
vertical-align:middle;
text-align:left;
padding:0 4px;
background:#fff;
color:#000;
}
table#second_sobifactory .white{
white-space:nowrap;
}
p.gotolv3p{
margin:1em 0 0 2em;
}
ol#gotolv3{
margin:.5em 0 0 3em;
color:#000;
}
ol#gotolv3 li{
list-style-type:decimal;
margin-left:1em;
}

/* -------------------------------------------------------------------------area.html追加分20130924 */
#contents_r table.aged_institution{
width:640px;
font-size:13px;
}
#contents_r table.aged_institution tr th{
width:30%;
padding:3px;
text-align:left;
vertical-align:middle;
background:#666;
color:#fff;
border:1px solid #999;
}
#contents_r table.aged_institution tr td{
width:auto;
padding:3px 6px;
background:#eee;
border:1px solid #999;
}

/* -------------------------------------------------------------------------jikuu.html追加分20150917 */
table.weather{
	width:600px;
}
table.weather th{
	background:#549ABE;
	color:#fff;
	padding:6px 12px;
	border:1px solid #256C92;
	text-align:center;
}
table.weather td{
	padding:6px;
	border:1px solid #256C92;
}
table.weather td.up{
	color:#f33;
	font-weight:bold;
}
table.weather td.down{
	color:#120C64;
	font-weight:bold;
}


/* -------------------------------------------------------------------------jikuu.html追加分20151008 */
table.four{
	width:600px;
	text-align:center;
}
table.four th{
	background:#549ABE;
	color:#fff;
	padding:6px 12px;
	border:1px solid #256C92;
	text-align:center;
}
table.four td{
	padding:6px;
	border:1px solid #256C92;
}
	table.four td.four_meter{
		height:20px;
		background: rgb(241,218,54); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(241,218,54,1) 0%, rgba(255,58,58,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,218,54,1)), color-stop(100%,rgba(255,58,58,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(241,218,54,1) 0%,rgba(255,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(241,218,54,1) 0%,rgba(255,58,58,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(241,218,54,1) 0%,rgba(255,58,58,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(241,218,54,1) 0%,rgba(255,58,58,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ff3a3a',GradientType=1 ); /* IE6-9 */
	}
	table.four td.four_meter span.f_l{
		float:left;
		font-weight:bold;
		margin-left:10px;
	}
	table.four td.four_meter span.f_r{
		float:right;
		font-weight:bold;
		margin-right:10px;
	}


/* -------------------------------------------------------------------------skill_detail.html追加分20200608 */
table.skill_detail {
	width:100%;
	border-collapse: collapse;
	border: solid 1px #245682;}
table.skill_detail th{
	width:100px;
	background-color:#245682;
	color:#fff;
	padding:2px;
	border: dashed 1px #fff;
}
table.skill_detail td{
	background-color:#fff;
	border: solid 1px #245682;
	padding:2px;
}
td.skillname{
	width:200px;
	font-size:1.1em;
	font-weight:bold;
}