body {margin:0; 
	padding:0; 
	background:#F5F5F5; 
	font: 12px "Lucida Grande", "Segoe UI", "Malgun Gothic", "Meiryo", "Lucida Sans Unicode", Helvetica, Verdana, Arial, sans-serif;
	/* background-image: url('../images/diagrams.png'); 
	background-repeat: no-repeat; 
	background-attachment:fixed; 
	background-position: right center */
	}
 

table, td {border-collapse:collapse;}
table, td, img {border:0;}
form, td {margin:0;}
td, tr { font: 12px "Lucida Grande", "Segoe UI", "Malgun Gothic", "Meiryo", "Lucida Sans Unicode", Helvetica, Verdana, Arial, sans-serif;vertical-align:top;  text-align:left;} 
div {font: 12px "Lucida Grande", "Segoe UI", "Malgun Gothic", "Meiryo", "Lucida Sans Unicode", Helvetica, Verdana, Arial, sans-serif;vertical-align:top;  text-align:left;}

.divmain { width:797px; background:white; }
.divsub { width:797px;  background:white;}

a{ color:#111111; text-decoration:none;}
a:hover{ color:gray;}

b a{ color:#434343; text-decoration:underline; font-size:12px;}
b a:hover{ color:#434343; text-decoration:none; font-size:12px;}

span img{ margin:0 5px 1px 0;}

.ins span a{ color:#111111; text-decoration:underline; font-size:14px;}
.ins span a:hover{ color:#111111; text-decoration:none; font-size:14px;}
.ins1 span a{ color:#111111; text-decoration:underline; font-size:12px;}
.ins1 span a:hover{ color:#111111; text-decoration:none; font-size:12px;} 


#menuTab {background-color:gray; width:795px; height:30px; padding:2px 0px 2px 0px;}
#menuTab li {display:inline; float:left; font:11px/14px tahoma, arial, helvetica, sans-serif; }
#menuTab a {font-size:12px; text-decoration:none;}  
#menuTab span {padding:9px 15px 0 15px; cursor:pointer; float:left; color:white; height:21px;}   


#menuTabsub {background-color:gray; width:795px; height:30px; padding:2px 0px 2px 0px;}
#menuTabsub li {display:inline; float:left; font:11px/14px tahoma, arial, helvetica, sans-serif; }
#menuTabsub a {font-size:12px; text-decoration:none;}  
#menuTabsub span {padding:9px 15px 0 15px; cursor:pointer; float:left;height:21px;}   


#menuTabsubtt {background-color:gray; width:240px; height:30px; padding:0px 0px 0px 0px;}
#menuTabsubtt li {display:inline; float:left; font:11px/14px tahoma, arial, helvetica, sans-serif; }
#menuTabsubtt a {font-size:12px; text-decoration:none;}  
#menuTabsubtt span {padding:9px 15px 0 15px; cursor:pointer; float:left;height:21px;}   
 

.sbTabch { background-color:White; color:gray; } 
.sbSpan  { background-color:gray; color:White; } 


.sbTabchtt { background-color:White; color:gray; } 
.sbSpantt  { background-color:gray; color:White; } 


.header { color:#464646; }
.itemheader { background-color:whitesmoke; font-weight:bold; padding:6px;} 
 
/* background-image:url('../images/back/bg-content1.png');   */

.innerConmain { background-color:white; border-right: #dadada 1px solid; border-top: #dadada 1px solid; border-left: #dadada 1px solid; border-bottom: #dadada 1px solid; } 
.innerCon { border-right: #dadada 1px solid; border-top: #dadada 1px solid; border-left: #dadada 1px solid; border-bottom: #dadada 1px solid; } 

.innerSubConLeft { margin:5px; float:left;  border-right: #dadada 1px solid; border-top: #dadada 1px solid; border-left: #dadada 1px solid; border-bottom: #dadada 1px solid;}
.innerSubCon { margin-left:310px; padding:10px; background-color:#ffffff; border-color:#73ACDD; border-style:none; border-bottom-width:1px; border-left-width:1px; border-top-width:1px; border-right-width:1px;}

.innerSubConLeft2 { margin:5px; float:left; width:800px;  border-right: #dadada 1px solid; border-top: #dadada 1px solid; border-left: #dadada 1px solid; border-bottom: #dadada 1px solid;}
.innerSubCon2 { margin-left:810px; padding:10px; background-color:#ffffff; border-color:#73ACDD; border-style:none; border-bottom-width:1px; border-left-width:1px; border-top-width:1px; border-right-width:1px;}



.boxlinkdiv { margin-bottom:5px; padding:6px ; background-color:white; color:black; font-size:12px; font-weight:bold;} 
.boxlinkdiv1 { margin-bottom:5px; padding:6px ; background-color:whitesmoke; color:gray; font-size:12px; font-weight:bold;} 
.boxlinkdiv2 { margin-bottom:6px; padding:8px ; background-color:whitesmoke; color:gray; font-size:12px; font-weight:bold; width:250px;}  
.boxlinkdiv3 { margin-bottom:5px; padding:6px ; background-color:#ffe4c4; color:darkgray; font-size:12px; font-weight:bold;} 
.boxlinkdiv4 
	{ 
		margin-bottom:5px; padding:6px ; color:#767676; font-size:12px; 
		border-right: #dadada 1px solid; border-top: #dadada 1px solid; border-left: #dadada 1px solid;border-bottom: #dadada 1px solid
 	} 

.imgboxdiv { height:30px; background-image : url('/images/menu/bar.png');  } 
.imgboxspan {color: Black; font-size:14px; font-family:Tahoma; vertical-align:middle; font-weight:bold;}

.smallcon { background-color:#ffe4c4;} 

.foot {width:797px; color:gray; text-align:center; background-color:#f5f5f5; font-size:11px;}
.footmain {width:797px; color:gray; text-align:center; background-color:#f5f5f5; font-size:11px;}

.gerneralspan { font-size:12px; font-weight:normal;}


.listheadergrid { background-color:#f5f5dc; }
.listgrid { background-color:#fffaf0;} 

.listheadergrid2 { background-color:gray; color:White; }
.listgrid2 { background-color:#f5f5f5;}

.ex { font-size:12px; }
.ex a {font-size:12px;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../images/media/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("../images/media/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}



/* Gradient 2 */
.tb7 {
	width: 221px;
	background: transparent url('../images/bg.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

/* Rounded Corners */
.fb8 {
	background: transparent url(../images/buttonround.gif) no-repeat;
	border: none;
	outline: none;
}
.fb8:hover {
	background: transparent url(../images/buttonhover.gif) no-repeat;
	border: none;
	outline: none;
}

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 400px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 350px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -50px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}
/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}


#menu8 {
	width: 200px;
	margin-top: 0px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color: black;
	display: block; 
	padding: 8px 0 0 20px;
}
	
#menu8 li a:hover {
	color: #257EB7; 
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: black; 
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}






#menu9 {
	width: 200px;
	margin-top: 0px;
}
	
#menu9 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu9 li a:link, #menu8 li a:visited {
	color: black;
	display: block;
	background: url(../images/menu8.gif);
	padding: 8px 0 0 20px;
}
	
#menu9 li a:hover {
	color: #257EB7;
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu9 li a:active {
	color: black;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu9 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}