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

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

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

p {margin:2px 0 13px 0;}

ul {
	list-style:none;
}

a:link {color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:active {color:#333333; text-decoration:none;}
a:hover {color:#333333; text-decoration:underline;}



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

body {
	background:#e6efee;
	text-align:center;
}

div#layout {
	overflow:hidden;
	width:940px;
	margin:0 auto;
	background:url(../img/bg_layout.jpg) repeat-y;
	text-align:center;
}

div#layout div#header {
	position:relative;
	width:800px;
	height:373px;
	padding:24px 0 0 0;
	margin:0 auto;
	background:url(../img/header_navi.jpg) no-repeat bottom;
	text-align:left;
}

div#layout div#inner_header {
	position:relative;
	width:800px;
	height:223px;
	padding:24px 0 0 0;
	margin:0 auto;
	background:url(../img/header_navi.jpg) no-repeat bottom;
	text-align:left;
}

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

div#wrapper div#main {
	float:right;
	width:600px;
	margin:15px 0 20px 0;
}

div#wrapper div#inner_main {
	float:right;
	display:inline;
	width:580px;
	margin:40px 20px 20px 0;
}

div#wrapper div#navi {
	float:left;
	width:180px;
	text-align:center;
}

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


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

div#header h1 {
	width:800px;
	height:60px;
	margin:0 0 4px 0;
	background:url(../img/bg_header.jpg) no-repeat;
	text-indent:-9999px;
}

div#header h2#desc {
	position:absolute;
	left: 290px;
	top: 5px;
	font-size:10px;
	color: #999999;
}

div#header p#sitemap {
	position:absolute;
	left: 730px;
	top: 5px;
}

div#header p#sitemap a {
	font-size:10px;
	color: #999999;
}

div#inner_header h1 {
	width:800px;
	height:60px;
	margin:0 0 4px 0;
	background:url(../img/bg_header.jpg) no-repeat;
	text-indent:-9999px;
}

div#inner_header h2#desc {
	position:absolute;
	left: 290px;
	top: 5px;
	font-size:10px;
	color: #999999;
}

div#inner_header p#sitemap {
	position:absolute;
	left: 730px;
	top: 5px;
}

div#inner_header p#sitemap a {
	font-size:10px;
	color: #999999;
}


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

ul#top_navi {
	clear:both;
	position:absolute;
	left: 509px;
	top: 0;
	width:270px;
	height:28px;
	background:url(../img/bg_top_navi.jpg) no-repeat;
	text-align:center;
}

ul#top_navi li {
	display:inline;
	color:#ffc0dd;
	font-weight:bold;
}

ul#top_navi li a {
	line-height:28px;
	color:#ff3299;
	font-weight:lighter;
}


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

div#navi div#menu {
	margin:0 0 25px 0;
	text-align:left;
}

div#navi div#menu ul {
	width:160px;
	margin:0 auto;
}

div#navi div#menu ul li {
	margin:0 0 5px 0;
}

div#navi div#menu ul li a {
	display:block;
	width:140px;
	height:30px;
	padding:0 0 0 20px;
	line-height:30px;
}

div#navi div#menu ul li a { background:url(../img/menu_list_01.jpg) 0 0; color:#666666;}
div#navi div#menu ul li a:hover { background:url(../img/menu_list_01.jpg) 160px 0; color:#ffff9a;}

div#navi div#menu ul li ul {
	width:150px;
	margin:0 0 0 10px;
}

div#navi div#menu ul li ul li {
	margin:0 0 5px 0;
}

div#navi div#menu ul li ul li a {
	display:block;
	width:130px;
	height:30px;
	padding:0 0 0 20px;
	line-height:30px;
}

div#navi div#menu ul li ul li a { background:url(../img/menu_list_02.jpg) 0 0;}
div#navi div#menu ul li ul li a:hover { background:url(../img/menu_list_02.jpg) 150px 0;}

div#navi div#banner {
	margin:0 0 20px 0;
	text-align:center;
}

div#navi div#banner img {
	margin:0 0 10px 0;
}

div#navi div#rss {
}


/* --- footer ---------------------------------------------------------------- */

div#footer {
	text-align:center;
}

div#footer ul {
	border:1px solid #ff3299;
	border-left:none;
	border-right:none;
}

div#footer ul li {
	display:inline;
	line-height:24px;
	font-weight:bold;
	color:#d8bebf;
}

div#footer ul li a {
	font-weight:lighter;
	color:#670002;
}

div#footer p {
	height:50px;
	background:url(../img/bg_footer.jpg) repeat-x;
	line-height:24px;
	color:#ff8cb3;
}

div#footer p a {	color:#ff8cb3;}


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

/* --- top ------------------------------------------*/

div#top_desc {
	float:left;
	width:290px;
}

div#top_desc h3 {
	width:290px;
	height:85px;
	background:url(../img/h3_01.jpg) no-repeat;
	text-indent:-9999px;
}

div#whatsnew {
	float:left;
	display:inline;
	width:270px;
	height:230px;
	padding:60px 0 0 0;
	margin:25px 0 0 20px;
	background:url(../img/bg_whatsnew.jpg) no-repeat;
	text-align:center;
}

div#whatsnew h3 {
	display:none;
}

div#whatsnew h4 {
	width:220px;
	height:18px;
	margin:0 auto;
	background:url(../img/bg_whatsnew_title.jpg) no-repeat;
	text-align:left;
	text-indent:16px;
	line-height:18px;
	color:#ff329b;
}

div#whatsnew h4 a {	color:#ff329b;}

div#whatsnew p {
	overflow:hidden;
	width:220px;
	height:40px;
	margin:0 auto;
	text-align:left;
	text-overflow:clips;
}

div#whatsnew p.detail_01 {
	height:15px;
	margin:0 auto 10px auto;
	text-align:right;
}

div#whatsnew p.detail_01 a {	color:#983201;}

a#top_banner {
	clear:both;
	display:block;
	width:574px;
	height:114px;
	border:3px solid #0183b7;
	margin:10px 0 30px 0;
}

a#top_banner:hover {	border:3px solid #e8b818;}

dl.pickup {
	overflow:hidden;
	float:left;
	display:inline;
	width:280px;
	height:120px;
	margin:10px 20px 20px 0;
}

dl.pickup dt {
	float:left;
	width:90px;
}

dl.pickup dd {
	float:left;
	width:170px;
	padding:10px 10px 0 10px;
	background:url(../img/bg_pickup.jpg) no-repeat;
}

dl.pickup dd h3 {
	background:url(../img/bg_pickup_title.jpg) no-repeat;
	text-indent:18px;
	font-weight:bold;
}

dl.pickup dd h3 a {	color:#027caf;}
dl.pickup dd h3 a:visited {	color:#027caf;}

dl.pickup dd p {
	font-size:10px;
}

dl.pickup dd p.detail_02 {
	text-align:right;
}


/* --- naka parts ---------------------------------------*/

h3.h3_title_01 {
	width:580px;
	height:40px;
	margin:0 0 15px 0;
	background:url(../img/h3_02.jpg) no-repeat;
	text-indent:35px;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	color:#670100;
}

h4.h4_title_01 {
	/*width:580px;*/
	height:25px;
	margin:5px 0 10px 0;
	background:url(../img/h4_01.jpg) no-repeat;
	text-indent:30px;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	color:#670100;
}

h4.h4_title_02 {
	height:18px;
	margin:5px 0 5px 10px;
	background:url(../img/bg_pickup_title.jpg) no-repeat;
	text-indent:20px;
	font-weight:bold;
	color:#027caf;
}

h4.h4_q {
	height:40px;
	margin:15px 0 0 0;
	background:url(../img/bg_question.jpg) no-repeat;
	text-indent:40px;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	color:#4259b6;
}

h5.h5_title_01 {
	height:18px;
	margin:5px 0 5px 10px;
	background:url(../img/bg_pickup_title.jpg) no-repeat;
	text-indent:20px;
	font-weight:bold;
	color:#027caf;
}

ul.list_01 {
	margin:5px 0 10px 30px;
	list-style:disc;
}

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

p.h5_p {
	margin-left:30px;
}

p.p_ans {
	width:500px;
	min-height:35px;
	height:auto;
	padding:0 0 0 35px;
	margin:0 0 15px 35px;
	background:url(../img/bg_answer.jpg) no-repeat;
}

table.table_01 {
	width:520px;
	border-collapse:collapse;
	border:1px solid #99CCFF;
	margin:0 0 10px 30px;
}

table.table_01,
table.table_01 tr th,
table.table_01 tr td {
	padding:3px;
	border-collapse:collapse;
	border:1px solid #99CCFF;
	vertical-align:top;
	text-align:left;
}

table.table_01 tr th { width:200px; color:#0066FF; font-weight:bold;}

dl.h5_dl {
	margin:0 0 10px 30px;
}

dl.h5_dl dt {
	font-weight:bold;
	color:#0066FF;
}

ol.ol_01 {
	margin:0 0 10px 40px;
	list-style: upper-roman;
}

ol.ol_01 li {
	list-style: upper-roman;
}

table.table_02 {
	width:550px;
	border-collapse:collapse;
	border:none;
	margin:0 0 10px 10px;
}

table.table_02,
table.table_02 tr th,
table.table_02 tr td {
	padding:3px;
	border-collapse:collapse;
	border:none;
	vertical-align:top;
	text-align:left;
}

table.table_02 tr th {
	width:150px;
}

table.table_comp {
	width:550px;
	border-collapse:collapse;
	border:1px solid #FFCC66;
	margin:0 0 10px 10px;
}

table.table_comp,
table.table_comp tr th,
table.table_comp tr td {
	padding:3px;
	border-collapse:collapse;
	border:1px solid #FFCC66;
	vertical-align:top;
}

table.table_comp tr th {
	width:170px;
	background:#FFFF99;
	text-align:center;
	color:#FF6600;
}

table.table_comp tr th.th_width120 {
	width:120px;
	text-align:justify;
	text-justify:distribute;
}

table.table_inq {
	width:550px;
	border-collapse:collapse;
	/*border:1px solid #FFCC66;*/
	margin:0 0 10px 10px;
}

table.table_inq,
table.table_inq tr th,
table.table_inq tr td {
	padding:3px;
	border-collapse:collapse;
	/*border:1px solid #FFCC66;*/
	vertical-align:top;
}

table.table_inq tr th {
	width:170px;
	/*background:#FFFF99;*/
	text-align:right;
	font-weight:lighter;
	color:#FF6600;
}

table.table_inq tr td {
	width:380px;
}

table.table_inq tr td input,
table.table_inq tr td textarea {
	width:300px;
	border:1px solid #FF9933;
}

input.a {
	width:30px;
	}

table.table_inq tr td textarea {
	height:80px;
}

table.table_inq tr td input:focus,
table.table_inq tr td textarea:focus {
	background: #FFFFCC;
}

table.table_inq tr td.btn_area {
	text-align:center;
}

table.table_inq tr td input.inq_btn {
	width:80px;
	height:20px;
	padding:3px;
	border:none;
	margin:0 20px;
}

ul#sitemap {
	margin:0 0 0 30px;
	list-style:url(../img/list_01.jpg);
}

ul#sitemap li {
	height:18px;
	margin:0 0 10px 0;
	line-height:18px;
}

ul#sitemap li.sub_list {
	margin:0 0 10px 20px;
}

ul#sitemap li a {
	color:#0099FF;
}

dl.dl_jobs {
	overflow:hidden;
	width:550px;
	height:65px;
	border:1px solid #FFCC66;
	margin:0 0 2px 10px;
}

dl.dl_jobs_2 {
	overflow:hidden;
	width:550px;
	border:1px solid #FFCC66;
	margin:0 0 2px 10px;
	background:#FFFF99;
}

dl.dl_jobs dt,
dl.dl_jobs dd,
dl.dl_jobs_2 dt,
dl.dl_jobs_2 dd {
	overflow:hidden;
	float:left;
	display:inline;
	padding:2px;
}

dl.dl_jobs dd.job_cate,
dl.dl_jobs_2 dd.job_cate {
	width:100px;
	height:100%;
	border-right:1px solid #FFCC66;
	text-align:center;
}

dl.dl_jobs dt.job_name,
dl.dl_jobs_2 dt.job_name {
	overflow:hidden;
	width:150px;
	height:100%;
	border-right:1px solid #FFCC66;
	text-overflow:clips;
	text-align:center;
}

dl.dl_jobs dd.job_desc,
dl.dl_jobs_2 dd.job_desc {
	width:285px;
	height:100%;
	text-align:right;
}

dl.dl_jobs_2 dd.job_cate,
dl.dl_jobs_2 dt.job_name,
dl.dl_jobs_2 dd.job_desc {
	height:100%;
	padding:2px;
	text-align:center;
	font-weight:bold;
	color:#FF6600;
}

dl.dl_jobs dd.job_desc p {
	overflow:hidden;
	height:38px;
	margin:0;
	text-overflow:clips;
	text-align:left;
}

ul#job_categories {
	overflow:hidden;
	width:550px;
	border:1px solid #FFCC66;
	margin:0 0 10px 10px;
	list-style:url(../img/list_01.jpg);
}

ul#job_categories li {
	float:left;
	display:inline;
	width:130px;
	height:25px;
	margin:3px 0 2px 5px;
	background:url(../img/bg_pickup_title.jpg) no-repeat;
	text-indent:20px;
}


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

p.text_right {text-align:right;}
p.text_center {text-align:center;}
p.p_width550 {width:550px; margin:0 0 10px 10px;}
p.strong {font-weight:bold;}

p.img_right {	float:right;}
p.img_right img { margin:0 5px 5px 5px;}

span.str {font-weight:bold; color:#FF66FF;}
span.txt10 {font-size:10px;}

textarea.bo { border:1px solid #999999;}