@charset "utf-8";

* { margin:0px; padding:0px; font-family:"ＭＳ Ｐゴシック"; font-size:13px; color:#333; }
body { margin:10px;}
img { border-width:0px; }
a { color:#211DA6; text-decoration:none; border-width:0px; }
a:hover { color:red; text-decoration:underline; }
hr { height: 1px; border-style: dotted; }

div,table { clear:both; }
.full { width: 100%; }

div.topicpath { margin-bottom:10px; }
div.topicpathleft { margin-bottom:10px;float:left; }

div.title { border-left:5px solid #1260F6; width:100%; background-color:#6994E7; padding: 4px; margin-bottom:10px; color:white; font-weight:bold;
background-image:url(../img/h.gif);
background-position:bottom;
background-repeat:repeat-x; }
div.column { margin-bottom:10px; }
div.column table { clear:none; float:left; margin:0px 10px 0px 0px; }
div.column div { clear:none; float:left; margin:0px 10px 0px 0px; }
div.column div div { clear:none; float:left; margin:0px 0px 0px 0px; }
div.column div table { clear:none; float:none; margin:0px 10px 0px 0px; }
div.column table caption { margin-right:10px; }
div.column table caption .link { float:right; }

div.nospacecolumn { margin-bottom:10px; }
div.nospacecolumn table { clear:none; float:left; margin:0px 0px 0px 0px; }
div.nospacecolumn div { clear:none; float:left; margin:0px 0px 0px 0px; }
div.nospacecolumn * table { clear:none; float:none; margin:0px 0px 0px 0px; }
div.nospacecolumn table caption { margin-right:0px; }

table { border-collapse: collapse; }
td { border:1px solid #666; padding:2px; }
th { color:#434B5B; font-weight:normal; border:1px solid #666; background-color:#eee; padding:2px; }
caption { border-width:1px 1px 0px; border-style:solid; border-color:#666; padding:4px 2px; text-align:left; background-color:#ccc; font-weight:bold; color:#434B5B;
background-image:url(../img/th.gif);
background-repeat:repeat-x;
background-position:top; }
caption .link { float:right; }
table.info { margin-bottom:10px; }
table.cond { margin-bottom:10px; }
table.list { margin-bottom:10px; }
tfoot td,tfoot th { border: 0px; }

table.list tbody tr.odd { background-color:#e4ebf3; }
table.list tbody tr.even {}
table.list tbody tr.edit { background-color:#ffffcc; }
table.list tbody td { text-align:center; }

table.list tbody tr.highlight { background-color:#ffccff; }
table.list tbody th.highlight { background-color:#ffccff; }
table.list tbody td.highlight { background-color:#ffccff; }

table tr.disabled td { background-color:#bbbbbb; }

table.list tbody td.day { text-align:right; }
table.list tbody td.number { text-align:right; }
table.list tbody td.name { text-align:left; }

table.info td { text-align:left; }
table.info tbody td { background-color:#fff; }
table.info td.day { text-align:right; }
table.info td.number { text-align:right; }
table.info td.name { text-align:left; }

table.cond td { text-align:left; }
table.cond tbody td { background-color:#fff;
background-image:url(../img/td.gif);
background-repeat:repeat-x;
background-position:top;
 }
table.cond td.number { text-align:right; }

th .sort { font-size:10px; color:#888; }
th .sort1 { font-size:10px; color:#888; }
th .sort2 { font-size:9px; color:#aaa; }
th .sort3 { font-size:8px; color:#ccc; }

td.tangenchanged{ color:green; }
td.alert{ background-color:#ffccff; }

div.tabs { margin:0px; }
div.tab { background-color:#9DBCFF; float:left; clear:none; margin-right:1px; text-align:center; text-decoration:none; }
div.tab div.top { font-size:1px; height:5px; background:url(../img/corner_lt.gif) top left no-repeat; display:block; }
div.tab div.top div{ font-size:1px; height:5px; background:url(../img/corner_rt.gif) top right no-repeat; display:block; }
div.tab div.bottom { font-size:1px; height:5px; background:url(../img/corner_lb.gif) top left no-repeat; display:block; }
div.tab div.bottom div { font-size:1px; height:5px; background:url(../img/corner_rb.gif) top right no-repeat; display:block; }
div.tab p { margin: 0px 5px; color:white; text-align:center; }
div.tab p a {  color:white; text-decoration:none; }

div.selecttab { background-color:#6994E7; float:left; clear:none; margin-right:1px; text-align:center; text-decoration:none; }
div.selecttab div.top { font-size:1px; height:5px; background:url(../img/corner_lt.gif) top left no-repeat; display:block; }
div.selecttab div.top div{ font-size:1px; height:5px; background:url(../img/corner_rt.gif) top right no-repeat; display:block; }
div.selecttab div.bottom { font-size:1px; height:5px; background:url(../img/corner_lb.gif) top left no-repeat; display:block; }
div.selecttab div.bottom div { font-size:1px; height:5px; background:url(../img/corner_rb.gif) top right no-repeat; display:block; }
div.selecttab p { margin: 0px 5px; color:white; text-align:center; text-decoration:none; }
div.selecttab p a { color:white; text-decoration:none; }

div.tooltip { vertical-align:middle; text-align:center; background-color:#ffffff; position:absolute; border:solid 1px #4169e1; }

input.id { width:70px; ime-mode:disabled; }
input.password { width:100px; ime-mode:inactive; }
input.shortname { width:40px; ime-mode:active; }
input.name { width:70px; ime-mode:active; }
input.kana { width:70px; ime-mode:active; }
input.kana-l { width:70px; ime-mode:active; }
input.kanalong { width:120px; ime-mode:active; }
input.longname { width:120px; ime-mode:active; }
input.kazokubikou { width:360px; ime-mode:active; }
input.zipCd { width:70px; ime-mode:disabled; }
input.email { width:150px; ime-mode:disabled; }
input.date { width:80px; ime-mode:disabled; }
input.dateshort { width:50px; ime-mode:disabled; }
input.time { width:50px; ime-mode:disabled; }
input.phoneNo { width:100px; ime-mode:disabled; }
input.money { width:80px; text-align:right; padding-right:1px; ime-mode:disabled; }
input.moneyshort { width:50px; text-align:right; padding-right:1px; ime-mode:disabled; }
input.code2 { width:25px; ime-mode:disabled; }
input.code3 { width:30px; ime-mode:disabled; }
input.address { width:300px; ime-mode:active; }
input.cardNo { width:70px; ime-mode:disabled; }
input.readonlylong { width:120px; ime-mode:active; background: #fff780; }
input.readonly { width:70px; ime-mode:active; background: #fff780; }
input.readonlyshort { width:50px; ime-mode:active; background: #fff780; }

input.normal { width:70px; }
input.long { width:80px; }
input.no { width:50px; ime-mode:disabled; }
input.shortno { width:25px; ime-mode:disabled; }
input.bankCd { width:40px; ime-mode:disabled; }
input.bankBranchCd { width:30px; ime-mode:inactive; }

input.month { width:60px; ime-mode:disabled; }
input.year { width:40px; ime-mode:disabled; }
input.selectSchool { width:140px; ime-mode:active; }
input.shortaddress { width:120px; ime-mode:active; }
input.shortaddress2 { width:200px; ime-mode:active; }

tbody.number td { text-align:right; }
td.name { text-align:left; }
td.number { text-align:right; }
td.date { text-align:left; }

span.require { vertical-align:top; color:#f33; font-size:10px; }
span.inactive { color:#999; }

span.calendar { position:relative; }
span.calendar div.calendar { position:absolute;top:25px;left:0px; z-index:2; }
span.calendar table * { font-size:12px; cursor:pointer; }
span.calendar table { position:absolute; border-collapse:collapse; border:1px solid #999; width:160px; }
span.calendar thead { background-color:#33c; }
span.calendar td { border:0px; background-image:none !important; }
span.calendar tbody { background-color:#fff; }
span.calendar tbody td { background-color:#fff; text-align:right; width:22px; }
span.calendar thead td { background-color:#33c; text-align:center; color:#fff; font-weight:bold; }
span.calendar thead span { color:#fff; font-weight:bold; }
span.calendar thead td.w1 { background-color:#f44; border-bottom:1px solid #999; }
span.calendar thead td.w2 { background-color:#aaa; border-bottom:1px solid #999; }
span.calendar thead td.w3 { background-color:#44f; border-bottom:1px solid #999; }
span.calendar tbody td.w1 { color:#f00; }
span.calendar tbody td.w2 { color:#000; }
span.calendar tbody td.w3 { color:#00f; }
span.calendar tbody td.x1 { color:#fcc; }
span.calendar tbody td.x2 { color:#ccc; }
span.calendar tbody td.x3 { color:#ccf; }
span.calendar select { position:absolute; top:15px; left:0px; }
span.calendar thead span { position:relative; margin:0px 2px; }
span.calendar input.date { width:85px; }
span.calendar button { width:20px; }
span.calendar div.mat { position:absolute; z-index:1; }

caption.part {border-left:4px solid #666;border-right:4px solid #666;border-top:4px solid #666;border-bottom:2px solid #666;}
table.list tbody td.part { border-right:3px solid #666; }
table.list tbody th.part { border-right:3px solid #666; }
table.list tbody td.partend { border-right:3px solid #666;border-bottom:3px solid #666; }


/* login */

body#loginpage
{
	margin-top: 0;
	padding: 0;
	background: #fff url(../img/bg_left.png) repeat-x;
	position: relative;
}

#bg_wrap {
	height: 768px;
	width: 50%;
	right: 0;
	background:url(../img/bg_right.png) repeat-x;
	position: absolute;
}

#login { 
	position:relative;
	background:url(../img/login/logo.png) top center no-repeat #0799da;
	width: 890px;
	height: 667px;
	margin:0;
	padding:0;
	vertical-align:top;
}

#login .loginform
{
	text-align:center;
}

#login .loginform table
{ 
	border:0px; 
	border-collapse:collapse; 
	margin-right:570px; 
	margin-top:10px; 
}

#login .loginform th, .loginform td { border:0px; padding:6px 0px; }
#login .loginform tbody th { background-color:white; }
#login .loginform tbody td { text-align:center; }
#login .loginform tfoot td { text-align:center; }

.b5{
	height:5px;
}

#login_all{
	position:absolute;
	background-repeat:no-repeat;
	top:330px;
	left:600px;
	height:200px;
}