@charset "utf-8";

/* HTML Elements */

body {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: Tahoma, Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Sans-Serif;
	color: #000000;
	background-color: #ffffff;
	line-height:140%;
	min-width:700px;
}

a{
	color:#0055aa;
}

a:hover{
	color:#0055aa;
}

a:active {
	color:#000000;
}

img {
	border: none;
}

div {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul{
	list-style: none;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,p,form{
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

input{
	font-family : "MS UI Gothic";
	vertical-align: middle;
}

label {
    zoom: 1;
}

strong,
em{
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

h2{
	font-size: 133.3%;
	font-weight: bold;
	margin: 14px 0;
}

button:hover{
	cursor: pointer;
}



/* General Classes */
.wrapper{
}

.boundary{
	margin:0 14px;
}

.boundary-dashed{
	border-top: 1px dashed #a1a9b3;
	padding-top: 10px;
}

.boundary2pane{
	width:100%;
}

.subbaunddary{
}

.subbaundary-left{
	float: left;
	margin: 0 -214px 0 0;
	width:100%;
}

.subbaundary-left-inner{
	margin-right: 214px;
	padding-left: 14px;
	padding-right: 14px;
}

.subbaundary-right{
	float: right;
	margin: 0 0 0;
	width: 214px;
}

.subbaundary-right-inner{
	width:200px;
}

.cntnt-section{
	margin:0px 0 12px 12px;
}

.note{
	color:#666666;
	line-height:1.4em;
}

.textbox{
	border: solid #505459 1px;
	padding:2px 4px 2px 4px;
	vertical-align: middle;
}

select{
	border: solid #505459 1px;
	padding:0px;
	vertical-align: middle;
}

.mainbutton{
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	padding: 0;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.checkboxitem{
	margin-right: 1em;
	white-space: nowrap;
	position: relative;
}

.checkboxitem input{
	vertical-align: text-top;
	position: relative;
	top:-2px;
}

.pageback a{
	background: transparent url(../img/arrow_r.gif) 0 center no-repeat;
	padding-left: 14px;
}

.pagetop{
	text-align: right;
	margin-right:14px;
}

.pagetop a{
	background: transparent url(../img/arrow_t.gif) 0 center no-repeat;
	padding-left: 14px;
}

.linelist li{
	display: inline;
	margin-left: 1em;
}

.linelist li:first-child{
	margin-left: 0;
} 

.headingwithbgbar{
	font-weight: bold;
	border-left: 4px solid #A1A9B3;
	background: #bfc8d4 url(../img/heading-bg.gif) center top repeat-x;
	margin-bottom: 8px;
	padding: 2px 0 2px 8px;
}

.headinglowlevel{
	margin-bottom:8px;
	padding-left:4px;
	border-left:#999999 4px solid;
	border-bottom:#999999 1px solid;
}

.oddline{
	background-color: #DCE7F5;
}

.plurallink a{
	margin-right:1em;
}

.permalink{
	width:99%;
}

.iconlink{
	padding-left:20px;
	background: transparent 0 center no-repeat;
	display: inline-block;
}
.gotofulltext{background-image:url(../img/ico_fulltext.png);}
.downloadpdf{background-image:url(../img/ico_pdf.png);}

.variable-height-box{
	overflow-y: scroll;
	border: 1px solid #999;
	margin-bottom: 8px;
	padding:8px 8px 12px 8px;
}

.ul-itemize li{
	list-style-type:disc;
	margin-left:1.4em;
}

/*DataTable*/
table.datatable{
	border:1px #a1a9b3 solid;
	border-collapse:collapse;
}

table.datatable td,
table.datatable th{
	padding:4px;
	text-align:left;
}

table.datatable td{
	border:1px #a1a9b3 solid;
	padding:2px;
}

table.datatable th{
	font-weight:bold;
	border:1px #a1a9b3 solid;
	background-color:#c8d2de;
}

table.datatable th.th_lowerlevel{
	background-color:#cfd9e5;
}


/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clear fix */


/* Header */

.header{
	min-height:34px;
	margin:0 14px 14px 14px;
	padding-top:14px;
}

.systitle{
	background:url("../img/hss_logo_32.gif") 0 0 no-repeat;
	float:left;
	height: 34px;
	width: 360px;
	text-indent: -9999px;
	overflow: hidden;
}

.english .systitle{
	background:url("../img/hss_logo_32_en.gif") 0 0 no-repeat;
}

.systitle a{
	display: block;
	height: 34px;
}

.utilitylink{
	text-align: right;

}

.backtohome{
	width: 360px;
	float: left;
}

div#header ul li{
/*	display:inline; */
	margin:0 0 0 12px;
}

div#utilitylink{
	margin-left:320px;
	text-align:right;
	padding-right:0;
}


div#servicestop_infomation{
	text-align:right;
	padding-right:0;
	margin-top:4px;
}

div#servicestop_infomation ul li{
	margin-bottom:6px;
}

div#servicestop_infomation a{
	color:#000;
	vertical-align:middle;
	line-height:1.2em;
}


/* Main View */

.mainview{
}

.linkblocks{
	width:714px;
	margin:0 auto 20px auto;
}

.linkblock{
	width:350px;
	background:#ccc;
	min-height:142px;
	float:left;
}

.linkblock-oja{
	margin-right:14px;
}

/* Home */
.boundary-homesystitle{
	width: 700px;
	height: 74px;
	margin: 0 auto;
	text-align: center
}


.linkblock{
	background: #e6cfa1 url(../img/linkblock-bg-top.gif) top no-repeat;
	padding-top: 8px;
}

.linkblock-inner{
	background: transparent url(../img/linkblock-bg-bottom.gif)  bottom no-repeat;
	padding:6px 12px 12px 12px;
	min-height:142px;
}

.toplink{
	text-align:center;
	margin-bottom:14px;
}

.toplinkbtn{
	height:32px;
	text-indent:-9999px;
	width:260px;
	display:block;
	margin:0 auto;
	background-position:0 0;
	background-repeat:no-repeat;
	outline:none;
}

.english .toplinkbtn{
	height:48px;
	width:300px;
}


.toplink-oja{	background-image:url("../img/linkbtn-oja.gif");}
.toplink-hss{	background-image:url("../img/linkbtn-hss.gif");}
.english .toplink-oja{	background-image:url("../img/linkbtn-oja-en.gif");}
.english .toplink-hss{	background-image:url("../img/linkbtn-hss-en.gif");}


.toplinkbtn:active{
	background-position:0 -32px;
}

.english .toplinkbtn:active{
	background-position:0 -48px;
}

.storedcontents tr td,
.storedcontents tr th{
	padding:8px;
}


/* Footer */
.footer {
	padding:4px 0 14px 0;
	border-top:#a1a9b3 1px solid;
	text-align:center;
	margin-top:14px;
}

p#copyright{
}

.footer li{
	display:inline;
	margin-right:1em;
}

