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

/* Reset ------------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/* Base ------------------------------------------------------------------ */

body {
	font-size:87.5%;
	color:#666;
	text-align:center;
}

#top {
	background:url(images/top_bg.jpg) repeat-x;
}

#second {
	background:url(images/second_bg.jpg) repeat-x;
}

h3,h4,h5,h6 {
	font-size:100%;
	line-height:21px;
	margin-bottom:7px;
}

h3 {
	background:url(images/stitle_bg.jpg) repeat-x bottom;
	height:28px;
	font-weight:bold;
}

h4 {
	font-weight:bold;
	color:#3C90CC;
	line-height:21px;
}

p {
	margin-bottom:1.5em;
}

ul,ol {
	margin-bottom:1.5em;
}

table {
	margin-bottom:1.5em;
}

/* Link ------------------------------------------------------------------ */

a {
	text-decoration: underline;
	color:#0CF;
}

a:link {
	text-decoration: underline;
	color:#0CF;
}

a:visited {
	text-decoration: underline;
	color:#0CF;
}

a:hover {
	text-decoration: none;
	color:#0CF;
}

a:active {
	text-decoration: underline;
	color:#0CF;
}

/* Layout ------------------------------------------------------------------ */

.fl {
	float:left;
}

.fr {
	float:right;
}

table {
	width:100%;
	font-size:100%;
	line-height:140%;
}

th {
	background:#F0F2FF;
	border:#DDD 1px solid;
	width:20%;
	font-weight:bold;
	padding:5px 10px;
}

td {
	border:#DDD 1px solid;
	width:80%;
	padding:5px 10px;
}

/* Header ------------------------------------------------------------------ */

#header {
	width:800px;
	height:63px;
	margin:0px auto;
	position:relative;
}

#header h1 a {
	background:url(images/logo.jpg) no-repeat;
	width:250px;
	height:50px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:10px;
	left:0px;
}

#header p {
	font-size:12px;
	position:absolute;
	top:10px;
	right:0px;
}

#header #fontsize-change {
	background:url(images/font_size_bg.jpg) no-repeat;
	width:185px;
	height:30px;
	position:absolute;
	top:30px;
	right:0px;
}

#header #fontsize-change li {
	float:left;
}

#header #fontsize-change li a {
	width:50px;
	height:20px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

#normal a {
	background:url(images/font_size_normal.jpg) no-repeat;
	margin:5px 0px 0px 75px;
}

#normal a:hover {
	background:url(images/font_size_normal_o.jpg) no-repeat;
}

#big a {
	background:url(images/font_size_big.jpg) no-repeat;
	margin:5px 0px 0px 5px;
}

#big a:hover {
	background:url(images/font_size_big_o.jpg) no-repeat;
}

.fontsizeM #main {
	font-size:100%;
}

.fontsizeL #main {
	font-size:16px;
}

/* Main img ------------------------------------------------------------------ */

#top_main_img {
	background:url(images/top_main.jpg) no-repeat;
	width:822px;
	height:286px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#about_main_img {
	background:url(images/about_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#staff_main_img {
	background:url(images/staff_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#approach_main_img {
	background:url(images/approach_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#info_main_img {
	background:url(images/info_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#recruit_main_img {
	background:url(images/recruit_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#cooperation_main_img {
	background:url(images/cooperation_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#access_main_img {
	background:url(images/access_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#sitepolicy_main_img {
	background:url(images/sitepolicy_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#privacy_main_img {
	background:url(images/privacy_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#sitemap_main_img {
	background:url(images/sitemap_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

#director_main_img {
	background:url(images/director_main.jpg) no-repeat;
	width:818px;
	height:198px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	margin:0px auto;
}

/* Navi ------------------------------------------------------------------ */

#navi {
	width:800px;
	height:40px;
	margin:0px auto;
}

#navi ul {
	margin:0px;
}

#navi ul li {
	float:left;
}

#navi ul li a {
	height:40px;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
}

#n1 a {
	background:url(images/n1.jpg) no-repeat;
	width:100px;
}

#n1 a:hover {
	background:url(images/n1_o.jpg) no-repeat;
}

#n2 a {
	background:url(images/n2.jpg) no-repeat;
	width:140px;
}

#n2 a:hover {
	background:url(images/n2_o.jpg) no-repeat;
}

#n3 a {
	background:url(images/n3.jpg) no-repeat;
	width:140px;
}

#n3 a:hover {
	background:url(images/n3_o.jpg) no-repeat;
}

#n4 a {
	background:url(images/n4.jpg) no-repeat;
	width:140px;
}

#n4 a:hover {
	background:url(images/n4_o.jpg) no-repeat;
}

#n5 a {
	background:url(images/n5.jpg) no-repeat;
	width:140px;
}

#n5 a:hover {
	background:url(images/n5_o.jpg) no-repeat;
}

#n6 a {
	background:url(images/n6.jpg) no-repeat;
	width:140px;
}

#n6 a:hover {
	background:url(images/n6_o.jpg) no-repeat;
}

/* Side menu ------------------------------------------------------------------ */

#side_menu {
	width:240px;
	margin:0px 0px 14px 0px;
}

#side_menu li a {
	background:url(images/side_menu_bg.jpg) no-repeat;
	width:215px;
	_width:240px;
	height:27px;
	_height:40px;
	text-align:left;
	display:block;
	margin:0px 0px 5px 0px;
	padding:13px 0px 0px 30px;
}


/* Content ------------------------------------------------------------------ */

#content {
	width:800px;
	margin:20px auto 0px auto;
}

#content #side {
	width:240px;
	float:left;
}

#content #side img {
	margin:0px 0px 14px 0px;
	display:block;
}

#content #main {
	width:530px;
	float:right;
	text-align:left;
	line-height:140%;
}

#approach {
	margin:0px 0px 14px 0px;
}

#approach dt {
	width:80px;
	float:left;
	text-align:right;
}

#approach dd {
	padding:0px 0px 0px 80px;
}

#content #main #target {
	width:530px;
	height:190px;
	margin:0px 0px 21px 0px;
}

#content #main #target div {
	background:url(images/top_target_bg.jpg) no-repeat;
	width:260px;
	height:190px;
}

#content #main #target div img {
	margin:20px 0px 7px 20px;
}

#content #main #target div p {
	margin:0px 20px 7px 20px;
}

#content #main #target div ul {
	line-height:150%;
	margin:0px 20px 0px 20px;
	font-size:14px;
}

#content #main #target div ul li {
	background:url(images/arrow.jpg) no-repeat left;
	padding:0px 0px 0px 10px;
}

#content #main #news {
	width:530px;
	height:270px;
	overflow:auto;
}

#content #main .align_right {
	text-align:right;
}

.doc {
	margin:0px 0px 15px 0px;
}

#content #main #news dt {
	font-weight:bold;
	float:left;
	padding:14px 0px 14px 0px;
}

#content #main #news dd {
	border-bottom:#DDD 1px solid;
	padding:14px 10px 14px 110px;
}

#content #link {
	width:550px;
	height:28px;
	_height:70px;
	margin:0px auto;
	padding:42px 0px 0px 0px;
	clear:both;
}

#footer {
	width:800px;
	height:50px;
	_height:64px;
	border-top:#3C90CC 4px solid;
	margin:0px auto;
	padding:14px 0px 0px 0px;
	clear:both;
	position:relative;
}

#footer img {
	position:absolute;
	top:14px;
	right:0px;
}

/* List ------------------------------------------------------------------ */

.link_list {
	width:100%;
	font-size:12px;
	overflow:hidden;
	margin:0px 0px 0px -14px;
}

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

.link_list li{
	float:left;
	padding:0px 14px;
	margin-left:-1px;
	border-left:#666 1px solid;
}

.num {
	list-style:decimal;
}

.num li {
	margin:0px 0px 0px 25px;
}

.num li ul {
	margin:0px 0px 7px -10px;
}

.num li ul li {
	list-style:disc;
}

.disc {
	list-style:disc;
}

.disc li {
	margin:0px 0px 0px 15px;
}

#sitemap {
	line-height:160%;
}

#sitemap li {
	background:url(images/arrow2.jpg) no-repeat left;
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 25px;
}

#sitemap .second_page {
	background:url(images/arrow2.jpg) no-repeat left;
	margin:0px 0px 14px 20px;
	padding:0px 0px 0px 25px;
}

.img {
	margin:0px 0px 14px 0px;
}

.career {
	width:100%;
	margin:0px 0px 21px 0px;
}

.career dt {
	width:15%;
	float:left;
}

.career dd {
	width:80%;
	margin:0px 0px 0px 15%;
}

.career2 {
	width:100%;
	margin:0px 0px 21px 0px;
}

.career2 dt {
	width:45%;
	float:left;
}

.career2 dd {
	width:55%;
	margin:0px 0px 0px 45%;
}


h4 span.h4-nomal{
	font-weight:normal;
	padding-left:1em;
}

th span.th-nomal{
	font-weight:normal;
}