/* CSS Document */

/* General */

* {
margin: 0;
padding: 0;
}

html {

height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font-size: 1.2em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
min-width: 950px;
}

#main {
width: 100%;
/*background: url('../img/main-bg.gif') repeat-y center 0;*/
min-height: 100%;
height: 100%;
position: relative;
}
 
body>#main {
height: auto;
}

a:link, a:visited {
color: #005AA1;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ' ';
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0; 
font-size: 0; 
content: ' ';
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #003B69;
}

h1 {
	font-size: 2.8em;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	background: url('../img/logo.gif') no-repeat 0 0px;
	padding-left: 45px;
	height: 50px;
	width: 800px;
	margin-top: 0px;
text-indent: -10000px;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}

h2 {
font-size: 1.6em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin: 3px 0 0 2px;
}

h3 {
font-size: 1.4em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: normal;
color: #004C87;
letter-spacing: 1px;
padding-bottom: 3px;
border-bottom: 1px solid #004C87;
margin-bottom: 7px;
}

h4 {
	font-size: 1.4em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
	color: #004C87;
	letter-spacing: 1px;
	padding-bottom: 3px;
	border-bottom: 1px solid #004C87;

	
}
address {
font-style: normal;
line-height: 180%;
margin-left: 7px;
}

/* Images */

img.float {
float: left;
border: 1px solid #004C87;
margin: 0.5em 0.8em 0.5em 0;
}


/* Header */

#header {
height: 55px;
position: relative;
background: #004A75 url('../img/hd-bg.gif') repeat-x 0 0;
}

#header-in {
width: 900px;
height: 50px;
position: relative;
margin: 0 auto;
}

#head{
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:88px;
	overflow:hidden;
	border-bottom:black 3px solid;
	background:url("../img/hd-bg_60.gif") repeat-x scroll 0 0 #D3E2EB;
}
#title {
	position:absolute;
	top:0;
	left:50%;
	margin: 0 0 0 -500px;
	padding:0;
	width:1000px;
	height:88px;
	background:url('../img/logo.gif') no-repeat 0 0px;
}
#navigate {
	position:absolute;
	margin:0;
	padding:0;
	bottom:0px;
	right:0px;
	height:26px;
	list-style-type:none;
}
#logoutbtn{
	margin:0;
	padding:0;
	width:100px;
	text-align:right;
	font-size:0.8em;
}


li#sitemap a {
margin-right: 16px;
}

li#envelope {
background: url('../img/envelope.gif') no-repeat 0 2px;
padding-left: 23px;
margin-left: 16px;
}


/* Search form */

form.searching {
	width: 310px;
	position: absolute;
	top: 250px;
	left: 0;
}

form.searching fieldset {
border: 0;
}

form.searching input.search {
letter-spacing: 1px;
float: left;
padding: 2px 0 2px 6px;
width: 239px;
border: 1px solid gray;
}

form.searching input.hledat {
letter-spacing: 1px;
padding-left: 0;
margin-left: 4px;
font-weight: bold;
color: #FFFFFF;
float: left;
}

form.searching label {
display: none;
}


/* Menu */

#menu-box {
background: #4A4A4A url('../img/menu-bg.gif') repeat-x 0 0;
border-bottom: 3px solid black;
}



/* Content box */

#content {
background: #FFFFFF url('../img/content-bg.gif') repeat-x 0 0;

}

#content-box {
	width: 950px;
	background-color: #FFFFFF;
	text-align: left;
	/*border-right: 1px solid #B0B0B0;
	border-left: 1px solid #B0B0B0;*/
	padding-bottom: 0px;
	min-height: 365px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content-box-in-left {
width: 100%;
float: left;
background-color: #FFFFFF;
}

#content-box-in-center {
width: 100%;
float: center;
background-color: #FFFFFF;
}
#content-box-in-center2 {
width: 70%;
float: center;
background-color: #FFFFFF;
}
#content-box-in-left-in {

	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 7em;
	margin-left: 1.8em;
}
#content-box-in-left-in2 {

	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 7em;
	margin-left: 1.8em;
}

#content-box-in-right {
width: 29%;
float: right;
background-color: #FFFFFF;
}

#content-box-in-right h3 {
border: 0;
background-color: #252525;
color: #FFFFFF;
padding: 3px 0 4px 10px;
font-size: 1.3em;
}

#content-box-in-right-in {
margin: 1.8em 0 7em 1.5em;
}

#content-box-in-right-in dl {
margin: 0 0 40px 2px;
}

#content-box-in-right-in dt {
margin-bottom: 3px;
font-weight: bold;
background-color: #E2F5FF;
color: #002C4E;
line-height: 140%;
padding: 1px 0 1px 5px;
}

#content-box-in-right-in dd {
margin: 0 5px 18px 2px;
line-height: 140%;
}


/* Table */

table {
font-size: 1.1em;
border-collapse: collapse;
border: 2px solid #004C87;
margin: 15px 0 20px 0;

width: 100%;
}

th, td {
	border: 1px solid #004C87;
	padding-top: 3px;
	padding-right: 13px;
	padding-bottom: 3px;
	padding-left: 13px;
}

th {
	text-align: right;
	font-weight: bold;
	
}

td {
	text-align: right;
	text-align: center;
	

}

.first-row {
background: #F4FF7C;
}

.first-row th {
text-align: center;
font-weight: bold;
border-bottom: 2px solid #004C87;
}

.first-column {
background: #FFD162;
border-right: 1px solid #004C87;
}

.last-column {
background-color: #FFD162;
border-left: 1px solid #004C87;
}

#footer {
width: 100%;
height: 60px;
background: #004A75 url('../img/footer-bg.gif') repeat-x 0 0;
position: absolute;
bottom: 0;
left: 0;
}

#footer-in {
width: 950px;
margin: 0 auto;
}

p.footer-left {
float: left;
width: 450px;
color: #FFFFFF;
text-align: left;
margin: 9px 0 0 15px;
display: inline;
}

p.footer-left a, p.footer-left a:visited {
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-left a:hover {
background-color: #FFFFFF;
color: #006497;
}

p.footer-right {
float: right;
width: 450px;
color: #FFFFFF;
text-align: right;
margin: 9px 15px 0 0;
display: inline;
}

p.footer-right a, p.footer-right a:visited {
color: #FFFFFF;
padding: 1px 2px;
}

p.footer-right a:hover {
background-color: #FFFFFF;
color: #006497;
}

p.footer-right a, p.footer-right a:visited  {
font-weight: normal;
}

p.top {
	color: #FFFFFF;
	float: left;
}
p.main {
	color: #000000;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
}
p.main2 {
	color: #CC0000;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
}
p.main3 {
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
}
p.main4 {
	color: #000000;
	font-size: 20px;
	text-transform: uppercase;
	text-align: left;
}
p.main5 {
	color: #000000;
	font-size: 24px;
	text-transform: uppercase;
	text-align: left;
}
p.main6 {
	color: #CC0000;
	font-size: 36px;
	text-transform: uppercase;
	text-align: left;
}
p.main7 {
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}
p.main8 {
	color: #CC0000;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
}
p.main9 {
	color: #CC0000;
	font-size: 20px;

}
p.main10 {
	color: #000000;
	font-size: 12px;

}
p.main11 {
	background-image: url(../img/h1_bg.gif);
	background-repeat: no-repeat;
	border: solid 1px #CCCCCC;
	background-position: left bottom;
	padding-left: 50px;
	line-height: 170%;
	font-size: 180%;
	vertical-align: middle;
	margin-top: 15px;
	padding-top: 7px;
}
.clear { 
clear: both; 
} 


.style1 {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	align:center;
}

.tab{margin:50px 0 0; position:relative;width:800px;  border-bottom:1px solid #333;}
.tab a{line-height:30px;width:250px;color:#CC0000; text-align:center; }
.tab ul,.tab li{ margin:0; padding:0; }
.tab ul{ position:absolute;bottom:-1px; margin:0 0 0 10px; border-left:1px solid #333; }
.tab li,.tab li a{height:32px;float:left;  background:#ddd;} 
.tab li{width:250px;border-right:1px solid #333;border-left:none;border-top:1px solid #333;border-bottom:1px solid #333; list-style:none;}
.tab li menu_up{width:250px;background:#fc2;}
.tab li a:hover{width:250px;background:#fc2;}
.tab li.menu_op{line-height:30px;width:250px;background:#fff; border-bottom:1px solid #fff; font-weight:bold;text-align:center; }


fieldset {
	border:1px dashed #CCC;
	padding:10px;
}
legend {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}

label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	background-color:#CCCCCC;
	float:left;
	display: block;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

#container {
	width:750px;
	margin:auto;
	padding:10px;
}
#top {
	width:800px;
	height:50px;
}
#leftSide {
	width:630px;
	padding-top:13px;
	float:left;
}
#rightSide {
	background-color:#fff;
	width:200px;
	padding:5px;
	margin-top:40px;
	float:right;
	border:1px solid #CCC;
	font:normal 12px Arial;
	color:#666666
}

#rightSide2 {
	background-color:#fff;
	width:600px;
	padding:0px;
	margin-top:0px;
	float:right;
	border:1px solid #CCC;
	font:normal 12px Arial;
	color:#666666
}
clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width:452px;
	float:right;
	background-color:#E6E6E6;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.div_texbox2 {
/* change S.Kikuchi 2022/06/15
	width:452px;
	height:165px;
*/
	width:490px;
	height:100px;
	float:right;
	background-color:#E6E6E6;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textbox {
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:190px;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}
/* add S.Kikuchi 2022/06/15 Start */
.textbox_tno {
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:90px;
	font:normal 18px Arial;
	color: #999999;
	/*padding:3px 5px 3px 19px;*/
	text-align: center;
}
/* add S.Kikuchi 2022/06/15 End */
.username {
    	background-image: url(images/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
/*.username:focus, .username:hover {
	background-color:#F0FFE6;
}*/
   
.password {
    	background-image: url(images/16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}/*
.password:focus, .password:hover {
	background-color:#F0FFE6;
}*/

.button_div {
	/*width:445px;*/
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:left;
	height:41px;
	margin-top:3px;
	padding:0;
}
.buttons {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

hr {
	height:1px;
}