@charset "ISO-8859-1";

/*====================     Basic Setting    ====================*/

* {
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}

body {
	font-family: "Hiragino Kaku Gothic Pro", Osaka,  Meiryo,  sans-serif;
	font-size: 12px;
	color: #555;
/*	background: url('images/top/bg.jpg') left top; */
	background: url('images/top/bg.png') left top; 


}

html{
	height:100%;
	margin-bottom:1px;
}

p{
	margin: 0.1em 0 0.5em;
}

img {
	border: none;
}

/*====================     Ankers     ====================*/

#menu a:link,
#menu a:visited,
#menu a:hover {
	color: #2A6A9C;
	text-decoration:none;
}

#menu p#on a:link,
#menu p#on a:visited,
#menu p#on a:hover {
	color: #fffffe;
	text-decoration:none;
}

#menu p#onno a:link,
#menu p#onno a:visited,
#menu p#onno a:hover {
	color: #fffffe;
	text-decoration:none;
}

.dl01 a:link,
.dl01 a:visited,
.dl01 a:hover {
	color: #555;
	text-decoration:none;
}

/*====================     Titles     ====================*/

h1{   /* ---------- Main Title ------------- */
/*	color: #2A6A9C;*/
	color: #660000;
	font-size: 22px;
	font-family:"Century Gothic",Verdana,Arial, sans-serif;
	letter-spacing:0.3em;
	font-weight: normal;
}

h2 {   /* ---------- Sub Title------------- */
	font-size: 11px;
	font-weight: normal;
	margin: 2px;
}

h3 {   /* ---------- Main Text Title ------------- */
	font-size: 17px;
	font-family:"Century Gothic",Verdana,Arial, sans-serif;
	letter-spacing:0.1em;
	font-weight: normal;
	margin: 10px 10px 20px 0;
	padding-left: 5px;
	border-bottom: 5px solid #003399;
}

h4 {   /* ---------- Main Text Title ------------- */
	text-align: left;
	float:right;
	font-size: 11px;
	font-family:"Century Gothic",Verdana,Arial, sans-serif;
	letter-spacing:0.1em;
	font-weight: normal;
	margin: 10px 10px 20px 0;
	padding-left: 5px;
}

/********************     Layout information  *********************/

#all {  /* ---------- Page Layout------------- */
	width: 729px;     
	margin: 10px auto; 
/*	padding: 5px; */
	text-align: center;
	border: 1px solid #c5c5c5;
}

#popup {   /* ----------Title Area ------------- */
	text-align: left;
    margin: 10px 0; 
	padding-top: 10px; 
	padding-left: 10px; 
	background-color: white; 
}


#title {   /* ----------Title Area ------------- */
	text-align: center;
    margin: 0; 
/*	margin: 10px 0;  */
	padding-top: 10px; 
	background-color: white; 
/*	background-image: url(images/bg.jpg);*/
}

#menu {   /* ----------Top Menu------------- */
	width: 729px;     
	height: 31px;     
	clear: both;
}

#menu p {
	width: 145px;
	height: 17px;
	background-color: #E6F3FD;
	border-right: 1px solid #3688C8;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 7px 0 7px 0;
	float:left;
}

#menu p:hover {
	background-color: #99bbdd;
}

#menu p#on {
	background-color: #3688C8;
}

#menu p#no {   /* ----------No Border, only the last menu---------- */
	border: none;
}

#menu p#onno {   
	background-color: #3688C8;
	border: none;
}


#menuline {  /* ---------- Menu Line -------------------*/
	height: 13px;
	background-color: #003399;
}



#main {   /* ---------- Menu and Article area ------------- */
	width: 729px;     
	margin: 0px auto; 
	text-align: center;
/*	background-color: #ffffbb; */
	background-color: #88aacc;
}



#side {   /* ---------- Side menu------------- */
	width: 180px;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0;
	float:left;
}

#side p {
	text-align: left;
	padding: 5px 18px;
}

.dl01 {
	width: 145px;
	padding: 5px;
	margin: 0px auto;
	text-align: center;
}

.dl01 dt{
	color: #fff;
	background-color: #003399;
	padding: 5px 0 1px 0;
	margin: 0px;
	font-weight: bold;
	border: 1px solid #33AA00;
}

.dl01 dd{
	font-size: 13px;
	color: #555;
	background-color: #fff;
	padding: 5px 5px 1px 5px;
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

.dl01 dd:hover{
	font-size: 13px;
	color: #555;
/*	background-color: #ffffaa; */
	background-color: #99bbdd;
	padding: 5px 5px 1px 5px;
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}


#main_text {   /* ---------- Article ------------- */
	width: 520px;     
	background-color: #fff;
	text-align: left;
	font-size: 13px;
	padding: 15px 9px 0 20px;
	float:right;
}

.dl02 td{
	font-size: 13px;
}

.dl03 td{
	font-size: 12px;
}

li{
	list-style: disc inside;
}


#footer {   /* ---------- Footer------------- */
	color: #fff;
	background-color: #330066;
	font-size: 9px;
	padding: 10px 0 5px 0;
}



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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */