@charset "UTF-8";

/*==========================================
/
/   0□GLOBAL RESET
/	1□wrapper / a
/	2□header + □header flexible
/
/	3■breadCrumb
/	4■detailTitle
/	5■main
/	6■introduction
/	7■txt area
/
/	8□goTop
/	9□footer
/
/	※□base.css
==========================================*/

/* --------------------------------------------------------------

    3. keyVisual (Edited by T.Hashimoto - 2010/08/10 - Ver1.1.0)

   -------------------------------------------------------------- */
#keyVisual {
	width: 910px;
	height: 340px;
	margin: 0 auto;
	background: url("../img/top_bk_img.gif") no-repeat;
	background-color: #FFFFFF;
	clear: both;
}

#keyVisual_menu_under{
	width: 910px;
	height: 330px;
	margin: 0 auto;
	background: url("../img/top_bk_img.gif") no-repeat;
	background-color: #FFFFFF;
	clear: both;
}

#keyVisual img,
#keyVisual_menu_under img {
	width: 894px;
	height: 314px;
	margin: 8px 8px 0 ;
}



/* -----------------------------------------------------------------------

    3. main + breadCrumb (Edited by T.Hashimoto - 2010/08/25 - Ver1.1.0)

   ----------------------------------------------------------------------- */
.staff-a01 #main,
.corp-a01 #main,
.flow-a01 #main {
	width: 810px;
	margin: 0 auto 25px;
	clear: both;
}

.staff-b01 #main,
.corp-b01 #main,
.product-b01 #main,
.flow-b01 #main {
	float: right;
	width: 640px;
	background-image: url(../img/side_menu_line_001.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	border-left: 1px solid #D3D3D3;
	margin-right: 15px;
	margin-top: 22px;
	line-height: 1.5;
	display: inline;
}


#breadCrumb {
	width: 810px;
	margin: 0 auto;
	padding: 15px 0px 30px 0px;
	font-size: 13px;
}

.staff-a01 #breadCrumb,
.flow-a01 #breadCrumb, {
	padding: 15px 0 30px 0;
}

.staff-b01 #breadCrumb,
.corp-b01 #breadCrumb,
.product-b01 #breadCrumb,
.flow-b01 #breadCrumb,
.recruit #breadCrumb {
	width: 610px;
	margin: 0 0 20px 20px;
	padding: 0;

}



/* ---------------------------------------------------------------------

    7. staff interview (Edited by T.Hashimoto - 2010/08/10 - Ver1.1.0)

   --------------------------------------------------------------------- */
.staff-b01 #staffTitle {
	width: 610px;
	margin: 0 0 20px 20px;
}

#staffTitle h2 {
	width: 610px;
	height: 20px;
	line-height: 20px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-indent: 12px;
}


.staff-a01 .interview_list {
	width: 810px;
}

.staff-b01 .interview_list {
	width: 610px;
	margin: 0 0 20px 20px;
}


.staff_interview_tbl_first {
	margin-bottom: 15px;
}

.staff_interview_tbl {
	margin-top: 15px;
	margin-bottom: 15px;
	broder-top: 1px dotted #000000;
}

.staff_interview_tbl_first td,
.staff_interview_tbl td {
	vertical-align: top;
}

.staff_interview_tbl td {
	padding-top: 10px;
}


.staff_interview_tbl_first td.staff_left,
.staff_interview_tbl td.staff_left {
	width: 150px;
}

.staff_interview_tbl_first td.staff_right,
.staff_interview_tbl td.staff_right {
	padding-left: 30px;
	padding-bottom: 1em;
}

.staff_interview_tbl_first td.staff_right h4,
.staff_interview_tbl td.staff_right h4 {
	margin: 10px 0;
}

.staff_interview_tbl_first td.staff_right p,
.staff_interview_tbl td.staff_right p {
	line-height: 150%;
}

.staff_interview_tbl_first td.staff_right .goDetail,
.staff_interview_tbl td.staff_right .goDetail {
	padding: 10px 0 0 0;
}






/*  ==========  OLD  ==========  */
.staff #main,
.recruit #main,
.corp #main {
	float: right;
	width: 640px;
	background-image: url(../img/side_menu_line_02.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	margin-right: 15px;
	margin-top: 22px;
	line-height: 1.5;/* Modified by S. Sako on 2010/08/03 */
	display: inline;
}

#side_menu_line {
	width: 20px;
	float: left;
}

.recruit iframe {
	width: 610px;
	float: right;
}

.recruit #pageTitle {
	width: 610px;
	height: 25px;
	margin: 0 0 20px 20px;
	border-bottom: 1px dotted;
}
/* Modified by S. Sako on 2010/10/29 */
.recruit #pageTitle h2 {
	width: 610px;
}
/*-----end-----*/

.recruit .box_title {
	background-image: url(../img/recruit_box_title.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	padding: 0;
	vertical-align: middle;
}

.recruit .box_title h3 {
	color: #000000;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	margin-left: 6px;
	text-indent: 4px;
}

.recruit .recruitDetail {
	width: 610px;
/*	float: right; */
	margin: 0 0 20px 20px;
	border-collapse: collapse;
}

.corp_box th,
.corp_box td,
.recruit .recruitDetail th,
.recruit .recruitDetail td {
	padding: 0.8em 0.8em 0.8em 0.8em;
	line-height: 1.6;
}

.corp_box th,
.recruit .recruitDetail th {
	width: 9.0em;
	border: 1px solid #ccc;
	white-space: nowrap;
	background: #eee;
	text-align: left;
}

.corp_box td,
.recruit .recruitDetail td {
	border: 1px solid #ccc;
}

.recruit .oubo_btn img {
	border-style:none;
}

.recruit .oubo_btn a {
	float: left;
	margin: 10px 161px;
	display: inline;
}

.side_menu_top {
	margin-top: 22px;
}

.entry_btn02 {
	background-image: url("../img/detail_entry_btn.gif");
	background-repeat: no-repeat;
	display: block;
	width: 318px;
	height: 46px;
	margin: 0 auto 10px;
	text-indent: -9999px;
	overflow: hidden;
}



/* ------------------------------------------------------------------

    7. corporate / product / jinji_message
    
       (Edited by T.Hashimoto - 2010/08/25 - Ver1.1.0)

   ------------------------------------------------------------------ */
#corpTitle,
#pageTitle {
	width: 810px;
	height: 25px;
	margin-bottom: 10px;
	border-bottom: 1px dotted;
}

.corp-a01 #corpTitle,
.product-a01 #pageTitle {
	margin: 0 auto 10px;
}

.corp-b01 #corpTitle,
.product-b01 #pageTitle,
.flow-b01 #pageTitle {
	width: 610px;
	margin: 0 0 20px 20px;
}

#corpTitle h2,
#pageTitle h2 {
	width: 810px;
	height: 20px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	text-indent: 12px;
}

.corp-b01 #corpTitle h2,
.product-b01 #pageTitle h2,
.flow-b01 #pageTitle h2 {
	width: 610px;
}

.corp_box,
.product_box {
	width: 810px;
	margin: 0 auto 20px;
	border-collapse: collapse;
}

.corp-b01 .corp_box,
.product-b01 .product_box {
	width: 610px;
	margin: 0 0 20px 20px;
}

.notfound{
	 width: 610px;
 	margin: 0 0 20px 20px;
 	padding-bottom:50px;
}

/* ------------------------------------------------------------------

    71. product (Edited by T.Hashimoto - 2010/08/25 - Ver1.1.0)

   ------------------------------------------------------------------ */
.product_item {
	border-top: 1px dotted #000000;
	margin-top: 10px;
	padding-top: 10px;
}


.product_box .product_name {
	background-color: #F5F5F5;
	margin: 5px 0;
	padding: 5px 0;
}

.product_box .product_name strong {
	font-size: 14px;
	padding-left: 10px;
}


.product-a01 .product_box_h,
.product-a01 .product_box_w {
	width: 810px;
}

.product-b01 .product_box_h,
.product-b01 .product_box_w {
	width: 610px;
}

.product-a01 .image_box {
/*2010.11.05 S.Sako*/
	margin-bottom:10px;/*end*/
	width: 810px;
}

.product-b01 .image_box {
/*2010.11.05 S.Sako*/
	margin-bottom:10px;/*end*/
	width: 610px;
}

.image_box_200,
.image_box_300,
.image_box_400 {
	text-align: center;
	float: left;
}

.image_box_200 {
/*delete 2010.11.05 S.Sako
	width: 200px;*/
	width: 220px;
}

.image_box_300 {
/*delete 2010.11.05 S.Sako
	width: 300px;*/
	width: 320px;
}

.image_box_400 {
/*delete 2010.11.05 S.Sako
	width: 400px;*/
	width: 420px;
}


.product-a01 .data_box {
	width: 810px;
}

.product-b01 .data_box {
	width: 610px;
}

.data_box_200,
.data_box_300,
.data_box_400 {
	float: left;
}

.product-a01 .data_box_200 {
/*delete 2010.11.05 S.Sako
	width: 610px;*/
	width: 590px;
}

.product-b01 .data_box_200 {
/*delete 2010.11.05 S.Sako
	width: 410px;*/
	width: 390px;
}

.product-a01 .data_box_300 {
/*delete 2010.11.05 S.Sako
	width: 510px;*/
	width: 490px;
}

.product-b01 .data_box_300 {
/*delete 2010.11.05 S.Sako
	width: 310px;*/
	width: 290px;
}

.data_box_400 {
/*delete 2010.11.05 S.Sako
	width: 410px;*/
	width: 390px;
}

.data_box h3,
.data_box_200 h3,
.data_box_300 h3,
.data_box_400 h3 {
	font-size: 14px;
	padding: 5px 0 15px 0;
	line-height: 1.5;
}

.data_box dt,
.data_box_200 dt,
.data_box_300 dt,
.data_box_400 dt {
	font-weight: bold;
	line-height: 1.5;
}

.data_box dd,
.data_box_200 dd,
.data_box_300 dd,
.data_box_400 dd {
	line-height: 1.5;
	padding: 0 0 10px 0;
}

.product-a01 .product_box .pageNavi,
.product-b01 .product_box .pageNavi {
	margin: 25px 0;
}

.product-a01 .product_box .pageNavi {
	width: 810px;
}

.product-b01 .product_box .pageNavi {
	width: 610px;
}


.product-a01 .pageNavi .page_prev,
.product-b01 .pageNavi .page_prev {
	float: left;
	text-align: left;
}

.product-a01 .pageNavi .page_prev {
	width: 400px;
}

.product-b01 .pageNavi .page_prev {
	width: 300px;
}


.product-a01 .pageNavi .page_next,
.product-b01 .pageNavi .page_next {
	float: right;
	text-align: right;
}

.product-a01 .pageNavi .page_next {
	width: 400px;
}

.product-b01 .pageNavi .page_next {
	width: 300px;
}




/* ------------------------------------------------------------------

    7. jinjiMessage (Edited by T.Hashimoto - 2010/08/25 - Ver1.1.0)

   ------------------------------------------------------------------ */
.jinji_a #main {
	background-image:url("../img/side_menu_line_02.gif");
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	float:left;
	margin-left:5px;
	margin-top:30px;
	width:640px;
}

.jinji_a #side_menu_line {
	width:20px;
	float:left;
}

.jinji_a .jinji_title h2 {
	color: #000000;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	line-height: 1.2em;
	text-indent: 12px;
	width: 600px;
}

.staff h2,
.jinji_b h2,
.jinji_c h2,
.recruit h2 {			/* Modified by S. Sako on 2010/07/20 */
	color: #000000;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	line-height: 1.2em;
	text-indent: 12px;
	width: 550px;
}



#staffTitle,
.jinji_title{
	border-bottom: 1px dotted;
	height: 25px;
	margin-bottom: 10px;
}


#recruitTitle {
	float: right;
	width: 620px;
	height: 25px;
	margin-bottom: 10px;
	border-bottom: 1px dotted;
}





.introduction_area {
	float: left;
}

.jinji_introduction {
	width: 152px;
	background-color: #f5f5f5;
}

p.introduction_name {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3;
	margin-top: 2px;
	padding-top: 3px;
	margin-bottom: 0;
	margin-left: 5px;
	margin-right: 5px;
}

p.introduction_txt {
	font-size: 11px;
	line-height: 1.3;
	margin-left: 7px;
	margin-right: 7px;
}

.staff .txt_area,
.jinji_a .txt_area {
	font-size: 14px;
	line-height: 1.6;
	float: right;
	margin-right: 5px;
	margin-bottom: 2em;
	width: 435px;
}
.jinji_b .txt_area {
	font-size: 14px;
	line-height: 1.6;
	float: right;
	width: 385px;
}

.staff h3,
.jinji_a h3,
.jinji_b h3,
.jinji_c h3 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
}

.staff h4,
.jinji_a h4,
.jinji_b h4,
.jinji_c h4 {
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
}


/*-----------------------
=7■.jinji_b(人事担当者インタビュー)
-----------------------*/
.jinji_b #main{
float:left;
padding-left:20px;
padding-top:30px;
width:560px;
}

.jinji_b #banner_img img{
float:right;
margin-top:30px;
margin-right:20px;
border-style:none;
}

.jinji_c #banner_img{
clear:both;
text-align:center;
}
.jinji_c #banner_img img{
border-style:none;
}

.jinji_c .jinji_title  {
border-bottom:1px dotted;
height:25px;
margin-bottom:10px;
margin-left:45px;
margin-top:25px;
width:830px;
}

.jinji_c #main{
width:830px;
margin:0 auto;
}

.jinji_c .txt_area{
width:650px;
float:right;
}


/*Add S.Sako 2011/05/09*/
/*-----------------------
=5■jobInfo
-----------------------*/
.recruit #jobInfo {
	width: 610px;
	height: auto;
	margin: 0 auto 20px;
	padding: 10px 0 0 0;
	overflow: hidden;
}
.recruit #jobTitle {
	width: 610px;
	border-bottom:2px solid;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	display:inline-block;
}
.recruit #jobTitle img.new {
	float: left;
	width: 36px;
	height: 18px;
}
.recruit #jobTitle h3 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
	color: #000000;
	width: 400px;
	display:table;
}
.recruit #jobTitle .icon{
	float: right;
	text-align: right;
	height: 22px;
	padding-right: 10px;
}

.recruit #jobInfo div.ph {
	float: left;
	width: 240px;
	height: 185px;
	margin: 0 15px 0 5px;
	text-align: center;
}

.recruit #jobInfo img.ph {
	float: left;
	width: 240px;
	height: 180px;
	margin:0 15px 0 5px;
}
.recruit #jobInfo h4 {
	float: left;
	width: 340px;
	height: auto;
	font-size: 14px;
	color: #cc0000;
	margin: 10px 0 20px;
}

.recruit #jobInfo p.detailText{
	float: left;
	width: 340px;
	height: auto;
}

.recruit #jobInfo .status{
	float: right;
	width: 200px;
	padding: 20px 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}