/* --- common style ---------------------------------------------------- */

* {
	margin:0px;
	border:none;
	padding:0px;
	font-size:12px;
	line-height:1.8em;
}

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

ul {
	list-style:none;
}

table,
table tr,
table tr th,
table tr td {
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
}

a:link {color:#C0CBDA; text-decoration:none;}
a:visited {color:#C0CBDA; text-decoration:none;}
a:active {color:#C0CBDA; text-decoration:none;}
a:hover {color:#8E6978; text-decoration:none;}



/* --- site layout ----------------------------------------------------------- */

body {
	text-align:center;
	background:url(../img/bg_01.jpg)
}

div#layout {
	width:800px;
	margin:0 auto;
	text-align:center;
}

div#layout div#header {
	position:relative;
	width:800px;
	height:129px;
	margin:0 auto;
	text-align:left;
}

div#layout div#wrapper {
	overflow:hidden;
	width:800px;
	margin:0 auto;
	background:url(../img/bg_03.jpg) repeat-y;
	text-align:left;
}

div#wrapper div#main {
	overflow:hidden;
	float:right;
	display:inline;
	width:580px;
}

div#wrapper div#navi {
	float:left;
	display:inline;
	width:201px;
	text-align:left;
}

div#layout div#footer {
	color:#C0CBDA;
	clear:both;
	width:800px;
	text-align:center;
	font-size:10px;
	margin:0 auto;
}



/* --- header ---------------------------------------------------------------- */

div#header h1 {
	position:absolute;
	left:0;
	top:0px;
	width:800px;
	height:129px;
	background:url(../img/bg_header.jpg) no-repeat;
	text-indent:-9999px;
}

div#header h2 {
	position:absolute;
	left:10px;
	top:0;
	width:408px;
	height:20px;
	line-height:20px;
	color:#10386B;
	z-index:99;
}

div#header p#h_banner_01 a {
	position:absolute;
	display:block;
	width:237px;
	height:64px;
	background:url(../img/banner_01.jpg) 0 0;
	top:8px;
	left:553px;
	text-indent:-9999px;
}

div#header p#h_banner_01 a:hover {
	background:url(../img/banner_01.jpg) 331px 0;
}



div#header p#h_banner_02 a {
	position:absolute;
	display:block;
	width:200px;
	height:53px;
	background:url(../img/banner_03.jpg) 0 0;
	top:19px;
	left:345px;
	text-indent:-9999px;
}

div#header p#h_banner_02 a:hover {
	background:url(../img/banner_03.jpg) 331px 0;
}

div#header p#to_index {
	position:absolute;
	left:0px;
	top:0px;
}

p#main_naka_img {
	width:790px;
	height:56px;
	background:url(../img/naka_main.jpg) no-repeat;
	text-align:right;
	padding-top:120px;
	padding-right:10px;
	font-size:270%;
	color:#333;
}


/* --- header_menu --------------------------------------------------------------- */

div#header div#h_menu ul li#h_menu_01 a {
	position:absolute;
	z-index:10;
	display:block;
	width:114px;
	height:35px;
	background:url(../img/h_menu_01.jpg) 0 0;
	left:282px;
	top:83px;
	text-indent:-9999px;
}

div#header div#h_menu ul li#h_menu_01 a:hover {
	background:url(../img/h_menu_01.jpg) 0 35px;
}


div#header div#h_menu ul li#h_menu_02 a {
	position:absolute;
	z-index:10;
	display:block;
	width:171px;
	height:35px;
	background:url(../img/h_menu_02.jpg) 0 0;
	top:83px;
	left:397px;
	text-indent:-9999px;
}

div#header div#h_menu ul li#h_menu_02 a:hover {
	background:url(../img/h_menu_02.jpg) 0 35px;
}


div#header div#h_menu ul li#h_menu_03 a {
	position:absolute;
	z-index:10;
	display:block;
	width:110px;
	height:35px;
	background:url(../img/h_menu_03.jpg) 0 0;
	top:83px;
	left:569px;
	text-indent:-9999px;
}

div#header div#h_menu ul li#h_menu_03 a:hover {
	background:url(../img/h_menu_03.jpg) 0 35px;
}


div#header div#h_menu ul li#h_menu_04 a {
	position:absolute;
	z-index:10;
	display:block;
	width:117px;
	height:35px;
	background:url(../img/h_menu_04.jpg) 0 0;
	top:83px;
	left:680px;
	text-indent:-9999px;
}

div#header div#h_menu ul li#h_menu_04 a:hover {
	background:url(../img/h_menu_04.jpg) 0 35px;
}

/* --- wrapper --------------------------------------------------------------- */

p#main_img {
	width:800px;
	height:300px;
	background:url(../img/main_img_01.jpg) no-repeat;
	text-indent:-9999px;
}



/* --- navi ------------------------------------------------------------------ */

div#navi div#menu {
	width:201px;
	text-align:left;
}

div#navi div#menu ul {
	width:190px;
	margin-left:10px;
}

div#navi div#menu ul li {
	margin:2px auto;
}

div#navi div#menu ul li a {
	line-height:35px;
	text-indent:18px;
	display:block;
	width:184px;
	height:36px;
}

div#navi div#menu ul li a {
	background:url(../img/menu_01.jpg) 0 0;
	color:#000;
}
div#navi div#menu ul li a:hover { 
	background:url(../img/menu_01.jpg) 184px 0;
}

div#navi div#menu ul li ul {
	width:180px;
	margin:5px 0;
	margin-left:10px;
}

div#navi div#menu ul li ul li {
	line-height:35px;
	margin:0;
}

div#navi div#menu ul li ul li a {
	line-height:35px;
	text-indent:20px;
	display:block;
	width:170px;
	height:36px;
}

div#navi div#menu ul li ul li a { 
	background:url(../img/menu_02.jpg) 0 0;
	color:#000;
}
div#navi div#menu ul li ul li a:hover { 
	background:url(../img/menu_02.jpg) 170px 0;
}

div#navi div#banner {
	text-align:center;
}

div#banner p.banner01 a {
	display:block;
	width:180px;
	height:70px;
	margin:20px auto;
	background:url(../img/menu_benner_01.jpg) 0 0;
	text-indent:-9999px;
}

div#banner p.banner01 a:hover {
	background:url(../img/menu_benner_01.jpg) 180px 0;
}




/* --- main ------------------------------------------------------------------ */
div#main p {
	width:540px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
	color:#2E5A7C;
}

div#main p#main_text {
	width:540px;
	height:180px;
	background:url(../img/main_text_bg.jpg) no-repeat;
}


div#main dl.pickup {
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:20px;
	width:260px;
}

div#main dl.pickup dt {
	height:130px;
	display:block;
}

div#main dl.pickup dt a {
	display:block;
	width:260px;
	height:130px;
}

dl.pickup dd.pu_text {
	height:100px;
	padding:5px 0;
	padding-left:5px;
	padding-right:15px;
	background:url(../img/pickup01_03.jpg) repeat-y;
}	

dl.pickup dd.pu_link a {
	display:block;
	width:260px;
	height:26px;
	text-indent:-9999px;
	background:url(../img/pickup01_04.jpg) 0 0;
}

dl.pickup dd.pu_link a:hover {
	background:url(../img/pickup01_04.jpg) 260px 0;
}

div#main p#pickup02 {
	height:250px;
	clear:both;
	margin-bottom:20px;
}

div#main p#pickup02 a {
	display:block;
	width:540px;
	height:250px;
	background:url(../img/banner_02.jpg) 0 0;
	text-indent:-9999px;
}
	
div#main p#pickup02 a:hover {
	background:url(../img/banner_02.jpg) 540px 0;
}


h3.main_h3 {
	background:url(../img/main_h3.jpg) no-repeat;
	height:62px;
	margin-top:10px;
	text-indent:-9999px;
}

h4.main_h4 {
	background: url(../img/main_h4.jpg) no-repeat;
	height:35px;
	margin-top:30px;
	text-indent:-9999px;
}

p.bg_text {
	background:url(../img/text_bg_01.jpg) repeat-x;
	padding:10px;
}


/* --- main nakaparts------------------------------------------------------------------ */

.title01 {
	font-size:22px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:38px;
	background:url(../img/naka_h3.jpg) no-repeat;
	text-indent:10px;
	margin-top:20px;
}

.title02 {
	font-size:18px;
	color:#4A527F;
	font-weight:bold;
	line-height:38px;
	background:url(../img/naka_h4.jpg) no-repeat;
	text-indent:10px;
	margin-top:20px;
}

.title03 {
	font-size:16px;
	color:#4A527F;
	font-weight:bold;
	line-height:30px;
	background:url(../img/naka_h5.jpg) no-repeat;
	text-indent:30px;
	margin-top:20px;
	margin-bottom:10px;
}

.point {
	font-size:14px;
	color:#8E6978;
	font-weight:bold;
	line-height:20px;
	background:url(../img/naka_point.jpg) no-repeat;
	text-indent:20px;
	margin-top:20px;
}

div#main p.faq_q {
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	background:url(../img/faq_q.jpg) no-repeat;
	width:510px;
	height:40px;
	margin-top:20px;
	padding-left:40px;
}

div#main p.faq_a {
	font-size:12px;
	background:url(../img/faq_a.jpg) no-repeat;
	margin-top:10px;
	padding-left:40px;
	height:40px;
	width:510px;
	margin-bottom:40px;
}

.table_form {
	margin:10px 0;
	margin-left:10px;
}
		
.table_form th{
	height:25px;
	width:150px;
	text-indent:5px;
	color:#6064A4;
	font-weight:bold;
	text-align:right;
}

.table_form td{
	padding-left:5px;
	height:25px;
	text-align:left;
	color:#6064A4;
}

.border {
	border:1px #6064A4 solid;
}

.bg_bt {
	background-color:#CFD0E3;
	border:1px #6064A4 solid;
}

.bg_bt_a input {
	background-color:#CFD0E3;
	border:1px #6064A4 solid;
}

.margin-left {
	margin-left:5px;
}

.table_a {
	color:#666699;
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	width:400px;
	margin:20px auto;	
}

.table_a tr {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}

.table_a tr th {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
	width:100px;
}

.table_a tr td {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}
	
.table_b {
	color:#666699;
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	width:540px;
	margin:20px auto;	
}

.table_b tr {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}

.table_b tr th {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
	width:100px;
}

.table_b tr td {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}
	
.bg_table {
	background-color:#98BCCF;
	font-weight:bold;
	color:#FFFFFF;
}
/* --- footer ---------------------------------------------------------------- */

div#footer {
	width:800px;
	margin:0 auto;
	background:url(../img/footer_bg.jpg) repeat-y;
}


div#footer dl {
	overflow:hidden;
	width:780px;
	padding:10px;
	text-align:center;
}

div#footer dl dt {
	display:inline;
}

div#footer dl dd {
	display:none;
}

div#footer p {
	color:#63638C;
	overflow:hidden;
	width:800px;
	line-height:20px;
	margin:0 auto;
	background:url(../img/copy_bg.jpg) no-repeat;
	text-align:center;
}
div#footer p a {
	color:#63638C;
	font-weight:bold;
}



/* --- sitemap ---------------------------------------------------------------- */


div#main dl#sitemap dt {
	margin:0 0 10px 0;
}

div#main dl#sitemap dd {
	margin:0 0 20px 20px;
}




/* --- common parts ---------------------------------------------------------- */


div#rss {
	margin:0 0 20px 0;
}

div#rss p {
	display:inline;
	text-align:center;
}

div#rss p img {
	margin:0 15px;
}

dl#sitemap_list {
	margin:10px 0;
	text-align:left;
	text-indent:20px;
}

dl#sitemap_list dt {
	background:url(../img/naka_point.jpg) no-repeat;
	font-weight:bold;
}

p.power img {
	margin-left:200px;
}

img.left {
	float:left;
	margin:5px;
}
.right { float: right;}

.clear {
	clear:both;
}

.table_img {
	width:200px;
	background-color:#B4D2E2;	
}

.table_img img {
	margin:15px 10px;
}




.table_company {
	color:#666699;
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	width:400px;
	margin:20px auto;	
}

.table_company tr {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}

.table_company tr th {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
	width:100px;
}

.table_company tr td {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}

.table_recruit {
	color:#666699;
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	width:400px;
	margin:20px auto;	
	font-weight: bold;
}

.table_recruit tr {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}

.table_recruit tr th {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	background:#ccc;
	color:#000;
	padding:3px;
	width:100px;
}

.table_recruit tr td {
	border:2px solid #6D7EA7;
	border-collapse:collapse;
	padding:3px;
}

.recruit_list li {
list-style-type:disc;}

div#main .recruit_p {
  font-weight:bold;
	font-size:140%;
  color: #2E5A7C;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-top: 20px;
  width: 540px;	}

/*070620 matsui */

div#banner img {
	margin-bottom:-5px;
}


div#banner p.banner02 {
	margin-bottom:10px;
	font-weight:bold;
}

div#banner p.banner02 a {
	color:#006699;
}

.img_gal {
	margin-bottom:15px;
}

.img_gal img {
	display:block;
	float:left;
	margin:0 1px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.img_gal2 {
	margin-bottom:15px;
	padding-left:20px;
}

.img_gal2 img {
	display:block;
	float:left;
	margin:4px 5px;
}