/*---------- HTML Style */


* {
 margin:0px; padding:0px;
}

div#main p {margin:10px 0px;}

div#main td {padding:5px 10px;}

div#main a {	color: #0099CC;
	text-decoration: underline;
}


body {
	background-image: url(../common/back.gif);
	background-repeat: repeat;
	text-align: left;
	color:#333333;
	background-color: #666666;
}

img 
{
    border:0;
    }
	
div#conteainer {
	background-color: #FFFFFF;
	background-image: url(../common/back_2.gif);
	background-repeat: repeat-y;
	padding:0px 10px 0px 0px;
	width:770px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 760px;
	}

div#header_index {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #81B1DE;
}

div#header_index1 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #F2B704;
}

div#header_index2 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #6CA33A;
}


div#header_index4 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #6699CC;
}

div#header_index3 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #DA9A87;
}


div#right {
	width: 189px;
	background-color:#F6F6F6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-image: url(../common/back_right.gif);
	background-repeat: repeat-y;
}

div#left {
	width: 570px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: right;
}


div#footer {
	background-color: #A7A7A7;
	color:#FFFFFF;
	padding:10px 15px;
	width:760px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 730px;
	text-align:center;
}

div#head_link {
	margin: 0px 0px 20px 0px;
}

div#head_link ul{
	margin: 0px 10px 0px 0px;
	list-style-type: none;
	width:570px;
	voice-family:"\"}\"";
 voice-family:inherit;
 width: 560px;
}

div#head_link li{
	font-size: 11px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	float: right;
	padding: 12px 7px 0px 4px;
	margin:0px;
}

div#news {
 margin: 10px 0px 0px 0px;
}


div#news2 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin:3px 0px;
	padding:6px 0px;
}

.newsg td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin:2px 0px;
	padding:2px 0px;
	font-size:12px;
	line-height:140%;
	}



a:link {
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #000000;
	text-decoration: none;
}

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




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F0F8FF; /*overall menu background color*/

}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 114px; /*Width of top level menu link items*/
text-decoration: none;
color: #CCCCCC;
background-color: #F0F8FF; /*overall menu background color*/}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
width: 114px; /*Width of top level menu link items*/
visibility: hidden;
background-color: #F0F8FF; /*overall menu background color*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	display: block;
	width: 120px; /*width of sub menu levels*/
	color: #000;
	text-decoration: none;
	padding: 5px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}

.suckertreemenu ul li a:hover{
background-color: #999999;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F0F8FF url(../common/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F0F8FF url(../common/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding: 0px;
}

	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}
/* End */



.onclick {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 20px;
	list-style-position: outside;
	list-style-type: none;
	background-image: url(../common/side_icon_a.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	color:#FFFFFF;
	background-color:#669ACC;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 159px;
}

.onclick2 {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 30px;
	list-style-position: outside;
	list-style-type: none;
	background-image: url(../common/side_icon_b.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	color:#FFFFFF;
	background-color:#669ACC;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 149px;
}

div#examination{
	background-image: url(../common/examination_back.jpg);
	width: 189px;
	height:200px;
}

div#examination ul{
	list-style-position: outside;
	list-style-type: none;
}


div#examination ul li a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 20px;
	list-style-position: outside;
	list-style-type: none;
	background-image: url(../common/side_icon_a.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	color:#666666;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 159px;
}



div#examination ul li a:hover{
background-color: #999999;
color: white;
}

div#examination ul li ul li a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 30px;
	list-style-position: outside;
	list-style-type: none;
		background-image: url(../common/side_icon_b.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 149px;
}

div#examination ul li ul li a:hover{
background-color: #999999;
color: white;
}



div#student{
	background-image: url(../common/student_back2.jpg);
	width: 189px;
	height:800px;
}

div#student ul{
	list-style-position: outside;
	list-style-type: none;
}

div#student ul li a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 20px;
	list-style-position: outside;
	list-style-type: none;
	background-image: url(../common/side_icon_a2.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	color:#FFFFFF;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 159px;
}

div#student ul li a:hover{
background-color: #999999;
color: white;
}

div#student ul li ul li a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 30px;
	list-style-position: outside;
	list-style-type: none;
		background-image: url(../common/side_icon_b2.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 149px;
}

div#student ul li ul li a:hover{
background-color: #999999;
color: white;
}





div#department{
	background-image: url(../common/department_title_back.jpg);
	width: 189px;
	height:200px;
}

div#department ul{
	list-style-position: outside;
	list-style-type: none;
}

div#department ul li a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 20px;
	list-style-position: outside;
	list-style-type: none;
	background-image: url(../common/side_icon_a.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	color:#666666;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 159px;
}

div#department ul li a:hover{
background-color: #999999;
color: white;
}

div#department ul li ul li a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding:6px 10px 3px 30px;
	list-style-position: outside;
	list-style-type: none;
		background-image: url(../common/side_icon_b.gif);
	background-repeat: no-repeat;
	background-position: 15px 6px;
	width: 189px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 149px;
}

div#department ul li ul li a:hover{
background-color: #999999;
color: white;
}


h1{margin-bottom:20px; margin-top:15px;}

h2{
	margin-bottom:10px;
	margin-top:15px;
	padding-bottom:5px;
	font-size:14px;
	border-bottom: 1px dotted #999999;
}

div#newslist td{
	border-bottom: 1px dotted #CCCCCC;
    padding: 10px;
    text-align: left;
}

div#sitemap ul li{
	margin:5px 5px 5px 15px;
	list-style-type: none;
}

div#sitemap ul li ul li{
	margin:5px 5px 5px 30px;
	list-style-type: none;
}

div#riyou h2{
	margin-bottom:10px;
	margin-top:15px;
	padding-bottom:5px;
	font-size:14px;
	border-bottom: 1px dotted #999999;
}

div#riyou p{
 margin:10px 0px 5px 0px;
}

.hokoku { list-style-image: url("../other_images/rightb.gif");
              margin-left:30px;
              width:95%
              
         }