@charset "utf-8";
/*
Theme Name: 採用情報
Theme URI: https://corp.itmedia.co.jp/
Description: アイティメディア コーポレートサイト
Author: ITmedia
Author URI: https://corp.itmedia.co.jp/
Template: corpitmedia
Version: 1.0
*/


/* ========================================================
	ir.css => 株主・投資家情報共通用css
======================================================== */

/* 募集終了のお知らせ
============================================================================================================ */
span.eof {color: red; font-size: large;}

/* 応募フォームへのリンク
============================================================================================================ */
.entrylink{
background:url(https://image.itmedia.co.jp/corp/images/input_btn04.gif) no-repeat;
border:solid 1px;
width:200px;
height:24px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
a.entrylink{
display: block;
}

/* 応募フォーム
============================================================================================================ */
span.kome {color:#A00;}

.formform table {
margin:0px 0px 20px 0px;
font-size:13px;
line-height:130%;
border-collapse:collapse;
border:1px solid #CCC;
border-bottom:0px solid #CCC;
}
.formform table tr {
vertical-align:top;
}
.formform table tr span {
color:#999;
}
.formform table thead tr th {
font-weight:bold;
background:#CDE;
}
.formform table thead tr td {
font-weight:bold;
background:#E7EFF7;
}
.formform table tr th {
padding:3px 4px;
background:#E7EFF7;
border-bottom:1px solid #CCC;
}
.formform table tr td {
padding:3px 4px;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
}
.formform .tbl-normal {margin:0px;border-width:0px;}
.formform .tbl-normal * {border-width:0px;}

/* タイトルエリア
============================================================================================================ */

#pageHeader.ir {
    background-image: url(https://corp.itmedia.co.jp/wp-content/uploads/2014/06/window.jpg);
}

/* 社員インタビュー
============================================================================================================ */
div.intone {clear:both; height:100px; margin-bottom:10px;}
img.inticon {margin:5px;}
span.inttitle {font-size:120%;}

.r_interview img{margin:5px;}

/* 社長メッセージ
============================================================================================================ */
#message {
	font-size: 109%;
	zoom: 1;
}
#message:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#message .ph {
	float: left;
	padding: 0 30px 20px 0;
}


/* 投資家向け動画
============================================================================================================ */
.movie_list {
	zoom: 1;
}
.movie_list:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.movie_list li {
	float: left;
	width: 155px;
	padding-left: 10px;
}
.movie_list li:first-child {
	padding-left: 0;
}
.movie_list li a {
	display: block;
	text-decoration: none;
}
.movie_list li a span {
	display: block;
}
.movie_list li .date {
	margin: 0.3em 0;
	color: #f53413;
}
.movie_list li a:hover .title {
	text-decoration: underline;
}

.link_list li a.pdf .title {
	background: url(/common/images/parts/icon_pdf.gif) no-repeat 100% 0;
	display: inline;
	margin-left: 0;
	padding-right: 20px;
}

.link_list li a .title {
	background: none;
	display: inline;
	margin-left: 0;
	padding-right: 20px;
}