@charset "utf-8";

@import "common.css";

/*----------------------------------------------------------------*/
/*	STYLE:INDEX & JOB & FLOW & INFORMATION & COMPANY & CONTACT	  */
/*  AUTHOR:AKITA DREAM SERVICE								  	  */
/*----------------------------------------------------------------*/

/* ------------------ INDEX ------------------ */
#container
{
	width:760px;
	margin:0 20px 0 20px;
}
#container .left
{
	width:460px;
	text-align:left;
	vertical-align:top;
}
#container .right
{
	width:280px;
	text-align:left;
	vertical-align:top;
}
h2.idx_tit
{
	margin-bottom:5px;
}
#idx_jobselect
{
	width:460px;
	margin-top:5px;
	margin-bottom:10px;
}
#idx_jobselect .select_left
{
	width:100px;
	padding-left:20px;
	font-size:1.15em;
	line-height:220%;
	background:url(../img/ic_arrow01.gif) no-repeat left;
}
#idx_jobselect .select_right
{
	font-size:0.9em;
	color:#666;
	line-height:220%;
}
.select_lnk
{
	text-align:right;
	border-top:2px solid #ccc;
	font-size:0.9em;
	padding-top:3px;
}
.select_lnk2
{
	text-align:right;
	font-size:0.9em;
	padding-top:3px;
}
#idx_pickup
{
	width:460px;
	margin-top:5px;
	margin-bottom:10px;
}
#idx_pickup .pickup_left
{
	width:50px;
	padding-left:20px;
	line-height:200%;
	background:url(../img/ic_arrow02.gif) no-repeat left;
	border-bottom:1px dotted #ccc;
}
#idx_pickup .pickup_right
{
	color:#666;
	line-height:200%;
	border-bottom:1px dotted #ccc;
	color:#2cadef;
}
.pickup_right span{
	font-size:1.15em;
	color:#de0000;
}
.pickup_right a:link
{color:#2cadef; text-decoration:underline;}
.pickup_right a:visited
{color:#2cadef; text-decoration:underline;}
.pickup_right a:hover
{color:#2cadef; text-decoration:none;}
.pickup_right a:active
{color:#2cadef; text-decoration:underline;}
/*#idx_pickup .pickup_detail
{
	width:50px;
	line-height:200%;
	font-size:0.7em;
	border-bottom:1px dotted #ccc;
	text-align:center;
}*/
ul.reco_bnr
{
	margin-top:7px;
	margin-bottom:20px;
}
ul.reco_bnr li
{
	margin-bottom:15px;
}
.reco_news
{
	border:1px solid #ccc;
	margin-bottom:20px;
	padding:0 10px 10px 10px;
}
.entry_day
{
	width:70px;
	text-align:left;
	font-size:0.9em;
	line-height:170%;
	vertical-align:top;
	color:#666;
}
.entry_text
{
	width:188px;
	text-align:left;
	font-size:0.9em;
	line-height:170%;
}
.side_add
{
	font-size:0.9em;
	background:url(../img/side_add_bg.gif) repeat-x #f6f6f6;
	padding:10px;
	border:1px solid #ccc;
}
.side_add span
{
	color:#2cadef;
}
.side_add a:link
{
	text-decoration:none;
	color:#2cadef;
}
.side_add a:visited
{
	color:#2cadef;
	text-decoration:none;
}
.side_add a:hover
{
	text-decoration:underline;
	color:#2cadef;
}
.side_add a:active
{
	color:#2cadef;
	text-decoration:underline;
}

/* ------------------ JOB ------------------ */
#pankuzu_m1
{
	text-align:left;
	font-size:0.9em;
	line-height:35px;
	padding-top:20px;
	margin:10px 20px 0px 20px;
	background: url(../img/page_image_job_bg.jpg) no-repeat;
	clear:both;
}
#job_wrap
{
	width:760px;
	margin:20px 20px 0 20px;
}
h3.caption3{
	text-align:left;
	padding:0 0 5px 25px;
	margin:0 30px 0 30px;
	font-weight:bold;
	font-size:1.15em;
	color:#09c;
	background:url(../img/ic_clip.gif) no-repeat;
}
.listbox
{
	width:700px;
	margin:0 30px 15px 30px;
	border:1px solid #ccc;
}
/*.listbox2
{
	width:700px;
	margin:0 30px 0 30px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}*/
.list_cell
{
	width:100%;
}
.list_data
{
	width:20%;
	text-align:left;
	padding:0 0 0 5px;
	vertical-align:top;
	font-size:0.9em;
	line-height:150%;
	border-right:1px solid #ccc;
	background:#f9fcff url(../img/th_bg.gif) repeat-x top;
}
.list_essential
{
	width:15%;
	text-align:right;
	padding-right:5px;
	line-height:150%;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
.list_essential2
{
	width:15%;
	text-align:right;
	padding-right:5px;
	line-height:150%;
	border-right:1px solid #eee;
}
.list_essential_long
{
	width:53%;
	text-align:left;
	padding-left:5px;
	line-height:140%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #eee;
}
.list_essential_long2
{
	width:53%;
	text-align:left;
	padding-left:5px;
	line-height:140%;
	border-right:1px solid #ccc;
}
.list_detail
{
	width:12%;
	text-align:center;
}
.job_pr
{
	background:#fffbe6;
	border:1px solid #ffde79;
	margin:0 30px 20px 30px;
	padding:10px;
}
.job_pr h3
{
	font-size:1.15em;
	background:#ffde79;
	color:#f00;
	text-align:center;
	line-height:160%;
	margin-bottom:10px;
}
.job_pr p
{
	text-align:left;
	font-size:0.9em;
}

.detail_box{
	width:700px;
	margin:0 30px 30px 30px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
.detail_box caption{
	text-align:left;
	padding:0 0 5px 25px;
	font-weight:bold;
	font-size:14px;
	color:#555;
	background:url(../img/ic_clip.gif) no-repeat;
}
.detail_box th{
	width:15%;
	padding:0 5px 0 5px;
	text-align:left;
	font-weight:normal;
	font-size:0.9em;
	line-height:26px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#0072bc;
	background:#f9fcff url(../img/th_bg.gif) repeat-x top;
}
.detail_box td{
	padding:0 5px 0 5px;
	line-height:26px;
	border-bottom:1px solid #ccc;
	font-size:0.9em;
	text-align:left;
}

/* ------------------ FLOW ------------------ */
#pankuzu_m2
{
	text-align:left;
	font-size:0.9em;
	line-height:35px;
	padding-top:20px;
	margin:10px 20px 0px 20px;
	background: url(../img/page_image_flow_bg.jpg) no-repeat;
	clear:both;
}
#container .left2
{
	width:525px;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
}
#container .right2
{
	width:215px;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
}
#about_box{
	width:525px;
}
#about_box p{
	text-align:center;
	border:1px solid #cccccc;
	padding:15px;
	background:#f9fcff url(../img/p_bg.gif) repeat-x top;
}
.td_box1{
	padding:7px 50px 10px 50px;
	background:url(../img/about01.gif) no-repeat top left;
}
.td_box2{
	padding:30px 50px 10px 50px;
	background:url(../img/about02.gif) no-repeat top left;
}
.td_box3{
	padding:30px 50px 10px 50px;
	background:url(../img/about03.gif) no-repeat top left;
}
.td_box4{
	padding:30px 50px 10px 50px;
	background:url(../img/about04.gif) no-repeat top left;
}
.td_box5{
	padding:30px 50px 10px 50px;
	background:url(../img/about05.gif) no-repeat top left;
}
#about_box2{
	width:525px;
}
#about_box2 td{
	width:50%;
}
#about_box2 p{
	text-align:left;
	border:1px solid #cccccc;
	padding:15px;
	background:#f9fcff url(../img/p_bg.gif) repeat-x top;
}
.td_box6{
	padding:65px 5px 10px 5px;
	background:url(../img/about06.gif) no-repeat top left;
}
.td_box7{
	padding:65px 5px 10px 5px;
	background:url(../img/about07.gif) no-repeat top left;
}
.td_box8{
	padding:30px 5px 10px 5px;
	background:url(../img/about08.gif) no-repeat top left;
}

/* ------------------ INFORMATION ------------------ */
#pankuzu_m3
{
	text-align:left;
	font-size:0.9em;
	line-height:35px;
	padding-top:20px;
	margin:10px 20px 0px 20px;
	background: url(../img/page_image_information_bg.jpg) no-repeat;
	clear:both;
}
#info_wrap
{
	width:760px;
	margin:20px 20px 0 20px;
}
.info_topimg
{
	margin-bottom:20px;
}
#info_wrap p
{
	text-align:left;
	font-size:0.9em;
	margin:0 20px 20px 20px;
	line-height:180%;
}
h3.caption2{
	text-align:left;
	padding:0 0 5px 25px;
	font-weight:bold;
	font-size:1.15em;
	color:#09c;
	background:url(../img/ic_clip.gif) no-repeat;
}
#info_topics {
	margin:0 20px 20px;
	height:180px;
}
#info_topics img {
	margin:0 20px 0 0;
	float:left;
}
.infobox
{
	margin:0 20px 0 20px;
	background:#f2fdff;
	border:1px solid #ccebf3;
	padding:10px;
	
}
.infobox h2
{
	background:#ccebf3;
	padding:3px;
}
.info_txt_btm
{
	text-align:center;
	font-size:1.15em;
	color:#ff9900;
	margin:20px 0 20px 0;
}

/* ------------------ COMPANY ------------------ */
#pankuzu_m4
{
	text-align:left;
	font-size:0.9em;
	line-height:35px;
	padding-top:20px;
	margin:10px 20px 0px 20px;
	background: url(../img/page_image_company_bg.jpg) no-repeat;
	clear:both;
}
#company{
	width:525px;
	margin:0 0 20px 0;
}
#company_concept{
	width:525px;
	margin:0 0 20px 0;
	border:1px solid #ccc;
}
#company_concept td.concept_txt{
	text-align:left;
	padding:7px;
	/*width:345px;*/
	font-size:0.9em;
}
#company_concept td.concept_img{
	text-align:center;
	padding:7px;
	vertical-align:top;
}
h3.caption{
	text-align:left;
	padding:0 0 5px 25px;
	font-weight:bold;
	font-size:1.15em;
	color:#555555;
	background:url(../img/ic_clip.gif) no-repeat;
}
ul.sidenavi{
	margin-top:7px;
	margin-bottom:7px;
}
ul.sidenavi li{
	text-align:left;
	font-size:0.9em;
	margin-bottom:2px;
}
ul.sidenavi li a{
	display:block;
	text-decoration:none;
	padding-left:30px;
	width:185px;
	line-height:40px;
	color:#000;
	/*font-weight:bold;*/
}
ul.sidenavi li a span{
	visibility:hidden;
}
ul.sidenavi li a.s_menu01
{background:url(../img/sidemenu_01.gif) no-repeat; color:#000; text-decoration:none;}
ul.sidenavi li a.s_menu01:hover
{background:url(../img/sidemenu_01_over.gif) no-repeat; color:#000; text-decoration:none;}
ul.sidenavi li a.s_menu02
{background:url(../img/sidemenu_02.gif) no-repeat; color:#000; text-decoration:none;}
ul.sidenavi li a.s_menu02:hover
{background:url(../img/sidemenu_02_over.gif) no-repeat; color:#000; text-decoration:none;}

.company_box{
	width:525px;
	margin:0 0 20px 0;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
.company_box caption{
	text-align:left;
	padding:0 0 5px 25px;
	font-weight:bold;
	font-size:14px;
	color:#555;
	background:url(../img/ic_clip.gif) no-repeat;
}
.company_box th{
	width:60px;
	padding:0 5px 0 5px;
	text-align:left;
	font-weight:normal;
	font-size:0.9em;
	line-height:26px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#0072bc;
	background:#f9fcff url(../img/th_bg.gif) repeat-x top;
}
.company_box td{
	padding:0 5px 0 5px;
	line-height:26px;
	border-bottom:1px solid #ccc;
	font-size:0.9em;
}
.company_box2{
	width:525px;
	margin:0 0 20px 0;
}
.company_box2 caption{
	text-align:left;
	padding:0 0 5px 25px;
	font-weight:bold;
	font-size:14px;
	color:#555555;
	background:url(../img/ic_clip.gif) no-repeat;
}
.company_box2 td{
	padding:0 5px 0 5px;
	line-height:22px;
	border-bottom:1px dashed #ccc;
	vertical-align:text-top;
	font-size:0.9em;
}

/* ------------------ CONTACT ------------------ */
#pankuzu_m5
{
	text-align:left;
	font-size:0.9em;
	line-height:35px;
	padding-top:20px;
	margin:10px 20px 0px 20px;
	background: url(../img/page_image_contact_bg.jpg) no-repeat;
	clear:both;
}
#contact_wrap
{
	width:760px;
	margin:20px 20px 0 20px;
}
#contact_wrap h3
{
	text-align:left;
	margin:0 30px 15px 30px;
	clear:both;
}
.telnamber
{
	width:700px;
	margin:0 30px 30px 30px;
	font-size:0.9em;
}
.telnamber td{
	text-align:left;
}
#contact_wrap p
{
	margin:10px 30px 30px 30px;
	padding-left:10px;
	text-align:left;
}
span.hissu
{
	color:#f00;
}
#form_box
{
	width:700px;
	border-top:1px solid #ccc;
	margin:0 30px 15px 30px;
}
#form_box th
{
	text-align:left;
	width:120px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px 0 10px 10px;
	vertical-align:top;
	font-weight:normal;
	font-size:0.9em;
	color:#0072bc;
	background:#f9fcff url(../img/th_bg.gif) repeat-x top;
}
#form_box .form_right
{
	text-align:left;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px 0 10px 10px;
	font-size:0.9em;
}
td.form_btn
{
	text-align:left;
	padding-bottom:10px;
	font-size:0.9em;
}
td.form_btn p
{
	margin-bottom:10px;
}