@charset "UTF-8";

/* ========= base.css ========= */
/* Reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* ----------------------------------
	body・基本
---------------------------------- */
html{
	height:			100%;
}
body {
	margin:			0 auto;
	padding:		0;
	color:			#333333;
	font-size:		14px;
	font-family: 		"メイリオ",MS UI Gothic, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:		18px;
	letter-spacing:		1px;
	text-align:		center;
	background-color:	#333;
	height:			100%;
	word-break: break-all;
	}
p{
	margin:			0 0 30px 0;
	text-align:		left;
	}
h1{	margin:			0 0 10px 0;
	padding:		0;
	text-align:		left;
	font-weight:		bold;
	font-size:		21px;
	}
h2{
	text-align:		left;
	margin:			30px 0 10px 0;
	padding:		10px 0 8px 40px;
	font-size:		16px;
	font-weight:		bold;
	border:			1px solid #ececec;
	background:		url(../images/h2bg.gif) top;
	clear:			both;
	}
h3{
	text-align:		left;
	}
img{
	border:			0;
	}
a,a:link,a:active,a:visited{
	color:			#18a4f0;
	outline:		none;
	}
a:hover{
	color:			#0a3b56;
	text-decoration:	none;
	outline:		none;
	}
}
img{
	outline:		none;
	}
.clear{
	clear:			both;
	}
table{	
	border-collapse:	collapse;
	letter-spacing:		0;
	clear:			both;
	}
th,td{
	padding:		3px 5px;
	text-align:		left;
	border:			1px solid #808080;
	vertical-align:		middle;
	height:			25px;
	word-break:		break-all;
	}
th{	
	font-weight:		bold;
	background-color:	#ececec;
	text-align:		center;
	}
/* -----rayout------ */
body > #container {
	height:			auto;
	}
#container{
	background-color:	#fff;
	margin:			0 auto;
	width:			1040px;
	height:			100%;
	min-height:		100%;
	}
#header{
	background:		url(../images/head_line.gif) top repeat-x;
	padding:		6px 0 0 0;
	margin:			0;
	height:			120px;
	}

#footer{
	clear:			both;
	margin:			80px auto 0 auto;
	padding:		30px 20px 0 20px;
	background:		url(../images/foot_line.gif) top repeat-x;
	font-size:		12px;
	}
#main{
	clear:			both;
	padding:		0 20px;
	}
/* -----header------ */
#header p{
	margin:		0;
	padding:	0;
	}
#header div.headerleft{
	margin-top:		14px;
	float:			left;
	}
#header div.headerright{
	margin:			0 0 10px 0;
	float:			right;
	}
#header div.headerleft p.logo{
	margin:			0 0 0 20px;
	padding:		0;
	display:		inline;
	}
#header p.headnavi{
	margin:			0;
	text-align:		right;
	}
#header div.headerright div.logininfo{
	float:			right;
	width:			200px;
	margin:			15px 0 0 0;
	padding:		0 ;
	}
#header div.headerright div.logininfo th{
	width:			90px;
	text-align:		right;
	margin:			0;
	padding:		0;
	border:			none;
	background-color:	#ffffff;
	height:			20px;
	}
#header div.headerright div.logininfo td{
	width:			100px;
	margin:			0;
	padding:		0;
	text-align:		left;
	border:			none;
	height:			20px;
	}
p.versioninfo{
	clear:			both;
	text-align:		right;
}
#header hr.clearb{
	margin:			0 20px 20px 20px;
	clear:			both;
	border-width:		1px 0px 0px 0px;
	border-style:		dotted;
	border-color:		#dcdcdc;
	height:			1px;
	}
/* -----footer------ */
#footer p.copyright{
	text-align:		right;
	}
#footer a{
	color:			#333;
	}
/* -----table style------ */
td.ts,th.ts{
	font-size:		12px;/* text_small */
	}
.cellorange{
	background-color:	#ffbe5e;/* cell_color */
	}
td.left{
	text-align:		left;
	}
td.center{
	text-align:		center;
	}
td.right{
	text-align:		right;
	}
div#list{
	text-align:		left;
	}
table.list{
	width:			100%;
	font-size:		12px;
	}
table.keyinfo th,table.observe th{
	height:			20px;
	}
div#list table.keyinfo td{
	text-align:		center;
	height:			26px;
	}
div#list table.keyinfo td.left{
	text-align:		left;
	}
div#list table.center td{
	text-align:		center;
	}
div.tableleft{
	float:			left;
	margin-bottom:		30px;
	}
div.tableright{
	float:			right;
	margin-bottom:		30px;
	}
td.individual,th.individual{
	border:			1px solid #ff8c00;
	border-left:		2px solid #ff8c00;
	}
th.individual {
	background-color:	#ffcc66;
	}
table.updated{
	text-align:		left;
	margin-top:		30px;
	width:			330px;
	}
table.updated td,table.updated th{
	text-align:		left;
	}
table.registlist{
	margin-bottom:		20px;
	}
table.registlist p.right{
	float:			right;
	padding-top:		3px;
	margin:			0;
	}
*:first-child+html table.registlist p.right{
	margin-top:		-25px;
	}
table.lb{
	text-align:		left;
	}
table.lb th{
	text-align:		left;
	}

table.newlist{
	text-align:		right;
	font-size:		12px;
	}
td.sm{
	font-size:		10px;
	}
th.emergency{
	color:			#ff0000;
	background-color:	#333;
	}
th.emergency a{
	color:			#ff0000;
	}
th.important{
	color:			#ffff00;
	background-color:	#333;
	}
th.important a{
	color:			#ffff00;
	}
th.others{
	color:			#fff;
	background-color:	#333;
	}
th.others a{
	color:			#fff;
	}

/* -----sarchArea------ */
#sarchArea{
	margin-bottom:		80px;
	text-align:		left;
	}
#sarchArea td,th{
	height:			30px;
	}
#sarchArea th{
	text-align:		left;
	}
#sarchArea td.sarch{
	background-color:	#62c5f8;
	width:			130px;
	text-align:		center;
	}
#sarchArea td.sarch input{
	width:			100px;
	height:			40px;
	}
/* -----helpdeskForm------ */
#helpdeskForm{
	margin-bottom:		80px;
	text-align:		left;
	}
#helpdeskForm table{
	margin:			0 auto;
	}
#helpdeskForm td,th{
	height:			30px;
	}
#helpdeskForm th{
	text-align:		center;
	}
#helpdeskForm td.sarch{
	background-color:	#56af97;
	width:			130px;
	text-align:		center;
	}
#helpdeskForm td.sarch input{
	width:			100px;
	height:			40px;
	}
/* -----longBtn------ */
p.longBtn{
	margin:			20px 0 0 0;
	padding:		5px 0;
	width:			100%;
	text-align:		center;
	background-color:	#62c5f8;
	}
p.longBtn input{
	width:			20%;
	}
p.longBtn .prevbtn{
	width:			100px;
	margin-right:		200px;
	}
/* -----pagenavi------ */
div.pagenavi{
	margin:			10px 0 5px 0;
	}
div.pagenavi p{
	margin:			0 0 10px 0;
	}
div.pagenavi p.pageCase{
	float:			left;
	}
div.pagenavi ul.pageNo{
	float:			right;
	}
div.pagenavi ul.pageNo li{
	float:			left;
	margin:			0 8px 0 0;
	}
div.pagenavi ul.pageNo li.now{
	font-weight:		bold;
	}
div.pagenavi ul.pageNo li.pageNolast{
	margin-right:		0;
	}
div.pnsmall{
	width:			510px;
}
/* -----softwarealarm------ */
table.softwarealarm{
	width:			100%;
	}
table.softwarealarm div.overbox{
	width:			288px;
	overflow:		scroll;   /* スクロール表示 */
	height:			500px;
	border:			1px solid #808080;
	border-top:		none;
	}
table.softwarealarm div.overbox input{
	margin-right:		5px;
	}

table.softwarealarm td{
	border:			none;
	}
table.softwarealarm h3{
	text-align:		center;
	font-weight:		bold;
	padding:		5px 0;
	border:			1px solid #808080;
	margin-top:		5px;
	}
table.softwarealarm td.whitebox{
	width:			30%;
	}
table.softwarealarm td.whitebox h3{
	background-color:	#ffffff;
	}
table.softwarealarm td.normalbox{
	width:			288px;
	}
table.softwarealarm td.normalbox h3{
	background-color:	#dcdcdc;
	}
table.softwarealarm td.blackbox{
	width:			288px;
	}
table.softwarealarm td.blackbox h3{
	background-color:	#333333;
	color:			#ffff00;
	}
table.softwarealarm td.arrowbox{
	width:			5%;
	}
table.softwarealarm td.arrowbox input{
	margin-bottom:		40px;
	}
/* ログインフォームの表示崩れ対策用 :added by toyota 2013/8/7 */
.loginform input{
	width:			80%;
}
.loginform th{
	text-align:		center;
	width:			160px;
}
.loginform td{
	text-align:		center;
	width:			160px;
}
/* キーワード強調表示 2013/08/13 */
table.list span.strong{
	font-weight:		bold;
	color:			red;
}
table.alarmlist span{
	font-weight:		bold;
	color:			red;
}
span.h3cb{
	float:			left;
	}