@charset "utf-8";

/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/

/*  ---------------------------
			TOPICS一覧
---------------------------  */

#topics #topics_area{
	margin:0 10px;
}
#topics #topics_area .topics_year{
	border-bottom:1px solid #ccc;
	margin-bottom: 15px;
}
#topics #topics_area .topics_year dt, .topics_year dd{
	float:left;
	padding:0;
	height:42px;
	color:#333;
}
#topics #topics_area .topics_year dt{
	font-size:18px;
	font-weight: bold;
	color:#ED2500;
	letter-spacing:0.2em;
	width:95px;
	text-align:center;
	background: url(/images/topics/common/topics_border_dott.gif) no-repeat right top;
	margin-right: 15px;
	padding-top:5px;
}
#topics #topics_area .topics_year dd{
	width:66px;
	background:url(/images/topics/common/topics_border.gif) no-repeat right top;
	text-align:center;
	font-size:16px;
}
#topics #topics_area .topics_year dd:last-child{
	width:66px;
	background:none;
	text-align:center;
	font-size:16px;
}
#topics #topics_area .topics_year dd:hover{
	display:block;
	background:url(/images/topics/common/topics_hover.png) no-repeat center top;
	color:#fff;
}
#topics #topics_area .topics_year dd.active{
	display:block;
	height: 37px;
	padding-top: 5px;
	background:url(/images/topics/common/topics_active.png) no-repeat center top;
	color:#fff;
}
#topics #topics_area .topics_year dd.active a{
	display:block;
	margin:0;
	padding:0;
	color:#fff;
}
#topics #topics_area .topics_year dd a{
	display: block;
	text-decoration: none;
	height: 37px;
	padding-top: 5px;
}
#topics #topics_area .topics_year dd a:hover{
	color:#fff;
	text-decoration: none;
}

#topics #topics_area .topics_month{
	margin-bottom: 15px;
}
#topics #topics_area .topics_month dt, .topics_month dd{
	float:left;
	padding:0;
	height:42px;
	color:#333;
}
#topics #topics_area .topics_month dt{
	font-size:18px;
	font-weight: bold;
	color:#ED2500;
	width:95px;
	text-align:center;
	background: url(/images/topics/common/topics_border_dott.gif) no-repeat right top;
	margin-right: 15px;
	padding-top:5px;
}
#topics #topics_area .topics_month dd{
	width:66px;
	background:url(/images/topics/common/topics_border.gif) no-repeat right top;
	text-align:center;
	font-size:16px;
}
#topics #topics_area .topics_month dd:last-child{
	width:66px;
	background:none;
	text-align:center;
	font-size:16px;
}
#topics #topics_area .topics_month dd:hover{
	display:block;
	background:url(/images/topics/common/topics_hover.png) no-repeat center top;
	color:#fff;
}
#topics #topics_area .topics_month dd.active{
	display:block;
	height: 37px;
	padding-top: 5px;
	background:url(/images/topics/common/topics_active.png) no-repeat center top;
	color:#fff;
}
#topics #topics_area .topics_month dd.active a{
	display:block;
	margin:0;
	padding:0;
	color:#fff;
}
#topics #topics_area .topics_month dd a{
	display: block;
	text-decoration: none;
	height: 37px;
	padding-top: 5px;
}
#topics #topics_area .topics_month dd a:hover{
	color:#fff;
	text-decoration: none;
}


#topics #topics_area table.topics_deta{
	border-collapse: collapse;
	width:100%;
	margin-bottom:20px;
}
#topics #topics_area table.topics_deta tr:nth-child(even){
	background:#fff;
}
#topics #topics_area table.topics_deta tr:nth-child(odd){
	background:#F6F6F6;
}
#topics #topics_area table.topics_deta tr.pressline:hover{
	background:#E5ECF3;
}
#topics #topics_area table.topics_deta tr.medialine:hover{
	background:#FFEEE5;
}
#topics #topics_area table.topics_deta tr.infoline:hover{
	background:#E5F0F1;
}
#topics #topics_area table.topics_deta td{
	padding:15px 0;
}
#topics #topics_area table.topics_deta td.topics_date{
	width:85px;
	padding-left: 15px;
}
#topics #topics_area table.topics_deta td.topics_category{
	width:120px;
	padding:0 10px;
	text-align:center;
	color:#fff;
}
#topics #topics_area table.topics_deta td.topics_category .press{
	background:#004284;
	width: 120px;
	display:block;
	padding:1px 0;
}
#topics #topics_area table.topics_deta td.topics_category .media{
	background:#FF5200;
	width: 120px;
	display:block;
	padding:1px 0;
}
#topics #topics_area table.topics_deta td.topics_category .info{
	background:#006F70;
	width: 120px;
	display:block;
	padding:1px 0;
	font-size:12px;
}
#topics #topics_area table.topics_deta td.topics_title{
	padding:0 15px;
}
#topics #topics_area table.topics_deta td.topics_title:before{
	content:url('/images/topics/common/link_arrow.gif');
	display:inline-block;
	vertical-align: middle;
}

/*  ---------------------------
			TOPICS詳細
---------------------------  */
#topics #topics_area h4 .date{
	font-size:14px;
	margin-right:10px;
}

#topics #topics_area h4.press{
	background:#004686;
	padding:20px;
	color:#fff;
	font-size:18px;
	display: table;
	width:880px;
}

#topics #topics_area h4.press:before{
	content:'プレスリリース　|';
	padding:0 15px 0 5px;
	display: table-cell;
	font-size:14px;
	line-height: 24px;
	height: 100%;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	width:130px;
}

#topics #topics_area h4.media{
	background:#FF5200;
	padding:20px;
	color:#fff;
	font-size:18px;
	display: table;
	width:880px;
}
#topics #topics_area h4.media:before{
	content:'メディア掲載　|';
	padding:0 15px 0 5px;
	display: table-cell;
	font-size:14px;
	line-height: 24px;
	height: 100%;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	width:110px;
}

#topics #topics_area h4.info{
	background:#006F70;
	padding:20px;
	color:#fff;
	font-size:18px;
	display: table;
	width:880px;
}
#topics #topics_area h4.info:before{
	content:'インフォメーション　|';
	padding:0 15px 0 5px;
	display: table-cell;
	font-size:14px;
	line-height: 24px;
	height: 100%;
	text-align:center;
	vertical-align:middle;
	line-height:18px;
	width:150px;
}

#topics #topics_area .topics_text{margin:20px 10px;}
#topics #topics_area .topics_text p{margin:1em 0;}
#topics #topics_area .topics_archive{margin:20px 0 0 0;}
#topics #topics_area .topics_archive li a{
	display:block;
	background:#333;
	padding:20px 0 15px 0;
	text-align:center;
	float:left;
	color:#fff;
}
#topics #topics_area .topics_archive li a:hover{
	background:#D91200;
	color:#fff;
	text-decoration: none;
}
#topics #topics_area .topics_archive li a.prev, .topics_archive li a.next{
	width:289px;
}
#topics #topics_area .topics_archive li a.list{
	width:326px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#topics #topics_area .topics_archive li a.prev:before{
	content:url('/images/topics/common/topics_archive_prev.png');
	padding-right:5px;
	display:inline-block;
	vertical-align: middle;
}
#topics #topics_area .topics_archive li a.next:before{
	content:url('/images/topics/common/topics_archive_next.png');
	padding-right:5px;
	display:inline-block;
	vertical-align: middle;
}
#topics #topics_area .topics_archive li a.list:before{
	content:url('/images/topics/common/topics_archive_next.png');
	padding-right:5px;
	display:inline-block;
	vertical-align: middle;
}


#topics #topics_area .topics_text img{
	padding:15px 0 15px 0;
}

@media print {
    body { display: none !important; }
}