@charset "utf-8";

*
{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-decoration:none;
  font-family:Verdana, Arial, sans-serif;
}

body *
{
	font-size:12px;
}

hr
{
	display:none;
}

body
{
	padding:0;
	margin:0;
}

/* ---------------- block element */

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
address
{
	display:block;
	margin:0;
	padding:0;
}

/* -------- blockquote */
blockquote
{
	margin:1em 2em;
	padding:0 1em;
}

blockquote p
{
	margin:1em 0 1em 0;
	padding:0;
}

/* -------- pre */
pre
{
	width:95%;
	overflow:scroll;
	margin:1.5em 0;
	padding:0.5em 0.8em;
	font-size:95%;
}

div.section > pre
{
	overflow:visible;
	/*\*/
  overflow:scroll;/**/
}

/* -------- del */
del
{
	color:#CCC;
	font-weight:normal;
	text-decoration:line-through;
}

/* -------- ins */
ins
{
	display:block;
	margin:0;
	padding:1em;
	color:#333;
}

del ins
{
	text-decoration:line-through;
}

ins h1,
ins h2,
ins h3,
ins h4,
ins h5,
ins h6,
ins div,
ins p,
ins pre,
ins address,
ins blockquote,
ins dl,
ins form,
ins fieldset,
ins table
{
	margin:0;
	padding:0;
}

h1 ins,
h2 ins,
h3 ins,
h4 ins,
h5 ins,
h6 ins,
p ins,
pre ins,
address ins,
li ins,
dt ins,
dd ins
{
	display:inline;
	margin:0;
	padding:2px 5px;
	text-decoration:none;
}

pre ins,
code ins,
samp ins,
var ins,
kbd ins
{
	border:none;
	margin:0;
	padding:0;
	text-decoration:underline;
}

/* ---------------- inline element */
a,
abbr,
acronym,
bdo,
big,
cite,
code,
dfn,
em,
img,
kbd,
object,
q,
ruby,
samp,
small,
span,
strong,
sub,
sup,
var
{
	display:inline;
}

abbr,
abbr,
acronym
{
	border-width:0 0 1px 0;
	border-style:dotted;
	cursor:help;
}

dfn
{
	border-width:0 0 1px 0;
	border-style:dotted;
}

a
{
	font-weight:normal;
	text-decoration:none;
}

/* -------- img */
img
{
	margin:0;
	padding:0;
}

a img
{
	border:none;
	text-decoration:none;
}

/* -------- sub sup */
sub,
sup
{
	font-size:50%;
}

/* -------- q */
q
{
	margin:0 0.5em;
	padding:0;
	font-style:italic;
}

/* -------- strong */
strong
{
	margin:0 0.2em;
	padding:0;
	font-weight:bold;
}

/* -------- em */
em
{
	margin:0 0.2em;
	padding:0;
	font-weight:normal;
	text-decoration:underline;
}

/* ---------------- list element */
ul,
ol
{
	display:block;
}

ol,
ul,
li
{
	margin:0;
	padding:0;
}

ol li
{
	margin:1em 0 1em 2em;
	list-style-type:decimal;
}

/* -- form */

form
{
	display:block;
	/*line-height:1.0;*/
	margin:0;
	padding:0;
}

fieldset
{
	margin:0;
	padding:0;
	border:none;
}

fieldset dt
{
	border:none;
}

fieldset ul,
fieldset ol,
fieldset dl
{
	display:block;
	margin:1em 0 1em 0.5em;
}

legend
{
	display:none;
}

label
{
	vertical-align:middle;
	margin:0 0.5em 0 0;
	padding:0;
	text-transform:capitalize;
}

input
{
	vertical-align:middle;
}

/* -------- noscript */
noscript
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

noscript p
{
	padding:0.5em 0;
	border-bottom:1px solid #99CC99;
	color:#666;
	text-align:center;
	background-color:#CCFFCC;
}


@charset "utf-8";

/* -------- show */
.show
{
	display:block;
}

/* -------- hidden */
.hidden
{
	display:none;
}

/* -------- font size */

.size_plus6,
.size_plus5,
.size_plus4,
.size_plus3,
.size_plus2,
.size_plus1,
.mainsize,
.size_minus1,
.size_minus2
{
	line-height:1.5;
	font-weight:normal;
}

.size_plus6
{
	font-size:158.5%;
}

.size_plus5
{
	font-size:142%;
}

.size_plus4
{
	font-size:133.5%;
}

.size_plus3
{
	font-size:125%;
}

.size_plus2
{
	font-size:117%;
}

.size_plus1
{
	font-size:108.5%;
}

.mainsize
{
	font-size:100%;
}

.size_minus1
{
	font-size:79.5%;
}

.size_minus2
{
	font-size:67%;
}


/* -------- attention */
.red
{
	color:#ff0000;
}

.bold
{
	font-weight:bold;
}

p.cap
{
	padding-left:1em;
	text-indent:-1em;
	margin:5px 0 0 0;
}

/* -------- section */
.section1
{
	clear:both;
	display:block;
	margin-bottom:10px;
}

.section2
{
	clear:both;
	display:block;
	margin-bottom:20px;
}

.section3
{
	clear:both;
	display:block;
	margin-bottom:30px;
}

.section4
{
	clear:both;
	display:block;
	margin-bottom:40px;
}

.section5
{
	clear:both;
	display:block;
	margin-bottom:50px;
}

/* -------- inline list */
ul.inline li,
ul#entry-nav li
{
	display:inline;
}

ul.inline li ul
{
	display:inline;
	margin:0;
	padding:0;
}

/* -------- line dot */

.line
{
	clear:both;
	line-height:1.0;
	padding:0;
	height:1px;
	background-image:url(../images/line1.gif);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

.dotline
{
	clear:both;
	line-height:1.0;
	padding:0;
	height:1px;
	background-image:url(../images/dot1.gif);
	background-repeat:repeat-x;
}

.dotline hr,
.line hr
{
	display:none;
}


/* -------- image replacement */
a.replacement
{
	display:block;
	text-indent:-9999px;
	text-decoration:none !important;
}

/* -------- floating image */
.img
{
	min-height:120px;
	text-align:left;
}

.left_img img
{
	float:left;
	clear:left;
	margin:0 1.5em 0.8em 0;
	padding:0;
}

.right_img img
{
	float:right;
	clear:right;
	margin:0 0 0.8em 1.5em;
	padding:0;
}

/* -------- float clear */
.clear
{
	clear:both;
	line-height:0;
	width:1px;
	height:1px;
	font-size:0;
	margin:0;
	padding:0;
	border:0;
}

.clear hr
{
	display:none;
}

.clear_r
{
	float:right;
}

.clear_l
{
	float:left;
}

/* -------- link */
a,
a:link
{
	color:#0000ff;
	text-decoration:underline;
}

a:visited
{
	color:#0000ff;
	text-decoration:underline;
}

a:hover
{
	text-decoration:underline;
	color:#666;
}

/* -------- body */
body
{
	line-height:140%;
	color:#000;
	clear:both;
}

p{
margin:5px 0 15px 0;
}

/* -------- レイアウト --------*/

div#contents
{
	padding:0;
	margin:10px 10px 10px 10px;
clear:both;
}

div#tutorial_contents
{
	padding:0;
	margin:2px 2px 2px 2px;
clear:both;
}

.contents_inner{
	clear:both;
	width:968px;
/*	width:3000px;*/
}

.contents_inner2{
	clear:both;
	padding:10px 0 0 0;
}


/* header */

div#header
{
	background:url(../images/header/header_bg.gif) repeat-x top left;
	height:77px;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:left;
	overflow:hidden;
}

div#header div#header_inner
{
	margin:0 0 0 8px;
	padding:0;
}	

div#header div.logo
{
	display:block;
	float:left;
	width:152px;
	height:77px;
	margin:0;
	padding:0;
	background:url(../images/header/logo.gif) no-repeat 0 0;
}	

div#header div.logo a
{
	display:block;
	width:152px;
	height:77px;
}	

div#header div.logo h1
{
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}

div#header div.logo_demo
{
	display:block;
	float:left;
	width:152px;
	height:77px;
	margin:0;
	padding:0;
	background:url(../images/header/logo_demo.gif) no-repeat 0 0;
}	

div#header div.logo_demo a
{
	display:block;
	width:152px;
	height:77px;
}	

div#header div.logo_demo h1
{
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}

div#header div#h_menu
{
	display:block;
	margin:0 20px 0 0;
	padding:0;
}	

div#header div#h_menu ul#h_menu_ul
{
	float:right;
	display:block;
	width:273px;
	height:26px;
	margin:25px 0 0 20px;
	padding:0;
	list-style:none;

}	

div#header div#h_menu ul#h_menu_ul li
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

div#header div#h_menu p
{
	float:right;
	text-align:right;
	font-size:15px;
	font-weight:bold;
	margin:30px 0 0 0;
	padding:0;
	color:#000;
}	

div#header div#h_menu ul#h_link_ul
{
	float:right;
	display:block;
	width:130px;
	height:27px;
	margin:25px 0 0 20px;
	padding:0;
	list-style:none;

}

/* -------- 大メニュー --------*/

div.menu01
{
	width:144px;
	padding:0;
	margin-bottom:0px;
}

img.menuttl
{
	vertical-align:bottom;
}
	
div.dai
{
	background:url(../images/menu/yellow/menu01_bg.gif) no-repeat top #fff;
	border-bottom:1px solid #ffc000;
	padding:8px 3px 6px 3px;
	margin:0;
}

div.dai p
{
	line-height:1.5;
	margin:0;
	padding:0;
}	

div.fin
{
	border-bottom:2px solid #ffc000 !important;
}

div.dai p img
{
	margin:0;
	padding:0 5px;
	vertical-align:middle;
}	

/* IE以外とIE7向け */
p>img 
{
 padding: 0;
}


div.dai a,
div.dai a:visited
{
	color:#000;
	text-decoration:none;
	display:block;
}

div.dai a:hover
{
	color:#706647;
	text-decoration:none;
	display:block;
}

.menu01 a
{
color:#000;
background-image:none;
text-decoration:none;
}

.menu01 a:visited
{
color:#000;
background-image:none;
text-decoration:none;
}

.menu01 a:hover
{
color:#666;
background-image:none;
text-decoration:none;
}

div.menu01 ul
{
	list-style:none;
}

.menu01 ul li
{
	background:url(../images/menu/yellow/menu01_min_bg.gif) bottom no-repeat #fef7d9;
	line-height:1.4;
	padding:5px 0;
	margin:0;
}

div.menu01 ul li.fin
{
	background:url(../images/menu/yellow/menu01_fin_bg.gif) bottom no-repeat #fef7d9;
	padding:5px 0;
	margin:0;
}
	
div.menu01 ul li span
{
	background:url(../images/misc/ya.gif) no-repeat 6px 7px;
	padding:3px 3px 0 20px;
	margin:0;
	text-decoration:none;
}

.dai img{
margin:0 5px 0 5px;
vertical-align:middle;
}


/* いらない？？？

.dai span{
background-image:none;
padding:3px 3px 3px 20px;
text-decoration:none;
color:#8c8b8b;
}

.menu02{
margin-bottom:3px;
}

*/



/* -------- 生徒大メニュー --------*/
.student_menu01{
padding:0;
background-color:#f1f3f4;
margin-bottom:5px;
width:154px;
}
.student_menu01 ul{
list-style:none;
}


.student_menu01 span{
background-image:url(../images/misc/ya.jpg);
background-position:left;
background-repeat:no-repeat;
padding:3px 3px 3px 20px;
text-decoration:none;
color:#8c8b8b;
}


.student_dai span{
background-image:none;
padding:3px 3px 3px 20px;
text-decoration:none;
color:#8c8b8b;
}

.student_menu01 a{
color:#8c8b8b;
background-image:none;
text-decoration:none;
}

.student_menu01 a:visited{
color:#8c8b8b;
background-image:none;
text-decoration:none;
}
.student_menu01 a:hover{
color:#368f02;
background-image:none;
text-decoration:none;
}
.student_menu01 li{
background-image:url(../images/menu/line.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:2px 0 2px 0;
margin:0;
}

.student_menu01 li.fin{
background-image:none;
padding:2px 0 2px 0;
margin:0;
}



.student_dai{
padding:0;
margin:0;
color:#fff;
}


.student_dai img{
margin:0;
vertical-align:top;
}


.student_dai a{
color:#fff;
text-decoration:none;
display:block;
}

.student_dai a:visited{
color:#fff;
text-decoration:none;
display:block;
}
.student_dai a:hover{
color:#ccc;
text-decoration:none;
display:block;
}

.pan
{
	clear:both;
	margin:10px;
}


.footer{
background-image:url(../images/footer/footer.gif);
background-repeat:repeat-x;
height:13px;
background-position:top;
clear:both;
}

.box{
margin:0px 10px 10px 10px;
}



/* 使わない？？

.logo{
margin:15px 10px 15px 10px;
vertical-align:middle;
}

.name{
font-weight:bold;
font-size:200%;
font-family:"Osaka", Osaka, "ヒラギノ角ゴ Pro W3";
}

.btn2{
margin:0 0 10px 7px !important;
}

.sub
{
margin-bottom:6px;
}

.sub img
{
margin:0;
padding:0;
border:0;
vertical-align:middle;
}

*/



.button02{
margin-top:29px;
margin-right:3px;
}


/* mini */

.mini
{
	background:url(../images/misc/box3.gif) repeat-y top left;
	margin:0 0 15px 0;
	padding:0;
	border:0;
	width:784px;
}

.mini p
{
	margin:5px 10px 5px 10px;
	line-height:1.8;
}

.mini span.bold
{
	font-weight:bold;
	background:url(../images/misc/bold_icon.gif) no-repeat 0 2px;
	padding:0 0 0 15px;
}

.mini a
{
	color:#000;
	text-decoration:none;
}

.mini a:visited
{
	color:#000;
	text-decoration:none;
}

.mini a:hover
{
	color:#666;
}




.space{
margin:0 4px 0 15px;
}

.task{
float:left;
	margin-right:20px;
}
.user{
float:left;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -------- 見出し --------*/


h2
{
	background:repeat-y repeat-x top left;
	border-top:2px solid #ffcc00;
	border-bottom:1px solid #585858;
	width:814px;
	color:#000;
	padding:5px 5px 4px 0;
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 10px;
}

.icon
{
	padding:0 10px 2px 10px;
	vertical-align:middle;
}



h3{
background-image:url(../images/misc/line2.gif);
background-position:bottom;
background-repeat:repeat-x;
font-weight:bold;
padding-bottom:22px;
clear:both;
margin-bottom:10px;
margin-top:10px;
font-size:140%;
}



/* list table */

table.list, table.info, table.calendar{
	border-collapse:collapse;
	margin-bottom:20px;
}

table.list th, 
table.info th, 
table.calendar th
{
  background-color:#fef7d9;
	text-align:center;
	border: 1px solid #aaaaaa;
	padding:4px;
	border-collapse:collapse;
	color:#000;
}

table.list td, 
table.info td, 
table.calendar td
{
  background-color:#fff;
	text-align:left;
	border: 1px solid #aaaaaa;
	padding:4px 8px;
	border-collapse:collapse;
}

table.list td
{
	text-align:center;
}

table.list tfoot td, 
table.info tfoot td, 
table.calendar tfoot td
{
  border: 0px; 
  text-align: right;
}

/* caption */

caption{
	padding:0px;
	margin:0;
	border:0;
	border-collapse:collapse;
	font-size:13px;
	background:no-repeat top right;
	/*height:25px;*/
}

caption div.title{
  float:left;
	color:#000;
	text-align:left;
	padding:6px 0 0 0;
	margin:0;
	border:0;
	font-weight:bold;
	font-size:13px;
	line-height:1.0;
}

caption div.title img
{
	padding:0;
	margin:-6px 0 0 0;
	vertical-align:top;
}	


caption div.paging{
	color:#000;
	text-align:right;
	padding:0px;
	margin:3px;
	border:0;
	font-size:14px;}

caption div.paging a, caption div.paging a:link, caption div.paging a:visited, caption div.paging a:hover{
	color:#000;
}

/* -------- table　　いろいろな装飾 --------*/

table td.jyuyo{
	background-color:#fee2e2;
	color:#f00;
	text-align:center;
	border: 1px solid #999;
	border-collapse:collapse;
}
table td.chiiki{
	background-color:#effce7;
	text-align:center;
	border: 1px solid #999;
	border-collapse:collapse;
}


table td.link{
background-color:#f5f8fe;
text-align:center;
}

table th.month{
	background-color:#888;
	color:#fff;
	text-align:center;
	background-image:none;
}
table th.sun{
background-color:#fcd9e4;
}
table th.sat{
background-color:#d0dfee;
}

table td.disabled, table th.disabled, table tr.disabled td, table tr.disabled th{
  background:#CCCCCC;
}


table td.highlight {
  background:#FFDDFF;
}
table th.highlight {
  background:#FFDDFF;
}
table tr.highlight td {
  background:#FFDDFF;
}
table tr.highlight th {
  background:#FFDDFF;
}


/* student profile */

table.info td.photo_td_class{
  text-align:center;
  vertical-align:middle;
}

/* calendar table */

table.calendar td{
  vertical-align:top;
	text-align:left;
}

table.calendar td.out_month{
  background:#DDDDDD;
}

table.calendar th{
  font-weight:bold;
}

table th.wday1, table th.wday2, table th.wday3, table th.wday4, table th.wday5, table td.wday1, table td.wday2, table td.wday3, table td.wday4, table td.wday5{
  background:#FFFFD4;
}

table th.wday0, table td.wday0{
  background:#FCD9E4;
}

table th.wday6, table td.wday6{
  background:#D0DFEE;
}

/* login rate table */
tbody td.total_sum {
	background:#ff9fbf;
}

tbody td.short_sum {
	background:#99ff99;
}
tbody td.grade_sum {
	background:#99ff99;
}
tbody td.comp_sum {
	background:#ff9fbf;
}

tbody td.dept1_sum {
	background:#99ff99;
}
tbody td.dept2_sum {
	background:#ccffff;
}
tbody td.dept3_sum {
	background:#ffff99;
}


@charset "utf-8";

div.notice { color: green; }
div.register_notice { color: blue;font-size:16px;font-weight:bold;margin-bottom:3px; }
div.error { color: red; }
.fieldWithErrors {
  border-width: 1pt;
  border-style: solid;
  border-color: red;
}
.formError {
  color: red;
}

div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

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

span.require 
{
	color:red;
	font-size: 10px;
}

.center{ text-align: center !important;}
.right{ text-align: right !important;}
.left{ text-align: left !important;}
.top{ vertical-align:text-top !important;}
.bottom{ vertical-align:text-bottom; !important;}

/* paging */
span.paging span.pageno a{
  margin-left:5px;
}

span.paging span.on a{
  font-weight:bold;
  text-decoration:none;
}


@charset "utf-8";

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 .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; }

a.button{
	font-size:12px;
	padding: 2px 0px 2px;
	display: block;
	text-align:center;
  margin-left:5px;
}
a.button, a.button:visited{
	color :#666 ;
  text-decoration:none;
}
a.button:hover{
	color :#666 ;
  text-decoration:none;
}


button
{
  color :#000;
	font-size:12px;
	text-align:center;
  margin:5px;
}

input.button{
  color :#000;
	font-size:12px;
	padding: 3px 5px 3px 12px;
  margin:5px;
	text-align:center;
  background: #f4b800 url(../../images/button/yellow/button_small.gif) repeat-x top left;
	border-top:1px solid #ffbd26;
	border-left:1px solid #ffbd26;
	border-bottom:1px solid #b48700;
	border-right:1px solid #b48700;
	overflow:visible;
}

button.delete,
input.delete
{
  color :#000;
	font-size:12px;
	padding: 3px 5px 3px 12px;
  margin:0 5px 5px 5px;
	text-align:center;
  background: #e3596d url(../images/button/button_small_red.gif) repeat-x top left;
	border-top:1px solid #eb5772;
	border-left:1px solid #eb5772;
	border-bottom:1px solid #9f172a;
	border-right:1px solid #9f172a;
	overflow:visible;
}

.thickbox img
{
	vertical-align:middle;
}
	
/*
button{
	padding: 0px;
  margin:1px;
  border: 2px;
}
*/

.ime-on { ime-mode:active; }
.ime-off { ime-mode:inactive; }
.ime-none { ime-mode:disabled; }

.readonly { background:#ffffcc}

table.list th, table.info th, table.calendar th{
	border: 1px solid #aaaaaa;
	color:#000;
}

table.list td, table.info td, table.calendar td{
	border: 1px solid #aaaaaa;
}

div.tabs { margin:0px; }
div.tab { background-color:#879BCD; float:left; clear:none; margin-right:1px; }
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; font-weight:bold; color:white; }
div.tab p a { font-weight:bold; color:white; }

div.selecttab { background-color:#4F74AC; float:left; clear:none; margin-right:1px; }
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; font-weight:bold; color:white; }
div.selecttab p a { font-weight:bold; color:white; }

table.datechooser * { font-size:12px; cursor:pointer; }
table.datechooser { position:absolute; border-collapse:collapse; border:1px solid #999; width:160px; }
table.datechooser thead th { background-color:#33c; }
table.datechooser thead td { background-color:#33c; }
table.datechooser th { border:0px; text-align:center; color:#fff; font-weight:bold; }
table.datechooser th.move { font-size:10px; }
table.datechooser th.w1 { background-color:#f44; border-bottom:1px solid #999; }
table.datechooser th.w2 { background-color:#aaa; border-bottom:1px solid #999; }
table.datechooser th.w3 { background-color:#44f; border-bottom:1px solid #999; }
table.datechooser tbody { background-color:#fff; }
table.datechooser td { border:0px; text-align:right; width:22px; }
table.datechooser td.w1 { color:#f00; }
table.datechooser td.w2 { color:#000; }
table.datechooser td.w3 { color:#00f; }
table.datechooser td.x1 { color:#fcc; }
table.datechooser td.x2 { color:#ccc; }
table.datechooser td.x3 { color:#ccf; }
table.datechooser td.today { background-color:#cfc; }
table.datechooser td.current { font-weight:bold; }
table.datechooser td.selected { background-color:#ccc; }
table.datechooser select { position:absolute; top:15px; left:0px; border:1px; }
table.datechooser thead span { position:relative; margin:0px 2px; }
input.datechooser { width:75px; ime-mode:disabled; }
button.datechooser { width:20px; }

input.datepicker { width:85px; ime-mode:disabled;background:#E3E3E3; }

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }
.ui-accordion li .ui-accordion-header {
	display: block;
	padding-left: 5px;
	margin-right: 3px;
	height: 28px;
	background-image: url(i/accordion-middle.png);
	color: #000;
	text-decoration: none;
	line-height: 28px;
	position: relative;
	left: 3px;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url(i/accordion-right.png);
	position: absolute;
	top: 0px;
	right: -3px;
	height: 28px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url(i/accordion-left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
	width: 3px;
}

.ui-accordion li:hover .ui-accordion-left { background-image: url(i/accordion-left-over.png); }
.ui-accordion li:hover .ui-accordion-header { background-image: url(i/accordion-middle-over.png); }
.ui-accordion li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

.ui-accordion li.selected .ui-accordion-left { background-image: url(i/accordion-left-act.png); }
.ui-accordion li.selected .ui-accordion-header { background-image: url(i/accordion-middle-act.png); }
.ui-accordion li.selected .ui-accordion-right { background-image: url(i/accordion-right-act.png); }


/* Main Flora Style Sheet for jQuery UI ui-datepicker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #DDD;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #FF9900;
	z-index: 10;
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #DDD !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #DDD;
	color: #000;
}
*html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control {
	background: #FF9900;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #E0F4D7;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #83C948;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker .ui-datepicker-title-row {
	background: #B1DB87;
	color: #000;
}
.ui-datepicker .ui-datepicker-days-row {
	background: #FFF;
	color: #666;
}
.ui-datepicker-week-col {
	background: #B1DB87;
	color: #000;
}
.ui-datepicker .ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #DDD;
}
#ui-datepicker .ui-datepicker-days-cell a {
	display: block;
}
.ui-datepicker .ui-datepicker-week-end-cell {
	background: #E0F4D7;
}
.ui-datepicker .ui-datepicker-days-cell-over {
	background: #FFF;
	border: 1px solid #777;
}
.ui-datepicker .ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #B1DB87 !important;
}
.ui-datepicker-current-day {
	background: #83C948 !important;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.ui-datepicker-title-row a {
	color: #000 !important;
}
.ui-datepicker-control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #83C948;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}


/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
	background-color: #fff;/*#e6f7d4*/
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(i/dialog-title.gif) repeat-x;
	padding: 0px;
	height: 28px;
	_height: 29px;
}

.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(i/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(i/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }


/* This file skins resizables */

.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(i/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(i/resizable-ne.gif); }


/* This file skins sliders */

.ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(i/slider-handle.gif);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(i/slider-bg-1.png); }
.ui-slider-2 { background-image: url(i/slider-bg-2.png); }


@import "flora.css";

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/images/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(/images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/images/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(/images/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/images/treeview/treeview-red.gif); } 

.treeview-black li { background-image: url(/images/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/images/treeview/treeview-black.gif); }  

.treeview-gray li { background-image: url(/images/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/images/treeview/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/images/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/images/treeview/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(/images/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/images/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/images/treeview/file.gif) 0 0 no-repeat; }

.final_check dt {
  float: left;
  clear: both;
  width: 70px;
}

/** Chromeのみ下記のスタイルを適用するハック。IE6,7で適用すると崩れるため。 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .final_check dd {
  float: left;
 }
}