@charset "Shift_JIS";



body{
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック";
  color:#333333;
font-size:16px;
}

h1,h2,h3,h4,h5,h6,p,ul,li,form,img,input{
margin:0px;
padding:0px;
list-style-type:none;
}

h2,h3,h4,h5,h6,th{
font-size:12px;
font-weight:normal;
}


input:focus {
background-color: #e0e0e0;
}

.required_item{
padding-left:5px;
font-size:10px;
color:#FF0000;
}

#header{
position:relative;
height:50px;
background-image:url(../img/header2.gif);
background-position:left top;
margin:0px 0px 0px 0px;
}

#header ul{
position:absolute;
top:2px;
/*left:500px;*/
right:10px

}

#header li,
#header li img{
display:inline;
float:left;
}

#header li{
margin-right:5px;
vertical-align:middle;

}

div.output{
	width:50%;
	margin: 0 auto;
	text-align:center;
	align:center;
	background-color:#FFF;
}

div.outputcontents{
	margin:20px;
	text-align:left;
	color:#009;
	font-weight:700;
	
}
div.outputcontents p{
	color:#000;
	font-size: 14px;
	font-weight:400;
}

#mainmenu {
font-size:18px;
font-family: "ＭＳ Ｐゴシック";
padding-top:15px;
margin-left:10px;
}

#login-b {
background-image:url(../img/login-back2.gif);
margin:0px;
padding:10px 5px 15px 15px;
height:25px;
position:relative;
background-position:left top;
background-repeat:repeat;
clear:both;
}

.login_t1{
	margin:0px 20px 0px 20px;
	padding:5px 5px 5px 5px;
	text-align: left;
	background-color:#0080af;
	color:#FFFFFF;
	height:18px;
	float:right;
}
.login_t2{
	font-size:14px;
	margin:0px 20px 0px 20px;
	padding:5px 5px 5px 5px;
	float:right;
	text-align: center;
	background-color:#FFF;
	color:#af0000;
	height:18px;

    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
	border-radius: 5px;	
    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #af0000;
	
	
}


.login_t2 a:link { color:#ffffff;text-decoration:none;}
.login_t2 a:visited { color:#af0000;text-decoration:none;}
.login_t2 a:hover { background-color:#af0000; color:#FFF;font-weight:bold; }
.login_t2 a:active { background-color:#af0000; color:#FFF;font-weight:bold; }
.login_t2:hover{ background-color:#af0000; color:#FFF;font-weight:bold; }


.clearLeft {
clear: left;
}
.clearBoth {
clear: both;
}

#topcontents{
width:900px;
margin:0px 10px 0px 10px;
padding:10px 10px 10px 10px;
text-align:left;
border:#CCCCCC solid 1px;
position:relative;

}


#top-b{
	background-image:url(../img/top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 0px 20px;
	padding:1px 0px 0px 20px;
	text-align:left;
font-family: "ＭＳ Ｐゴシック";
	font-size:14px;
	position:relative;
	height:125px;
}

#mid_contents{
position:relative;
margin:0px 30px 0px 20px;
}



#contents{

width:1027px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#contents2{

width:100%;
margin-top:15px;
margin-left:50px;
margin-right:50px;
text-align:left;
}
#centerside{
margin-left:auto;
margin-right:auto;
width:auto;
height:auto;
padding:10px;
text-align:left;
align:center;
/*background-image:url(../img/title_process01.jpg);*/
/*border:4px solid #81be30;*/
background-color:#eaeaea;
}


/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 20px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 3px #004080 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 8em; /* タブの幅 */
margin-right: 4px; /* タブの右マージン */
background: #f9f9f9 url(tab_gen1_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
background: url(tab_gen1_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
background: #004080 url(tab_act1_left.gif) no-repeat left top; /* タブの背景（左） */
}
div.nav ul.nl li.active a {
background: url(tab_act1_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



.contents_header{
background-color:#FFF;
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
height:25px;
padding:10px 0px 0px 0px;
font-family: "ＭＳ Ｐゴシック";
font-size:16px;
}

.box_header01
{
border-top:solid 1px #CC0000;
border-left:solid 1px #CC0000;
border-right:solid 1px #CC0000;
}
.box_bottom01
{
	padding:10px 0px 0px 30px;
	
}

.box_bottom01 ul
{
	font-size:12px;
	
}

.box_bottom01 ul li
{
	color:#808080;
	font-size:12px;
	
}

.contents_header2{
background-color:#FFF;
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
height:40px;
font-family: "ＭＳ Ｐゴシック";
font-size:14px;
}

.contents_header3{
background-color:#FFF;
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
height:25px;
padding:10px 0px 0px 0px;
font-family: "ＭＳ Ｐゴシック";
font-size:16px;
}
.contents_header4{
background-color:#FFF;
background-position:left top;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
height:25px;
padding:10px 0px 0px 0px;
font-family: "ＭＳ Ｐゴシック";
font-size:16px;
}
.contents_menu{
font-family: "ＭＳ Ｐゴシック";
float:left;
display:inline;
width:217px;
margin:0px 10px 10px 10px;
text-align:left;
position:relative;

}


.box_header02
{
border-left:solid 1px #CC0000;
border-right:solid 1px #CC0000;

}

.box_header03
{
border-left:solid 1px #CC0000;
border-right:solid 1px #CC0000;

}

.box_header04
{
border-left:solid 1px #CC0000;
border-right:solid 1px #CC0000;

}



.m_bottom
{
background-image:url(../img/menu_bottom.gif);
background-position:left top;
background-repeat:no-repeat;
height:8px;
}

.contents_menu ul{
width:200px;
padding:5px 0px 0px 0px;

}

.contents_menu li{
background-image:url(../img/icon_triangle.gif);
background-position:left 3px;
background-repeat:no-repeat;
margin:10px 0px 0px 10px;
padding:0px 10px 0px 10px;
font-size:14px;

}

#centerside table.stdform2{
width:100%;
border:0px;
border-collapse: collapse;
margin:10px auto 10px auto;
}


#input{
background-color:#FFFFFF;
border:4px solid #CC0000;
margin:10px;
padding:10px;
}

#input table{
margin-bottom:2px;
text-align:left;
width:100%;
}

#input table th{
width:20%;
}

#maintd{
padding:2px;
width:50%;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}

#input table td.midashi{
background-color:#e9e9e9;
padding:2px 2px 2px 2px;
}

#input table.keiyform{
padding:0px;
width:100%;
/*empty-cells:show;*/
/*table-layout:fixed;*/

}
#input table.keiyform th{
padding:0px;
/*text-align:left;*/
white-space: nowrap; /*ｼｫﾆｰｲ�ｹﾔﾌｵ､ｷ*/
background-color:#e9e9e9;

}
#input table.keiyform td{
padding:0px;
height:20px;
white-space: nowrap; /*ｼｫﾆｰｲ�ｹﾔﾌｵ､ｷ*/

}

*.logbox
{
 border: solid 1px #c0c0c0;
 width: 95%;
 height: 120px;
 overflow-x:hidden;
 overflow-y:auto;
}
*.logbox_hokn
{
 border: solid 1px #c0c0c0;
 width: 95%;
 height: 450px;
 overflow-x:hidden;
 overflow-y:auto;
}

*.logbox2
{
 border: solid 1px #c0c0c0;
 width: 95%;
 height: 300px;
 overflow-x:hidden;
 overflow-y:auto;
}
.logbox2 td{
border:solid 1px #c0c0c0;
}

*.logbox3
{
 border: solid 1px #c0c0c0;
 width: 95%;
 height: 200px;
 overflow-x:hidden;
 overflow-y:auto;
}
.logbox3 td{
border:solid 1px #c0c0c0;
}

#jikotd1{
padding:2px;
width:45%;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}
#jikotd2{
padding:2px;
width:55%;
vertical-align:top;
margin-left:auto;
margin-right:auto;
}


td#liststd{

text-align:center;
white-space: nowrap; 

}

td#liststd_l{
border-right:1px solid #b0b0b0;
border-left:none;
text-align:left;
white-space: nowrap; 

}

td#liststd_r{
border-right:1px solid #b0b0b0;
border-left:none;
text-align:right;
white-space: nowrap; 

}

.keiyform2{
padding:0px;
width:100%;
background-color:#e9e9e9;
border-collapse:collapse;
}
.keiyform2 th{
padding:0px;

}
.keiyform2 td{
padding:0px;
height:20px;
border:1px solid #c0c0c0;

}

.search_btn{
	    font-size: 12px;
 
    /* 文字の太さをboldに指定    font-weight: bold;
 */
 
    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 2px;
 
    /* 背景色を濃い青色に指定 */
    background-color: #224488;
}

	

 
input#login_tb{
	font-size:14px;
	margin:0px 20px 0px 20px;
	padding:5px 5px 5px 5px;
	float:right;
	text-align: center;
	background-color:#0080af;
	color:#FFFFFF;
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
	border-radius: 5px;	
    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #FFFFFF;

}
input#login_tb:hover{
	font-size:14px;
	margin:0px 20px 0px 20px;
	padding:5px 5px 5px 5px;
	float:right;
	text-align: center;
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
	border-radius: 5px;	
    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #FFFFFF;
	background-color:#000066; 
	color:#ccccff;
}

.main_kaiyaku{
	background-image:url(../img/main_bg_w.png);
	width: 290px;
	height: 190px;
	float:left;
	margin-left:2px;
	margin-bottom:5px;

}

.main_kaiyaku2{
	background-image:url(../img/main_bg_r.png);
	width: 290px;
	height: 190px;
	float:left;
	margin-left:2px;
	margin-bottom:5px;

}

.main_kaiyaku3{
	background-image:url(../img/main_bg_g.png);
	width: 290px;
	height: 190px;
	float:left;
	margin-left:2px;
	margin-bottom:5px;

}

.main_icon {
	float:left;
	
}

.main_icon p{
padding-top:10px;
font-size:12px;
font-family:メイリオ;

}
.main_icon p img{

vertical-align: middle;
padding-left:5px;
padding-right:5px;

}
.main_icon a{
	padding-top:-10px;
	color:#000d47;
	text-decoration:none;
}


/* MARQUEE */

.marqueeRightLeft {
	max-width: 500px;
	padding: 0.5em 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: left;
	border-top: 1px solid #6c5441;
	border-bottom: 1px solid #6c5441;
	color:#6c5441;
	font-weight: bold;
}
.marqueeRightLeft p:after {
	content: "";
	white-space: nowrap;
}
.marqueeRightLeft p {
	margin: 0;
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
		-webkit-animation-name:marqueeRL;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:12s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marqueeRL;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:12s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marqueeRL;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:12s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marqueeRL;
		-o-animation-timing-function:linear;
		-o-animation-duration:12s;
		-o-animation-iteration-count:infinite;
		animation-name:marqueeRL;
		animation-timing-function:linear;
		animation-duration:12s;
		animation-iteration-count:infinite;
}

@-webkit-keyframes marqueeRL {
	from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
	from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
	from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
	from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
	from {transform:translate(0);} to {transform:translate(-100%);}
}