@charset "utf-8";
/* CSS Document */

* {
margin: 0px;
padding: 0px;
}
a{
	text-decoration:underline;
	color:#03C;
}
a:hover{
text-decoration:none;
color:#FF7D37;
}

ul,ol,li{
list-style:none;
}

th,td{
text-align: left;
vertical-align: top;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div{
margin: 0px;
padding:0px;
}

/**********************************
Structure & Header
**********************************/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-image:url(../img/main_bg.gif);
	background-position:left top;
	background-repeat:repeat;
	background-attachment:fixed;
	background-color: #efeef0;
}
#headerWrapper {
	/*border:1px solid #00ffff;*/
	background-image:url(../img/top_header_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:249px;
}

#headerImagery {
	background-image:url(img/header.gif);
	background-position:top center ;
	background-repeat:repeat-x;
	height:249px;
	width:100%;
}

#header {
	width:800px;
	margin:0px auto;
	text-align:left;
	padding:0px 0px 0px 0px;
}

#headerLeft {
	float:left;
	width:741px;
	padding:70px 0px 0px 0px;
}

#headerRight {
	float:right;
	width:239px;
}
#container {
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
} 
#topbar {
	padding: 0px;
	height: 45px;
	width: 800px;
	background-image: url(../img/top_bar.jpg);
	background-repeat: no-repeat;
} 
#topbar .text {
	width: 760px;
	height: 25px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2e4d50;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:140%;
}

#header {
	padding: 0px;
	height: 204px;
	width: 800px;
} 

#header .left {
	padding: 0px;
	height: 204px;
	width: 508px;
	background-image: url(../img/header_left.jpg);
	background-repeat: no-repeat;
	float: left;
} 

#header .leftlogo {
	width: 220px;
	float: left;
	padding-top: 40px;
	padding-left: 25px;
	height: 95px;
	line-height:140%;
} 

#header .lefttext {
	width: 195px;
	float: left;
	padding-top: 35px;
	padding-left: 10px;
	padding-right: 55px;
	height: 100px;
	letter-spacing: 0px;
	line-height:140%;
} 

#header .right {
	padding: 0px;
	height: 204px;
	width: 292px;
	background-image: url(../img/header_right.jpg);
	background-repeat: no-repeat;
	float: left;
} 

/**********************************
Sidebar
**********************************/
#sidebar {
	float: right;
	width: 219px;
}

/*div#sidebar {
	min-height:700px;
height:expression(this.scrollHeight > 700 ? "auto":"700px"); 
}
*/

#sidebar .content{
	width: 199px;
	margin-right: 10px;s
	margin-left: 10px;
	height:auto;
}
#sidebar .menutop{
	width: 159px;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	text-align: center;
}
#sidebar .menus{
	width: 160px;
	padding-right: 12px;
	padding-left: 45px;
	padding-top: 15px;
}

#sidebar .menus a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #402230;
	text-decoration: none;
	letter-spacing: 0px;
}

#sidebar .menus a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #c67489;
	text-decoration: none;
	letter-spacing: 0px;
}
/**********************************
Content
**********************************/
#mainContent {
	width: 568px;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
} 
#content{
	width: 527px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:180%;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 18px;
} 

#content2{
	width: 538px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:140%;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	float:left;
} 

.logobox{
	margin:auto;
	width:500px;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	float:left;
}

.logo{
	margin:auto;
	width:120px;
	height:70px;
	float:left;
	padding:0px;
}

#news{
	width: 527px;
	letter-spacing: 0px;
	line-height:180%;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 18px;
	float: left;
} 

#news a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #422432;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:180%;
} 

#news a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3cb0b7;
	text-decoration: normal;
	letter-spacing: 0px;
	line-height:180%;
	border-bottom-style: dotted;
} 

/**********************************
Tabs
**********************************/

#tab1{
	width: 527px;
	margin: 0;
	padding-right: 20px;
	padding-left: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: 35px;
	float:left;
	vertical-align: middle;
} 


.tabL{
	vertical-align: middle;
	background-image: url(../img/bracket_left.gif);
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	width: 25px;
} 
.tabR{
	vertical-align: middle;
	background-image: url(../img/bracket_right.gif);
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	width: 25px;
	background-position: right;
} 
.tabT{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #a69d9d;
	float: left;
	height: 22px;
	padding-top: 10px;
} 

.stabL{
	vertical-align: middle;
	background-image: url(../img/sbracket_left.gif);
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	width: 25px;
} 
.stabR{
	vertical-align: middle;
	background-image: url(../img/sbracket_right.gif);
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	width: 25px;
	background-position: right;
} 
.stabT{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #a69d9d;
	float: left;
	height: 28px;
	padding-top: 6px;
} 
#tab2{
	width: 534px;
	margin: 0;
	padding-right: 20px;
	padding-left: 12px;
	padding-top: 0px;
	height: 40px;
	float:left;
	vertical-align: middle;
} 

#tab3{
	width: 508px;
	margin: 0;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 14px;
	height: 27px;
	float:left;
	background-image: url(../img/main_tab3.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
#tab4{
	width: 508px;
	margin: 0;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 14px;
	height: 27px;
	float:left;
	background-image: url(../img/main_tab4.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
} 

#tab5{
	width: 508px;
	margin: 0;
	padding-right: 20px;
	padding-left: 40px;
	padding-top: 14px;
	height: 27px;
	float:left;
	background-image: url(../img/main_tab5.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
} 

#tabLong{
	width: 537px;
	margin: 0;
	padding-right: 15px;
	padding-left: 12px;
	padding-top: 0px;
	height: 35px;
	float:left;
	vertical-align: middle;
	padding-bottom: 12px;
} 


/**********************************
agency area
**********************************/

.area {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:180%;
	padding:4px 5px 5px 20px;
	width:50px;
}

.listarea {
	width:527px;
	float:left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
}

.listarea li {
width:110px;
float:left;
list-style:none;
line-height:30px;
padding-left:15px;
}

.listarea p {
padding:10px 10px 2px 10px;
background-color:#ffffff;
}

.listarea ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.listarea a{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
} 

.listarea a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c63a54;
	text-decoration: underline;
	letter-spacing: 0px;
} 

#listagency {
	width:538px;
	float:left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
}

#listbox{
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e4e4;
	padding-top: 10px;
	padding-bottom: 10px;
}


#list{
	width:90%;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height:180%;
	letter-spacing: 1px;
}
#listdot{
	width:30px;
	float:left;
}

#list a{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #d5a13c;
	text-decoration: none;
	letter-spacing: 1px;
	line-height:150%;
}
#list a:hover{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #846425;
	text-decoration: none;
	letter-spacing: 1px;
	line-height:150%;
}
#listbox2{
	width:100%;
	float:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e4e4;
	padding-top: 5px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height:220%;
	letter-spacing: 1px;
}

#listbox2 .header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ba8835;
	text-decoration: none;
	line-height:220%;
	letter-spacing: 1px;
}

#map{
	width:480px;
	height: 350px;
	float:left;
	background-color: #d4ecee;
	padding: 5px;
	margin-top: 20px;
	margin-right: 25px;
	margin-left: 25px;
}


/**********************************
Register box
**********************************/
#register {
	width: 496px;
	height: 165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:140%;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../img/register_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
}

#register #left{
	width: 235px;
	height: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top: 20px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
	line-height:140%;
	float: left;
}

#register #right{
	width: 250px;
	height: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-top: 20px;
	letter-spacing: 0px;
	line-height:130%;
	float: left;
}
#register #left li{
	float:left;
}
#register #left ul#reg{
	width:240px;
	float:left;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0px;
	vertical-align: middle;
}
#register #left ul#reg li#male{
	width:115px;
}

#register #left ul#reg li#male h4{
	vertical-align: middle;
}

#register #left ul#reg li#male input{
	width:15px;
}

#register #left ul#reg li#female{
	width:115px;
}

#register #left ul#reg li#female input{
	width:15px;
}

/**********************************
Footer
**********************************/
#footer {
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
	height: 33px;
	padding-top: 0;
} 

#footer .text {
	width: 760px;
	height: 23px;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
	line-height:140%;
}
/**********************************
Misc
**********************************/
#breadcrumb {
	width: 530px;
	height: 30px;
	padding-right: 20px;
	padding-left: 17px;
	padding-top: 15px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2b838a;
	letter-spacing: 1px;
	}
	
#breadcrumb a {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color: #3c2618;
	letter-spacing: 1px;
	}	
	
#breadcrumb a:hover {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	letter-spacing: 1px;
	}	
	
#spacer {
	height: 20px;
	width: 568px;
}

.dotline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0cbcf;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.menu {
	padding: 2px;
	margin-bottom: 5px;
	margin-top: 5px;
	width:520px;
	padding-left:5px;
}

.menu a {
	padding: 3px 5px 3px 4px;
	margin-bottom: 3px;
	text-decoration: none; /* no underline */
	border: 1px solid #9c9c9c;
	background-color: #b1b1b1;
	color: #383838;
	line-height:200%;
	font-weight: bold;
}

.menu a:hover,
.menu a:active {
	border: 1px solid #999;
	color: #666;
}
.menu .current {
	padding: 3px 5px 3px 5px;
	margin: 1px;
	border: 1px solid #afdade;
	font-weight: bold;
	background-color: #a9dade;
	color: #383838;
}

.menu .disabled {
	padding: 3px 5px 3px 5px;
	margin: 2px;
	border: 1px solid #e0e0e0;
	text-decoration: none; /* no underline */
	color: #036CB4;
}

.meparea{
	padding-left:30px;
	margin-top:10px;
	float:left;
}

/**********************************
text
**********************************/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #3c2618;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4a4846;
	text-decoration: none;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #27131c;
	text-decoration: dotted;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #290a18;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #27131c;
}

.ichiran li{
float:left;
width:160px;
}