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

/* ========================================================
	contents.css => 下層ページ共通用css
======================================================== */

/* インデックスのボタンリンク
============================================================================================================ */
.btnTable {
	font-size:13px;
	font-weight:bold;
	float:left;
	color:#444;
}
.btnTable a {
	color:#222;
	text-decoration:none;
	margin:10px;
	background:#e6e6e6;
	display:block;
	padding:7px;
	border-radius:5px;
	border:1px solid #DDD;
}
.btnTable a:hover {
	background:#EEE;
}
.btnTable img {
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
	*zoom:1;
	*display:inline;
	width:46px;
	height:46px;
	border-radius:50%;
}
.btnTable span {
	display:inline-block;
	vertical-align:middle;
	width:258px;
	*zoom:1;
	*display:inline;
}
.sep3 .btnTable span {
	width:144px;
}
@media screen and (max-width: 480px) {
	.btnTable span {
		display:inline-block;
		vertical-align:middle;
		width:141px;
	}
}

/* フォーム
============================================================================================================ */
.formform input {width:100%;}
.formform input.auto {width:auto;}
.formform textarea {width:100%;}
.formform td {padding:5px;}
input.submit {font-size:150%;font-weight:bold;color:#222222;margin:10px;padding:5px;}

/* FAQ
============================================================================================================ */
span.faq-q, span.faq-a {
display:block;
margin:0px 4px 0px 0px;
padding:2px 4px;
font-weight:bold;
float:left;
color:#FFF;
}
span.faq-q {
background:#5A4;
}
span.faq-a {
font-weight:bold;
background:#78E;
}

/* 共通　株価表示ブログパーツ
============================================================================================================ */
div.stochar {margin:5px;padding:5px;border:solid 1px #dddddd;}

/* デコレーション見出し
============================================================================================================ */
.decoon h2 {
margin:10px 0px 20px 0px;
padding:4px 6px;
background:url(https://image.itmedia.co.jp/corp/images/h2_gen1.gif) no-repeat 0px -4px;
border:1px solid #CCC;
}

.decoon h3 {
margin:35px 0px 15px 0px;
padding:0px 0px 4px 18px;
background:url(https://image.itmedia.co.jp/corp/images/h3_gen1.gif) no-repeat 0px 5px;
border-bottom:1px solid #CCC;
}

.decoon h5 {
margin-top:15px;
padding:4px;
background:#EED;
}

h2.deco1 {
margin:10px 0px 20px 0px;
padding:4px 6px;
background:url(https://image.itmedia.co.jp/corp/images/h2_gen1.gif) no-repeat 0px -4px;
border:1px solid #CCC;
}

h3.deco1 {
margin:35px 0px 15px 0px;
padding:0px 0px 4px 18px;
background:url(https://image.itmedia.co.jp/corp/images/h3_gen1.gif) no-repeat 0px 5px;
border-bottom:1px solid #CCC;
}

h5.deco1 {
margin-top:15px;
padding:4px;
background:#EED;
}

h3.deco2 {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #333333;
background-color: #009999;
color: #ffffff;
}

.decoon2 h3 {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #333333;
background-color: #009999;
color: #ffffff;
}

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

/* 共通　メインカラム本文
============================================================================================================ */
#message p {margin:0px 0px 10px 0px;}

#message h1 {font-size:150%; font-weight:bold;}
#message h2 {font-size:140%; font-weight:bold;}
#message h3 {font-size:130%; font-weight:bold;}
#message h4 {font-size:120%; font-weight:bold;}
#message h5 {font-size:110%; font-weight:bold;}

#message hr {
display:block;
}

#message div.coloredarea {background-color:#F0F0E8; padding:5px;}

#message div.solidarea {border: solid 1px;}

#message ul { list-style-type: disc;margin-left:10px;}
#message ul li { margin:0px 0px 0px 10px;}
#message ol { list-style-type: decimal;margin-left:10px;}
#message ol li { margin:0px 0px 0px 10px;}

#message A:link { color: #0000ff; }
#message A:visited {
   color: #000080;
   text-decoration: none;
}
#message A:active { color: #ff8000; }
#message A:hover {
   color: #ff0000;
   text-decoration: none;
}

div.rellink {font-size:200%; padding:14px 10px 10px 60px;margin:0px; background: url(https://corp.itmedia.co.jp/wp-content/uploads/2014/05/rellink.png) no-repeat left;}

/* link_list
============================================================================================================ */

#message ul.link_list  { list-style-type: none;margin-left:10px;}
#message ul.link_list  li { margin:0px 0px 0px 10px;}
#message ul.link_list#itm  li { margin:10px 0px 0px 0px;}

#message .link_list li {
	border-top: 1px solid #f2f2f2;
}
#message .link_list li:first-child {
	border-top: none;
}
#message .link_list li a {
	display: block;
	padding: 6px 0 6px 14px;
	background: url(https://corp.itmedia.co.jp/common/images/parts/arrow_link.gif) no-repeat 0 12px;
	zoom: 1;
}
#message .link_list li a:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#message .link_list li a:hover {
	text-decoration: none;
}
#message .link_list li a span {
	display: block;
}
#message .link_list li a .date {
	float: left;
	color: #f53413;
	padding-right: 1em;
}
#message .link_list li a .title {
	margin-left: 9em;
}
#message .link_list li a:hover .title {
	text-decoration: underline;
}

#message .link_list A:link { color: #000000;text-decoration: none; }
#message .link_list A:visited {
   color: #000000;
   text-decoration: none;
}
#message .link_list A:active { color: #000000; }
#message .link_list A:hover {
   color: #000000;
	text-decoration: underline;
}

/* お知らせ間接続リンクリスト
============================================================================================================ */
div#othernews {margin-bottom:10px; margin-left:10px;}
#othernews span {background: #003300; padding:2px 6px; margin:2px; font-weight:bold; white-space:nowrap;}
#othernews span a {color:white; line-height:2em;}

/* 年度リンクリスト
============================================================================================================ */
div#yearly {margin-bottom:10px;}
#yearly span {background: #343434; padding:2px 6px; margin:2px; font-weight:bold; white-space:nowrap;}
#yearly span a {color:white; line-height:2em;}

/* パンくず
============================================================================================================ */
#topicPath {
	background-color: #343434;
	color: #ffffff;
}
#topicPath p {
	width: 910px;
	margin: 0 auto;
	padding: 0.4em 0;
}
#topicPath p a {
	color: #ffffff;
}

/* コンテンツ
============================================================================================================ */
#contentsContainer {
	width: 910px;
	margin: 0 auto;
}
#contentsContainer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}

/* ページタイトル
============================================================================================================ */
#pageHeader {
	width: 1000px;
	min-height: 85px;
	padding-top: 45px;
	background-position: right top;
	background-repeat: no-repeat;
}
#pageHeader h1 {
	padding-bottom: 3px;
	font-size: 217%;
	line-height: 1.2;
}

@media screen{
#pageHeader h1 {
	  text-shadow:0 0 5px #ffffff,0 0 5px #ffffff,0 0 5px #ffffff;
	}
}

#pageHeader p {
	margin-top: 15px;
	font-size: 84%;
}

#pageHeader.ir {
	background-image: url(/corp/wp-content/uploads/sites/3/2016/10/590x130_46249_161026_1.jpg);
}

/* コンテンツ
============================================================================================================ */
#contents {
	float: right;
	width: 700px;
}


/* サイド
============================================================================================================ */
#side {
	float: left;
	width: 192px;
}
#side nav ul {
	border-top: 1px solid #e5e5e5;
}
#side nav li {
	border-bottom: 1px solid #e5e5e5;
}
#side nav li a {
	display: block;
	padding: 8px 12px;
	font-size: 117%;
	font-weight: bold;
	background: url(https://corp.itmedia.co.jp/common/images/side/arrow_r.png) no-repeat right;
}
#side nav li a:hover,
#side nav li a.current {
	background: #f53413;
	color: #ffffff;
	text-decoration: none;
}
#side nav li ul {
}
#side nav li ul li {
	border-top: 1px dotted #dddddd;
	border-bottom: 0;
}
#side nav li ul li:first-child {
	border-top: 0;
}
#side nav li ul a {
	padding: 5px 0 5px 24px;
	font-size: 92%;
	background: url(https://corp.itmedia.co.jp/common/images/parts/arrow_link.gif) no-repeat 14px 0.9em;
	font-weight: normal;
	color: #333333;
}
#side nav li ul a:hover {
	background: url(https://corp.itmedia.co.jp/common/images/parts/arrow_link.gif) no-repeat 14px 0.9em;
	text-decoration: underline;
	color: #333333;
}

#side .bnr {
	margin: 20px 0 10px;
}
#side .bnr li {
	margin-bottom: 8px;
}

#side p {
	text-align: center;
}



/* box_section
============================================================================================================ */
.box_section {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #e3e3e3;
	zoom: 1;
}
.box_section > h1 {
	padding: 8px 20px;
	background-color: #f5f5f5;
	font-size: 134%;
	line-height: 1.4;
}
.box_section .box_contents {
	padding: 18px 24px;
}
.box_section .title_btn {
	position: absolute;
	top: 8px;
	right: 10px;
}
.box_section .title_btn li {
	float: left;
	padding-left: 5px;
}


/* link_list
============================================================================================================ */
.link_list li {
	border-top: 1px solid #f2f2f2;
}
.link_list li:first-child {
	border-top: none;
}
.link_list li a {
	display: block;
	padding: 6px 0 6px 14px;
	background: url(https://corp.itmedia.co.jp/common/images/parts/arrow_link.gif) no-repeat 0 12px;
	zoom: 1;
}
.link_list li a:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.link_list li a:hover {
	text-decoration: none;
}
.link_list li a span {
	display: block;
}
.link_list li a .date {
	float: left;
	color: #f53413;
	padding-right: 1em;
}
.link_list li a .title {
	margin-left: 9em;
}
.link_list li a:hover .title {
	text-decoration: underline;
}

/* contents_list
============================================================================================================ */
.contents_list {
	padding: 15px 0 24px 14px;
	background-color: #fafafa;
	border: 1px solid #e3e3e3;
	zoom: 1;
}
.contents_list:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.contents_list dl {
	float: left;
	width: 200px;
	padding-right: 10px;
}
.contents_list dl dt {
	margin-bottom: 8px;
}
.contents_list dl li a {
	padding-left: 10px;
	background: url(https://corp.itmedia.co.jp/common/images/parts/arrow_link.gif) no-repeat 0 5px;
}


/* bottom_nav
============================================================================================================ */
.bottom_nav {
	margin-top: 20px;
	zoom: 1;
}
.bottom_nav:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.bottom_nav li {
	float: left;
	padding-left: 5px;
}
.bottom_nav li:first-child {
	padding-left: 0;
}


/* パーツ
============================================================================================================ */
.icon {
	margin-left: 0.8em;
}
.blank {
	padding-right: 18px;
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_blank.gif) no-repeat right;
}

/* ホットトピック
============================================================================================================ */
.hot_topic > li {
	border-top: 1px solid #f2f2f2;
	zoom: 1;
}
.hot_topic > li:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.hot_topic > li:first-child {
	border-top: none;
}

.hot_topic > li > a {
	display: block;
	padding: 6px 0 6px 0;
	zoom: 1;
}
.hot_topic > li > a:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.hot_topic > li > a:hover {
	text-decoration: none;
}
.hot_topic > li > a span {
	display: block;
}
.hot_topic > li > a .category {
	float: left;
	width: 7em;
	margin-right: 1.5em;
	font-size: 84%;
	text-align: center;
	line-height: 15px;
	color: #ffffff;
}
.hot_topic > li > a .date {
	float: left;
	color: #f53413;
	padding-right: 1em;
}
.hot_topic > li > a .title {
	margin-left: 16.3em;
}
.hot_topic > li > a:hover .title {
	text-decoration: underline;
}

.hot_topic > li > a .category.closing {
	background: #fe3310 url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_closing_l.gif) no-repeat left;
}
.hot_topic > li > a .category.closing span {
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_closing_r.gif) no-repeat right;
}

.hot_topic > li > a .category.recruit {
	background: #02b0ed url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_recruit_l.gif) no-repeat left;
}
.hot_topic > li > a .category.recruit span {
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_recruit_r.gif) no-repeat right;
}

.hot_topic > li > a .category.service {
	background: #8fc31f url(https://corp.itmedia.co.jp/common/images/icon_bg_service_l.gif) no-repeat left;
}
.hot_topic > li > a .category.service span {
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_service_r.gif) no-repeat right;
}

.hot_topic > li > a .category.info {
	background: #294ea1 url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_info_l.gif) no-repeat left;
}
.hot_topic > li > a .category.info span {
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_info_r.gif) no-repeat right;
}

.hot_topic > li > a .category.release {
	background: #f12b9b url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_release_l.gif) no-repeat left;
}
.hot_topic > li > a .category.release span {
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_release_r.gif) no-repeat right;
}

.hot_topic > li > a .category.ir {
	background: #cd9b15 url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_ir_l.gif) no-repeat left;
}
.hot_topic > li > a .category.ir span {
	background: url(https://corp.itmedia.co.jp/common/images/parts/icon_bg_ir_r.gif) no-repeat right;
}


.hot_topic > li div {
	padding: 1em 0 1em 8.5em;
	border-top: 1px solid #f2f2f2;
	zoom: 1;
}
.hot_topic > li div:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.hot_topic > li div ul {
	float: left;
}
.hot_topic > li div ul.pdf {
	padding-top: 0.5em;
	padding-right: 70px;
}
.hot_topic > li div ul.pdf li + li {
	margin-top: 0.8em;
}
.hot_topic > li div ul.movie a img {
	vertical-align: middle;
	margin-right: 0.8em;
}


/* ソーシャルボタン
============================================================================================================ */
.colBoxCsbBtn {
margin:0;
padding:10px 0 5px;
height:21px;
overflow:hidden;
width:100%;
}
.colBoxCsbBtn .csbBtn {
height:21px;
overflow:hidden;
margin:0;
padding:0 0 0 9px;
float:right;
}
.colBoxCsbBtn .csbBtn img {
border:0 none!important;
}
.colBoxCsbBtn .csbBtn a {
border:0 none!important;
}
.colBoxCsbBtn .csbBtnFacebooklike {
width:100px;
}
.colBoxCsbBtn .csbBtnGoogleplusone {
width:62px;
}

/* 回り込み解除（clear）
============================================================================================================ */
.cleara {
	clear: both;
}