/*basic layout*/
img {
  behavior: url("/pngbehavior/pngbehavior.htc");
  border:none;
}

* {
  margin: 0px;
  padding: 0px;
}

body{
  background-image: url('/images/slash.png');
}

a { text-decoration: none; color: #000000; }

#container {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  background:#FFFFFF;
}

#header {
  padding: 10px 0 0px 0;
  color: #000000;
  background: #FFFFFF;      /*blue*/
  overflow:hidden;
}

#logo{
  padding-left: 20px;
  padding-bottom:5px;
  padding-top:5px;
  float:left;
  width:200px;
}

#header_menu{
  font-size: small;
  padding-right: 10px;
  float: right;
  vertical-align: super;
  width:670px;
}

#header_menu ul li{
  list-style: none;
  float: right;
}

#header_menu a:link{
  color: #000000;

}

#header_menu a:visited{
  color: #000000;
}

#wellcome {
  margin-right:10pt;
  vertical-align:bottom;
}

#my_navi
{
	float:right;
	margin-top:15px;
	margin-right:10px;
	width:260px;
}

#search {
  float:left;
  width:330px;
  padding-top:25px;
  padding-left:50px;
  padding-right:10px;
}

#searchtype { width:100%; overflow:hidden; vertical-align:bottom; }
#searchtype ul { list-style-type:none; font-size:10pt; margin:0; }
#searchtype ul li {	float:left; }
#searchtype ul li a { outline:none; }
#searchtype ul li .stab_s { color:#000000; font-weight:bold; }
#searchtype ul li .stab	{ color:#0000CD; }
#searchtype ul li .stab:hover {	text-decoration:underline; }

#message_for_search
{
  font-size: 9pt;
  font-weight: bold;
  color: #808080;
}

#searchform input
{
  	width:220px;
	padding:3px;
	vertical-align:middle;
}

#screen_title {
  background-image: url('/images/gradation.png');
  font-size: 18pt;
  font-weight: bold;
  color: white;
  padding: 10px;
  height: 50px;
  margin-bottom: 30px;
}

#contents {
  margin-bottom: 50px;
  padding: 0px;
  background: #FFFFFF;
  clear: both;
}

#footer 
{
  font-size: small;
  border-top: silver solid 1px;
  margin-top: 30px;
  padding: 30px;
  clear: both;
  color: #000000;
  background: #FFFFFF;
  height: 40px;
  clear: both;
}

#footer_menu
{
  font-size : small;
  width: 100%;
  text-align: center;
}

#footer_menu a:link{
  color: #000000;
}

#footer_menu a:visited{
  color: #000000;
}

#copyright{
  width: 100%;
  margin-top:10px;
  text-align: center;
  clear: both;
}

.spacer {
    margin: 30px;
}

.spacer_narrow {
    margin: 5px;
}

.pagination {
  padding: 3px;
  margin: 3px;
  color:#696969;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #fff;
  text-decoration: none;
  color: #696969;
  font-weight: bold;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #C0C0C0;
  background-color:#C0C0C0;
  color:#FFF;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #696969;
  font-weight: bold;
  background-color: #696969;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  color: #ccc;
}

/* curve corner */
.curve-box-head {
  font-size: 1px;
  height: 7px;
  background: url('/images/curve-right-head.gif') top right no-repeat;
  margin-top: 5px;
}
.curve-box-head div {
  font-size: 1px;
  height: 7px;
  background: url('/images/curve-left-head.gif') top left no-repeat;
}
.curve-box-body {
  background: url('/images/curve-left-middle.gif') top left repeat-y;
}
.curve-box-body .body{
  background: url('/images/curve-right-middle.gif') top right repeat-y;
}
.curve-box-bottom{
  font-size: 1px;
  height: 7px;
  background: url('/images/curve-right-bottom.gif') bottom right no-repeat;
  margin-bottom: 5px;
}
.curve-box-bottom div{
  font-size: 1px;
  height: 7px;
  background: url('/images/curve-left-bottom.gif') bottom left no-repeat;
}
/* curve box */
.box-title {
  color: gray;
  font-size: 18pt;
  font-weight: bold;
  margin:0;
  padding: 5px 20px 10px 20px;
}
.box-title-img
{
	margin:0;
	padding:5px 0px 10px 15px;
}
.box-body {
  margin:0;
  padding:10px 20px 0px 20px;
}
.box-body li {
  list-style:none;
  padding-bottom: 10px;
}

.box-title .box-tab
{
	font-size:10pt;
	font-weight:normal;
    line-height:2.0;
}
.box-title .box-tab .tab
{
	color:#000000;
	background-color:#FFFFFF;
	padding:3px 20px 3px 20px;
	border:outset 1px black;
}
.box-title .box-tab .tab_s
{
	color:#FFFFFF;
	background-color:#A9A9A9;
	font-weight:bold;
	padding:3px 20px 3px 20px;
	border:inset 1px black;
}
.box-title .box-tab .tab:hover
{
	border:inset 1px black;
}

.box-sub-title
{
	color:Gray;
	font-size:12pt;
	font-weight:bold;
	margin:0;
	padding:5px 20px 0px 15px;
}

.box-title-line
{
	border-top:solid 1px #C0C0C0;
	border-bottom:solid 1px #E6E6FA;
	margin:0px 10px;
}

#navigate
{
	width:100%;
	float:left;
	margin-bottom:10px;
	background:url(/images/navi_menu_bg.gif) repeat-x;
}

#navigate a
{
	outline:none;
}

#navigate img
{
	vertical-align:bottom;
}

#navigate dl
{
	float:left;
}

#navigate dl.navi_right
{
	float:right;
}

#navigate dl dd
{
	display:none;
	position:absolute;
	overflow:hidden;
	z-index:200;
}

#navigate dl dd ul
{
	list-style-type:none;
}

#navigate dl dd ul li
{
	*margin-bottom:-1px;
	padding:6px 6px 8px 6px;
	border-right:solid 1px silver;
	border-left:solid 1px silver;
	border-bottom:solid 1px silver;
	background-color:#F5F5F5;
	font-size:10pt;
	width:111px;
}

#navigate dl dd ul li.find a
{
	background:url(/images/folder.png/) no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

#navigate dl dd ul li.question a
{
	background:url(/images/page_add.png/) no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

#navigate dl dd ul li.book a
{
	background:url(/images/book_add.png/) no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

#navigate dl dd ul li.group_s a
{
	background:url(/images/group_go.png/) no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

#navigate dl dd ul li.group_a a
{
	background:url(/images/group_add.png/) no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

#navigate dl dd ul li.user_s a
{
	background:url(/images/user_go.png/) no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

#navigate dl dd ul li a:link
{
	color:Blue;
	text-decoration:underline;
}

#navigate dl dd ul li a:visited
{
	color:Blue;
	text-decoration:underline;
}

#navigate dl dd ul li a:hover
{
	color:#DAA520;
}

#error_msg
{
	width:100%;
	font-size:10pt;
	font-weight:bold;
	color:#e8383d;
	border:double 3px #ea5532;
	background-color:#ffe5ff;
	line-height:150%;
	padding:10px 0px;
	margin-bottom:10px;
	overflow:hidden;
}

#error_msg img
{
	float:left;
	margin:0px 20px;
}

#error_msg ul
{
	float:left;
}

#error_msg ul li
{
	list-style-type:none;
}

#info_msg
{
	width:100%;
	font-size:10pt;
	font-weight:bold;
	color:#3cb37a;
	border:double 3px #79c06e;
	background-color:#e5ffe5;
	line-height:150%;
	padding:10px 0px;
	margin-bottom:10px;
	overflow:hidden;
}

#info_msg ul
{
	float:left;
	padding-left:20px;
}

#info_msg ul li
{
	list-style-type:none;
}

#info_msg .close_msg
{
	float:right;
	padding-right:10px;
}

.err_main
{
	width:80%;
	margin:10px auto;
	margin-bottom:200px;
	font-size:10pt;
}

.err_message
{
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	color:#666;
	background-color:#efefef;
	border:solid 1px #d4d9df;
	padding:10px;
}

.err_message img
{
	vertical-align:middle;
}

.err_func
{
	margin:20px;
	text-align:center;
}

.err_func a
{
	color:#0B6F99;
	text-decoration:underline;
}