@charset "Shift_JIS";

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

Name: add_style.css

Description: Setting of special page

Create: 2008.5
Update: 2008.9

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



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


[-] Link Setting

[c1] ページタイトル
[c2] 見出し
[c3] 文章
[c4] キャッチコピー
[c5] 画像
[c9] 補足一覧
[c11] リンクリスト
[c13] アイコンリンク
[c14] データテーブル
[c16] 枠囲み
[-] 追加定義

[t1] トップページ
[-] 各グリッド・カラム内における段組モジュール幅定義

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

/* 3: Link Setting
=========================================================================================== */

a[name]:hover {
	color: #000000;
	text-decoration: none;
}

a[href]:hover {
	color: #890000;
	text-decoration: underline;
}


/* [c2] 見出し
===================================================== */
h2.headlineImgStyle {
	border-top: none;
	margin:0;
	padding: 0 0 10px;
	font-size:0;
}

/* [c3] 文章
=========================================================================================== */
/* ---[c3-1-1] 文章>文字サイズ90%--- */
p.TextStyle1 strong { line-height: 1.35; }

/* ---[c3-1-add] 文章>文字サイズ110%--- */
p.TextStyleL {
	margin: 0 0 15px;
	font-size: 110%;
	line-height: 1.35;
}
p.TextStyleL a { line-height: 1.35; }

/* [c4] キャッチコピー
=========================================================================================== */

/* ---[c4-1] キャッチコピー > 左寄せ--- */
/* ---[c4-2] キャッチコピー > 中央揃え--- */
p.CatchCopySP {
	margin: 0 0 15px;
	font-size: 110%;
	line-height: 1.35;
}
p.CatchCopySP strong,
p.CatchCopySP strong a { line-height: 1.35; }

/* [c5] 画像
=========================================================================================== */
/* ---[c5-2-1] 画像 > 中央揃え--- */
/* ---[c5-2-2] 画像 > 中央揃え > キャプション+ポップアップ表示--- */
/* 画像中央、キャプション+ポップアップは画像左 */
/* 画像サイズをインライン(style)で指定すること */
p.ImgOnlyStyleCenter {
	margin: 0 auto 15px auto;
	font-size: 83%;
	line-height: 1.35;
}
p.ImgOnlyStyleCenter a.NewWindow {
	padding: 1px 0 1px 17px;
	background: url("/image/h1/icon/icon_new_window.gif") no-repeat 0 0;
	line-height: 1.35;
}

p a.Pdf {
	padding: 1px 0 1px 17px;
	background: url("/image/h1/icon/icon_pdf.gif") no-repeat 0 0.1em;
	line-height: 1.35;
}
p a.List {
	padding: 1px 0 1px 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em;
	line-height: 1.35;
}

/* [c9] 補足一覧
=========================================================================================== */
/* ---[c9-1] 補足一覧 > 文字サイズ90%--- */
/* ---[c9-2] 補足一覧 > 文字サイズ83%--- */
/* ---[c9-3] 補足一覧 > 文字サイズ67%--- */
dl.AdditionalNotesStyle1 dd strong,
dl.AdditionalNotesStyle2 dd strong,
dl.AdditionalNotesStyle3 dd strong {
	line-height: 1.35;
}


/* ---[c9-2] 補足一覧 > 文字サイズ83%--- */
dl.AdditionalNotesStyle2SP {
	margin: 0 0 15px;
	font-size: 83%;
}
dl.AdditionalNotesStyle2SP dt {
	line-height: 1.35;
}
dl.AdditionalNotesStyle2SP dd {
	line-height: 1.35;
}
dl.AdditionalNotesStyle2SP dd { margin: 0 0 4px 1.4em; }

/* [c11] リンクリスト
=========================================================================================== */
/* ---[c11-6-2] リンクリスト > 左側に日付（アイコン）--- */

dl.LinkListStyleSP { margin: 0 0 15px; }
dl.LinkListStyleSP dt {
	margin: 0 0 10px;
	width:62px;
	line-height: 1.35;
}
dl.LinkListStyleSP dd { margin: -2em 0 0 72px; }
dl.LinkListStyleSP dd ul.LinkListStyle1 { margin: 0 0 10px; }

/* ---[c11-3-1] リンクリスト > 説明文表示 > 文字サイズ90%--- */
dl.LinkListStyle1 dd ul{
	font-size:100%;
}
dl.LinkListStyle1 dd ul li {
	margin: 0 0 3px;
}

/* ---[c11-5-1-XX] リンクリスト > サムネール+説明文あり > サムネール45pix > 文字サイズ90,83%--- */
/* ---[c11-5-1-XX] リンクリスト > サムネール+説明文あり > サムネール100pix > 文字サイズ90%--- */
div.ImgW45SetStyle p.Img {
	float: left;
	width: 45px;
	margin: 0 12px 0 0;
	padding: 0 0 8px;
}
div.ImgW100SetStyle p.Img {
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW160SetStyle p.Img {
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW200SetStyle p.Img {
	float: left;
	width: 200px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW240SetStyle p.Img {
	float: left;
	width: 240px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW45SetStyle div.ImgSet,
div.ImgW100SetStyle div.ImgSet,
div.ImgW160SetStyle div.ImgSet,
div.ImgW200SetStyle div.ImgSet,
div.ImgW240SetStyle div.ImgSet { float: left; }

div.ImgW60SetStyle p.Img,
div.ImgW120SetStyle p.Img,
div.ImgW180SetStyle p.Img,
div.ImgW45SetStyle p.Img,
div.ImgW100SetStyle p.Img,
div.ImgW160SetStyle p.Img,
div.ImgW200SetStyle p.Img,
div.ImgW240SetStyle p.Img {
	font-size: 83%;
	line-height: 1.35;
}

/* [c13] アイコンリンク
=========================================================================================== */
ul li.List, dl dt.List { line-height:1.35; }
dl dd.List {
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em;
	line-height:1.35;
}

/* [c14] データテーブル
=========================================================================================== */
/* ---[-] データテーブル内モジュールのフォントサイズ定義--- */
table tr th ul.ListStyle2 { font-size: 100%; }

/* セル内のリストの下余白解除 */
table tr td ul.LinkListStyle2 {
margin-bottom:0;
}


/* [c16] 枠囲み
=========================================================================================== */
/* ---[c16-XX] 枠囲みの中のリンクリストの下余白--- */
div.Column1 div.BoxPatternA ul.LinkListStyle1,
div.Column1 div.BoxPatternB ul.LinkListStyle1,
div.Column1 div.BoxPatternC ul.LinkListStyle1,
div.Grid1 div.BoxPatternA ul.LinkListStyle1,
div.Grid1 div.BoxPatternB ul.LinkListStyle1,
div.Grid1 div.BoxPatternC ul.LinkListStyle1{
margin-bottom:10px;
}


/* [-] 追加定義
=========================================================================================== */
.Width100{
width: 100px;
}
.Width160{
width: 160px;
}
.Width180{
width: 180px;
}
.Width200{
width: 200px;
}
.Width265{
width:265px;
}
.Width278{
width:278px;
}
.Width350{
width:350px;
}
.Width365{
width:365px;
}
.Width482{
width:482px;
}
.Width500{
width:500px;
}
.Width540{
width:540px;
}

.NowRap{
white-space:nowrap;
}

.BottomBorder{
border-bottom:1px solid #CCCCCC;
margin-bottom:15px !important;
}
.TopBorder{
border-top:1px solid #CCCCCC;
padding-top:15px !important;
}

/* 背景グレーの囲み  */
.BoxReference{
margin: 0 0 15px 0;
padding:10px 10px 5px 10px;
background-color:#EFEFEF;
}
.BoxReference h3 {
	margin: 0 0 10px;
	padding: 0;
	border-bottom: none;
	font-size: 90%;
	line-height: 1.35;
}
/* */
.BoxReference h3 a { line-height: 1.35; }

.BoxReference h5 {
	margin: 0 0 10px;
	font-size: 83%;
	line-height: 1.35;
}
.BoxReference h5 a { line-height: 1.35; }



/* 文章中のアイコン */
img.TextIcon {
margin: 0 5px 2px 0;
line-height: 1.35;
vertical-align: middle;
}


/* 特別枠囲みモジュール */
/* 背景画像付き */
div.BoxPatternSP{
width:558px;
padding: 0 0 0 10px;
background: url("/image/micro/csr/bg_box2.gif") repeat-x left top;
}

div.BoxPatternSP div.ImgW120SetStyle p.Img,
div.BoxPatternSP div.ImgW160SetStyle p.Img,
div.BoxPatternSP div.ImgW180SetStyle p.Img{
float: right;
padding: 0 10px 0 0;
margin: 0;
}
div.BoxPatternSP div.ImgW120SetStyle div.ImgSet,
div.BoxPatternSP div.ImgW160SetStyle div.ImgSet,
div.BoxPatternSP div.ImgW180SetStyle div.ImgSet {
margin: 0 15px 0 0;
padding: 10px 0 0 0;
}

div.BoxPatternSP dl.ButtonW180SetStyle1 dd {
	padding-right:15px;
}

div.BoxPatternSP1{
width:558px;
padding: 0 0 0 10px;
background: url("/image/micro/csr/bg_box1.gif") repeat-x left top;
}/*add*/

div.BoxPatternSP1 div.ImgW120SetStyle p.Img,
div.BoxPatternSP1 div.ImgW160SetStyle p.Img,
div.BoxPatternSP1 div.ImgW180SetStyle p.Img{
float: right;
padding: 0 10px 0 0;
margin: 0;
}
div.BoxPatternSP1 div.ImgW120SetStyle div.ImgSet,
div.BoxPatternSP1 div.ImgW160SetStyle div.ImgSet,
div.BoxPatternSP1 div.ImgW180SetStyle div.ImgSet {
margin: 0 15px 0 0;
padding: 10px 0 0 0;
}

div.BoxPatternSP1 dl.ButtonW180SetStyle1 dd {
	padding-right:15px;
}


div.BoxPatternSP2add{
width:558px;
padding: 0 0 0 10px;
background: url("/image/micro/csr/bg_box.gif") repeat-x left top;
}/*add*/

div.BoxPatternSP2add div.ImgW120SetStyle p.Img,
div.BoxPatternSP2add div.ImgW160SetStyle p.Img,
div.BoxPatternSP2add div.ImgW180SetStyle p.Img{
float: right;
padding: 0 10px 0 0;
margin: 0;
}
div.BoxPatternSP2add div.ImgW120SetStyle div.ImgSet,
div.BoxPatternSP2add div.ImgW160SetStyle div.ImgSet,
div.BoxPatternSP2add div.ImgW180SetStyle div.ImgSet {
margin: 0 15px 0 0;
padding: 10px 0 0 0;
}

div.BoxPatternSP2add dl.ButtonW180SetStyle1 dd {
	padding-right:15px;
}


div.BoxPatternSP2Hi{
width:558px;
padding: 15px 0 0 10px;
background: url("/image/micro/csr/bg_box3.gif") repeat-x left top;
}/*add*/

div.BoxPatternSP2Hi div.ImgW120SetStyle p.Img,
div.BoxPatternSP2Hi div.ImgW160SetStyle p.Img,
div.BoxPatternSP2Hi div.ImgW180SetStyle p.Img{
float: left;
padding: 10px 0 10px 0;
margin: 0;
}
div.BoxPatternSP2Hi div.ImgW120SetStyle div.ImgSet,
div.BoxPatternSP2Hi div.ImgW160SetStyle div.ImgSet,
div.BoxPatternSP2Hi div.ImgW180SetStyle div.ImgSet {
margin: 0 15px 0 0;
padding: 10px 0 0 0;
}

div.BoxPatternSP2add dl.ButtonW180SetStyle1 dd {
	padding-right:15px;
}

div#modMessage{
min-height:166px;
background:url("/image/micro/csr/introduction/mod_mesasge.gif") right bottom no-repeat;
}
* html div#modMessage{
height:166px;
}
div#modarea{
min-height:166px;
background:url("/image/micro/csr/introduction/line1/mod_area.gif") right bottom no-repeat;
}
* html div#modarea{
height:166px;
}
div#modCsr{
min-height:163px;
background: url("/image/micro/csr/introduction/mod_csr.gif") right bottom no-repeat;
}
* html div#modCsr{
height:163px;
}
div#mod_CSR{
min-height:163px;
background: url("/image/micro/csr/environment/mod_environment.gif") right bottom no-repeat;
}
* html div#mod_CSR{
height:163px;
}
div#modStrategy{
min-height:133px;
background: url("/image/micro/csr/mod_society.gif") right bottom no-repeat;
}
* html div#modStrategy{
height:133px;
}
div#modStrategy p.Img{
padding-top:15px;
}
div#mod133{
min-height:133px;
}
* html div#mod133{
height:133px;
}
div#mod133 p.Img{
padding-top:15px;
}
div#modManagement{
min-height:168px;
background: url("/image/micro/csr/management/mod_management.gif") right bottom no-repeat;
}
* html div#modManagement{
height:168px;
}
div#modSociety{
min-height:133px;
background: url("/image/micro/csr/society/mod_society.gif") right bottom no-repeat;
}
* html div#modSociety{
height:133px;
}

div.sticking{
margin-bottom:0;
border-bottom:none;
}


@media print{
	.ClearFix p img.TextIcon {
	*margin-top: -2em;
	}
	.ClearFix div.ImgSet p img.TextIcon {
	*margin-top: 0;
	}
}

/* [t1] トップページ
=========================================================================================== */
ul.topAccessPoint1{
margin: 0;
font-size: 100%;
}
ul.topAccessPoint1 li{
float:left;
width:278px;
margin:0 0 0 14px;
}
ul.topAccessPoint1 li.FirstItem { margin: 0; }
ul.topAccessPoint1 li.LastItem { float: right; }

div#topAccessSet{
margin: 0 0 15px 0;
background:url("/image/micro/csr/bg_accesspoint.gif") 0 100% no-repeat;
}
div#topAccessSet ul.topAccessPoint2{
float:left;
width:180px;
margin:0 15px 0 0;
}
div#topAccessSet ul.topAccessPoint2.FirstItem { }
div#topAccessSet ul.topAccessPoint2.LastItem { 
margin: 0;
/*float: right;*/
}

div#topAccessSet ul.topAccessPoint2 li ul.LinkListStyle1{
padding-left:5px;
padding-right:5px;
}
div#topAccessSet ul.topAccessPoint2 li p.TextStyle1,
div#topAccessSet ul.topAccessPoint2 li p.TextStyle2{
padding-left:8px;
padding-right:5px;
}

/* トップページCSR検索 */
div#CSRSearch {
	margin: 0 0 15px 0;
}
div#CSRSearch fieldset {
width:168px;
padding:0 5px 10px 5px;
border:1px solid #CCCCCC;
}
div#CSRSearch legend {
padding:0 2px 6px 2px;
font-size: 83%;
line-height:100%;
vertical-align:top;
}
div#CSRSearch p { font-size: 83%; }
div#CSRSearch p input,
div#CSRSearch p img { vertical-align: middle; }
div#CSRSearch input#CSRSearchTextBox {
width:120px;
padding: 1px;
border: 1px solid #999999;
}


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


/* ---3グリッド・3カラム/4グリッド--- */
div.Grid3 div.ImgW45SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW45SetStyle div.ImgSet { width: 510px; }
div.Grid3 div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW100SetStyle div.ImgSet { width: 455px; }
div.Grid3 div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW160SetStyle div.ImgSet { width: 395px; }
div.Grid3 div.ImgW200SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW200SetStyle div.ImgSet { width: 355px; }
div.Grid3 div.ImgW240SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW240SetStyle div.ImgSet { width: 315px; }


/* ---3グリッド枠囲み・3カラム/4グリッド枠囲み--- */
div.Grid3 .BoxPatternC div.ImgW45SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW45SetStyle div.ImgSet { width: 490px; }
div.Grid3 .BoxPatternA div.ImgW100SetStyle div.ImgSet { width: 432px; }

div.Grid3 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW160SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW160SetStyle div.ImgSet { width: 372px; }

/* from h1_en */
div.Grid3 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid3 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid3 .BoxPatternC div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternA div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternB div.ImgW180SetStyle div.ImgSet,
div.Grid4 div.Column3 .BoxPatternC div.ImgW180SetStyle div.ImgSet { width: 352px; }


/* ---1.5カラム/3グリッド--- */
div.Grid3 div.Column1andHalf div.ImgW100SetStyle div.ImgSet { width: 165px; }


/* ---1.5カラム/3グリッド枠囲み--- */
div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW45SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW45SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW45SetStyle div.ImgSet { width: 196px; }

div.Grid3 div.Column1andHalf .BoxPatternA div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternB div.ImgW100SetStyle div.ImgSet,
div.Grid3 div.Column1andHalf .BoxPatternC div.ImgW100SetStyle div.ImgSet { width: 141px; }


/* ---1グリッド枠囲み--- */
div.Grid4 div.Column1 .BoxPatternA div.ImgW45SetStyle p.Img,
div.Grid4 div.Column1 .BoxPatternB div.ImgW45SetStyle p.Img,
div.Grid4 div.Column1 .BoxPatternC div.ImgW45SetStyle p.Img,
div.Grid3 div.Column1 .BoxPatternA div.ImgW45SetStyle p.Img,
div.Grid3 div.Column1 .BoxPatternB div.ImgW45SetStyle p.Img,
div.Grid3 div.Column1 .BoxPatternC div.ImgW45SetStyle p.Img,
div.Grid1 .BoxPatternA div.ImgW45SetStyle p.Img,
div.Grid1 .BoxPatternB div.ImgW45SetStyle p.Img,
div.Grid1 .BoxPatternC div.ImgW45SetStyle p.Img { margin-right:3px; }
div.Grid4 div.Column1 .BoxPatternA div.ImgW45SetStyle div.ImgSet,
div.Grid4 div.Column1 .BoxPatternB div.ImgW45SetStyle div.ImgSet,
div.Grid4 div.Column1 .BoxPatternC div.ImgW45SetStyle div.ImgSet,
div.Grid3 div.Column1 .BoxPatternA div.ImgW45SetStyle div.ImgSet,
div.Grid3 div.Column1 .BoxPatternB div.ImgW45SetStyle div.ImgSet,
div.Grid3 div.Column1 .BoxPatternC div.ImgW45SetStyle div.ImgSet,
div.Grid1 .BoxPatternA div.ImgW45SetStyle div.ImgSet,
div.Grid1 .BoxPatternB div.ImgW45SetStyle div.ImgSet,
div.Grid1 .BoxPatternC div.ImgW45SetStyle div.ImgSet { width: 109px; }


.h3_border {

	border: 0;

}

.Sectionleft {

margin-left:40px;

}

.BgArrow {

	background: url("/image/micro/csr/highlight/line7/act0904_14.gif") no-repeat left bottom;

	overflow:hidden;

	margin-bottom:20px;

	height:100%;

	min-height:25px;
}


<!-- Me--line5--intro_red1.html--CSS -->

div.ImgW100SetStyle1 p.Img {

	float: left;

	width: 100px;
	
	height:350px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;
	
	font-size: 83%;

	line-height: 1.35;

}

h4.LeftImgStyle {
    padding: 0 0 0 133px;
	background: url("/image/micro/csr/environment/icon_2008.gif") no-repeat 0 0.1em;
}