@charset "utf-8";

/*======================================

	1.Container
	2.All	
	3.Img
	4.Text
	5.HR
	6.Table
	7.Header
	8.Footer
	9.Content
	10.Paagetop
	11.Footer NAVI
	12.Second Page
		12-1.Msg
		12-2.New Recruit
		12-3.Infor recruit
		12-4.Person
		12-5.Company
		12-6.Faq

=======================================*/

/*======================================

	1.Container

=======================================*/

div#container {
	width:auto;
	margin:0 auto;
	text-align:left;
	text-align:center;
}

div#body {
	width:auto;
	padding:0;
}

div#sec {
	margin:0 auto;
	background-color:#fff;
	width:820px;
	text-align:left;
	padding: 0 20px;
}

html > body div#sec {
	margin:0 auto;
	background-color:#fff;
	width:780px;
	text-align:left;
	padding: 0 20px;
}

div#sec p {
	margin-bottom:15px;
}

div#sec .right {
	margin-bottom:0;
}

/*======================================

	2.All

=======================================*/

.none {
	display:none;
}

.pagetop {
	text-align:right;
	margin:10px 0 20px 0;
}

div#access {
	display:none;
}

/*======================================

	3.Img

=======================================*/

img {
	border:none;
}

.imgleft {
	float:left;
}

.imgright {
	float:right;
	margin-left:20px;
}

/*======================================

	4.Text

=======================================*/

h3 {
	clear:both;
}

h4 {
	margin:0 0 15px 0;
}

h5 {

}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.f00 {
	color:#f00;
}

.c36c {
	color:#36c;
}

.col72b5ff {
	color:#72b5ff;
}

.ml5 {
	margin-left:5px;
}

.ml10 {
	margin-left:10px;
}

.tm10 {
	margin-top:10px;
}

.tm15 {
	margin-top:15px;
}

.tm20 {
	margin-top:20px;
}

.bm20 {
	margin-bottom:20px;
}

.txt {
	width:auto;
	padding:0 0 0 10px;
}

.txt-border {
	width: auto;
	border:5px solid #F4F6F4;
	padding:15px 18px;
}

/*======================================

	5.HR

=======================================*/

.shadow {
	width:auto;
	height:20px;
	background-image:url(../img/common/shadow.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	clear:both;
}

.shadow hr {
	display:none;
}

.mline {
	width:auto;
	height:41px;
	background-image:url(../img/common/line510x1.gif);
	background-position:center center;
	background-repeat:repeat-x;
	clear:both;
}

.mline hr {
	display:none;
}

/*======================================

	6.Table

=======================================*/

/* Type 1 */
table.normal {
	width:100%;
	border-left:1px solid #DEDDDD;
	border-top:1px solid #DEDDDD;
	border-collapse:collapse;
	margin-bottom:20px;
}

html > body table.normal {
	border-spacing:0;
	border-collapse:inherit;
}

table.normal th.head {
	background:url(../img/common/table_th_bg.jpg) no-repeat bottom left;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	width:auto;
}

table.normal th {
	background-color:#F7FAFF;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	width:120px;
}

table.normal th,td {
	border-right:1px solid #DEDDDD;
	border-bottom:1px solid #DEDDDD;
	padding:5px 10px;
}

/* Type 2 */
table.normal2 {
	width:auto;
	border-left:1px solid #DEDDDD;
	border-top:1px solid #DEDDDD;
	border-collapse:collapse;
}

html > body table.normal2 {
	border-spacing:0;
	border-collapse:inherit;
}

table.normal2 th.head1 {
	background:url(../img/infor/table_th_bg470.jpg) no-repeat bottom left;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	width:118px;

}

table.normal2 th.head2 {
	background:url(../img/infor/table_th_bg470.jpg) no-repeat bottom left;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	width:178px;

}

table.normal2 th.head3 {
	background:url(../img/infor/table_th_bg470.jpg) no-repeat bottom left;
	text-align:left;
	padding-left:20px;
	font-weight:bold;
	width:470px;

}

table.normal2 th {
	background-color:#F7FAFF;
	text-align:left;
	font-weight:normal;
}

table.normal2 th,td {
	border-right:1px solid #DEDDDD;
	border-bottom:1px solid #DEDDDD;
	padding:5px 10px;
	vertical-align:top;
}

/*======================================

	7.Header

=======================================*/

div#header {
	width:auto;
	height:102px;
	background:url(../img/common/header_bg.gif) repeat-x top;
	text-align:center;
}

div#header .cnt {
	background:url(../img/common/header.jpg) no-repeat 0 0;
	width:820px;
	height:102px;
	margin:0 auto;
	text-align:left;
}

div#header h1 {
	float:left;
}

div#header h1 a {
	display:block;
	width: 330px;
	height: 82px;
	text-indent:-999em;
	outline:none;
}

div#header ul {
	float:right;
	margin-top:26px;
	margin-right:10px;
}

html > body div#header ui {
	margin-right:20px;
}

div#header li {
	float:left;

}

div#header li.bt1 a,
div#header li.bt2 a,
div#header li.bt3 a {
	display:block;
	height:32px;
	text-indent:-999em;
	outline:none;
}

div#header li.bt1 a {
	width:68px;
}

div#header li.bt2 a {
	width:96px;
}

div#header li.bt3 a {
	width:93px;
}

div#tcnt {
	margin:0 auto;
	width:820px;
	height:300px;
	text-align:center;
	clear:both;
}

div#tcnt .cnt {
	background:url(../img/common/topimg.jpg) no-repeat top center;
	width:auto;
	height:275px;
	margin:0 auto;
	text-align:center;
}

div#tcnt .inner {
	margin:0 auto;
	width:774px;
	height:275px;
}

div#tcnt p.mimg {
	display:block;
	width:532px;
	text-align:left;
	text-indent:-999em;
	float:left;
}

div#tcnt ul {
	display:block;
	width:242px;
	height:220px;
	padding:55px 0 0 0;
	float:left;
}

div#tcnt li {
	width:242px;
	text-indent:-999em;
}

div#tcnt li.bt1 a,
div#tcnt li.bt2 a {
	display:block;
	width:auto;
	height:95px;
	text-indent:-999em;
}


/*======================================

	8.Footer

=======================================*/

div#footer {
	background:url(../img/common/footer_bg.jpg) repeat-x 0 0;
	clear:both;
	width:auto;
	height:118px;
	text-align:center;
}


div#footer .cnt {
	background:url(../img/common/footer_bt.jpg) no-repeat 0 0;
	margin:0 auto;
	width:820px;
	height:118px;
}

div#footer .cnt a {
	display:block;
	width:820px;
	height:118px;
	text-indent:-999em;
	outline:none;
}

/*======================================

	9.Content

=======================================*/

div#content {
	width:820px;
	height:auto;
	clear:both;
	margin:0 auto;
}

div#cntleft {
	width:580px;
	height:auto;
	float:left;
    overflow: hidden;
}

div#cntleft:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#cntleft {
    height: 1em;
    overflow: visible;
}
/**/

div#cntright {
	width:240px;
	height:auto;
	float:left;
    overflow: hidden;
}

div#cntright:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#cntright {
    height: 1em;
    overflow: visible;
}
/**/

/* News */

div#news {
	background:url(../img/top/news_bg.gif) repeat-y center;
	width:auto;
	text-align:left;
	margin-bottom: 20px;
}

div#news a {
	text-decoration:none;
}

div#news a:hover {
	text-decoration:underline;
}

div#news dl {
	width:520px;
	margin-left:21px;
}

div#news dt {
	float:left;
	color:#3366CC;
	font-weight:bold;
	width:95px;
	padding:10px 0;
}

div#news dd {
	background:url(../img/common/hline.gif) repeat-x bottom;
	padding:10px 0;
	padding-left: 95px;
}

div#news h2 {
	background:url(../img/top/new_bar.jpg) no-repeat left top;
	width:580px;
	height:75px;
	margin:0;
	padding:0;
	text-indent:-999em;
}

/* banner */

div#banner {
	background:url(../img/top/banner_bg.jpg) no-repeat 0 0;
	width:auto;
	text-align:center;
	padding:25px 0 20px 0;
}

/*======================================

	10.Paagetop

=======================================*/

div#ptop {
	clear:both;
}

/* top */
.ptop {
	background:url(../img/common/pagetop_bt.gif) no-repeat 0 0;
	clear:both;
	display:block;
	width:auto;
	height:37px;
	text-align:left;
}

/* sec */

div#ptop .ptop {
	background:url(../img/common/pagetop_bt.gif) no-repeat -20px 0;
	margin:20px 0 0 0;
	padding:0;
}


.ptop a {
	display:block;
	width:170px;
	height:37px;
	text-indent:-999em;
	outline:none;
}

/*======================================

	11.Footer NAVI

=======================================*/

div#fnavi {
	background:url(../img/common/fnavi_bg.jpg) repeat-x 0 0;
	width:auto;
	height:180px;
	text-align:center;
}

div#fnavi .cnt {
	margin:0 auto;
	width:820px;
	text-align:left;
}

div#fnavi .navi {
	background:url(../img/common/fnavi.gif) no-repeat 0 0;
	width:auto;
	height:76px;
	text-align:left;
	padding:17px 0 0 0;
}

html > body div#fnavi .navi {
	height:59px;
}

div#fnavi ul {

}

div#fnavi ul.top {
	display:block;
	width:310px;
	height:18px;
	margin-left:255px;
	margin-bottom:0;
}

div#fnavi ul.clr {
	display:block;
	width:438px;
	height:18px;
	margin-left:191px;
	padding:0;
}

div#fnavi li {
	float:left;
}

div#fnavi li a {
	display:block;
	height:18px;
	text-indent:-999em;
	outline:none;
}

div#fnavi li.bt1 a {
	width:57px;
}

div#fnavi li.bt2 a {
	width:64px;
}

div#fnavi li.bt3 a {
	width:111px;
}

div#fnavi li.bt4 a {
	width:78px;
}

div#fnavi li.bt5 a {
	width:150px;
	display:none;
}

div#fnavi li.bt6 a {
	width:63px;
	margin-left: 70px;
}

div#fnavi li.bt7 a {
	width:62px;
}

div#fnavi li.bt8 a {
	width:163px;
}

/* copyright */

p#copy {
	background:url(../img/common/copyright.jpg) no-repeat 0 0;
	width:auto;
	height:44px;
	text-indent:-999em;
}

/*======================================

	12.Second Page

=======================================*/

div#mnavi {
	margin:0 auto;
	background:url(../img/common/mnavi.jpg) no-repeat 0 0;
	width:820px;
	height:55px;
}

div#mnavi ul {

}

div#mnavi li {
	float:left;
}

div#mnavi li a {
	display:block;
	width:205px;
	height:55px;
	text-indent:-999em;
	outline:none;
}

div#mnavi li.bt1 a:hover {
	background:url(../img/common/mnavi_ov.jpg) no-repeat 0 0;
}

div#mnavi li.bt2 a:hover {
	background:url(../img/common/mnavi_ov.jpg) no-repeat -205px 0;
}

div#mnavi li.bt3 a:hover {
	background:url(../img/common/mnavi_ov.jpg) no-repeat -410px 0;
}

div#mnavi li.bt4 a:hover {
	background:url(../img/common/mnavi_ov.jpg) no-repeat -615px 0;
}

div#pnavi {
	background:url(../img/common/pnavi_bg.jpg) no-repeat 0 0;
	clear:both;
	font-size:92%;
	margin:0 auto;
	width:820px;
	height:30px;
	text-align:left;
	padding:9px 0 0 20px;
}

html > body div#pnavi {
	width:800px;
	height:21px;
}

/*======================================

	12-1.Msg

=======================================*/


.msg_cnt {
	background:url(../img/msg/img.jpg) no-repeat right 17px;
	width:auto;
	min-height:520px;
	padding-right:306px;
	margin-bottom: 35px;
}

.msg_cnt2 {
	border:1px solid #ccc;
	padding:40px;
}

div#msg {
	border:1px solid #ccc;
	margin-top:20px;
}

div#msg .cnt {
	background:url(../img/msg/msg_bg.jpg) repeat 0 0;
	border:1px solid #fff;
	padding:8px;
}

div#msg .cnt .inner {
	background-color:#fff;
	padding:28px;
	margin-bottom:10px;
}

div#msg .img {
	float:left;
	width:195px;
}

/*======================================

	12-2.New Recruit

=======================================*/

ul#newrec_bt {
	display:block;
	background:url(../img/new_recruit/msg_bt.jpg) no-repeat 0 0;
	width:780px;
	height:168px;
	margin-bottom:5px;
}

ul#newrec_bt li {
	display:block;
	float:left;
	width:388px;
	height:168px;
}

ul#newrec_bt li.bt1 a,
ul#newrec_bt li.bt2 a {
	display:block;
	width:388px;
	height:168px;
	text-indent:-999em;
	outline:none;
}

ul#newrec_bt li.bt1 a {
}

ul#newrec_bt li.bt2 a {
}

ol#entry {
	background:url(../img/new_recruit/step_img.gif) no-repeat 0 0;
	width:780px;
	height:54px;
}

ol#entry li {
	display:none;
}

div#step {
	border:1px solid #cccccc;
	margin-top:10px;
	padding:20px 20px 0 20px;
}

div#step dl {
	background:url(../img/new_recruit/step_bg.gif) repeat-y 0 0;
}

div#step dd strong {
	display:none;
}

div#step dd span {
	display:none;
}

div#step dt.step1,
div#step dt.step2,
div#step dt.step3,
div#step dt.step4,
div#step dt.step5,
div#step dt.step6,
div#step dt.step7 {
	display:block;
	float:left;
	width:62px;
	height:60px;
	margin-bottom:20px;
	text-indent:-999em;
}

div#step dt.step1 {
	background:url(../img/new_recruit/step1.gif) no-repeat 0 0;
}

div#step dt.step2 {
	background:url(../img/new_recruit/step2.gif) no-repeat 0 0;
}

div#step dt.step3 {
	background:url(../img/new_recruit/step3.gif) no-repeat 0 0;
}

div#step dt.step4 {
	background:url(../img/new_recruit/step4.gif) no-repeat 0 0;
}

div#step dt.step5 {
	background:url(../img/new_recruit/step5.gif) no-repeat 0 0;
}

div#step dt.step6 {
	background:url(../img/new_recruit/step6.gif) no-repeat 0 0;
}

div#step dt.step7 {
	background:url(../img/new_recruit/step7.gif) no-repeat 0 0;
}

div#step dd.step1,
div#step dd.step2,
div#step dd.step3,
div#step dd.step4,
div#step dd.step5,
div#step dd.step6,
div#step dd.step7 {
	display:block;
	width:646px;
	padding-top:20px;
	padding-left:25px;
	padding-bottom:20px;
	margin-left:62px;
	margin-bottom:20px;
}

html > body div#step dd.step1,
div#step dd.step2,
div#step dd.step3,
div#step dd.step4,
div#step dd.step5,
div#step dd.step6,
div#step dd.step7 {
	margin-bottom:0px;
}

div#step dd.step1 {
	background:url(../img/new_recruit/step1_bar.gif) no-repeat 0 0;
}

div#step dd.step2 {
	background:url(../img/new_recruit/step2_bar.gif) no-repeat 0 0;
}

div#step dd.step3 {
	background:url(../img/new_recruit/step3_bar.gif) no-repeat left top;
	padding-right:190px;
}

html > body div#step dd.step3 {
	background:url(../img/new_recruit/step3_bar.gif) no-repeat left top;
	padding-right:190px;
	width:435px;
}

div#step dd.step4 {
	background:url(../img/new_recruit/step4_bar.gif) no-repeat 0 0;
	height:107px;
}

html > body div#step dd.step4 {
	height:87px;
}

div#step dd.step5 {
	background:url(../img/new_recruit/step5_bar.gif) no-repeat 0 0;
	height:63px;
}

html > body div#step dd.step5 {
	height:43px;
}

div#step dd.step6 {
	background:url(../img/new_recruit/step6_bar.gif) no-repeat 0 0;
	height:63px;
}

html > body div#step dd.step6 {
	height:43px;
}

div#step dd.step7 {
	background:url(../img/new_recruit/step7_bar.gif) no-repeat 0 0;
	height:29px;
}

html > body div#step dd.step7 {
	height:9px;
}

/* fujikawa & nagahara */

div#voice_img {
	width:228px;
	height:auto;
	float:left;
	margin-top:27px;
}

div#voice_txt {
	width:552px;
	height:auto;
	float:left;
	margin-top:27px;
}

div#voice_txt h4 {
	margin:0;
}

div#voice_txt p {
	margin-top:0px;
	margin-left:40px;
	margin-bottom:15px;
}

/*======================================

	12-3.Infor recruit

=======================================*/

.method {
	background-color:#eee;
	padding:10px;
}

.method strong {
	color:#36c;
}


ol#infor {
	background:url(../img/infor/step_bg.gif) no-repeat 0 0;
	width:780px;
	height:54px;
}

ol#infor li {
	display:none;
}

div#infor_msg {
	background:url(../img/infor/infor_iimg.jpg) no-repeat right top;
	padding-right:230px;
}

/*======================================

	12-4.Person

=======================================*/

div#requested {
	margin:20px 0 0 0;
	background:url(../img/person/requested_bg.jpg) no-repeat right top;
	padding:0 300px 0 0;
}

div#program {
	width:auto;
	border:1px solid #cccccc;
	padding:19px;
}

div#program h4 {
	display:none;
}

div#program .cnt1,
div#program .cnt2,
div#program .cnt3,
div#program .cnt4,
div#program .cnt5 {
	margin-bottom:10px;
}

div#program .cnt1 {
	background:url(../img/person/h4_photo1.jpg) no-repeat 0 0;
	padding:45px 0 0 260px;
	height:140px;
}

html > body div#program .cnt1 {
	height:95px;
}

div#program .cnt2 {
	background:url(../img/person/h4_photo2.jpg) no-repeat 0 0;
	padding:45px 260px 0 0;
	height:150px;
}

html > body div#program .cnt2 {
	height:105px;
}

div#program .cnt3 {
	background:url(../img/person/h4_photo3.jpg) no-repeat 0 0;
	padding:45px 0 0 260px;
	height:140px;
}

html > body div#program .cnt3 {
	height:95px;
}

div#program .cnt4 {
	background:url(../img/person/h4_photo4.jpg) no-repeat 0 0;
	padding:45px 260px 0 0;
	height:130px;
}

html > body div#program .cnt4 {
	height:85px;
}

div#program .cnt5 {
	background:url(../img/person/h4_photo5.jpg) no-repeat 0 0;
	padding:45px 0 0 260px;
	height:128px;
}

html > body div#program .cnt5 {
	height:83px;
}

/*======================================

	12-5.Company

=======================================*/

.comp_h3_bt {
	background:url(../img/company/h3_bar_bg.jpg) no-repeat 0 0;
	width:auto;
	height:75px;
	margin-bottom:10px;
}

.comp_h3_bt2 {
	background:url(../img/company/h3_bar2.jpg) no-repeat 0 0;
	width:auto;
	height:75px;
	margin-bottom:10px;
}

.comp_h3_bt3 {
	background:url(../img/company/h3_bar3.jpg) no-repeat 0 0;
	width:auto;
	height:75px;
	margin-bottom:10px;
}

.comp_h3_bt h3,
.comp_h3_bt2 h3,
.comp_h3_bt3 h3 {
	float:left;
	width:137px;
	height:auto;
}

.comp_h3_bt img,
.comp_h3_bt2 img,
.comp_h3_bt3 img {
	margin-top:30px;
}

.comp_h3_bt ul,
.comp_h3_bt2 ul,
.comp_h3_bt3 ul {
	float:right;
	margin-top:27px;
}

.comp_h3_bt li,
.comp_h3_bt2 li,
.comp_h3_bt3 li {
	float:left;
	height:32px;
}

.comp_h3_bt li.bt1 a,
.comp_h3_bt li.bt2 a,
.comp_h3_bt2 li.bt1 a,
.comp_h3_bt2 li.bt2 a,
.comp_h3_bt3 li.bt1 a,
.comp_h3_bt3 li.bt2 a {
	display:block;
	height:32px;
	text-indent:-999em;
}

.comp_h3_bt li.bt1 a,
.comp_h3_bt2 li.bt1 a,
.comp_h3_bt3 li.bt1 a {
	width:155px;
}

.comp_h3_bt li.bt2 a,
.comp_h3_bt2 li.bt2 a {
	width:93px;
}

.comp_h3_bt3 li.bt2 a {
	width:132px;
}

div#event {
	border:1px solid #ccc;
	padding:6px 10px 20px 19px;
}

div#event p {
	margin:0;
}

div#event h4 {
	margin-bottom:8px;
}

div#event .cnt1 {
	background:url(../img/company/img1.jpg) no-repeat right top;
	width:auto;
	padding-right:417px;
}

div#event .cnt2 {
	background:url(../img/company/img2.jpg) no-repeat right top;
	width:auto;
	padding-right:314px;
}

div#post_cnt {
	width:auto;
	border:1px solid #cccccc;
	padding:19px;
}

div#post_cnt h4 {
	margin-bottom:10px;
}

div#post_cnt .cnt1 h4,
div#post_cnt .cnt2 h4,
div#post_cnt .cnt3 h4 {
	display:none;
}

div#post_cnt .cnt1,
div#post_cnt .cnt2,
div#post_cnt .cnt3 {
	margin-bottom:10px;
}

div#post_cnt .cnt1 {
	background:url(../img/company/h4_photo1.jpg) no-repeat 0 0;
	padding:45px 0 0 260px;
	height:150px;
}

html > body div#post_cnt .cnt1 {
	height:105px;
}

div#post_cnt .cnt2 {
	background:url(../img/company/h4_photo2.jpg) no-repeat 0 0;
	padding:45px 190px 0 0;
	height:225px;
}

html > body div#post_cnt .cnt2 {
	height:180px;
}

div#post_cnt .cnt3 {
	background:url(../img/company/h4_photo3.jpg) no-repeat 0 0;
	padding:45px 0 0 260px;
	height:150px;
}

html > body div#post_cnt .cnt3 {
	height:105px;
}

/*======================================

	12-6.Faq

=======================================*/

div#ques {
	background:url(../img/faq/table_head.gif) no-repeat 0 0;
	padding:4px 0 0 0;
}

div#ques a:link,
div#ques a:visited,
div#ques a:active {
	color:#666;
	text-decoration:none;
}

div#ques a:hover {
	text-decoration:underline;
}

div#ques .cnt {
	background:url(../img/faq/table_bg.gif) no-repeat bottom;
	padding:5px 15px 15px 15px;
}

div#ques .cnt p {
	clear:both;
	display:block;
	background:url(../img/common/hline.gif) no-repeat bottom;
	padding:10px 0;
	height:20px;
	margin-bottom:5px;
}

div#ques .cnt p.dab {
	clear:both;
	display:block;
	background:none;
	padding:10px 0;
	height:20px;
	margin-bottom:5px;
}

div#ques .cnt strong {
	display:block;
	color:#36c;
	float:left;
	width:35px;
}

div#ques .cnt a {
	display:block;
	float:left;
}

div#ques .cnt .left {
	float:left;
	width:350px;
	margin-right:40px;
	text-align:left;
}

div#ques .cnt .right {
	float:left;
	width:350px;
	text-align:left;
}

.ans {

}

.ans .cnt {
	background:url(../img/faq/table_bg.gif) no-repeat bottom;
}

.ans .ainner {
	background:url(../img/faq/a_bar.gif) no-repeat 1px 0;
	padding:18px 20px 0 57px;
	text-align:left;
}

.ans span {
	margin-right:10px;
}

.ans h4 {
	background:url(../img/faq/q_bar_bg.jpg) no-repeat 0 0;
	color:#36c;
	font-size:100%;
	width:auto;
	height:57px;
	padding:20px 0 0 23px;
	margin:0;
}

html > body .ans h4 {
	height:37px;
}
