@charset "utf-8";

/*================================
ファイル名：page.css
説明：広報プレスリリースのスタイル

IE6.5以下にのみ適用するスタイルを ie.css
に記述しています。

作成者：ND&I 徳田 ( tokuda@n-di.co.jp )
=================================*/

@import url("../share/default.css");
@import url("../share/common.css");

/* Clearfix
=================================*/

ul.ctNav:after,
div.branchInfo:after,
ul.welfareList:after,
div.profile:after,
ul.download:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

ul.ctNav,
div.branchInfo,
ul.welfareList.
div.profile,
ul.download {
	display: inline-block;
}

/* Hide from Mac IE \*/
ul.ctNav,
div.branchInfo,
ul.welfareList.
div.profile,
ul.download {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

div#main h1 {
	margin: 0 2px;
	padding: 9px 11px 9px;
	background: url(../../img/share/bg_alt_title.gif) no-repeat;
	font-weight: normal;
}

div#main h2 {
	margin-top: 12px;
	padding: 0 15px;
	line-height: 26px;
	color: #FFFFFF;
	background: url(../../img/share/bg_branch_title.gif) no-repeat;
	font-weight: bold;
}

/* =========================================
*  CONTENTS NAVI--press/index.html
* ========================================= */

ul.ctNav {
	padding: 15px 0 15px 16px;
	width: 515px;
	background: url(../../img/about/bg_ct_nav.gif) no-repeat;
}

ul.ctNav li {
	float: left;
	margin: 0 5px 4px 0;
	padding-left: 9px;
	width: 16em;
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

/*html:first-child ul.ctNav li {
	line-height: 1.49;
}

html:first-child ul.ctNav li a {
	line-height: 1.5;
}

html* ul.ctNav li {
	line-height: 1.5;
}*/

ul.ctNav li.long {
	width: 80%;
}

ul.ctNav li.short {
	width: 5em;
}


/* =========================================
*  PRESS
* ========================================= */

div.pressrelease {
	margin: 18px 0 39px;
	width: 531px;
	background: #FBFAF3;
}

div.pressrelease h2 {
	padding: 0 19px;
	line-height: 21px;
	background: #EADCCB url(../../img/press/icon_arw.gif) no-repeat 5px 0.5em;
	color: #492100;
}

div.pressrelease dl {
	padding-top: 20px;
}

div.pressrelease dt {
	float: left;
	width: 7em;
	text-align: right;
}

div.pressrelease dd {
	margin-bottom: 9px;
	padding: 0 0 3px 8em;
	background: url(../../img/press/line_dot.gif) repeat-x left bottom;
}

div.pressrelease p {
	padding: 0 9px 9px;
}

.icon_arrow {
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

/* inquiry */

div.pressInquiry {
	margin: 30px 0 0 12px;
	width: 416px;
	height: 108px;
	position: relative;
	background: url(../../img/press/bg_inquiry.gif) no-repeat;
}

div.pressInquiry dl dt {
	position: absolute;
	top: 46px;
	left: 16px;
}

div.pressInquiry dl dd {
	position: absolute;
	top: 19px;
	left: 16px;
}

div.pressInquiry p {
	position: absolute;
	top: 10px;
	left: 221px;
}

div.pressInquiry p.btn a:hover img {
	opacity: .0;
	filter: alpha(opacity=0);
}

/* =========================================
*  MOVIE
* ========================================= */

div.movie p.movie_icon {
	padding: 10px 0 10px 100px;
}

/* =========================================
*  PRESS/event
* ========================================= */
div.movie p.event_icon {
	padding: 10px 0 10px 30px;
}


/* =========================================
*  MAGAZINE
* ========================================= */

div.magazine h2 {
	clear: left;
}

div.magazine p {
	margin-top: 14px;
}

div.magazine p img.alignleft {
	display: block;
	float: left;
	padding-bottom: 14px;
}
/* =========================================
*  Company
* ========================================= */

div.company h2 {
	clear: left;
}

div.company h3.line {/*グレー線背景*/
	margin: 0 2px;
	padding: 9px 11px;
	background: url(../../img/share/bg_line_title.gif) no-repeat;
	font-weight: normal;
}

div.company h3 span {
	color: #AF1F20;/*bolder*/
	font-weight: bold;
}

div.company p {
	margin-top: 14px;
}

div.company p.more {
	margin-top: 3px;
	padding-left: 10px;
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

div.company p img.alignleft { /*image*/
	display: block;
	float: left;
	padding-bottom: 14px;
}

div.company p img.alignright {/*問い合わせボタン*/
	display: block;
	float: right;
	padding-bottom: 14px;
}
div.company h3.ctTxt {
	padding-left: 10px;
}
div.company p.ctTxt {
	padding-left: 10px;
}