/* CSS Document */

/** Common style **/

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

body{
	font-size:80%;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color:#666666;
	line-height:1.4;
	}

p{
	margin:0 0 1em;
}	

a{
	text-decoration:none;
	color:#3366FF;
	}
	
a:hover{
	text-decoration:underline;
	}	
	
img{
	border:none;
	}

#contain{
	width:700px;
	height:100%;
	background : url(../img/back_line.gif) repeat-y;
	}	


/* Head */
	
#head{
	width:700px;
	height:66px;
	background : url(../img/head_bar.gif) no-repeat center top;
	}	
	
#head h1 {
	float:left;
	width:307px;
	height:31px;
	margin-left:10px;
	margin-right:210px;
	margin-top:15px;
	}
	
#head_r{
	margin-right:3px;
	padding:0px;
	float:right;
	}		

	
/* Flash */

#flash{
	width:700px;
	height:300px;
	margin-left:0px;
	text-align:center;
	}


/* menu */

#list {
	width:700px;
	height:43px;
	}

ul#menunavi {
  width: 680px;
  }
	
ul#menunavi a {
        text-decoration: none;
}
	
ul.menu_s li a{
	background:url(../img/menu_b.gif) no-repeat;
	color:#000000;
	}
ul.menu_s li a:hover {
	background:url(../img/menu_a.gif) no-repeat;
	color:#FFF;
	}	
	
li.menu00 a{
	background:url(../img/menu00_a.jpg) no-repeat;
	}
li.menu00 a:hover {
	background:url(../img/menu00_b.jpg) no-repeat;
	}	

li.menu01 a{
	background:url(../img/menu01_a.jpg) no-repeat;
	}
li.menu01 a:hover {
	background:url(../img/menu01_b.jpg) no-repeat;
	}
	
li.menu02 a{
	background:url(../img/menu02_a.jpg) no-repeat;
	}
li.menu02 a:hover {
	background:url(../img/menu02_b.jpg) no-repeat;
	}

li.menu03 a{
	background:url(../img/menu03_a.jpg) no-repeat;
	}
li.menu03 a:hover {
	background:url(../img/menu03_b.jpg) no-repeat;
	}

li.menu04 a{
	background:url(../img/menu04_a.jpg) no-repeat;
	}
li.menu04 a:hover {
	background:url(../img/menu04_b.jpg) no-repeat;
	}

ul#menunavi li {
	float: left;
	position: relative;
	margin: 0;
	width: 136px;
	height: 43px;
	list-style-type:none;
}

ul#menunavi li a {
	text-indent:-9999px;
	display: block;
	width: 136px;
	height: 43px;
	text-align: center;
}

ul#menunavi li img {
vertical-align:bottom;
}

/* ‰Ί‘w‚Μƒƒjƒ…[ */
ul#menunavi li ul {
	display: none;
}

ul#menunavi li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
}

ul#menunavi li ul li {
	float: none;
	margin: 0px;
	font-weight: normal;
	display:inline;
	vertical-align:bottom;
}

ul#menunavi li ul li a{
	text-indent:0px;
	line-height:3.2em;	
	}

#topic{
	width:680px;
	height:60px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
#path{
	width:670px;
	height:15px;
	text-align:right;
	}


/* Top page */

#t_main{
	width:700px;
	height:100%;
}

#t_left{
	float:left;
	display:block;
	width:430px;
	padding-top:10px;
	padding-left:20px;
	}

#t_right{
	float:right;
	text-align:right;
	display:block;	
	width:220px;
	padding-right:20px;
	padding-top:10px;
	}

#description_t{
	width:430px;
	}

#description_t p{
	padding-top:5px;
	padding-bottom:15px;
	padding-left:10px;
	}		
	
#t_right h2{
	margin-bottom:10px;
	}	
	
#t_right img{
	margin-bottom:5px;
	}
	
#business{
	width:400px;
	height:106px;
	margin-left:10px;
	}
	
table.t_style{
	 width:580px;
	 }
	 
ul#recruit_t {
	background : url(../img/menu.jpg) no-repeat;
	width:218px;
	height:105px;
	margin-bottom:10px;
	list-style-type:none;
	}	

#recruit_t li {
  width: 218px;
  height: 35px;
  display: inline;
	}

#recruit_t a {
  text-indent: -9999px;
  text-decoration: none;
  display: block;
  width: 218px;
  height: 35px;
  background : url(../img/menu.jpg) no-repeat;
	}

#menu1 a { background-position: 0 -35px; } 
#menu2 a { background-position: 0 0; }
#menu3 a { background-position: 0 -105px; }

#globalnavi a:hover {
  text-decoration: none;
  background : url(../img/menu.jpg) no-repeat;
	}

#menu1 a:hover { background-position: -218px -35px; }
#menu2 a:hover { background-position: -218px 0; }
#menu3 a:hover { background-position: -218px -70px; }
	 

	
/* Sub page */

#sub_head{
	margin:0;
	padding-left:1px;
	width:701px;
	height:50px;
	}
	
#sub_head img{
	vertical-align:bottom;	
	}
	
#s_main{
	width:700px;
	height:100%;
	margin:0;
	padding:0;
	background : url(../img/back_main.jpg) repeat-y;
}

#sub_menu{
	float:left;
	display:block;
	width:165px;
	height:100%;
	padding-bottom:20px;
	margin:0;
	background : url(../img/back_submenu.jpg) repeat-y;
	}


#sub_main{
	float:right;
	display:block;
	width:500px;
	height:100%;
	margin:0;
	padding:10px;
	}
	
#sub_main p{
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	}
	
#sub_main h3{
	text-align:left;
	margin-left:10px;
	margin-top:10px;
	color:#5696d6;
	font-size:110%;
	border-bottom:#99d2ea double;
	}
	
#sub_main h4{
	text-align:right;
	font-size:78%;
	font-weight:normal;
	margin-bottom:5px;
	}			
	
ul#menu_sub{
	width:120px;
	margin-left:30px;
	padding-top:10px;
}		

ul#menu_sub li{
	list-style-type:none;
	background : url(../img/list_m.jpg) no-repeat 0px 0.4em;
	padding-left:12px;
	margin-bottom:5px;
	}
	
#sub_menu img{
	margin-left:14px;
	margin-top:15px;
	}	

#haken_banner {
	text-align:center;
	}	
	
#haken_banner img {
	margin-right:5px;
	margin-bottom:10px;
	}	
	
#dpc_contain{
	width:490px;
	margin-left:-2.5px;
	}	
	
dl.dpc_l{
	margin-bottom:20px;
	}
	
dl.dpc_l dd{
	margin-top:10px;
	margin-bottom:5px;
	margin-left:10px;
	font-weight:bold;
	}
	
dl.dpc_l dt{
	margin-left:20px;
	}	

dl.dpc_l2 dd{
	margin-left:5px;
	color:#6699CC;
	}
	
.top{
	text-align:right;
	margin-top:20px;
	margin-bottom:15px;
	width:600px;
}

.pre01{
	background-color:#CCEBFD;
	padding-left:5px;
	}
	
#map_contain{
	width:380px;
	margin:0 auto;
	padding:0;
	}
	
.map_b{
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:dotted #CCCCCC 2px;
	}
	
dl#style01{
	margin:10px 20px;
	}
	
dl#style01 dd{
	font-weight:bold;
	border-left:5px solid #5398d3;
	padding:0 10px;
	}
	
dl#style01 dt{
	margin:2px 0 5px 15px;
	}

table.tb01{
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

.tb01 th{
	width:85px;
	height:40px;
	font-weight:normal;
	vertical-align:text-top;
	color:#333333;
	background-color:#F0F0F0;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding:3px 3px;	
	}

.tb01 td{
	vertical-align:text-top;
    border-right:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding:3px 3px;
}

.number{
	width:620px;
	padding-left:33px;
	display:block;
	}

ol.number li{
	margin-bottom:5px;
	line-height:1.5;
	}	
	
dl.prd{
	margin-bottom:15px;
	}	
	
dl.prd dd{
	font-weight:bold;
	}
	
.prd_p{
	text-align:center;
	margin-bottom:10px;
	}
	
.prd_p img{
	margin-right:5px;
	}			

/*Other page*/

#main{
	width:700px;
	height:100%;
	display:block;
	padding-bottom:20px;
	}
		
.title_h2{
	width:600px;
	margin-top:15px;
	}
	
.title_h2 p{
	margin:10px 10px;
	}		

.b_box{
	width:600px;
	margin-top:15px;
	padding-bottom:20px;
	}
	
.b_box p{
	width:580px;
	margin-left:15px;
	margin-top:10px;
	}
	
/*.b_box img{
	margin-right:25px;
	}*/
	
.b_box h3{
	width:580px;
	margin-top:10px;
	}
	
.b_box ol {
	margin-top:10px;
	margin-left:10px;
	}	
	
.b_box ol li{
	margin-left:35px;
	}
	
.b_box ul{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	list-style-type:none;
	}				
	
ul.b_box_list {
	margin-left:35px;
		}
		
ul.b_box_list li{
	list-style-image:url(../img/listmark.gif);
	}
	
DIV.b_box dl {
	margin-left:30px;
	}
	
DIV.b_box dl dt{
	font-weight:bold;
	margin-top:10px;
	}
	
DIV.b_box dl dd{
	margin-left:10px;
	}	

#privacy{
	width:450px;
	border:1px solid #999999;
	padding:10px;
	}
	
DIV#privacy dl dt{
	font-weight:bold;
	margin-bottom:5px;
	}
	
.recruit{
	width:300px;
	height:112px;
	background:url(../img/recruit/t_back.gif) no-repeat;
	}
	
.recruit_s {
	height:65px;
	text-align:right;
	margin-right:10px;
	padding-top:15px;
	color:#000000;
	line-height:1.2em;
	}
	
.recruit_b{
	text-align:right;
	margin-right:10px;
	}

	
/* business page */

.eng01{
	width:600px;
	height:auto;
	display:table;
	margin-top:10px;
	border-bottom:1px #CCCCCC solid;
	padding-bottom:20px;
	}			

.eng02{
	float:left;
	width:310px;
	height:102px;
	margin-left:10px;
	display:block;
	}
	
.eng03{
	width:250px;
	float:right;
	}
	
.eng03 h3{
	color:#063160;
	font-size:110%;
	margin-bottom:5px;
	}
	
.eng03 ul{
	list-style-type:none;
	}	
	
.eng03 p{
	margin-top:10px;
	}
	
.eng04{
	width:600px;
	height:370px;
	margin-top:10px;
	border-bottom:1px #CCCCCC solid;
	}
			
.mai00{
	width:600px;
	}
	
.mai01{
	width:580px;
	height:120px;
	padding-bottom:20px;
	border-bottom:1px #CCCCCC solid;
	}	
	
.mai02{
	float:left;
	width:150px;
	padding-left:25px;
	margin-top:10px;
	}
	
.mai02 img {
	margin-top:3px;
	}	
	
.mai03{
	float:right;
	width:370px;
	margin-top:10px;
	margin-left:10px;
	}
	
.mai03 h3{
	color:#063160;
	font-size:110%;
	margin-bottom:5px;
	}
	
.mai03 ul{
	list-style-type:none;
	}	
	
.mai03 p{
	margin-top:10px;
	}	
	
.ren00{
	width:600px;
	}
	
.ren01{
	width:600px;
	height:160px;
	padding-bottom:10px;
	border-bottom:1px #CCCCCC solid;
	}	
	
.ren02{
	float:left;
	width:150px;
	margin-left:25px;
	margin-top:10px;
	}
	
.ren02 img {
	margin-top:3px;
	}	
	
.ren03{
	float:right;
	width:370px;
	padding-top:15px;
	padding-bottom:10px;
	margin-right:10px;
	}
	
.ren03 h3{
	color:#063160;
	font-size:110%;
	margin-bottom:5px;
	}
	
.ren03 ul{
	list-style-type:none;
	}	
	
.ren03 p{
	margin-top:10px;
	}	
	
.con01{
	width:550px;
	margin-top:10px;
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:1px #CCCCCC solid;
	}
	
.con01 h3{
	color:#063160;
	font-size:110%;
	margin-bottom:5px;
	}
	
.con01 img{
	margin-right:5px;
	margin-top:5px;
	}	
	
#contact_t{
	width:300px;
	border:1px #999999 solid;
	padding:10px;
	margin-bottom:15px;
	}
	
#contact_t h3{
	font-size:100%;
	}	
	
.renew{
	width:500px;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #999999;
	}
	
.renew h3{
	color:#063160;
	font-size:110%;
	}
	
.renew ul{
	list-style-type:none;
	}							
	
/*Site map*/

ul.sitemap {
	margin-left:10px;
	}

ul.sitemap li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background : url(../img/other/m_top.gif) no-repeat 0px 4px;
	line-height: 160%;
	list-style:none;
}
ul.sitemap li ul {
	background : url(../img/other/m_dot.gif) no-repeat 11px 0px;
}
ul.sitemap li ul.m_category li {
	background : url(../img/other/m_file.gif) no-repeat 1px -32px;
}
ul.sitemap li ul.m_page li {
	background : url(../img/other/m_page.gif) no-repeat 1px -33px;
}
ul.sitemap li ul li.m_last {
	background-color: #FFFFFF;
}

	

/* Foot */

#b_main{
	width:707px;
	height:21px;
	}

#foot{
	width:700px;
	height:15px;
	background:url(../img/foot_bar.gif) no-repeat center;
	text-align:center;
	}
	
ul.navi li{
	float:left;
	list-style-type:inherit;
	display:inline;
	margin-right:5px;
}

ul.navi{
	margin-left:15px;
	}

.link{
	width:600px;
	text-align:left;
	padding:5px;
	border:1px #CCCCCC solid;
	}
	
.copyright{
	text-align:right;
	padding-right:10px;
	}
	
#bottom{
	width:700px;
	border-top:3px #1b54a1 solid;
	background:url(../img/back_line.gif) repeat-y;
	}
	


/*@Contact@*/
.contact_00 { width:600px;}
.contact_01 { background-color:#DFE6ED;font-weight:bold;vertical-align:middle;padding:5px 10px;border-bottom:1px solid #BABABA; }
.contact_02 { background-color:#DFE6ED;vertical-align:middle;padding:5px 10px;border-bottom:1px solid #BABABA;font-size:88%; }
.contact_03 { padding:5px 10px;vertical-align:top;border-bottom:1px dotted #BABABA; }
.contact_04 { padding:5px 10px;vertical-align:top;border-bottom:1px dotted #BABABA; }
.contact_05 { width:600px;}
.contact_06 { width:330px;}
.contact_03 a { text-decoration:underline; }

.notes { color:#CC0000;font-weight:normal; }

textarea{
	font-size:98%;
	}

/* ClearFix */

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

.spacer{
	height:10px;
	}
	
	
@media print{
#contain{width:100%; float:none;}
}

.margin{
	margin-right:15px;
}