@charset "UTF-8";

*{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	font-family:Verdana, Arial, sans-serif;
}

/* 共通? */

body {
	margin:0;
	padding:0;
	color:#333333;
	font-family:Verdana, Arial, san-serif;
	font-size:80%;
	background-color:#e6e6e6;
	background-image:url(images/com/bg.gif);
	background-repeat:repeat-y;
}

a:link { color:#5172B3;text-decoration:underline;}
a:visited { color:#5172B3;text-decoration:underline;}
a:hover { color:#cc0000;text-decoration:underline;}
a:active { color:#cc0000;text-decoration:underline;}

.no_line { text-decoration:none;}

img { border:0;}

h1,h2,h3,div,p { margin:0; padding:0;}

#lid {
	width:810px;
	height:51px;
	background-image:url(images/com/lid.gif);
	background-repeat:no-repeat;
}

#container {
	margin-left:35px;
	padding:0;
	width:742px;
}

#footer {
	padding-top:40px;
	clear:both;
	height:20px;
	border-bottom:1px solid #FF8710;
	background:url(images/com/foot.gif) no-repeat bottom right;
}

#forbid { width:740px; margin-top:10px; text-align:center;}

address {
	margin:5px 0 30px 0;
	width:740px;
	font-size:85%;
	text-align:center;
}

/* TOP */
#rogo {
	margin:0;
	padding:0;
	background-image:url(images/top/rogo_line.gif);
	background-repeat:repeat-x;
}

#index_navi {
	margin:2px 0 10px 0;
	width:742px;
	height:17px;
	background-image:url(images/top/bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
}
#index_navi ul{ list-style-type:none; text-decoration:none;}
#index_navi li {
	float:left;
	margin:2px 0 20px 0;
	height:16px;
	text-align:center;
}

#index_navi a:link { color:#666666;text-decoration:none; font-weight:bold;}
#index_navi a:visited { color:#666666;text-decoration:none; font-weight:bold;}
#index_navi a:hover { color:#cc0000;text-decoration:underline; font-weight:bold;}
#index_navi a:active { color:#cc0000;text-decoration:underline; font-weight:bold;}

#index_navi ul .first a { color:#ffffff;}
#index_navi ul .first { width:148px;}
#index_navi ul .second { width:155px;}
#index_navi ul .third { width:160px;}
#index_navi ul .fourth { width:152px;}
#index_navi ul .fifth { width:123px;}

#bana { position:absolute; left:305px; top:38px;}

#container .block {
	clear:both;
	margin-bottom:13px;
	padding:4px 7px;
	background-color:#f5d502;
	font-size:16px;
	font-weight:bold;
}
h3 { clear:both; font-size:120%; color:#FF6600; margin:0 0 5px 0;}
h4 { margin:5px 0;}

.subtitle {
	padding-left:9px;
	background-image:url(images/top/subtitle_line.gif);
	background-repeat:repeat-y;
}
.subtitle span { font-size:90%;}

#news { clear:both;	margin:0 30px 20px 30px;}


#news dl {
	float:left;
	width:700px;
	text-align:left;
	line-height:normal;
}
#news dt {
	clear:both;
	float:left;
	width:450px;
	padding-left:20px;
	background-image:url(images/top/mark_news.gif);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
}

#news dd {
	padding-left:500px;
	line-height:20px;
}

#news h3 { font-size:150%; font-weight:bold;width:650px; border-bottom:1px solid #666666; margin:30px 0 5px 10px;padding-bottom:5px;}
#news .news_date { margin:2px 0 20px 10px; text-align:right;}
#news p { width:650px; text-indent:1em; margin-left:10px; margin-bottom:1em;}
#news .news_back { width:650px; margin-top:50px; text-align:right;}

#job_image {
	width:228px;
	float:left;
	margin-left:10px;
	margin-bottom:20px;
	margin-top:10px;
	text-align:center;
}
#job_image p { clear:both; margin-bottom:15px;}

#frame {
	margin-bottom:20px;
	padding:2px 5px;
	width:213px;
	text-align:left;
	background-color:#ffffff;
	border:3px solid #999999;
}

.frame_link {
	margin-left:5px;
	list-style:none;
}

.frame_link li {
	padding-left:15px;
	line-height:180%;
	background-image:url(images/top/mark.gif);
	background-repeat:no-repeat;
	background-position:left center;
}


#part_right { margin:10px 0 10px 0; float:right; width:475px; text-align:left;}
#job_title { position:relative; width:292px; overflow:hidden;}
#job_title h2 { display:block; float:left; width:185px; height:33px; margin-bottom:10px; background:url(images/top/part_title.gif) no-repeat 0 0; text-indent:-9999px;}
#job_title ul { position:absolute; top:0; left:15px;}
#kensaku { margin-left:195px;}
#kensaku li { list-style:none; margin:0 0 2px 0; text-indent:-9999px; text-decoration:none;}
#kensaku .kensaku a { display:block; width:83px; height:16px; background:url(images/top/kensaku.gif) no-repeat top left;}
#kensaku .itiran a { display:block; width:83px; height:16px; background:url(images/top/itiran.gif) no-repeat top left;}
#part_right .kensaku a:hover,#part_right .itiran a:hover { background-position:0 -16px; text-decoration:none;}
#part_right #mobileurl{font-size:10px;}

#work_mail { list-style:none; margin:1em 0 0 63px; text-indent:-9999px;}
#work_mail a {
	margin:2px 0 0 0;
	display:block;
	width:229px;
	height:32px;
	background-image:url(images/part/job.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}
#work_mail a:hover { background-position:0 -33px; text-decoration:none;}

#part_right .float_l { float:left;}
#part_right .part_bottom_center { width:295px;}
#part_right .part_bottom_center dl { clear:both; margin-top:15px; padding-top:10px; border-top:1px dashed #FF9F3F;}
#bt_work {
	float:right;
	width:187px;
	margin:2em 0 3px 0;
	list-style:none;
	text-indent:-9999px;
}
#bt_work a {
	display:block;
	width:187px;
	height:21px;
	background-image:url(images/top/bt_work.gif);
	background-position:0 -20px;
	text-decoration:none;
}
#bt_work a:hover { background-position:0 0; text-decoration:none;}

#part_right_bottom { width:160px; float:right; margin:40px 0 0 0; line-height:140%; border-left:1px dashed #FF9F3F; padding-left:10px;}
#part_right_bottom h3 { clear:both; color:#336633; font-size:130%;}
#part_right_bottom h4 { margin-top:10px; font-size:120%;}
#part_right_bottom .second { margin-top:20px;}
#part_right_bottom p { margin-bottom:15px;} 
#movile { float:right; width:178px;}
.qr { float:right; margin-left:10px; padding-bottom:10px;}

#bt_part {
	margin:55px 0 5px 0;
	list-style:none;
	text-indent:-9999px;
}
#bt_part a {
	display:block;
	width:144px;
	height:21px;
	background-image:url(images/top/bt_part.gif);
	background-position:-10px -20px;
	text-decoration:none;
}
#bt_part a:hover { background-position:-10px 0; text-decoration:none;}

#guidance { margin-left:15px; margin-bottom:50px; width:700px;}
#guidance img { float:left; margin-right:20px; margin-bottom:25px;}

#shushoku_read { margin-left:15px; width:200px; float:left;}
#bt_shushoku {
	margin:10px 0 2px 0;
	width:200px;
	list-style:none;
	text-indent:-9999px;
}
#bt_shushoku a {
	display:block;
	width:200px;
	height:21px;
	background-image:url(images/top/bt_shushoku.gif);
	background-position:0 -20px;
	text-decoration:none;
}
#bt_shushoku a:hover { background-position:0 0; text-decoration:none;}

#shushoku_right ul { float:right; width:490px; list-style:none; text-indent:-9999px;}
#shushoku_right li { float:left; margin-right:15px; width:105px; font-size:85%; text-align:center;}

#shushoku_right .north a {
	display:block;
	width:105px;
	height:178px;
	margin-bottom:5px;
	background-image:url(images/top/shushoku_north.gif);
	background-position:0 0;
	text-decoration:none;
}
#shushoku_right .north a:hover { background-position:0 -179px; text-decoration:none;}

#shushoku_right .east a {
	display:block;
	width:105px;
	height:178px;
	margin-bottom:5px;
	background-image:url(images/top/shushoku_east.gif);
	background-position:0 0;
	text-decoration:none;
}
#shushoku_right .east a:hover { background-position:0 -179px; text-decoration:none;}

#shushoku_right .mid a {
	display:block;
	width:105px;
	height:178px;
	margin-bottom:5px;
	background-image:url(images/top/shushoku_mid.gif);
	background-position:0 0;
	text-decoration:none;
}
#shushoku_right .mid a:hover { background-position:0 -179px; text-decoration:none;}

#shushoku_right .south a {
	display:block;
	width:105px;
	height:178px;
	margin-bottom:5px;
	background-image:url(images/top/shushoku_south.gif);
	background-position:0 0;
	text-decoration:none;
}
#shushoku_right .south a:hover { background-position:0 -179px; text-decoration:none;}

/* ぐっじょぶ通信 */
#head {
	height:50px;
	position:relative;
	background-image:url(images/part/bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#part_rogo { position:absolute; left:0;}

#head h2 {
	position:absolute;
	left:138px;
	margin:0;
	text-indent:-9999px;
	width:283px;
	height:37px;
	background:none;
	background-image:url(images/part/title.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
}

#head ul { margin:0; list-style-type:none; text-indent:-9999px; }

#kyujin { position:absolute; left:423px;}

#kyujin .kensaku a {
	margin:0 0 2px 0;
	display:block;
	width:87px;
	height:17px;
	background-image:url(images/part/kensaku.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}
#kyujin .kensaku a:hover,#kyujin .itiran a:hover { background-position:0 -17px; text-decoration:none;}


#kyujin .itiran a {
	margin:0;
	display:block;
	width:87px;
	height:17px;
	background-image:url(images/part/itiran.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}

#front{ position:absolute; left:514px; padding-top:1px; text-decoration:none;}

#front .front a {
	display:block;
	width:228px;
	height:12px;
	background-image:url(images/part/front.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}
#front .front a:hover { background-position:-227px 0; text-decoration:none;}

#front .job a {
	margin:2px 0 0 0;
	display:block;
	width:229px;
	height:32px;
	background-image:url(images/part/job.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}
#front .job a:hover { background-position:0 -33px; text-decoration:none;}

#part_navi {
	margin:2px 0;
	width:742px;
	height:17px;
	background-image:url(images/part/bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
}
#part_navi ul{ padding-left:130px; list-style-type:none; text-decoration:none;}
#part_navi li {
	float:left;
	margin:2px 0 20px 0;
	width:120px;
	height:16px;
	text-align:center;
}
#part_navi .mar_l01 { margin-left:50px;}
#part_navi .mar_l02 { margin-left:35px;}
#part_navi .mar_l03 { margin-left:30px;}


#part_navi a:link { color:#666666;text-decoration:none; font-weight:bold;}
#part_navi a:visited { color:#666666;text-decoration:none; font-weight:bold;}
#part_navi a:hover { color:#cc0000;text-decoration:underline; font-weight:bold;}
#part_navi a:active { color:#cc0000;text-decoration:underline; font-weight:bold;}

td { padding:2px; border-right:2px solid #ffffff;;}
#table_top { clear:both; margin-top:20px; width:744px; text-align:center;}
#table_second { clear:both; margin-top:20px; width:744px; text-align:center;}

.bg_color_top { background-color:#FEE661;}

.first { width:138px;}
.first_2 { width:138px; text-align:left; color:#cc0000;}
.first p { font-size:90%; color:#666666;}
.second { width:138px;}
.third { width:92px;}
.fourth { width:128px;}
.fifth { width:248px;}

.tr_color td { background-color:#FFF7C9;}