/* =================================================================
COMMON 
================================================================= */
/* title 
---------------- */
#contents_area h2{
	background-image:url(../../recruit/images/ttl_main.gif);
}

#contents_area h4{
	font-size:12px;
}
#contents_area dl{
	font-size:12px;
}

p.entry{
	border-top:1px solid #001166;
	margin-top:20px;
	padding:10px 0px 10px 15px;
	background:url(../images/icon_link.gif) left center no-repeat;
}

/* side menu
---------------- */
ul#side_menu li.s_menu01 a{
	background-image:url(../../recruit/images/side_menu01.gif);
}
ul#side_menu li.s_menu02 a{
	background-image:url(../../recruit/images/side_menu02.gif);
}
ul#side_menu li.s_menu03 a{
	background-image:url(../../recruit/images/side_menu03.gif);
}
ul#side_menu li.s_menu04 a{
	background-image:url(../../recruit/images/side_menu04.gif);
}
ul#side_menu li.s_menu05 a{
	background-image:url(../../recruit/images/side_menu05.gif);
}
ul#side_menu li.s_menu06 a{
	background-image:url(../../recruit/images/side_menu06.gif);
	width:149px;
	height:33px;
}
ul#side_menu li.s_menu06{
	background:#8298b7;
	padding:10px;
}
ul#side_menu li.s_menu06 a:hover{
	background-image:url(../../recruit/images/side_menu06.gif);
	background-position:-150px 0px;
}

/* side menu ON */
ul#side_menu li.s_menu01on a,
ul#side_menu li.s_menu02on a,
ul#side_menu li.s_menu03on a,
ul#side_menu li.s_menu04on a,
ul#side_menu li.s_menu05on a{
	background-position:-340px 0px;
	background-repeat:no-repeat;	
}
ul#side_menu li.s_menu01on a{
	background-image:url(../../recruit/images/side_menu01.gif);
}
ul#side_menu li.s_menu02on a{
	background-image:url(../../recruit/images/side_menu02.gif);
}
ul#side_menu li.s_menu03on a{
	background-image:url(../../recruit/images/side_menu03.gif);
}
ul#side_menu li.s_menu04on a{
	background-image:url(../../recruit/images/side_menu04.gif);
}
ul#side_menu li.s_menu05on a{
	background-image:url(../../recruit/images/side_menu05.gif);
}



/* =================================================================
採用情報
================================================================= */
.news_box{
	margin-top:30px;
}
.news_box h5{
	border-top:1px solid #001166;
	border-bottom:1px solid #001166;
	margin-bottom:20px;
	padding:3px 0px;
}
.news_box dl.news dt{
	width:120px;
	float:left;
	clear:both;
}

.news_box dl.news dd{
	margin-left:120px;
	padding-bottom:15px;
}

.news_box dl.contact dt{
	width:120px;
	float:left;
	clear:both;
}

.news_box dl.contact dd{
	margin-left:120px;
}
/* =================================================================
企画営業、プランナー、制作ディレクター
================================================================= */
span.icon{
	font-size:12px;
	color:#001166;
}

dl.detail{
	clear:both;
	min-height:1px;　/* IE 7対策 */
}
dl.detail dt{
	width:120px;
	float:left;
	clear:both;
	margin:0px;
}
dl.detail dt strong{
	line-height:19px;
}
dl.detail dd{
	width:373px;
	float:right;
}
dl.detail dd h5{
	font-size:12px;
	font-weight:normal;
	position:relative;
	top:0px;
	left:-6px;
}
dl.detail dd p{
	padding-bottom:20px;
}
.kome{
	float:left;
	display:block;
	width:12px;
	padding:0;
	margin:0;
}
.kome_txt{
	padding:0;
	margin:0;
	padding-left:1em;
	display:block;
}

dl.detail dd p.mb0{padding-bottom:0px;}
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
dl.detail:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
dl.detail { display:inline-table; }

/* Mac IE には適用させない \*/
* html dl.detail{ height:1px; }
dl.detail { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */


/* =================================================================
メンバーインタビュー
================================================================= */
/* menu
---------------- */
.m_int_menu{
	border-bottom:1px solid #001166;
	text-align:right;
	margin:-20px 0px 20px 0px;
	min-height:1px;　/* IE 7対策 */
}

.m_int_menu ul{
	float:right;
	font-size:12px;
	padding-bottom:10px;
}
.m_int_menu2{
	border-top:1px solid #001166;
	text-align:right;
	margin:10px 0px;
	min-height:1px;　/* IE 7対策 */
}

.m_int_menu2 ul{
	float:right;
	font-size:12px;
	padding-top:10px;
}

.number_link{
	padding:0px 5px;
	float:left;
	font-weight:bold;
}
.number_link a{
	font-weight:normal;
}

.back{
	padding-left:15px;
	padding-right:10px;
	background:url(../../common/images/icon_link.gif) 0px 0px no-repeat;
	float:left;
}
.next{
	padding-left:25px;
	background:url(../../common/images/icon_link.gif) 10px center no-repeat;
	float:left;
}
/* title 
---------------- */
h4{
	clear:both;
	margin-bottom:20px;
}
/* 新入社員
---------------- */
.m_int_box1{
	padding:20px;
	margin-bottom:20px;
	background:url(../../recruit/images/m_int_box_m1.gif) 0px 0px repeat-y;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	clear:both;
	min-height:1px;　/* IE 7対策 */
}
.m_int_box1 p.m_int_photo{
	float:left;
	width:130px;
}
.m_int_box1 .m_int_right{
	float:right;
	width:304px;
}

.m_int_box1 .m_int_right h5{
	font-size:12px;
	color:#555;
}
.m_int_box1 .m_int_right h6{
	font-size:12px;
	color:#339999;
}
.m_int_box1 .m_int_right p{
	margin-top:20px;
}
p.post{
	margin-bottom:30px;
	margin-top:10px !important;
	line-height:12px;
}


/* 先輩社員
---------------- */
.m_int_box2{
	padding:20px;
	margin-bottom:20px;
	background:url(../../recruit/images/m_int_box_m2.gif) 0px 0px repeat-y;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	clear:both;
	min-height:1px;　/* IE 7対策 */
}
.m_int_box2 p.m_int_photo{
	float:left;
	width:130px;
}
.m_int_box2 .m_int_right{
	float:right;
	width:304px;
}

.m_int_box2 .m_int_right h5{
	font-size:12px;
	color:#555;
}
.m_int_box2 .m_int_right h6{
	font-size:12px;
	color:#677DB0;
}
.m_int_box2 .m_int_right p{
	margin-top:20px;
}
p.post{
	margin-bottom:30px;
	margin-top:10px !important;
	line-height:12px;
}

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.m_int_menu:after,
.m_int_menu2:after,
.m_int_box1:after,
.m_int_box2:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.m_int_menu,
.m_int_menu2,
.m_int_box1,
.m_int_box2 { display:inline-table; }

/* Mac IE には適用させない \*/
* html .m_int_menu,
* html .m_int_menu2,
* html .m_int_box1,
* html .m_int_box2{ height:1px; }
.m_int_menu,
.m_int_menu2,
.m_int_box1,
.m_int_box2 { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

/* =================================================================
エントリー
================================================================= */
.must{
	color:#ff0000;
}
p.ssl{
	margin:20px 0px 30px 0px;
	font-size:10px !important;
} 
.entry h4{
	border-top:0px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(../../recruit/images/table_ttl.gif) 0px 0px repeat-y;
	padding:5px 3px;
	margin:0px;
}
.entry h4.b1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(../../recruit/images/table_ttl.gif) 0px 0px repeat-y;
	padding:5px 3px;
	margin:0px;
}

.entry table{
	width:628px;
	font-size:12px;
	text-align:left;
	border-collapse: collapse;
}
.entry input,
.entry select{
	margin:0px 5px;
}
.entry textarea{
	margin:0px 5px;
	width:368px;
	height:80px;
	font-size:12px;
}
.entry table th{
	border-bottom:1px solid #ccc;
	padding:5px 3px 5px 6px;
	font-weight:normal;
	width:180px;
	background:url(../../recruit/images/th_bg.gif) 0px 0px repeat-y;
}
.entry table th.division1{
	width:35px !important;
	background:url(../../recruit/images/th_bg.gif) 0px 0px repeat-y;
}
*html .entry table th.division1{
	width:38px !important;
}
*:first-child+html .entry table th.division1{
	width:37px !important;
}
.entry table th.division2{
	width:129px !important;
	background:url(../../recruit/images/th_bg2.gif) 0px 0px repeat-y;
}
*html .entry table th.division2{
	width:131px !important;
}
*:first-child+html .entry table th.division2{
	width:130px !important;
}
.entry table td.error_icon{
	width:34px;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:5px 0px;
}
.entry table td.txt{
	width:360px;
	border-bottom:1px solid #ccc;
	padding:5px 3px;
	background:url(../../recruit/images/td_bg.gif) right top repeat-y;
}

.about_privacy{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(../../recruit/images/privacy_m.gif) 0px 0px repeat-y;
	padding:20px;
	margin:30px 0px 0px 0px;
}
.about_privacy h4{
	border:0px;
	background:url(../../recruit/images/privacy_m.gif) -1px 0px repeat-y;
	font-size:12px;
}
.about_privacy p{
	margin-top:20px;
}
.about_privacy p.link a{
	background:url(../../common/images/icon_link.gif) 0px center no-repeat;
	padding-left:15px;
}
.entry_btn{
	text-align:right;
	margin:30px 0px 00px 0px;
}
.entry_btn input{
	width:136px;
}

.attention{
	font-size:10px;
}
p.attention{
	font-size:10px !important;
}

/* エラー
---------------- */
.error_message{
	margin-bottom:30px;
	padding:20px;
	color:#ff0000;
	border-top:1px solid #ff0000;
	border-bottom:1px solid #ff0000;
	background:url(../../recruit/images/error_messe_m.gif) 0px 0px repeat-y;
}

/* 確認
---------------- */


/* 完了
---------------- */
.entry_end{
	margin-bottom:30px;
	padding:30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(../../recruit/images/error_end_m.gif) 0px 0px repeat-y;
	text-align:center;
}


/* pagetop 
---------------------------------------------------------- */
#pagetop_area{
	margin-top:0px;
}


/* =================================================================
PRINT 
================================================================= */

@media print {


	/* 
	エントリー
	------------------------- */
	.entry h4{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		background:none;
		padding:5px 3px;
		margin:0px;
		text-indent:0em;
	}
	.entry h4.b1{
		border-top:2px solid #ccc;
		border-bottom:1px solid #ccc;
		background:none;
		padding:5px 3px;
		margin:0px;
		text-indent:0em;
	}
	

}