@import url(reset.css);

/*--------------------------
 Common Template. :::::::::::
---------------------------*/
body {
	text-align:center;
	background:#ebfbe7 url(image/allbg.jpg) repeat-x 0 0;
}

div,ul {
/*	border:1px solid #AAA;*/
}


a:hover {
	color:#e56e17;
}

ul,ol,dl {
	margin:0 0 0 1.5em;
	padding:0;
}

li {
	margin-bottom:2px;
}

td {
	background-color:#FFFFFF;
}

th {
	font-weight:normal;
	background-color:#e8fff7;
}


#all_wrapper {
	width:856px;
	margin:0 auto;
	background:url(image/bg.gif) repeat-y 0 0;
	text-align:left;
}

#all_wrapper_inner {

}

#header {
	height:64px;
	background:url(image/header.gif) no-repeat 0 0;
	margin:0 3px;
}


#header h1 {
	float:left;
	width:230px;
	height:47px;
	margin:12px 0 0 12px;
	_margin-left:6px;
}



	
/*search*/
#keywordsearch {
	margin:25px 13px 0 0;
	padding:0;
	width:500px;
	float:right;
	text-align:right;
	_margin-right:6px;
}

#keywordsearch input {
	margin:1px 5px 0 5px;
}

#keywordsearch img {
	vertical-align:middle;
	margin:0 2px;
}

#keywordsearch a {
}

/*menu*/

#menu {
	margin:0 0 0 15px;
	clear:both;
	padding:0;
	width:830px;
	height:34px;
	list-style-type:none;
	background:url(image/menu_back.gif) no-repeat 0 0;
}

#menu li {
	float:left;
	display:block;
	width:130px;
	height:29px;
	margin-top:3px;
	text-align:center;
}

#menu li a,
#menu li span{
	display:block;
	height:29px;
	width:130px;
}

#menu li#menu1,
#menu li#menu1 a {
	width:137px;
}

#menu li#menu1 {
	background:url(image/menu1_on.gif) no-repeat 50% 0;
}

#menu li#menu1 a {
	background:url(image/menu1_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
	font-size:80%;
}

#menu li#menu2 {
	background:url(image/menu2_on.gif) no-repeat 50% 0;
}

#menu li#menu2 a {
	background:url(image/menu2_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
	font-size:80%;
}

#menu li#menu3 {
	background:url(image/menu3_on.gif) no-repeat 50% 0;
}

#menu li#menu3 a {
	background:url(image/menu3_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
	font-size:80%;
}

#menu li#menu4 {
	background:url(image/menu4_on.gif) no-repeat 50% 0;
	width:137px;
	text-align:left;
}

#menu li#menu4 span {
	background:url(image/menu4_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
	font-size:80%;
	cursor:pointer;
	width:137px;
}

#menu li#menu5,
#menu li#menu5 a {
	width:144px;
}

#menu li#menu5 {
	background:url(image/menu5_on.gif) no-repeat 50% 0;
}

#menu li#menu5 a {
	background:url(image/menu5_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
	font-size:80%;
}

#menu li#menu6 {
	background:url(image/menu6_on.gif) no-repeat 50% 0;
}

#menu li#menu6 a {
	background:url(image/menu6_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
}

#menu li#menu1 a:hover,
#menu li#menu2 a:hover,
#menu li#menu3 a:hover,
#menu li#menu4 span:hover,
#menu li#menu5 a:hover,
#menu li#menu6 a:hover {
	background-image:none;
}

/*pulldown menu*/
#menu #spot_pulldown * {
	height:auto;
	padding:0px;
	margin:0px;
	background-image:none;
}

#menu #spot_pulldown {
	clear:both;
	background-color:#9ac3bb;
	margin:0px;
	padding:0 0 1px;
	width:137px;
	position:absolute;
	display:none;
	z-index:5;
	font-size:75%;
}

#menu #spot_pulldown li {
	margin:1px 1px 0;
	width:135px;
}

#menu #spot_pulldown li a {
	background-color:#d6eae8;
	background-image:none;
	padding:2px 0px;
	text-decoration:none;
	color:#183cab;
	text-indent:8px;
	text-align:left;
	letter-spacing:1px;
	width:135px;
}

#menu #spot_pulldown li a:hover {
	background-color:#9ac3bb;
	color:#FFF;
}

#contents {
	padding:10px 20px 20px;
}

#footer {
	background:url(image/footer_back.gif) no-repeat 0 0;
	width:830px;
	margin:0 auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFF;
	padding:10px 0 10px;
}

#footer a {
	margin:0 6px;
}

#footer a img {
	vertical-align:middle;
}

/*--------------------------
 Class Second. ::::::::::::::
---------------------------*/


#contents2 {
	padding:10px 20px 15px;
}

.topicpath {
	font-size:95%;
}

#contents2 h2 {
	margin:0.7em 0 0.7em;
	padding:0;
}

#contents2 h2#noTitleimage {
	margin:0.9em 0 1em;
	font-size:16px;
	background:url(image/class2_h2.gif) no-repeat 0 0;
	height:28px;
	text-indent:10px;
	line-height:28px;
	color:#27927e;
	letter-spacing:1px;
}

#contents2 #bodyarea {
	margin:0 10px 1em;
}

#contents2 h3 {
	clear:both;
	font-size:115%;
	margin:10px 0 8px;
	padding-left:10px;
	color:#27927e;
	background-color:#d9f5db;
	line-height:1.8em;
}

#contents2 h3 span {
	font-weight:normal;
}

#contents2 p {
	margin:0.5em 0;
	padding:0 0 0 10px;
	line-height:1.5em;
}

#contents2 table {
	margin-left:10px;
}

#contents2 table table {
	margin-left:0;
}

#contents2 p b {
	color:#27927e;
}

.backto_top {
	text-align:right;
	font-size:95%;
	margin-top:0.5em;
}

.backto_top .topicpath {
	float:left;
	text-align:left;
	font-size:100%;
}

#contents2 .textblock {
	clear:both;
	border-bottom:1px dotted #7dc6ae;
	padding:0 0 1em;
	margin-bottom:1em;
	zoom:1;
}

#contents2 .textblock h3 {
	clear:none;
}

#contents2 .textblock:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#contents2 .ref {
	font-size:90%;
	border-left:1px solid #DDD;
}

#contents2 p.ref b {
	font-weight:normal;
	font-size:120%;
	line-height:1.5em;
	border-bottom:1px dotted #27927e;
	padding-left:8px;
	background:url(image/ref_b_back.gif) no-repeat 0 50%;
}

#contents2 p#gaiyou {
	font-size:108%;
	line-height:140%;
}

/*--------------------------
 Parts. :::::::::::::::::::::
---------------------------*/
.leftimage {
	float:left;
	padding:3px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin:0 1em 1em 0;
}


.rightimage {
	background-color:#FFF;
	float:right;
	padding:3px;
	border:1px solid #DDD;
	margin:0 0 1em 1em;
}

.textblock .leftimage,
.textblock .rightimage {
	margin-bottom:0;
}

a.newwindow {
	background:url(image/ico/newwindow.gif) no-repeat 1px 50%;
	padding-left:15px;
}

span.new {
	display:none;
}



/*Clear*/
.clear{
	clear:both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.ieClear {
	display:block;
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
	margin:0px;
	padding:0px;
	width:99%;
}