@charset "utf-8";


/* formatting style
------------------------------*/
html {
   margin:0;
   padding:0;
}


h1,h2,h3,h4,h5,h6,h7 {
   margin: 0;
   margin: 0;
}

p {
   margin: 0;
}

dl,dt,dd,ul,ol,li {
   margin:0;
   padding:0;
}

pre,form,fieldset,input,textarea,blockquote,th,td {
   margin:0;
   padding:0;
}

body{
	margin:0;
	padding:0;
	background-image:url(../img/bg.jpg);
	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Pゴシック","MS PGothic","Tahoma",sans-serif;
	color:#000000;
	font-size: 13px;
	_font-size: 110%;
	line-height:1.3;
	text-align: center;
	margin-left: 20px;
}

ul {
	list-style-type: none;
}
	
img {
	border: 0;
	vertical-align:top;
}	

hr {
	border-style: solid;
	border: 0;
	height: 1px;
	_height: 1px;
	background-color: #000000;
	margin-top: 0;
	clear: both;
	visibility: hidden;
	_visibility: hidden;
}


/* basic link styles
------------------------------*/

a:link{
	color:#003399;
	border-bottom-color: #003399;
}
a:visited{
	color:#0066CC;
	border-bottom-color: #0066CC;
}
a:hover{
	color:#00CCFF;
	border-bottom-color: #00CCFF;
}

a:focus {
	outline:none;
}

a img {
	border-style: none;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

#header a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
}




/* LayoutBase
------------------------------*/
#wrapper {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	background: #ffffff;
}

/* LayoutBase-headr
------------------------------*/
#header {
	height: 70px;
	border-bottom: 15px solid #003399;
	position: relative;
	background: #FFFFFF url(../img/header_background.jpg) no-repeat right center;
}

#header H1 {
	width: 320px;
	height: 33px;
	float: left;
	margin-left:10px;
	margin-top:20px;
	background-image: url(../img/header_rogo.gif);
	background-repeat: no-repeat;
	font-size:10px;
	text-indent: -9999px;
}

#header #linksitemap {
	float: right;
	margin:10px 18px 0 0;
}

#header #linkgoriyo {
	float: right;
	margin:10px 7px 0 0;
}

#headrmenu {
	height: 20px;
	background: #003399;
	padding-right: 20px;
	padding-left: 20px;
}

#headrmenu ul {
	float: right;
}

#headrmenu li {
	display: inline;
}

#headrmenu li a {
	line-height: 20px;
	font-size: 95%;
	color: #FFFFFF;
}

#headrmenu li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
	
/* LayoutBase-side
------------------------------*/
#sidebar {
	clear: both;
	float: left;
	width: 200px;
	background-color: #ffffff;
	text-align: left;
	margin: 0;
	padding: 0px;
}

#sidebar ul li a {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 35px;
}

#sidebar #menu0 a {background-position: 0px 0px;}
#sidebar #menu0 a:hover {background-position: -200px 0px;}
#home #sidebar #menu0 a {background-position: -400px 0px;}

#sidebar #menu1 a {background-position: 0px -35px;}
#sidebar #menu1 a:hover {background-position: -200px -35px;}
#aboutHELS #sidebar #menu1 a {background-position: -400px -35px;}

#sidebar #menu2 a {background-position: 0px -70px;}
#sidebar #menu2 a:hover {background-position: -200px -70px;}
#jigyo #sidebar #menu2 a {background-position: -400px -70px;}

#sidebar #menu3 a {background-position: 0px -105px;}
#sidebar #menu3 a:hover {background-position: -200px -105px;}
#kaisyagaiyo #sidebar #menu3 a {background-position: -400px -105px;}

#sidebar #menu4 a {background-position: 0px -140px;}
#sidebar #menu4 a:hover {background-position: -200px -140px;}
#office #sidebar #menu4 a {background-position: -400px -140px;}

#sidebar #menu5 a {background-position: 0px -175px;}
#sidebar #menu5 a:hover {background-position: -200px -175px;}
#group #sidebar #menu5 a {background-position: -400px -175px;}

#sidebar #menu6 a {background-position: 0px -210px;}
#sidebar #menu6 a:hover {background-position: -200px -210px;}
#saiyo #sidebar #menu6 a {background-position: -400px -210px;}

#sidebar #menu7 a {background-position: 0px -245px;}
#sidebar #menu7 a:hover {background-position: -200px -245px;}
#topics #sidebar #menu7 a {background-position: -400px -245px;}


#sidebar ul .menu-sab li a {
	background-image: url(../img/menu-sab.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 20px;
}

#aboutHELS #sidebar #menu-sab0 a {background-position: 0px 0px;}
#aboutHELS #sidebar #menu-sab0 a:hover {background-position: -200px 0px;}

#aboutHELS #sidebar #menu-sab1 a {background-position: 0px -20px;}
#aboutHELS #sidebar #menu-sab1 a:hover {background-position: -200px -20px;}

#aboutHELS #sidebar #menu-sab2 a {background-position: 0px -40px;}
#aboutHELS #sidebar #menu-sab2 a:hover {background-position: -200px -40px;}

#aboutHELS #sidebar #menu-sab3 a {background-position: 0px -60px;}
#aboutHELS #sidebar #menu-sab3 a:hover {background-position: -200px -60px;}

#aboutHELS #sidebar #menu-sab4 a {background-position: 0px -80px;}
#aboutHELS #sidebar #menu-sab4 a:hover {background-position: -200px -80px;}

#jigyo #sidebar #menu-sab5 a {background-position: 0px -100px;}
#jigyo #sidebar #menu-sab5 a:hover {background-position: -200px -100px;}

#jigyo #sidebar #menu-sab6 a {background-position: 0px -120px;}
#jigyo #sidebar #menu-sab6 a:hover {background-position: -200px -120px;}

#jigyo #sidebar #menu-sab7 a {background-position: 0px -140px;}
#jigyo #sidebar #menu-sab7 a:hover {background-position: -200px -140px;}

#jigyo #sidebar #menu-sab8 a {background-position: 0px -160px;}
#jigyo #sidebar #menu-sab8 a:hover {background-position: -200px -160px;}

#jigyo #sidebar #menu-sab9 a {background-position: 0px -180px;}
#jigyo #sidebar #menu-sab9 a:hover {background-position: -200px -180px;}

#jigyo #sidebar #menu-sab10 a {background-position: 0px -200px;}
#jigyo #sidebar #menu-sab10 a:hover {background-position: -200px -200px;}

#saiyo #sidebar #menu-sab11 a {background-position: 0px -220px;}
#saiyo #sidebar #menu-sab11 a:hover {background-position: -200px -220px;}

#saiyo #sidebar #menu-sab12 a {background-position: 0px -240px;}
#saiyo #sidebar #menu-sab12 a:hover {background-position: -200px -240px;}

#saiyo #sidebar #menu-sab13 a {background-position: 0px -260px;}
#saiyo #sidebar #menu-sab13 a:hover {background-position: -200px -260px;}


/* LayoutBase-contents
------------------------------*/
#contents {
	float: right;
	width: 670px;
	padding: 10px 15px 40px 15px;
	background-color: #ffffff;
}

#home #contents {
	width: 700px;
	padding: 0px 0px 10px 0px;
}

/* LayoutBase-footer
------------------------------*/
#footer {
	clear: both;
	background: #ffffff;
}

#footerbar {
	height: 22px;
	background: #003399;
	padding-right: 20px;
	padding-left: 20px;
}

#footerbar ul {
	float: left;
}

#footerbar li {
	display: inline;
}

#footerbar li a {
	line-height: 20px;
	font-size: 95%;
	color: #FFFFFF;
}

#footerbar li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footerbar p {
	color: #FFFFFF;
	float: right;
  margin: 0;
	padding: 0px;
}

#footerbar p a {
	line-height: 20px;
	font-size: 95%;
	color: #FFFFFF;
}

#footer #linketc {
	clear: both;
	float: left;
	margin-top: 7px;
	margin-left: 20px;
}

#footer #linketc  a {
	padding-right: 8px;
}

#footer #copyright {
	float: right;
	margin-top: 7px;
	margin-right: 7px;
	font-size:10px;	
	_font-size: 11px;
}


/* Layout-froat
------------------------------*/
.floatleft {
	float: left;
}

.floatright {
	float: right;
	margin-right: 21px;
}

.floatclear {
	clear: both;
}



/* basic textstyle
------------------------------*/

#contents H1 {
	margin-top: 15px;
	font: bold 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
}

H2 {
	border-bottom: 2px solid #3366CC;
	margin-top: 15px;
	padding-bottom: 3px;
	font: bold 20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#000000;
	text-indent: 4px;
}

H3 {
	margin-left: 10px;
	margin-top: 15px;
	font: bold 14px/1.3em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
}


H4 {
	margin-top: 15px;
	padding-left: 7px;
	clear: both;
	font-size:16px;
	color:#000000;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	vertical-align:middle;
	border-top: 1px solid #99CCFF;
	border-right: 1px solid #99CCFF;
	border-bottom: 1px solid #99CCFF;
	border-left: 8px solid #99CCFF;
}

H5 {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size:16px;
	line-height: 16px;
	color:#0099cc;
	font-weight: bold;
	padding-left: 18px;
	background-image: url(../img/mark-sikaku.gif);
	background-repeat: no-repeat;
	background-position-y: center;
}

H6 {
	margin-top: 16px;
	margin-left: 10px;
	font-size:14px;
	color:#0066CC;
	font-weight: bold;
	vertical-align: middle;
	border-left:6px solid #0066CC;
	padding-left: 5px;
}

#contents p {
	margin: 1em 1em 0 10px;
	color: #333333;
}

#contents ul {
	margin-left: 25px;
	margin-top: 8px;
}

#contents dl {
	margin-left: 10px;
}

#contents dt {
	font-size: 120%;
	font-weight: bold;
	color: #0066CC;
	margin-top: 1em;
}

#contents dd {
	line-height: 1.2em;
	margin-bottom: 2em;
	color: #666666;
	font-size: 12px;
}

#contents .Yoko-narabi dl {
	margin: 0 0 0 5px;
}

#contents .Yoko-narabi dl dt {
	float: left;
	clear: both;
	margin-right:8px;
}

#contents .Yoko-narabi dl dd {
	float: left;
	line-height: 120%;
}

#group #contents .Yoko-narabi dl dd {
	margin-top:30px;
}

.textbold {
	font-size:120%; 
	color:#000000;
	font-weight: bold; 
}

.textwhite {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.caption {
	font-size: 10px;
	_font-size: 11px;
	line-height: 1.2;
	color:#666666;
}

.yohaku-left {
	margin-left:13px;
}



/* liststyle
------------------------------*/
.list-maru li{
	background: url(../img/listmark_maru.gif) no-repeat;
	padding-left: 13px;
	line-height: 1.4;
}

.list-sikaku li{
	background: url(../img/listmark_sikaku.gif) no-repeat;
	padding-left: 12px;
}

.list-sankaku li{
	background: url(../img/listmark_sankaku.gif) no-repeat;
	padding-left: 12px;
}


.list-tree li{
	background-image: url(../img/listmark_T.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	color:#000000;
}

.list-tree .treelast{
	background-image: url(../img/listmark_L.gif);
	background-repeat: no-repeat;
}



/* tablestyle
------------------------------*/
.tableborder {
	border-collapse:collapse;
	border: 1px solid #333333;
	margin-top: 7px;
}


.tableborder td {
	border: 1px #333333 solid;
	padding: 6px 10px 6px 10px;
	line-height: 125%;
}

.tableborder th {
	border: 1px #333333 solid;
	font-weight: bold;
	color: #FFFFFF;
	background: #6699ff;
	text-align: center;	
	line-height: 150%;
}


table .noborder {
	border: none;
}

table .noborder td {
	border: none;
	padding: 0;
}




/* 表組みのスタイル
------------------------------*/

#hyou dl dt {
	clear: left;
	float: left;
	margin-right: 1em;
}

#hyou dl dd {
	float: left;
}





/* page-toppage
------------------------------*/
#topnews {
	width: 600px;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-size:12px;
	padding-left: 100px;
	margin-bottom: 15px;
	background-color: #0066CC;
	background-image: url(../img/newtopics.gif);
	background-repeat: no-repeat;
}

#topnews a{
	color:#ffffff;
	text-decoration: none;
}




/* page-policy
------------------------------*/
.tablebordergreen {
	border: 1px solid #66CC66;
	margin-left: 10px;
}
.PolicywakuGreen {
	text-align: left;
	width: 618px;
	border: 1px solid #66CC66;
	padding: 10px 20px;
	margin-left: 10px;
}
.PolicytitleGreen {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #66CC66;
	text-align: center;
	width: 660px;
	margin-left: 10px;
}
.PolicytitleBlue {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #6699ff;
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
	width: 620px;
}
.boxbgGlay {
	color: #000000;
	background: #E3E3E3;
	text-align: left;
	padding: 10px 20px;
	margin-left: 10px;
}

/* Library
------------------------------*/
#Lib-link{
	width: 660px;
	margin: 30px 0px 0px;
	padding: 0px;
	text-align: left;
	background: #ffffff;
}


#Lib-link ul{
	margin: 0px;
	padding: 0px;
}

#Lib-link ul li{
	float: left;
}

#Lib-link ul li .2dan{
	clear: left;
	float: left;
}





@media print{
}