/* CSS Document */

/* 各ページcss 目次

#0 リクルート
#1 オーバービュー
#9 helper.html
*/




/*===============================================================*/
/* #0  リクルート                                                */
/*===============================================================*/

/* TOP 
============================================================*/
/* メインコンテンツ */

div#recruit_contents {
	width: 580px;
	margin: 0 0 20px 0px;
	background-image:url(../common_img/note_normal.gif);
	clear: both;
	}

div#recruit_contents_wide {
	width: 598px;
	margin: 0 0 20px 0px;
	background-image:url(../common_img/note_long.gif);
	}	


img#youtube	{
	margin: 0 0 0 72px;
	float: left;
	}
	
img#honki_copy {
	margin: 0 0 30px 0;
	}
	
img#recruit_copy {
	margin: 20px 0 50px 0;
	}	

img#line {
	margin: 15px 71px 10px 47px;
	}	
	
img#line2 {
	margin: 8px 71px 10px 47px;
	}		
	
img#icon {
	margin: 0 71px 0 47px;
	}

ul#button {
	clear: both;
	margin: 0 0 0 40px;
	}	
	
ul#button li {
	float: left;
	margin: 25px 0 25px 0;
	}	
	
div#button_link {
	width:900px;
    height:34px;
	float:clear;
	}	
	
img#welcom {
	margin: 0 0 0 72px;
	}	
	
img#event{
	margin: 0 0 0 22px;
	}	
	
img#occupation{
	margin: 0 0 0 22px;
	}	
	
img#selection{
	margin: 0 0 0 22px;
	}	
	
img#faq{
	margin: 0 0 0 22px;
	}

#recruit-main-youtube{
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	margin: 0 0 0 50px;
	_margin: 0;
}
#recruit-main-youtube div#youtube-movie{
	width: 480px;
	float: left;
	margin: 0 50px;
}
#recruit-main-youtube ul#youtube-icon{
	background: url(../recruit/images/recruit_line.gif) 0px 0px no-repeat;
	width: 260px;
	float: left;
}
#recruit-main-youtube ul#youtube-icon li{
	background: url(../recruit/images/recruit_line.gif) left bottom no-repeat;
	padding: 9px 16px;
}
#you{
	position:relative;
	z-index: 1;
}
/*------------メンバーメッセージ---------------*/

img#member1{
	float: right;
	margin: 10px 10px 0 0;
	display: block;
}

img#member2{
	margin: 3px 10px 0 35px;
	float:left;
	display: block;
	margin: 5px 10px 20px 35px;
}

img#recruit_title {
	margin: 20px 10px 10px 10px;
	}
	
img#recruit_copy {
	margin: 20px 20px 70px 0;
	}

img#illust_copy_1 {
	margin: 20px 30px 0 178px;
	}
	
img#subcopy {
	margin:10px 0px 5px 35px;
	float: left;
	}
	
img#subcopy2 {
	margin:10px 0  0 35px;
	padding: 30px 0 0 0;
	}	
	
p.column1{
	width:370px;
	_width:350px;
	margin:10px 0 10px 40px;
	clear: left;
	line-height: 150%;
	display: block;
	}

p.column2{
	width:350px;
	_width:340px;
	float:left;
	line-height: 150%;
	display: block;
	margin: 10px 0 0 0;
	}



/*------------社内イベント---------------*/

img#hukidashi {
	float:left;
	}
	
img#photo {
	margin:10px 0 10px 0
	}	

/*-------------選考情報--------------*/
	
img#jinzai	{
	width: 490px;
	margin: 0 auto 0 auto;
	display: block;
	}

div.note	{
	background: url(../common_img/note_normal.gif) repeat-y;
	width: 535px;
	padding: 10px 10px 10px 35px;
	}
	
div.note_noback	{
	width: 580px;
	}
	
div.pointer_lt	{
	float: left;
	}
	
div.pointer_rt	{
	float: left;
	background-image: url(../common_img/note_selection.gif);
	background-repeat: repeat-y;
	margin: 0 0px 10px 0px;
	width: 385px;
	padding: 25px 10px 0 60px;
	height: 80px;
	}
	
div.pointer_rt ul	{
	list-style-type: decimal;
	}

span#img_process	{
	width: 465px;
	margin: 0 auto 10px auto;
	display: block;
	}

/*-------------採用職種紹介--------------*/

div.note_top	{
	width: 580px;
	}

div.occupation_note	{
	background:url(../common_img/note_normal.gif) repeat-y;
	width: 580px;
	}

div.occupation_lt	{
	width: 119px;
	float: left;
	}

div.occupation_mid	{
	float: left;
	margin: 10px 0px 0 10px;
	width: 350px;
	}

div.occupation_mid02	{
	float: left;
	margin: 10px 0px 0 10px;
	width: 270px;
	padding: 0 5px 0 0;
	}

div.occupation_rt	{
	float: left;
	margin: 10px 0px 0 0;
	width: 100px;
	}

span.occupation_text	{
	display: block;
	margin: 10px 0 0 0;
	}

ul.occu_list01	{
	margin:10px 0 0 0;
	list-style-image:url(../recruit/images/img_list1.gif);
	}

ul.occu_list02	li	{
	margin:5px 0 5px 15px;
	}

ul.occu_list02	{
	margin:10px 0 0 0;
	list-style-image:url(../recruit/images/img_list2.gif);
	}

ul.occu_list01	li	{
	margin:5px 0 5px 15px;
	}

div.occu_btm	{
	clear: both;
	text-align: right;
	}

div.occu_btm img	{
	margin: 10px 10px 10px 0;
	}

/*-------------社内イベント--------------*/

div.event_note	{
	background:url(../common_img/note_normal.gif) repeat-y;
	width: 580px;
	clear: both;
	}

div.event_lt	{
	width: 119px;
	float: left;
	}

div.event_rt	{
	float: right;
	margin: 10px 0px 10px 0;
	}
	
/*-------------社内風景--------------*/

img.img_syanai_1	{
	margin: 10px 0 0 142px;
	}


img.img_syanai_8	{
    margin: 10px 0 0 45;
	vertical-align: top;
	}


img.img_syanai_left	{
	margin: 10px 0 0 45px;
	}


img.img_syanai_right	{
	margin: 10px 0 0 20px;
	}


img.img_syanai_9 {
	margin: 10px 0 10 47px;
    }

/*-------------よくある質問--------------*/
#event_note_faq{
	background:url(../common_img/note_normal.gif) repeat-y;
	width: 580px;
	height: 1100px;
}
dl#newfaq {
	width: 512px;
	margin: 10px 0 10px 46px;
	position: absolute;
}
#newfaq dt{
	font-weight: bolder;
	color: #ffffff;
	/* text-align: center; */
	position: relative;
	width: 330px;
	height: 72px;
	border: 1px dotted #F1F1E5;
}
#newfaq dd{
	text-align: center;
	width: 323px;
	/* border: 1px dotted blue; */
	position: relative;
}

#newfaq dt span{
	text-align: center;
	margin: 15px 0 0 60px;
	width: 250px;
	display: block;
}
#newfaq dt.newfaq-2 span,
#newfaq dt.newfaq-4 span,
#newfaq dt.newfaq-6 span{
	margin: 20px 0 0 20px;
}


#newfaq dt.newfaq-1{
	background: url(../recruit/images/fukidasi1.gif) 0px 0px no-repeat;
	left: 0px;
	top: 0px;
}
#newfaq dt.newfaq-2{
	background: url(../recruit/images/fukidasi6.gif) 0px 0px no-repeat;
	left: 189px;
	top: 30px;
}
#newfaq dt.newfaq-3{
	background: url(../recruit/images/fukidasi3.gif) 0px 0px no-repeat;
	left: 0px;
	top: 60px;
}
#newfaq dt.newfaq-4{
	background: url(../recruit/images/fukidasi4.gif) 0px 0px no-repeat;
	left: 189px;
	top: 90px;
}
#newfaq dt.newfaq-5{
	background: url(../recruit/images/fukidasi1.gif) 0px 0px no-repeat;
	left: 0px;
	top: 120px;
}
#newfaq dt.newfaq-6{
	background: url(../recruit/images/fukidasi5.gif) 0px 0px no-repeat;
	left: 189px;
	top: 150px;
}
#newfaq dt.newfaq-7{
	background: url(../recruit/images/fukidasi3.gif) 0px 0px no-repeat;
	left: 0px;
	top: 180px;
}


#newfaq dd.newfaq-1{
	left: 0px;
	top: 0px;
}
#newfaq dd.newfaq-2{
	left: 189px;
	top: 30px;
}
#newfaq dd.newfaq-3{
	left: 0px;
	top: 60px;
}
#newfaq dd.newfaq-4{
	left: 189px;
	top: 90px;
}
#newfaq dd.newfaq-5{
	left: 0px;
	top: 120px;
}
#newfaq dd.newfaq-6{
	left: 189px;
	top: 150px;
}
#newfaq dd.newfaq-7{
	left: 0px;
	top: 180px;
}


/*-------------ハガキ買い取りキャンペーン--------------*/

#hagaki_cp {
	clear: both;
	width: 580px;
	background-image: url(../recruit/images/hagaki_bg.gif);
	background-repeat: repeat-y;
	text-align: center;
	line-height: 150%;
	margin-top: 25px;
	margin-bottom: 30px;
}

#headbox {
	background: url(../recruit/images/main_bg.gif) 0 0 no-repeat;
	height:249px;
	width:580px;
	position:relative;
	
}

#headbox #title {
	position: absolute;
	height: 80px;
	width: 580px;
	top: 0px;
	left: 0px;
}

#headbox #text {
	position: absolute;
	height: 99px;
	width: 367px;
	left: 0px;
	top: 80px;
}

#headbox #toform {
	position: absolute;
	height: 70px;
	width: 367px;
	left: 0px;
	top: 179px;
}

#hagaki_headimg_l {
	float: left;
	width: 367px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}

#hagaki_headimg_r {
	clear: both;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#hagaki_cp #footimg {
	margin-top: 50px;
}

#hagaki_cp div.hagaki_text_01 {
	width: 550px;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
}

#hagaki_cp .hagaki_text_01 ul li {
	padding-left:1em;
	text-indent:-1em;
}

#hagaki_cp #hagaki_text_02 {
	text-align: left;
	width: 530px;
	padding: 10px;
	background-color: #FAFAF3;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
}

#hagaki_cp #hagaki_text_03 {
	text-align: left;
	width: 530px;
	padding: 10px;
	background-color: #AFEEEE;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	clear: both;
}

#hagaki_cp #kaitori {
	float: left;
	width: 390px;
	margin-top: 10px;
	text-align: left;
	padding-left: 15px;
}

#hagaki_cp #kaitori_img {
	margin-top: 10px;
	float: left;
	width: 167px;
}

#hagaki_cp #hagaki_memo {
	background-image: url(../recruit/images/hagaki_memo_bg.gif);
	background-repeat: repeat-y;
	clear: both;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
}

#hagaki_cp #hagaki_memo p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#hagaki_cp h3 {
	clear: both;
	width: 550px;
	background-image: url(../recruit/images/hagaki_ttl_bg.gif);
	height: 24px;
	text-align: left;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: medium;
	vertical-align: middle;
	display: block;
	background-repeat: no-repeat;
}

#hagaki_cp #hagaki_add {
	width: 480px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	clear: both;
}

#hagaki_cp #hagaki_add img {
	float: left;
}

#hagaki_cp #hagaki_add p {
	float: right;
	margin-bottom: 50px;
}
#hagaki_cp .kyouchou {
	font-weight: bold;
	color: #F00;
}





/*===============================================================*/
/* #2  カンパニー                                            */
/*===============================================================*/	

img#low_copy	{
	margin: 15px 0 0px 0;
	}
	
p#message	{
	width: 400px;
	float: left;
	display: block;
	height: 500px;

	}

img#president	{
	float: left;
	margin: 0 0 0 20px;
	display: block;
	}

span#president_name	{
	float: right;
	margin: 10px 0 0 0;
	
	}

/*------------事業理念・組織理念・ビジョン---------------*/
img#ideal_vision	{
	width: 278px;
	margin: 0 auto 0 auto;
	display: block;
	}

/*------------売上高---------------*/
img#img_sales	{
	width: 490px;
	margin: 0 auto 0 auto;
	display: block;
	}
	
/*------------会社沿革---------------*/

/*------------アクセスマップ---------------*/
img#img_map	{
	width: 488px;
	margin: 0 auto 0 auto;
	display: block;
	}

ul.list_allow	{
	list-style-image:url(../over_view/images/yaji_blue.gif);
	float: right;
	display: block;
	margin: 10px;
	}
	
span#massage_pdf	{
	display: block;
	clear: both;
	text-align: right;
	margin: 10px;
	}


/*===============================================================*/
/* #3  会社概要                                                  */
/*===============================================================*/	

div#about_table	{
	margin: 20px auto 0 auto;
	}


/*===============================================================*/
/* #4  プライバシーポリシー                                    */
/*===============================================================*/	
img#privacy_title {
	margin: 20px 20px 30px 20px;
	}
	

div#subcontents {
	width: 900px;
	margin: 0 auto 0 auto;
	}

div#privacy	{
	width: 700px;
	margin: 0 auto 30px auto;
	border: 1px solid #999999;
	}

img#line_left {
	float:left;
	background-image:url(img/line_left.gif);
	}
		
img#line_right {
	float:right;
	background-image:url(img/line_right.gif);
	}	
	
p.privacy{
	width:680px;
	line-height: 150%;
	display: block;
	padding: 10px;
	}	

p.privacy2{
	width:680px;
	text-align:right;
	line-height: 150%;
	display: block;
	padding: 10px;
	}	

/*===============================================================*/
/* #5  サイトポリシー                                    */
/*===============================================================*/	
div#policy	{
	width: 700px;
	margin: 10px auto 30px auto;
	}

p.policy{
	width:680px;
	line-height: 150%;
	display: block;
	}	
	
p.policy2{
	width:630px;
	line-height: 150%;
	display: block;
	padding: 0 0 0 70px;
	}		

/*===============================================================*/
/* #6  TOPページ                                                 */
/*===============================================================*/

div#toppage_back	{
	margin: 0 auto 0 auto;
	position: relative;
	width: 930px;
}
img.bt_paldia_link{
	position: absolute;
	left: 270px;
	top: 23px;
}

div#contents_erea	{
	width: 930px;
	margin: 0 0 10px 0;
	}

img#bt_campaign	{
	float: left;
	margin: 115px 0 0 10px;
	}

img#bt_tento	{
	float: right;
	margin: 0 10px 0 0;
	}

img#bt_paldia	{
	float: left;
	margin: 165px 0 0 10px;
	}

ul#list_top	{
	width: 700px;
	margin: 0 0 0px 220px;
	display: block;
	}

ul#list_top	li	{
	margin: 5px 0 0 0;
	}

ul#list_top_bt	{
	width: 612px;
	margin: 0 0 0 200px;
	}

ul#list_top_bt	li	{
	float: left;
	}

p#top_text	{
	width: 764px;
	display: block;
	font-size: 90%;
	height: 13px;
	float: right;
	text-align: right;
	}

img#pmark	{
	float: left;
	}

h1#top_companyname	{
	height:15px;
	padding: 10px 0 0 10px;
	width: 500px;
	display: block;
	float: left;
	}

img.topix	{
	margin: 0 10px 1px 0;
	}

img.join	{
	margin: 350px 0 0 10px;
	}

/*===============================================================*/
/* #7  CONTACT                                                   */
/*===============================================================*/

div#contact	{
	width: 600px;
	margin: 0 auto 0 auto;
	}

/*===============================================================*/
/* #8  SITEMAP                                                   */
/*===============================================================*/

ul.list_sitemap	{
	display: block;
	width: 300px;
	padding: 5px;
	margin: 10px 0 0 0;
	}
	
ul.list_sitemap	li	{
	margin: 10px 0 0 0px;
	padding: 0 0 0 25px;
	background: url(../images/kaisou_01.gif) no-repeat;
	}

div#sitemap	{
	width: 700px;
	margin: 0 auto 30px auto;
	}
	
div#sitemap_lt	{
	float:left;
	width: 300px;
	margin: 0 px 0 20px;
	}
		
div#sitemap_rt	{
	float:right;
	width: 300px;
	margin: 0 0px 0 0 ;
	}

span#sitemap_top	{
	background: url(../images/kaisou_01.gif) no-repeat;
	padding: 0 0 0 25px;
	margin: 15px 0 5px;
	display: block;
	}
/* ---------------------------------------------------------
 #9 helper.html
--------------------------------------------------------- */
.helper_note{
	width: 580px;
	margin: 10px 0 20px 0px;
	background-image:url(../common_img/note_normal.gif);
	clear: both;
}
.helper_note p{
	padding: 5px 20px 5px 50px;
}
.helper_note h3{
	font-size: 15px;
	font-weight: bolder;
	color: #ba7f00;
	padding: 5px 20px 5px 50px;
	display: block;
}
p.helper{
	line-height: 150%;
	margin-left: 10px;
}
p.helper_cau{
	font-weight: bold;
	color: #cc0000;
	line-height: 200%;
	margin-left: 5px;
}
p.helper_kome{
	padding-left:1em;
	text-indent:-1em;
}
h4.helper{
	font-size: 15px;
	background-color: #ffeaf0;
	width: 580px;
	display: block;
	padding: 3px 0px;
	margin: 7px 0px;
}
p.helper_waku{
	font-weight: bolder;
	line-height: 160%;
	margin: 10px;
	padding: 10px;
	width: 560px;
	border: 1px solid #FF3300;
}
p.helper_waku span{
	color: #ff0000;
}
h1.helper{
	margin-top: 15px;
	display: block;
}


/* ---------------------------------------------------------
 #9 service.html
--------------------------------------------------------- */
#maincontens-service{
}
#maincontens-service ul{
	margin: 30px 0 0 255px;
	width: 550px;
	overflow: hidden;
	zoom: 1;
}
#maincontens-service li{
	float: left;
	margin: 0 50px 50px 0;
}

/* ---------------------------------------------------------
 　■ パブリシティ・ニュースリリース
--------------------------------------------------------- */
#publicity-news{
	margin: 20px 0;
}
#publicity-news p{
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	background-color: #0b3c86;
	line-height: 1;
	padding: 7px 30px 7px 0;
}

#publicity-news p img{
	margin:0 5px 1px 5px;
}

#publicity-news ul{
	margin: 0 0 30px;
}
#publicity-news ul li{
	padding: 10px 7px;
	border-bottom: 1px dotted #333333;
}
#publicity-news li span.date{
	padding: 0 10px 0 0;
	width: 7em;
	float: left;
	display: block;
}


#publicity-news li span.text{
	line-height: 1.4;
	overflow: auto;
	zoom: 1;
	display: block;
}


#publicity-news li span.text a{
	text-decoration: underline;
	color: #0b3b85;
}


#publicity-news li span.text a:hover{
	text-decoration: none;
}


html{
  overflow-y: scroll;
}
/* ---------------------------------------------------------
 #10 ハガキフォーム
--------------------------------------------------------- */
.hagaki-form-tbl td{
	background-color: #ffffff;
	border: none; padding: 0;
}