@charset "Shift_JIS";

/* **************************************************

Name: add_module.css

Description: Setting of content module for 広告・宣伝

Create: 2012.12.20

Copyright 2012 Hitachi, Ltd. 

***************************************************** */



/* content===========================================

[c1] ページタイトル
[c2] 見出し
[c5] 画像
[c11] リンクリスト

[-] 共通クラス
[-] 壁紙（広告・宣伝トップ、カテゴリトップ）
[-] カテゴリトップ
[-] 詳細ページ
[-] 各グリッド・カラム内における段組モジュール幅定義

===================================================== */



/* [c1]ページタイトル
=========================================================================================== */
div.adPageTitleStyle1 {
	margin: 0;
	padding: 0;
	height: 33px;
	background:  url("/about/publicity/images/publicity_cat_ad_navi_bg.gif") left bottom repeat-x;
}
ul.adCategoryNavi {
	padding: 0;
	margin: 0;
}
ul.adCategoryNavi li {
	_display: inline;
	float: left;
	margin: 0 2px 0 8px;
	padding: 0;
	height: 33px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
ul.adCategoryNavi li h1 {
	font-size: 0;
	line-height: 0;
}

div.adPageTitleStyle2  {
margin: 0 0 15px;
padding: 9px 0 12px;
background: url("/about/publicity/images/publicity_bg_title.gif") left bottom repeat-x;
}
div.adPageTitleStyle2 h1 {
margin: 0;
font-size: 103%;
line-height: 1.35;
}
div.adPageTitleStyle2 p.SubTitle {
margin: 0;
font-size: 90%;
line-height: 1.35;
}
div.adPageTitleStyle2 h1 a,
div.adPageTitleStyle2 p.SubTitle strong,
div.adPageTitleStyle2 p.SubTitle strong a { line-height: 1.35; }


/* [c2] 見出し
=========================================================================================== */

/* ---[c2-1-1] 見出し > レベル1--- */
h2.adImgOnlyStyle {
margin: 0 0 10px;
border-top: none;
font-size: 0;
line-height: 0;
}
h2.adImgStyle {
margin: 0 0 10px;
padding: 0 0 15px;
background: url("/about/publicity/images/publicity_bg_title.gif") left bottom repeat-x;
border: none;
font-size: 0;
line-height: 0;
}


/* ---[c2-2-1] 見出し > レベル2--- */
h3.adImgStyle {
margin: 0 0 10px;
padding: 0 0 6px;
background: url("/about/publicity/images/publicity_bg_title.gif") left bottom repeat-x;
border-bottom: none;
font-size: 0;
line-height: 0;
}


/* [c5] 画像
=========================================================================================== */
p.ImgOnlyStyle a.Pdf {
display: inline-block;
margin-top: 10px;
padding: 1px 0 1px 17px;
background: url("/image/jp/r1/icon/icon_pdf.gif") no-repeat 0 0.1em;
color: #000;
font-size: 103%;
font-weight: bold;
line-height: 1.35;
}


/* [c11] リンクリスト
=========================================================================================== */

/* ---[c11-1-1] リンクリスト > 文字サイズ90%--- */
ul.adLinkListStyle1 {
margin: 0 0 5px;
font-size: 90%;
}
ul.adLinkListStyle1 li {
margin: 0 0 10px;
padding: 0 0 0 19px;
background: url("/about/publicity/images/publicity_icon_link_right.png") no-repeat 0 50%;
font-weight: bold;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents ul.adLinkListStyle1 li { position: relative; }
/* */
ul.adLinkListStyle1 li ul {
margin: 5px 0 0;
font-size: 100%;
}
ul.adLinkListStyle1 li a,
ul.adLinkListStyle1 li a:hover,
ul.adLinkListStyle1 li a:active,
ul.adLinkListStyle1 li a:visited {
color: #000;
text-decoration: none;
}
ul.adLinkListStyle1 li a:hover {
text-decoration: underline;
}


/* ---定義リスト--- */
dl.adListStyle1 {
margin: 0 0 15px;
}
dl.adListStyle1 dt {
margin: 0 0 6px;
padding: 0;
font-size: 90%;
line-height: 1.35;
font-weight: bold;
}
dl.adListStyle1 dd {
margin: 0;
}


/* ---定義リスト（縦並び）--- */
dl.adListStyle2 {
margin: 0 0 5px 0;
font-size: 90%;
}
dl.adListStyle2 dt {
clear: left;
float: left;
margin: 0 5px 10px 0;
padding: 0;
line-height: 1.35;
font-weight: bold;
white-space: nowrap;
}
dl.adListStyle2 dd {
float: left;
*width: 600px;
margin: 0 0 10px 0;
line-height: 1.35;
}


/* ---定義リスト（横並び）--- */
dl.adListStyle3 {
margin: 0 0 5px 0;
font-size: 90%;
}
dl.adListStyle3 dt {
float: left;
margin: 0 0 10px;
padding: 0;
line-height: 1.35;
font-weight: bold;
white-space: nowrap;
}
dl.adListStyle3 dd {
float:left;
margin: 0 30px 10px 0;
line-height: 1.35;
white-space: nowrap;
}


/* [-] 共通クラス
=========================================================================================== */
div.adThumbLink {
position: relative;
margin: 0 0 15px 0;
}
div.adThumbLink a {
display: block;
background-color: #fff;
color: #000;
text-decoration: none;
}
div.adThumbLink a:hover {
background-color: #ccc;
}
div.adThumbLink a:hover,
div.adThumbLink a:active,
div.adThumbLink a:visited {
color: #000;
text-decoration: none;
}

div.adThumbLink a span {
display: block;
}
div.adThumbLink a span.thumbImg {
padding: 2px 2px 10px 2px;
font-size: 0;
line-height: 0;
text-align:center;
}
div.adThumbLink a span.mainTitle {
padding: 0 6px 6px;
font-size: 90%;
font-weight: bold;
line-height: 1.35;
}
div.adThumbLink a span.subTitle,
div.adThumbLink a span.subDate {
padding: 0 6px 10px;
font-size: 83%;
line-height: 1.35;
}
div.adThumbLink a span.subDate {
margin-top: -10px;
}
div.adThumbLink a span.New {
position: absolute;
left: -5px;
top: 10px;
}

.adBottomBorder {
margin: 0 0 15px 0;
padding: 0 0 2px 0;
background: url("/about/publicity/images/publicity_bg_title.gif") left bottom repeat-x;
}
.adImgBorder {
border: 2px #FFF solid;
}


/* ---clearfix--- */
ul.adCategoryNavi:after,
div.adTopicsUnit div.adThumbLink a:after,
.adBottomBorder:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
ul.adCategoryNavi,
div.adTopicsUnit div.adThumbLink a,
.adBottomBorder { display: inline-block; }
/* Hides from IE 4-6 \*/
* html ul.adCategoryNavi,
* html div.adTopicsUnit div.adThumbLink a,
* html .adBottomBorder { height: 1%; }

ul.adCategoryNavi,
div.adTopicsUnit div.adThumbLink a,
.adBottomBorder { display: block; } 
/* End hide from IE 4-6 */


/* [-] 壁紙（広告・宣伝トップ、カテゴリトップ）
=========================================================================================== */
div.adWallStyle1,
div.adWallStyle2 {
margin: 0 0 15px 0;
}
div.adWallStyle1 div.Inner{
margin: 0;
padding: 16px 15px 1px;
background: #e5e5e5 url("/about/publicity/images/publicity_bg_wall.gif") left top repeat-x;
}
div.adWallStyle2 div.Inner{
margin: 0;
padding: 0 15px 2px;
background: #e5e5e5 url("/about/publicity/images/publicity_bg_wall2.gif") left top repeat-x;
}

div.adWallStyle1 h2.adImgOnlyStyle{
margin: 0;
}
div.adWallStyle1 p.ImgOnlyStyle {
margin-bottom: 3px;
}

/* ---全て表示ボタン--- */
div.adAccordArea {
margin: 0;
padding: 0;
}
*:first-child+html div.adAccordArea { overflow: auto; }

div.adAccordTrigger {
background: url("/about/publicity/images/publicity_btn_bg.gif") left top repeat-x;
text-align: right;
}
div.adAccordTrigger img {
cursor: pointer;
}


/* [-] カテゴリトップ
=========================================================================================== */
div.adTopicsUnit {
margin: 0 0 15px 0;
padding: 15px 15px 1px 15px;
background-color: #E5E5E5;
}
div.adTopicsUnit div.adThumbLink a span.thumbImg {
float: left;
margin-right: 18px;
padding: 2px;
}
div.adTopicsUnit div.adThumbLink a span.mainTitle {
padding: 12px 0 15px;
}
div.adTopicsUnit div.adThumbLink a span.subTitle {
padding: 0 0 20px;
}
div.adTopicsUnit div.adThumbLink a span.subDate {
margin: 0;
padding: 0;
}

/* ---画像リスト--- */
ul.adImgLinkListStyle {
display: block;
margin: 0;
}
ul.adImgLinkListStyle li {
float: left;
display: block;
margin: 0 0 15px 15px;
}
ul.adImgLinkListStyle li.FirstItem {
margin-left: 0;
}

/* ---メディア種別--- */
dl.adMediaTypeListStyle {
margin: 0 0 15px 0;
}
dl.adMediaTypeListStyle dt {
float: left;
width: 5em;
padding-top: 4px;
font-size: 90%;
}
dl.adMediaTypeListStyle ul.adImgLinkListStyle  {
margin: 0;
}
dl.adMediaTypeListStyle ul.adImgLinkListStyle li  {
margin: 0 10px 0 0;
}

/* [-] 詳細ページ
=========================================================================================== */
div#swfArea {
width: 540px;
height: 350px;
margin: 0 auto 15px auto;
}
div#swfArea dl.PlugInBanner	{
padding-top: 150px;
}

/* [-] 各グリッド・カラム内における段組モジュール幅定義
=========================================================================================== */
div.Grid3 div.adWallStyle1 div.Column1,
div.Grid3 div.adWallStyle2 div.Column1 {
width: 220px;
}
div.Grid3 div.adWallStyle1 div.Column1andHalf,
div.Grid3 div.adWallStyle2 div.Column1andHalf {
width: 338px;
}