@charset "UTF-8";

/*----------------■初期設定----------------*/

*  {
	margin:  0;
	padding:  0;
	font-weight:  normal;
	font-style:  normal;
	font-size:  100%;
}
ul,ol  {
	list-style:  none;
}
table  {
	border-collapse:  collapse;
}
th,td  {
	text-align:  left;
	vertical-align:  top;
}
img {
	border: none;
	max-width: 100%;
	vertical-align:  top;
}

 
/*----------------■よく使うもの----------------*/
 
.clear  {
	clear:  both;
}
.clearfix:after  {
	content:".";
	display:  block;
	clear:  both;
	height:  0;
	visibility:  hidden;
}
.clearfix  {
	zoom:  1;
}


 /* リンク色 */
a:link { text-decoration:none;color:#444; }
a:visited { text-decoration:none;color:#444; }
a:hover { text-decoration:none;color:#06c; }
a:active { text-decoration:none;color:#000; }
a[name]:hover { text-decoration:none;color:#000; }

/*----------------■全体---------------*/

body  {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:  13px;
	line-height:  1.5;
	text-align: center;
	background: #fff;
	color: #000;
}

.wrap960 {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

.foot_menu,.work2,.work3,.work4{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}


/*----------------■ヘッダー---------------*/
#head {
	background: #ff0;
}
#head .wrap960 {
	position: relative;
	height: 100px;
}
#head_nv1 li{
	float: left;
}
#head_nv1 li.view img{
	-moz-opacity:0.5;
	opacity:0.5;
	filter: alpha(opacity=50);
}
#head_nv2 {
	position: absolute;
	top: 0;
	right: 184px;
	width: 178px;
}
#head_nv3 {
	position: absolute;
	top: 0;
	right: 0;
	width: 178px;
}

.title_img {
	background: url(../image/head/pagetitle_img.png) no-repeat 100% 0;
}

/*----------------■メイン---------------*/
.page_ti {
	height: 220px;
}
.mi1 {
	background: #ff0;
	border-left: 5px solid #000;
	padding: 18px 15px 18px 15px;
	font-size: 16px;
}

ul.list {
	list-style: disc;
	margin-left: 20px;
}
ol.list {
	list-style: decimal;
	margin-left: 25px;
}

/*----------------■フッター---------------*/
.foot_bg {
	background:#f7f7f7;
	padding: 30px 0;
	margin-top: 1px;
}
.foot_menu {
	width: 959px;
	margin: 30px auto;
	text-align: left;
	border-right: 1px solid #ddd;
}
.foot_bg .foot_menu{
	margin: 0 auto;
}
.foot_menu ul {
	border-left: 1px solid #ddd;
	width: 278px;
	padding: 0 20px 10px 20px;
}
.foot_menu li {
	padding: 10px 0 0 0;
}

#foot {
	background: #15b;
	color: #fff;
	padding: 20px 0;
	font-size: 11px;
}
#foot a {
	color: #fff;
}
#foot a span{
	font-size: 15px;
}
#go_top {
	position: fixed;
	bottom: 0;
	right: 0;
}


/*----------------■トップ---------------*/
.top_bg1 h2 {
	margin-bottom: 50px;
}
.top_bg1 dl {
	margin-top: 10px;
}
.top_bg1 dl dt,.top_bg1 dl dd{
	float: left;
}
.top_bg1 {background: url(../image/top/bg_img_title.jpg) no-repeat center top;}
.top_bg2 {background: url(../image/top/bg_img_company.jpg) no-repeat center top;}
.top_bg3 {background: url(../image/top/bg_img_work.jpg) no-repeat center top;}
.top_bg4 {background: url(../image/top/bg_img_message.jpg) no-repeat center top;}
.top_bg5 {background: url(../image/top/bg_img_faq.jpg) no-repeat center top;}
.top_bg{background: url(../image/top/bg_tile.png);padding: 0 0 401px 0;}
.top_bg1 .top_bg {padding: 60px 0 195px 0;}
.top_bg5 .top_bg {padding:0 0 337px 0;}
.top_bg2 p{color:#fff;font-size:18px;height:25px;}
.top_bg2 .top_bg{padding: 0 0 376px 0;}

.top_hto_mi1{background:#ff0;border-left:5px solid #000;padding:18px 15px 18px 15px;font-size:16px;font-weight:bold;margin:60px 0 30px;}
.top_hto_mi2{font-weight:bold;font-size:16px;padding-top:40px;}
.top_hto_mi3{font-weight:bold;margin:30px 0 10px;}
.top_hto_mi3.margin_top0{margin-top:0;}
.top_hto_mi4{font-weight:bold;margin-top:30px;text-align:center;;padding:10px;font-size:16px;}
.top_hto_ph,.top_hto_box_left{float:left;width:30%;}
.top_hto_text,.top_hto_box_right{float:right;width:65%;}
.top_hto_text p{padding-top:20px;}
.top_hto_box{border:1px solid #ccc;padding:30px;margin:30px 0;}
.top_hto_box_left p{margin-top:10px;}

/*----------------■先輩社員からのメッセージ---------------*/
.message_ti {
	background: url(../image/message/pagetitle_bg_img.jpg) no-repeat center top;
}

#film_roll .name_index a {
	display: block;
	position: relative;
}
#film_roll .name_index a:hover img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}
#film_roll .name_index span {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	color: #ff0;
	text-align: center;
	padding: 10px 0;
}

.name_index_left,.name_index_right {
	width: 480px;
}
.name_index_left li,.name_index_right li{
	background: url(../image/message/balloon.png) no-repeat;
	height: 130px;
}
.name_index_left img,.name_index_right img {
	width: 60px;
	border-radius: 50%;
	float: left;
	padding: 5px;
}
.name_index_left h3,.name_index_right h3 {
	margin:0 0 10px 85px;
}
.name_index_left p,.name_index_right p {
	margin-left: 85px;
}
.name_index_left {
	float: left;
}
.name_index_right {
	float: right;
}

.message_mi img {
	float: left;
	margin-right: 30px;
	border-radius: 50%;
}
.message_mi h3 {
	padding: 10px 0;
	font-size: 21px;
}
.message_mi p {
	font-size: 15px;
}
.message_mi p.message_year {
	font-size: 13px;
}

.message_ul {
	margin: 30px 0 0 0;
}
.message_ul li{
	float: left;
	width: 176px;
	border-top: 1px solid #bbb;
	margin-right: 20px;
}
.message_ul h4{
	padding: 25px 0;
}
.message_ul img{
	margin: 15px 0 0 0;
}
.message_ul li.message_last{
	margin-right: 0;
}

/*----------------■会社紹介---------------*/
.company_ti {
	background: url(../image/company/pagetitle_bg_img.jpg) no-repeat center top;
}
.tb_campany  {
	margin: 30px 0 65px 0;
}
.tb_campany th {
	width: 230px;
	padding: 0 0 15px 20px;
}
.tb_campany td {
	padding: 0 0 15px 0;
	width: 370px;
}

.tb_campany2  {
	margin: 30px 0 50px 0;
}
.tb_campany2 th {
	width: 230px;
	padding: 30px 0 30px 20px;
	border-top: 1px solid #000;
}
.tb_campany2 td {
	border-top: 1px solid #ddd;
	padding: 30px 0 30px 0;
	width: 770px;
}
.tb_campany2 .tr_top th {
	padding: 0 0 30px 20px;
	border: none;
}
.tb_campany2 .tr_top td {
	border: none;
	padding: 0 0 30px 0;
}

/*----------------■よくある質問---------------*/
.faq_ti {
	background: url(../image/faq/pagetitle_bg_img.jpg) no-repeat center top;
}
.tb_faq  {
	margin: 30px 0 50px 0;
}
.tb_faq th {
	width: 370px;
	padding: 30px 0 30px 20px;
	border-top: 1px solid #000;
}
.tb_faq td {
	border-top: 1px solid #ddd;
	padding: 30px 0 30px 0;
	width: 570px;
}
.tb_faq .tr_top th {
	padding: 0 0 30px 20px;
	border: none;
}
.tb_faq .tr_top td {
	border: none;
	padding: 0 0 30px 0;
}

/*----------------■新卒採用募集要項---------------*/
.guideline_ti {
	background: url(../image/guideline/pagetitle_bg_img.jpg) no-repeat center top;
}
.tb_guideline  {
	margin: 0 0 80px 0;
	width: 100%;
}
.tb_guideline th {
	width: 180px;
	padding: 30px 0 30px 20px;
	border-bottom: 1px solid #000;
}
.tb_guideline td {
	border-bottom: 1px solid #ddd;
	padding: 30px 0 30px 0;
}
.tb_guideline td.w150 {
	border-bottom: 1px solid #ddd;
	width: 150px;
}

.tb_guideline .tr_top th {
	padding: 0 0 30px 20px;
	border: none;
}
.tb_guideline .tr_top td {
	border: none;
	padding: 0 0 30px 0;
}
.guideline_flow {
	margin: 30px 0 80px 0;
}
.guideline_flow dt {
	height: 0;
	overflow: hidden;
}
.guideline_flow dd.step {
	padding: 20px 30px 20px 320px;
	min-height: 63px;
}
.guideline_flow01 {background: #f7f7f7 url(../image/guideline/step1.png) no-repeat;}
.guideline_flow02 {background: #f7f7f7 url(../image/guideline/step2.png) no-repeat;}
.guideline_flow03 {background: #f7f7f7 url(../image/guideline/step3.png) no-repeat;}
.guideline_flow04 {background: #f7f7f7 url(../image/guideline/step4.png) no-repeat;}
.guideline_flow dd.guideline_flow05 {
	padding: 0 25px 0 315px;
	height: 73px;
	background: url(../image/guideline/step5.png) no-repeat;
}

.guideline_flow2 {
	margin: 30px 0 30px 0;
}
.guideline_flow2 dt {
	height: 0;
	overflow: hidden;
}
.guideline_flow2 dd.step {
	padding: 20px 30px 20px 320px;
	min-height: 63px;
}
.sheet_doc_btn {
	margin-bottom: 20px;
}
.sheet_doc_btn li {
}
.sheet_doc_btn li a{
	display: block;
	background: #000;
	border-radius: 10px;
	color: #ff0;
	text-align: center;
	padding: 10px 0;
}

.guideline_selection01 {background: #f7f7f7 url(../image/guideline/selection_mi1.png) no-repeat;}
.guideline_selection02 {background: #f7f7f7 url(../image/guideline/selection_mi2.png) no-repeat;}
.guideline_selection03 {background: #f7f7f7 url(../image/guideline/selection_mi3.png) no-repeat;}
.guideline_selection04 {background: #f7f7f7 url(../image/guideline/selection_mi4.png) no-repeat;}
.guideline_selection05 {background: #f7f7f7 url(../image/guideline/selection_mi5.png) no-repeat;}

.guideline_selection {
	margin: 0 0 80px 20px;
}

/*----------------■Webエントリー---------------*/
.entrysheet_ti {
	border-bottom: 1px solid #ccc;
}
.entrysheet_ti h2 {
	text-align: center;
	font-size: 20px;
	padding: 30px 0;
}
.entrysheet_bg {
	background: #f7f7f7;
	padding: 50px 0;
}
.tb_entrysheet td,.tb_entrysheet th{
	padding: 0 50px 30px 0;
	font-size: 15px;
}
.tb_entrysheet td p{
	font-size: 13px;
	color: #555;
	margin-top: 10px;
}
.tb_entrysheet th p{
	font-size: 10px;
	color: #fff;
	background: #bbb;
	padding: 2px 0;
	border-radius: 4px;
	width: 30px;
	text-align: center;
}
.tb_entrysheet th p.need {
	background: #f00;
}
.btn_reset,.btn_submit {
	text-align: center;
	padding: 10px 20px;
	cursor: pointer;
}
.btn_reset {
	margin: 0 20px 0 280px;
	background: #ddd;
}
.btn_submit {
	text-align: center;
	background: #ff0;
}

/*----------------■東北放送の仕事---------------*/
.work_ti {
	background: url(../image/work/pagetitle_bg_img.jpg) no-repeat center top;
	padding-bottom: 100px;
}
.work_ti2 {
	background: url(../image/work/bg_img.png) no-repeat center top;
}

h3.work_mi {
	text-align: center;
	margin-bottom: 40px;
}
.work2 li,.work3 li,.work4 li {
	background: #fff;
	margin-left: 12px;
}
.work2 li div,.work3 li div,.work4 li div{
	padding: 10px 10px 20px 10px;
}
.work2 li h4,.work3 li h4,.work4 li h4{
	margin-bottom: 5px;
}
.work2 li span,.work3 li span,.work4 li span{
	font-size: 11px;
}
.work2 li {width: 474px;}
.work3 li {width: 312px;}
.work4 li {width: 231px;}

.work_sports_mi,.work_project_mi {
	position: relative;
}
.work_sports_mi p,.work_project_mi p{
	position: absolute;
	width: 390px;
	right: 0;
	top: 30px;
}
.work_project_mi p{top: 50px;}

.work_eco div {
	float: right;
	width: 474px;
	margin-left: 20px;
}
.work_eco h4 {
	font-size: 15px;
}
.work_eco p {
	margin-top: 7px;
}