@charset "utf-8";
/* CSS Document */


/* common */

html{
	height:100%;
	background:#eeeeee;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ 
     margin:0 auto; 
     padding:0; 
}
 
a{
	text-decoration:none;
	color:#000000;
	outline:none;
	background:none;
}

img {
    border: 0px none;
    vertical-align: middle;
    margin:0px auto;
}

body, th, td, input, textarea, select{
	font-family:Arial,ＭＳ Ｐゴシック;font-size:12px;color:#000000;
} 

body{
	width:100%;
	background:#eeeeee;
}

ul,li{ 
    list-style:none; 
} 

textarea,input,select:focus{
	outline:0;
}

body{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-only; 
}


.red{
	color:#df4020;
	font-size:12px;
}

.blue{
	color:#4e5ae0;
	font-size:12px;
}



.visited{
	cursor:pointer;
}

.text_left{
	text-align:left;
	padding-left:6px;
	padding-right:3px;
	vertical-align:top;
	padding-top:5px;
}

table{
	border-collapse:collapse;
}

/* table tr's Background color  */

.tr_blue{
	background:#EAEAEA;
}

/* main */

.top{
	height:10px;
	width:890px;
	background-image: -moz-linear-gradient(top, #7db4d7, #116fa1); /* Firefox */
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #7db4d7), color-stop(1, #116fa1)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db4d7', endColorstr='#116fa1', GradientType='0'); /* IE*/;
	background: -moz-linear-gradient(top, #7db4d7 0%, #116fa1 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* IE10+ */
	background: linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* W3C */
}

.logo01{
	margin:10px 0px 10px 44px;
}

.logo02{
	float:left;
	margin:10px 10px 10px 44px;
}

.header h3{
	float:left;
	width:645px;
	margin:10px 0px;
}

.header p{
	float:left;
	width:645px;
    line-height:22px;
}
.img06{
	float:left;
    margin:26px 110px 10px 44px;
}
.img06_text{
	float:left;
	width:645px;
    line-height:22px;
}
.main{
	height:auto;
	width:950px;
/* 	background:#ffffff; */
/* 	background:#F6F6F6; */
	background:#EFEFEF;
	box-shadow: 1px 1px 1px 1px #AAA;
	margin-top:10px;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:2315px;
}

/* basic_function */

.basic_function{
	height:auto;
	width:auto;
}

.basic_function h3{
	float:left;
	margin:15px 44px;
	display:block;
	width:880px;
}

.main .small_title{
	height:30px;
	line-height:30px;
	background-image: -moz-linear-gradient(top, #dfdfdf, #f9f5f2); /* Firefox */
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #dfdfdf), color-stop(1, #f9f5f2)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f9f5f2', GradientType='0'); /* IE*/;
	background: -moz-linear-gradient(top, #dfdfdf 0%, #f9f5f2 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #dfdfdf 0%,#f9f5f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dfdfdf 0%,#f9f5f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dfdfdf 0%,#f9f5f2 100%); /* IE10+ */
	background: linear-gradient(top, #dfdfdf 0%,#f9f5f2 100%); /* W3C */
	border-top: 2px solid #116FA1;
	padding-left:10px;
	color:#00659C;
	margin-left:30px;
}

.main .big_title{
	height:34px;
	line-height:34px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	color:#ffffff;
/* 	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #e60000), color-stop(1, #890000)); Saf4+, Chrome */
/*  	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e60000', EndColorStr='#890000'); IE */
/*  	background:url(about:blank); */
/*  	background-image: -moz-linear-gradient(top, #e60000, #890000); Firefox */
/*  	background: -moz-linear-gradient(top, #e60000 0%, #890000 100%); FF3.6+ */
/*  	background: -webkit-linear-gradient(top, #e60000 0%, #890000 100%); Chrome10+,Safari5.1+ */
/*  	background: -o-linear-gradient(top, #e60000 0%, #890000 100%); Opera 11.10+ */
/*  	background: -ms-linear-gradient(top, #e60000 0%, #890000 100%); IE10+ */
/*  	background: linear-gradient(top, #e60000 0%, #890000 100%); W3C */
 	background-image: -moz-linear-gradient(top, #7db4d7, #116fa1); /* Firefox */
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #7db4d7), color-stop(1, #116fa1)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db4d7', endColorstr='#116fa1', GradientType='0'); /* IE*/;
	background: -moz-linear-gradient(top, #7db4d7 0%, #116fa1 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* IE10+ */
	background: linear-gradient(top, #7db4d7 0%,#116fa1 100%); /* W3C */
	text-shadow: 1px 1px 1px #000;
	padding-left:10px;
	margin-left:30px;
	
}


.basic_function p{
	float:left;
	margin:5px 44px;
	width:862px;
	line-height:22px;
}

/* Signal page's help contents */

/* .signal_help img{ */
/* 	margin-top:5px; */
/* 	margin-left:44px; */
/* } */


.underline{
	text-decoration:underline;
}

.signal_table{
	height:auto;
	width:862px;
	float:left;
	margin:10px 44px;
	border-collapse:collapse;
	text-align:center;
	line-height:22px;
}

.signal_table td{
	border:1px solid #cccccc;
}

.signal_table img{
	margin:auto;
}

.signal_table tr{
	height:40px;
}

.td01{
	width:80px;
	padding:10px 20px;
}

.td02{
	padding:0px 10px;
	text-align:left;
}

.setting_button03 .align_right{
	text-align:right;
}

/* Signal panel display switching */

.signal_cutover{
	height:auto;
	width:862px;
	float:left;
	margin:10px 44px;
	border-collapse:collapse;
	text-align:center;
	line-height:22px;
}

.signal_cutover tr{
	height:50px;
}

.signal_cutover td{
	border:1px solid #cccccc;
	padding:0px 10px;
	text-align:left;
}

/* Setting items of the signal panel */

.signal_setting{
	height:auto;
	width:862px;
	float:left;
	margin:10px 44px;
	border-collapse:collapse;
	text-align:center;
	line-height:22px;
}


.signal_setting td{
	border:1px solid #cccccc;
	padding:10px 10px;
	text-align:left;
}

.signal_setting .td_01{
	width:202px;
}

.signal_setting td img{
	margin:auto;
}

/* .signal_setting .setting_td{ */
/* 	width:500px; */
/* } */


/* Description of the various buttons */

.setting_button{
	height:auto;
	width:686px;
	float:left;
	margin:10px 44px;
	border-collapse:collapse;
	text-align:center;
	line-height:22px;
}

.setting_button td{
	border:1px solid #ccc;
	padding:10px 20px;
	text-align:left;
}

.setting_button td span{
	display:block;
}

.setting_button .td01{
	width:90px;
	text-align:center;
}


.setting_button img{
	margin:auto;
}

.light_tr{
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #116FA1), color-stop(1, #116FA1)); /*Saf4+, Chrome */
 	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#116FA1', EndColorStr='#116FA1'); /*IE */
 	background:url(about:blank);
 	background-image: -moz-linear-gradient(top, #116FA1, #116FA1); /*Firefox */
 	background: -moz-linear-gradient(top, #116FA1 0%, #116FA1 100%); /*FF3.6+ */
 	background: -webkit-linear-gradient(top, #116FA1 0%, #116FA1 100%); /*Chrome10+,Safari5.1+ */
 	background: -o-linear-gradient(top, #116FA1 0%, #116FA1 100%); /*Opera 11.10+ */
 	background: -ms-linear-gradient(top, #116FA1 0%, #116FA1 100%); /*IE10+ */
 	background: linear-gradient(top, #116FA1 0%, #116FA1 100%); /*W3C */
	text-shadow: 1px 1px 1px #000;
}

.light_tr td{
	text-align:center;
	padding:10px;
	color:#fff;
}

.light_tr02 td{
	background:#DBE5F1;
	text-align:center;
	padding:5px 20px;
}

.setting_button .light_td02{
	padding:5px;
	width:102px;
}

.setting_button03{
	height:auto;
	width:862px;
	float:left;
	margin:10px 44px;
	border-collapse:collapse;
	text-align:center;
	line-height:22px;
}

.setting_button03 td{
	border:1px solid #ccc;
	padding:10px 20px;
}

.setting_button03 td span{
	display:block;
}


.setting_button img{
	margin:auto;
}

.setting_button03 .td04{
	width:240px;
}

.setting_button03 .td05{
	width:300px;
}


/* img's center */

.img_box{
	width:100%;
	height:auto;
	text-align:center;
}

.img_box img{
	margin-top:5px;
}

.img_box02{
	width:950;
	height:auto;
	text-align:center;
}

.img_box02 img{
	margin-top:5px;
	margin-right:3px;
	float:left;
}

/* img's left */

.img_left{
	float:left;
	margin-left:44px;
	margin-top:15px;
	margin-bottom:5px;
}
.img_left_bottom{
	float:left;
	margin:15px 75px 0px 44px;
}

.basic_function .img_text{
	float:left;
	margin-left:10px;
	width:458px;
	line-height:22px;
}
.img_text_bottom{
	float:left;
	margin-left:200px;
}
/* APP's help page button */

.help_page{
	width:65px;
	height:24px;
	margin-top:11px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #9d9d9d solid;
	border-top:1px #c3c3c3 solid;
    border-bottom:1px #696969 solid;
	float:right;
	margin-right:30px;	
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #fefefe), color-stop(1, #d1d1d1)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d1d1d1', GradientType='0'); /* IE*/
	background:url(about:blank);
	background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 100%); /* FF3.6+ */
	background-image: -moz-linear-gradient(top, #fefefe, #d1d1d1); /* Firefox */
	background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 100%); /* IE10+ */
	background: linear-gradient(top, #fefefe 0%,#d1d1d1 100%); /* W3C */
	text-align:center;
	line-height:24px;
}

.help_page:hover{
	border:1px #9d9d9d solid;
	border-top:1px #c3c3c3 solid;
    border-bottom:1px #696969 solid;
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #fff1c4), color-stop(1, #e9b174)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1c4', endColorstr='#e9b174', GradientType='0'); /* IE*/
	background:url(about:blank);
	background: -moz-linear-gradient(top, #fff1c4 0%, #e9b174 100%); /* FF3.6+ */
	background-image: -moz-linear-gradient(top, #fff1c4, #e9b174); /* Firefox */
	background: -webkit-linear-gradient(top, #fff1c4 0%,#e9b174 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff1c4 0%,#e9b174 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff1c4 0%,#e9b174 100%); /* IE10+ */
	background: linear-gradient(top, #fff1c4 0%,#e9b174 100%); /* W3C */
}

/* APP's help page table */

.table_box{
	width:auto;
	height:605px;
}


.setting_button02{
	height:auto;
	width:560px;
	border-collapse:collapse;
	text-align:center;
	float:left;
	margin-top:5px;
}

.setting_button02 td{
	border:1px solid #ccc;
	padding:10px 20px;
	text-align:left;
}

.setting_button02 span{
	display:block;
}

.setting_button02 .td01{
	width:120px;
	text-align:center;
}
.setting_button02 img{
	margin:auto;
}
.end_table{
    position:absolute;
    float:left;
    margin-left:260px;	
}
.end_table_left{
	margin-left:44px;float:left;
}
.setting_button_end{
	height:auto;
	width:656px;
	border-collapse:collapse;
	text-align:center;
	line-height:22px;
}
.setting_button_end td{
	border:1px solid #ccc;
	padding:10px 20px;
	text-align:left;
}

.setting_button_end td span{
	display:block;
}

.setting_button_end .td01{
	width:90px;
	text-align:center;
}


.setting_button_end img{
	margin:auto;
}