@charset "UTF-8";
/* CSS RULES */
* {
	line-height:1.5;
	margin:0px;
	padding:0px;
	font-family : 'verdana',"游ゴシック", 'sans-serif','Arial'
}

body{
	min-width:750px;
	padding:0px;
	margin:0px;
	background:url('images/bodyback.gif') repeat-x #ddd;
	 -webkit-text-size-adjust: none;
}


.noborder{border:0px;}
/* basic table ---------------------------------*/
table{
	border-collapse:collapse;
	padding:0px;
	margin:10px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
td{
	padding:5px 15px;
}
th{
	background:url('images/thback.gif') #e2e2e2 repeat-x;
	padding:5px 15px;
}

table.tableborder th{
	border:1px solid #ccc;
}
table.tableborder td{
	border:1px solid #ccc;
}

table.leftborder th{
	border-left:2px solid #fff;
}
table.leftborder td{
	border-left:2px solid #fff;
}

.filelist{

}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.tdright{
	text-align:right!important;
}
.vcenter{
	vertical-align:middle;
}
.vtop{
	vertical-align:top;
}
.nopadding td{
	padding:0px;
}
.leftth th{
	text-align:left;
}

.filelist .even td{
	background:#e9f1ff;
}
.filelist .odd td{
	background:#f9fbff;
}
.mergedcell {
	vertical-align:top;
}

.color-1{
/* yellow */
	background:#F6E260;
}
.color-2{
/* orange */
	background:#FFAE58;
}
.color-3{
/* white */
	background:#fff;
}
/* basic list ---------------------------------*/
ul.baselist{
	text-align:left;
	padding: 10px 10px 10px 35px;
}
.baselist li {
 	list-style-type: disc;
	padding: 2px;
}

ol.orderedlist{
	text-align:left;
	padding: 3px 10px 3px 35px;

}
.orderedlist li {
	list-style-type: decimal;
	padding: 2px;
}
.contentsback dl{
	display:block;
}
.contentsback dt{
	color:#111;
	background:url('images/baselist.gif')no-repeat top left ;
	padding-left:15px;
}
.contentsback dd{
	margin-bottom:5px;
	padding-left:15px;
}

/* basic module ---------------------------------*/

/* clearfix */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;
  clear: both;
  visibility:hidden;
}

.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 

.nofloat{
	clear:both;
}

.inlinebox{
	overflow-y:scroll;
}
/* basic link  ---------------------------------*/

a:link,a:visited{
	text-decoration:none;
}
a .linktext{
 	color: #003399;
	text-decoration:none;
	border-bottom:1px dotted #003399;
}
a .linktext:hover{
 	color: #999;
/*	background:#dbe5fc;*/
	text-decoration:none;
	border-bottom:1px dotted #999;
}
a:hover,a:active { color: #6699ff; }

a img{
	border-style:none;
	border-bottom:0px;
}

.linkborder{
 	color: #003399;
	text-decoration:none;
	border-bottom:1px dotted #003399;
}


/* basic img  ---------------------------------*/
img {
	padding: 0px;
	margin: 0px;
	border:none;
	border-style:none;
	border-bottom:0px;
	vertical-align: text-bottom; 
}
.img_right{
	float:right;
	padding:5px;
	margin:0px 0px 10px 10px;
	background: #ebebeb;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

.img_left{
	float:left;
	padding:5px;
	margin:0px 10px 10px 0px;
	background: #ebebeb;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

.img_center{
	text-align:center;
}

.img_center img{
	background: #ebebeb;
	padding:5px;
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

.img_center .img_left .img_right a{border:0px;}
.img_border{border:1px solid #aaa;}
.white{background:#fff;}
/* basic headline ---------------------------------*/
h1{
	display:none;
	font-size:150%;
	margin:10px 0px 0px 0px;
	padding:15px 0px;
	clear:left;
	color:#777;
}
h2{
	background:url('images/h2back.gif') no-repeat #3348b3;
	color:#fff;
	font-size:120%;
	clear:both;
	margin:10px 0px;
	padding:5px 20px;
	border-bottom:1px solid #aaa;
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	z-index:1;
	
}
h3{
	font-size:110%;
	clear:left;
	padding:5px;
	margin:10px 0px 5px 0px;
	border-bottom:1px solid #aaa;
	color:navy;
}
h4{
	font-size:100%;
	clear:left;
	padding:0px 3px;
	margin:5px 0px 5px 0px;
}
h5{
	font-size:100%;
	clear:left;
	padding:0px 3px;
	margin:10px 0px 5px 0px;
	border-bottom:1px dotted #aaa;
}


/* basic text ---------------------------------*/
p{
	padding:5px;
     
}
.adjust{
	margin-top:-5px;
}
.minitext{
	font-size:95%;
}

.mini2text{
	font-size:65%;
}
.bigtext{
	font-size:120%;
}
.wbigtext{
	font-size:150%;
}
.strong{
	font-weight:bolder;
}
.red{
	color:crimson;
}
.blue{
	color:blue;
}
.steelblue{
	color:steelblue;
}
.gray{
	color:darkgray;
}

.black{
	color:black;
}

.space{
	margin-right:15px;
}
.inline{
	margin:auto;
	padding:auto;
	vertical-align:top;
}

.righttext{
	text-align:right;
}
.center{
	text-align:center;
}
label{
	cursor:pointer;
	color:#036:
	border-bottom:1px dotted #036;
}

.f-right{
	float:right;
}
.pdfmemo{
	text-align:right;
	float:right;
	color:#666;
	font-size:95%;
	padding:5px 10px;
	margin:-10px 0px 10px 0px;
/*	background:#fafafa;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	*/
}
.alert{
	background:url('images/alert.png') no-repeat top left;
	padding-left:23px;
}
/* file icon ---------------------------------------*/
.icon{
	margin-right:5px;
	vertical-align:text-bottom;
}
/* basic article ------------------------------*/

.grayback{
	background:#eee;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
	margin:10px 0px;
	
}
.blueback{
	background:#ebf3ff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
	margin:10px 0px;
	
}
.whiteback{
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
	margin:0px;
	border:1px solid #ccc;
	
}
.centertext{
	width:550px;
	text-align:left;
	margin:10px auto;
}
.adobelink{
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:3px 5px 10px 5px;
	margin:10px 0px 20px 0px;
	border:1px solid #aaa;
	
}

/* submenubottom 1or2or4orbig --------------------*/

.subpmenubig .linktext,
.subpmenu1clm .linktext,
.subpmenu2clm .linktext,
.subpmenu2clm2col .linktext,
.subpmenu4clm .linktext,
.subpmenu5clm .linktext,
.subpmenu6clm .linktext{ 
	color: #fff!important;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}


.subpmenu1clm{
	padding:0px;
	margin:0px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu1clm li{
	color:#fff;
	width:100%;
	background:url(images/menubtnback.gif) #36c;
	min-height:20px;
	padding:10px 0px;
	margin:2px;
	float:left;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu1clm li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}


.subpmenu2clm{
	padding:0px;
	margin:0px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu2clm li{
	color:#fff;
	width:49%;
	background:url(images/menubtnback.gif) #36c;
	min-height:20px;
	padding:10px 0px;
	margin:2px;
	float:left;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu2clm li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}

.subpmenu2clm2col li{
	color:#fff;
	width:48%;
	background:url(images/menubtnback.gif) #36c;
	min-height:20px;
	padding:10px 0px;
	margin:2px;
	float:left;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu2clm2col li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}

.subpmenu4clm{
	font-size:105%;
	padding:0px;
	margin:0px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

.subpmenu4clm li{
	color:#fff;
	width:24.0%;
	background:url(images/menubtnback.gif) #36c;
	min-height:20px;
	padding:10px 0px;
	margin:2px;
	float:left;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu4clm li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}
.subpmenu5clm{
	font-size:105%;
	padding:0px;
	margin:0px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu5clm li{
	color:#fff;
	width:19%;
	background:url(images/menubtnback.gif) #36c;
	min-height:20px;
	padding:10px 0px;
	margin:2px;
	float:left;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu5clm li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}

.subpmenu6clm{
	font-size:105%;
	padding:0px;
	margin:0px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu6clm li{
	color:#fff;
	width:15.6%;
	background:url(images/menubtnback.gif) #36c;
	min-height:20px;
	padding:10px 0px;
	margin:2px;
	float:left;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenu6clm li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}

.subpmenubig li{
	color:#fff;
 	list-style:none;
	clear:both;
	width:60%;
	font-weight:bolder;
	font-size:110%;
	text-align:center;
	vertical-align:middle;
	background:url(images/menubtnback.gif) #36c;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:auto;
	padding-right:auto;
	margin:20px auto;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}
.subpmenubig li:hover{
	background:url(images/menubtnback_hover.gif) #36c!important;
}
.violet li{
	background:url(images/menubtnback_violet.gif) #36c;
}

.violet li:hover{
	background:url(images/menubtnback_violet_hover.gif) #33c!important;
}

.black li{
	background:#666;
}
/* basic rayout-----------------------------*/

.contents{
	padding:20px;
}
.min2line li{
	min-height:43px;
}
.col3l{
	width:29%;
	margin:0px 0px 0px 0px;
	float:left;
}
.col3c{
	width:29%;
	margin:0px 10px;
	float:left;
}
.col3r{
	width:29%;
	margin:0px;
	float:left;
}

/*header*/
.header  a{text-decoration:none;border:0px;min-height:45px;}

div.header{
	text-align:left;
	padding:0px;
}
.header .language{
	text-align:right;
	float:right;
	padding:20px 0px;
	font-size:12px;
	height:40px;
}
/*breadcrumb*/

.breadcrumb{
	width:100%;
	min-height:30px;
	font-size:90%;
	margin-bottom:10px;
	text-align:left;
}

.breadcrumb li{
	float:left;
	list-style:none ;
	padding:10px 0px 10px 2px;
}
.breadcrumb li:before{content:"> ";}
#breadcrumbhome{
	background:url('images/pankuzu_home.gif') no-repeat top left ;
	padding:10px 0px 10px 22px;
}
#breadcrumbhome:before{content:"";}

.breadcrumb a{text-decoration:none;border:0px;}
.breadcrumb a:link { color: #666666;} 
.breadcrumb a:visited { color: #666666;} 
.breadcrumb a:hover { color: #3366cc;text-decoration:underline;}
.breadcrumb a:active { color: #666666; } 


.contentsback{
	background:#fff;
	margin:-10px 0px 10px 0px;
	padding:10px 20px;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-shadow:0px 4px 3px -3px #888;
	-moz-box-shadow: 0px 4px 3px -3px #888;
	-o-box-shadow: 0px 4px 3px -3px #888;
	-ms-box-shadow: 0px 4px 3px -3px #888;
	
}

.bottomtotop{
	font-size:13px;
	background:url('images/totopback.gif') top left no-repeat;
	float:right;
	padding:5px 22px 5px 30px;
}
.bottomtotop a{text-decoration:none;border:0px;display:block;}
.bottomtotop a:link { color: #fff;} 
.bottomtotop a:visited { color: #fff;} 
.bottomtotop a:hover { color: #eee; text-decoration:underline;}
.bottomtotop a:active { color: #fff; }

#footer{
	text-align:center;
	background:#333;
	color:#aaa;
	font-weight:bolder;
	padding:10px;
	margin:-10px auto 0px auto;
}

/* toppage ----------------------------------*/
.menu_wrapper{
	clear:both;
	margin:0px 10px 0px 10px;
	padding:10px 10px 12px 10px;
	background:#e7ecf7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

div.menu{
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:-10px 0px 10px 0px;
	padding:10px 0px;
	box-shadow:0px 4px 3px -3px #888;
	-moz-box-shadow: 0px 4px 3px -3px #888;
	-o-box-shadow: 0px 4px 3px -3px #888;
	-ms-box-shadow: 0px 4px 3px -3px #888;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	
}

.menu dl{
	background:url('images/topmenubtnback.gif') #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
	font-weight:bolder;
	margin:4px 0px 0px 4px;
	padding:auto 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

.menu dl:hover{background:url('images/topmenubtnback_hover.gif') #2f4c8c!important;}
.menu dd a{text-decoration:none;border:0px;min-height:45px;}
.menu li a{text-decoration:none;border:0px;min-height:45px;}
.menu a:link { color: #fff;} 
.menu a:visited { color: #fff;} 
.menu a:hover { color: #fff;}
.menu a:active { color: #fff; } 

.linktolist2{
	font-size:120%;
	float:right;
	margin:-9px 0px 10px 20px;
	background:url('images/topmenubtnback_ie8_hover.gif') #444;
	padding: 10px 30px 10px 30px;
 	border-left:1px solid #666;
	border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	
}
.linktolist2 {color: #fff;text-decoration:none;border:0px;display:block;}
.linktolist2:link { color: #fff;} 
.linktolist2:visited { color: #fff;} 
.linktolist2:hover { color: #fafafa;cursor:pointer;}
.linktolist2:active { color: #fff; }

.linktolist{
	font-size:90%;
	float:right;
	margin-top:-9px;
	background:url('images/linktolistback.gif') #444;
	padding: 9px 10px 8px 10px;
 	border-left:1px solid #666;
	border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	
}
.linktolist {color: #fff;text-decoration:none;border:0px;display:block;}
.linktolist:link { color: #fff;} 
.linktolist:visited { color: #fff;} 
.linktolist:hover { color: #fafafa;cursor:pointer;}
.linktolist:active { color: #fff; }
.nolink{
	z-index:0;
	float:right;
	width:30%;
	height:36px;
	margin-top:-9px;
	background:#3348b3;
	padding: 0px;
	border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	
}
#update{	
	margin:0px;
	padding:30px 0px 15px 70px;
	background:url('images/h2update_back.gif') no-repeat;
}

#notice{
	margin:0px;
	padding:30px 0px 15px 70px;
	background:url('images/h2notice_back.gif') no-repeat;
}

#support{
	clear:both;
	margin:0px;
	padding:28px 0px 15px 70px;
	background:url('images/h2support_back.gif') top left no-repeat;
}

.support_adjuster{
	float:right;
	margin-top:-8px;
	height:37px;
	width:400px;
	border-bottom:1px solid #3348b3;
	background:#3348b3;
	border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	
}
.support_adjuster:not(:target){height:36px\0/;}/*IE9 temp*/

/*contents*/
.filesearch {
	text-align:center;
	margin:20px auto 20px auto;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border:1px solid #ccc;
	background:url(images/filesearchback.gif) #ccc;
	
}

.filesearch .category{
	font-size:110%;
	font-weight:bolder;
	color:#336699;
}

.filesearch .message{
	clear:both;
	font-size:90%;
}

.filesearch input[type="text"] {
  background-color: #eee;
  border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
  border: 1px solid #ddd;
  height: 30px;
  width: 200px;
  padding: 0 10px; 
  left: 0;
  top: 0; 
	
}
.filesearch input[type="submit"]{
  background-color: #039;
  color:#fff;
  border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
  border: 1px solid #369;
  height: 30px;
  width: 90px;
  padding: 0 10px; 
  
}
.searchresult{
	clear:both;
	margin:0px 25px;

}
.searchresult li{
	clear:both;
	padding:7px;

}


.submenu ul{
	background:#eee;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius: 25px;
	padding:5px;
	margin:0px 0px 10px 0px;
	display:block;
	
}
.submenu li{
	float:left;
 	list-style:none;
}

.submenu li:after{content:" / ";}

/* vision database page --------------------*/
.picturelist li{
	float:left;
	background:#fff;
	width:130px;
	display:box;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	display:box;
	padding-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #888;
}
.picturelist a{
	border-bottom:0px;
}
/* filter page---------------------------*/
.filterbtn{
	width:100%;
	margin:0;
	padding:3px 0px 3px 0px;
	clear:both;
	color:#369;
	background:#d9e9ff;
	text-align:center;
	font-weight:bolder;
	border-top:1px dotted #444;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
  
}

.filterbtn:hover{
	background:#479ef5;
	border:0px!important;
	color:#fff;
}
.filterbtn a{
	cursor:pointer;
	display:block;
}


.tallbtn li{
	position:relative;
	min-height:75px;
	margin:0;
}

.tallbtn div{
	position:absolute;
	bottom:0px;
	width:100%;
	margin:0px 0%;
	padding:3px 0px 3px 0px;
}

.filter_subcategory{
	border:1px solid #aaa;
	padding:20px ;
	margin-top:-10px;
	background:#fff;
}
.filter_subcategory li{
	list-style:none;
	width:500px;
	margin:10px 25px;
	padding:5px;
}

.filter_subcategory h3{
	margin-top:20px;
}

.filter_subcategory ul{
	margin-bottom:40px;
	margin:0px auto;
	float:left;
	width:50%;
}

.filter_subcategory li{
	width:90%;
	font-size:12px;
	background:url(images/subpagemenuback.gif) #fff;
	min-height:20px;
	padding:10pxx;
	margin:2px;
	float:left;
	text-align:left;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	
}

.closebtnarea{
	clear:both;
	width:100%;
	padding:0px auto;
	text-align:center;
}
.closebtnarea a{color:white;}
.closebtn{
	width:200px;
	margin:10px auto;
	padding:5px;
	background:url(images/linktolistback.gif);
	/*border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius: 30px;*/
	border:3px #eee solid;
	pointer:cursor;
	color:#fff;
	font-weight:bolder;
	
}


.subpmenu_filter {
	font-size:105%;
	padding:0px;
	margin:0px 0px 20px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

.subpmenu_filter li{
	width:24.0%;
	min-height:20px;
	padding:0px 0px;
	margin:2px;
	float:left;
 	list-style:none;
	
}
.fiter_main{
	color:#fff;
	width:100%;
	height:30px;
	background:url(images/menubtnback.gif) #36c;
	padding:20px 0px;
	font-weight:bolder;
	text-align:center;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	
}
.fiter_main:hover{
	background:url(images/menubtnback_hover.gif) #36c!important ;
}

/* search area -------------------------------*/
#serchbtnarea{
	width:410px;
	margin:30px auto 30px auto;
	padding:30px auto 0px auto;
}
#resetbtn{
	width:200px;
	padding:10px;
	background:url(images/linktolistback.gif);
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	border:5px #eee solid;
	pointer:cursor;
	color:#fff;
	font-weight:bolder;
	
}
#searchbtn{
	width:200px;
	padding:10px;
	background:url(images/linktolistback.gif);
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	border:5px #eee solid;
	pointer:cursor;
	color:#fff;
	font-weight:bolder;
	
}
/* informationback-------------------------------------------*/

.informationback{
	overflow-y:scroll;
	height:250px;
	background:#fff;
	margin:-10px 0px 20px 0px;
	padding:5px;
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	box-shadow:0px 4px 3px -3px #888;
	-moz-box-shadow: 0px 4px 3px -3px #888;
	-o-box-shadow: 0px 4px 3px -3px #888;
	-ms-box-shadow: 0px 4px 3px -3px #888;
	
}

.informationback dl{
	padding:5px 10px;
}
.informationback dt{
	color:#666;
}
/* chart-----------------------------------------------*/


.chart th{
	border:2px solid #fff;
}
.chart td{
	border-bottom:1px dotted #ccc;
	border-left:3px solid #fff;
}
.chart_leaf{
	background:#dbffb8!important;
}
.chart_yellow{
	background:#fff8b8!important;
}
.chart_peach{
	background:#ffcdb8!important;
}
.chart_pink{
	background:#ffb8cd!important;
}
.chart_deeppink{
	background:#ff98e6!important;
}
.chart_violet{
	background:#b8bfff!important;
}
.chart_purple{
	background:#dbb8ff!important;
}
.chart_blue{
	background:#b8eaff!important;
}
.chart_water{
	background:#b8ffea!important;
}
.chart_green{
	background:#b8ffbf!important;
}


/* panel -----------------------------------------------*/

#tabs .panel {
	margin:0px;
	padding:0px;
	display:none;
}
#tabs ul {
	list-style:none;
}
#tabs li {
	float:left;
}

.categorymenu {
	clear:both;
	margin-left:5px;
}
.subpage{
	padding:0px 10px 0px 10px;
	margin:0px 0px -20px 0px;
}
.categorymenu a{border:0px;}


/* login -----------------------------------------*/
.login{
	font-size:120%;
	font-weight:bolder;
	color:#555;
	width:100%;
	margin-bottom:30px;
}
.login .grayback{
	margin-top:50px;
}
.login input[type="password"] {
	font-size:150%;
	height: 40px;
	width: 250px;
	background-color: #fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border: 1px solid #ddd;
	padding: 0 10px; 
	
}
.login input[type="submit"]{
	height: 40px;
	width: 150px;
	background-color: #039;
	border: 1px solid #369;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0 10px;
	
}

.login input[type="submit"]:hover{
	cursor:pointer;
	background:#000;
}
.agreement{
	color:#555;
	width:600px;
	min-height:400px;
	margin-bottom:30px;
}
.agreement input[type="submit"]{
	height: 40px;
	width: 150px;
	background-color: #039;
	border: 1px solid #369;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0 10px;
	
}

.agreement input[type="submit"]:hover{
	cursor:pointer;
	background:#000;
}
/* create new user -----------------------------------------*/
.usr_form{
	font-size:110%;
	font-weight:bolder;
	color:#555;
	margin:40px 0px;
}
.usr_form table{
	margin-bottom:40px;
}
.usr_form table td{
	padding:15px;
}
.usr_form .grayback{
	margin-top:50px;
}
.usr_form input {
	font-size:110%;
	height: 30px;
	width: 280px;
	background-color: #fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border: 1px solid #ddd;
	padding: 0 10px; 
	
}
.usr_form select {
	font-size:110%;
	
}
.usr_form input[type="button"]{
	height: 40px;
	width: 150px;
	background-color: #555;
	border: 1px solid #aaa;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0 10px;
	
}
.usr_form input[type="submit"]{
	height: 40px;
	width: 150px;
	background-color: #039;
	border: 1px solid #369;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0 10px;
	
}
.usr_form input[type="button"]:hover,.create_usr input[type="submit"]:hover{
	cursor:pointer;
	background:#000;
}

.v input[type="checkbox"]{
	height: 20px;
	padding:auto auto auto 0px;
}
/* for mobile only (kaito.css for kaito)------------*/


.mobile .filebox{
	color:#fff;
	background:url(images/menubtnback.gif) #fff;
	min-height:20px;
	padding:5px 0px;
	padding-left:10px;
	margin:5px 5px 5px 0px;
	font-weight:bolder;
	vertical-align:middle;
 	list-style:none;
	border:1px solid #aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.mobile .filebox .linktext,.mobile .filebox .linktext:visited{ 
	color: #fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}


.mobile .smallbtn{
	max-width:400px;
}

.mobile .tablet .even td{
	background:url(images/evenback.gif) #fff;
	border-bottom:1px dotted #ccc;
}
.mobile .tablet .odd td{
	background:url(images/oddback.gif) #fff;
	border-bottom:1px dotted #ccc;
}
.mobile .tablet td{
	padding:15px;
}

.btncenter{
	text-align:center;
	padding:5px 0px!important;
}
/*boxlink*/

.box_hover{
	cursor:pointer;
}
.box_hover:hover{
	background:#dbe5fc!important;
}

#loading_area{
	display:none;
}


/* Search result ---------------------------------*/

.search_result h3{
	font-size:140%!important;
	border:0px!important;
	margin:0px 0px 0px 0px!important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: break-word;

}
.search_result p{
	margin:0px;
	padding:3px!important;
}
.search_result div{
	margin:0px 5px 5px 5px!important;
	background:#fafafa;
	border-radius:5px;
	padding:10px!important;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

.search_result{
	margin:0px 0px 10px 0px;
	padding:3px 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}