@charset "Shift_JIS";
@import url(size_m.css);
/*==========================================================================================	
	((CSS INDEX))

	# @import :デフォルトフォントサイズの読み込み
	# すべてのページ　基本
	# ヘッダーエリア	
	# ボディエリア
	# フッターエリア

	# カテゴリトップページ
	# ポップアップページ
==========================================================================================*/	


/*//////////////////////////////////////////////////////////////////////////////////////////
すべてのページ　基本
-------------------------------------------------------------------------------------------*/
/*reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}
/* body --------------------------------------------*/
html{
	height:100%;
}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#333;
}
/* 全体 背景 --------------------------------------------*/
#all{
	height:100%;
	min-height:100%;
	background:url(../common/main_bg.gif) center repeat-y;
}
body > #all{
	height:auto;
}
/* 水平線（CSSオフにしたとき用/通常は不可視） ----------*/
hr{
	display:none;
}
/* 画像の罫線非表示 （CSSオフ時はリンク線表示）---------*/
img{
	border:0;
}
/* 読み上げ用 スキップリンク ---------------------------*/	
#skipLinkArea{
	position:absolute;
	top:-10000px;
}
/* 不可視テキスト（スクリーンリーダー向け）-------------*/
.forReader{
	position:absolute;
	top:-10000px;
}

/* テキストリンク --------------------------------------*/	
a{
	text-decoration:none;
}
a:link{
	color:#06c;
}
a:active{
	color:#c00;
}
a:hover{
	color:#c00;
	text-decoration:underline;
}
/* 回り込み解除 ----------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	clear:both;
	width: 100%;/* Mac IE5 */
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child .clearfix{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
.clearfix .clearfix{
	overflow:visible;
}

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


/*//////////////////////////////////////////////////////////////////////////////////////////
ヘッダーエリア	
	* ヘッダーセクション
	* グローバルナビ
	* ローカルナビメイン
------------------------------------------------------------------------------------------*/

/* ヘッダーエリア全体 ----------------------------------*/
#headerArea{
	width:758px;
	margin:0 auto;
	text-align:left;
}
#headerArea *{
	margin:0;
	padding:0;
}
/*======================================================
ヘッダーセクション
=======================================================*/
/* ヘッダー上部分（グレーベタ）-----------*/
#headerArea #headerUpperBlock{
	position:relative;
	width:738px;
	min-height:26px;
	padding:0 20px 5px 0;
	margin-bottom:52px;
	background-color:#e9e9e9;
}
#headerArea #headerUpperBlock *{
	line-height:150%;
}
#headerArea #headerUpperBlock .floatRight{
	float:right;
}
/* お問い合わせ */
#headerArea #headerUpperBlock p.link{
	float:left;
	margin-right:1em;
	margin-top:0.35em;
	padding-left:13px;
	/*背景画像はsize_*.cssで上書き*/
}
#headerArea #headerUpperBlock p.link a{
	text-decoration:none;
}
#headerArea #headerUpperBlock p.link a:hover{
	text-decoration:underline;
}
/* English リンク*/
html > body #headerArea #headerUpperBlock ul{
	float:left;
}
#headerArea #headerUpperBlock .otherLink{
	float:left;
	margin-top:0.35em;
	margin-left:10px;
	padding-left:13px;
	/*背景画像はsize_*.cssで上書き*/
	list-style-type:none;
}
/* ヘッダーテキストリンクの現在地表示 */
#headerArea #headerUpperBlock em{
	display:block;
	margin-left:-13px;
	padding-left:13px;
	background:#dadac6 url(../common/current_icon.gif) 4px 0.6em no-repeat;
	font-style:normal;
	font-weight:bold;
}
/* サイト内検索フォーム */
#headerArea #headerUpperBlock form{
	padding-top:0.2em;
	float:left;
}
#headerArea #headerUpperBlock form *{
	line-height:100%;
	vertical-align:middle;
}

/* 入力ボックス */
#headerArea #headerUpperBlock form #keyword{
	width:170px;
	height:17px;
	margin-right:2px;
}
/*-----------------------------------------------------*/
#headerArea #corporateLogoBlock{
	margin-top:0.8em;
	width:718px;
	padding:4px 20px 0.5em 20px;
}
#headerArea #corporateLogoBlock *{
	font-size:14px;
}
/* 「古河電工」ロゴ部分 -------------------------------*/
#headerArea #corporateLogoBlock .corplogo{
	float:left;
	width:112px;
	padding-top:2px;
}
/* 古いboundロゴ*/
#headerArea #corporateLogoBlock .tagline{
	float:right;
	width:162px;
}
#headerArea #corporateLogoBlock .glogo{
	float:right;
	width:161px;
}
/*-----------------------------------------------------*/
/*======================================================
グローバルナビセクション
=======================================================*/
#globalNaviSec{
	width:758px;
	background:#0066cc url(../common/gnavi_bg.gif) 0 0 no-repeat;
	border-bottom:solid 1px #0031bc;
}
#globalNaviSec ul{
	margin:0;
	padding:0;
	min-height:20px;
}
#globalNaviSec li{
	float:left;
	text-align:center;
	list-style-type:none;
}
#globalNaviSec li a{
	display: block;
	margin-left:1px;
	width:107px;
	padding:6px 0;
	color:#fff;
	text-decoration:none;
}
/* 各カテゴリボタン マウスオーバー時 */
#globalNaviSec li a:hover{
	/*for IE6 ステータスバーにURLが表示されないのを回避*/
	background-color:#0091f6;
}
html > body #globalNaviSec li a:hover{
	/* for mozilla,IE7*/
	background:#0091f6 url(../common/gnavi_bg_on.gif) 0 0 no-repeat;
}
/*現在地表示*/
#globalNaviSec li em{
	font-style:normal;
}
#globalNaviSec li em a,
#globalNaviSec li em a:hover{
	/*for IE6 ステータスバーにURLが表示されないのを回避*/
	background-color:#acac5a;
}
html > body #globalNaviSec li em a,
html > body #globalNaviSec li em a:hover{
	/* for mozilla,IE7*/
	background:#acac5a url(../common/gnavi_bg_current.gif) 0 0 no-repeat;
}
/*=====================================================*/

/*======================================================
ローカルナビメインセクション
=======================================================*/
#localNaviMainSec{
	width:740px;
	padding:3px 9px;
	background-color:#cccc99;
}
/* 回り込み解除(start) */
#localNaviMainSec ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#localNaviMainSec ul{
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #localNaviMainSec ul{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
/* 回り込み解除(end) */
#localNaviMainSec li{
	/*for IE 6･･･途中改行で↓が表示されない不具合回避*/
	line-height:150%;
	float:left;/*for IE6 */
	width:auto;/*for IE6 */
	padding:0 13px 0 12px;
	list-style-type:none;
	/*背景画像はsize_*.cssで上書き*/
	white-space:nowrap;/*for IE6 */
}
/* 別ウィンドウで開くリンク（ローカルナビメイン内） */
#localNaviMainSec li.openwinLink{
	padding-left:0;
	background:none;
}
/* 別カテゴリへのリンク（ローカルナビメイン内） */
#localNaviMainSec li.otherLink{
	/*背景画像はsize_*.cssで上書き*/
}
/* 現在地表示 */
#localNaviMainSec li em{
	font-style:normal;
	font-weight:bold;
}
#localNaviMainSec li em a{
	background-color:#f0f0dc;
	padding:2px 0;
}

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

/*//////////////////////////////////////////////////////////////////////////////////////////
ボディエリア
	# ローカルナビセクション
		* ローカルナビ メインブロック
		* サブナビ ブロック(ベージュ囲み)
	# パンくずセクション
	# コンテンツセクション
-------------------------------------------------------------------------------------------*/
#bodyArea{
	text-align:left;
	width:758px;/* for IE5 */
	/* \*/
	width:758px;
	/* */
	margin-bottom:20px;
	margin:0 auto;	
}
/*======================================================
ローカルナビセクション
=======================================================*/
#localNaviSec *{
	margin:0;
	padding:0;
}
#localNaviSec{
	float:right;
	width:186px;
}
/* ローカルナビ メインブロック -------------------------*/
#localNaviSec #mainNaviBlock{
	margin-bottom:19px;
}
/*カテゴリ名部分*/
#localNaviSec #mainNaviBlock p{
	padding-bottom:2px;	
	font-size:120%;
}
#localNaviSec #mainNaviBlock ul{
	border-top:solid 2px #666;
	border-bottom:solid 1px #999;
}
/* 回りこみ解除(start) */
#localNaviSec #mainNaviBlock ul:after{
	/*content:"."; for ff3.6.7*/
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#localNaviSec #mainNaviBlock ul{
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #localNaviSec #mainNaviBlock ul{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
/* 回りこみ解除(end) */
#localNaviSec #mainNaviBlock ul ul{
	border:none;
	margin-top:4px;
	margin-bottom:-4px;/*時報：currentCategoryを2階層目に使う場合に対応するため*/
	margin-left:-18px;
	width:166px;
}
#localNaviSec #mainNaviBlock ul{
	width:166px;
}	
#localNaviSec #mainNaviBlock li.currentCategory ul,
#localNaviSec #mainNaviBlock li.currentPage ul{
	margin-bottom:0;
}
#localNaviSec #mainNaviBlock li{
	list-style-type:none;
	padding:5px 0 4px 18px;
	/*背景画像はsize_*.cssで上書き*/
	border-top:solid 1px #999;
}

#localNaviSec #mainNaviBlock li a{
	width:140px;
}
/* .firstはローカルナビの1つ目のメニュー*/
#localNaviSec #mainNaviBlock li.first{
	border-top:none;
}
/*現在のページの親ページの色*/
#localNaviSec #mainNaviBlock li.currentCategory{
	background-color:#e8e8e8;
	padding-bottom:0;
}
/*時報：currentCategoryを2階層目に使う場合*/
#localNaviSec #mainNaviBlock li li.currentCategory{
	padding-bottom:4px;
}

#localNaviSec #mainNaviBlock li li{
	/*背景画像はsize_*.cssで上書き*/
	border-top:dashed 1px #999;
	padding-left:27px;
}
#localNaviSec #mainNaviBlock li.first li{
	border-top:dashed 1px #999;
}

p.img2{
	padding: 50px;
	text-align: center;
	}
p.img3{
	padding-bottom: 0;
	text-align: center;
	}

/* em は現在のページ */
#localNaviSec #mainNaviBlock li.currentPage{
	background-color:#ccc;
	padding-bottom:0;
}
#localNaviSec #mainNaviBlock li.currentPage ul{
	margin-top:0;
}
#localNaviSec #mainNaviBlock li em{
	display:block;
	width:148px;
	margin-left:-18px;
	padding-left:18px;
	padding-bottom:4px;
	background:#ccc url(../common/current_icon.gif) 6px 0.4em no-repeat; 
	font-style:normal;
	font-weight:bold;
}
#localNaviSec #mainNaviBlock li li em{
	width:139px;
	margin-left:-27px;
	padding-left:27px;
	background:#ccc url(../common/current_icon.gif) 19px 0.4em no-repeat; 
}
/* 他カテゴリへのリンク（ローカルナビ内） --------------*/
#localNaviSec #mainNaviBlock .otherLink a{
	text-decoration:none;
}
#localNaviSec #mainNaviBlock li .otherLink{
	padding-left:27px;
	/*背景画像はsize_*.cssで上書き*/
}
/* PDFファイルへのリンク（ローカルナビ内） --------------*/
#localNaviSec #mainNaviBlock .openwinLink,
#localNaviSec #mainNaviBlock .pdfLink{
	background:#fff none;
	text-indent:-13px;
}
#localNaviSec #mainNaviBlock .openwinLink img,
#localNaviSec #mainNaviBlock .pdfLink img{
	vertical-align:middle;
	margin-right:3px;
}
/* サブナビ ブロック(ベージュ囲み)  --------------------*/
#localNaviSec .subNaviBlock{
	width:154px;
	margin:0 0 19px 0;
	padding:6px;
	background-color:#f0f0dc;
}
#localNaviSec .subNaviBlock *{
	line-height:150%;
}
#localNaviSec .subNaviBlock li{
	list-style-type:none;
	padding-left:13px;
	/*背景画像はsize_*.cssで上書き*/
}
#localNaviSec .subNaviBlock li.otherLink{
	/*背景画像はsize_*.cssで上書き*/
}
/*現在地表示*/
#localNaviSec .subNaviBlock li em{
	padding:0 2px 2px 13px;
	text-indent:-13px;/* for IE6 */
	font-style:normal;
	font-weight:bold;
	background:#f0f0dc url(../common/current_icon.gif) 3px 0.4em no-repeat;
}
html > body #localNaviSec .subNaviBlock li em{/* for mozilla */
	margin-left:-13px;
}
*:first-child+html #localNaviSec .subNaviBlock li em{/* for IE7 */
	margin-left:0;
}
/* pdfアイコン、別ウィンドウリンク（サブナビ内）-------*/
#localNaviSec .subNaviBlock .pdfLink,
#localNaviSec .subNaviBlock .openwinLink{
	margin-left:16px;
	padding-left:0;
	text-indent:-16px;
	background:none;
}
#localNaviSec .subNaviBlock .pdfLink img,
#localNaviSec .subNaviBlock .openwinLink img{
	vertical-align:middle;
	margin-right:3px;
}
/* 小リンク（サブナビ内）-------*/
#localNaviSec .subNaviBlock .links{
	background:#f0f0dc url(../common/arrows_or.gif) 2px 0.5em no-repeat;
}
/* サブコンテンツブロック（バナー部分）-----------------*/
.Index #contentsSec #subContentsBlock .banner li{
	display:inline;
}
.Index #contentsSec #subContentsBlock .banner a{
	display:block;	
	margin-bottom:3px;
}
/*============================================================================================================*/

/*======================================================
パンくずセクション
=======================================================*/
#breadCrumbSec *{
	margin:0;
	padding:0;
}
#breadCrumbSec{
	padding:10px 0 31px 20px;
}
#breadCrumbSec p{
	font-size:86%;
}
#breadCrumbSec a{
	text-decoration:underline;
}
/*======================================================
 文字サイズ 大中小ボタン 
=======================================================*/
#fontSize{
	float:right;
	width:166px;
	padding-bottom:14px;
	white-space:nowrap;
	padding-right:20px;
}
#fontSize p{
	margin:0;
	padding:5px 0;
	text-align:right;
}
#fontSize img{
	margin-left:3px;
	margin-bottom:0.15em;
	vertical-align:text-bottom;
}
/*======================================================
コンテンツセクション
=======================================================*/
/* 全体------------------------------------------------*/
#contentsSec{
	clear:both;
	float:left;
	width:534px;
	padding-left:20px;
}
#contentsSec *{
	/*ブラウザデフォルト設定のリセット*/
	margin:0;
	padding:0;
	line-height:150%;
}
/* ブロック -------------------------------------------*/
#contentsSec .block{
	margin-bottom:45px;
}
/* 回りこみ解除(start) */
#contentsSec .block:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contentsSec .block {
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #contentsSec .block{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
#contentsSec .block .block{
	overflow:visible;/* Mac IE5 */
}
/* 回りこみ解除(end) */

/* パーツ（ブロックの下位） ---------------------------*/
#contentsSec .part{
	margin-bottom:25px;
}
/* 回りこみ解除(start) */
#contentsSec .part:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contentsSec .part{
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #contentsSec .part{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
#contentsSec .part .part{
	overflow:visible;/* Mac IE5 */
}
/* 回りこみ解除(end) */
/* ページタイトル -------------------------------------*/
#contentsSec #titleBlock{
	margin-bottom:23px;
}
/* 3階層のページタイトル ------------------------------*/
#contentsSec .lv3{
	height:69px;/* for IE6*/
	min-height:69px;
	padding:0;
	font-weight:bold;
}
html > body #contentsSec .lv3{
	height:auto;
}
#contentsSec .lv3 h1{
	margin-left:57px;
	font-size:130%;
	padding:10px 0 0 3px;
}
/* カテゴリごとのタイトル背景画像 */
.kaisya #contentsSec .lv3{
	/*会社案内*/
	background:#dadac5 url(../kaisya/images/kaisya_lv3title_bg.gif) 0 0 no-repeat;
}
.seihin #contentsSec .lv3{
	/*製品情報*/
	background:#dadac5 url(../seihin/images/seihin_lv3title_bg.gif) 0 0 no-repeat;
}
.kenkai #contentsSec .lv3{
	/*研究開発*/
	background:#dadac5 url(../kenkai/images/kenkai_lv3title_bg.gif) 0 0 no-repeat;
}
.zaimu #contentsSec .lv3{
	/*IR情報*/
	background:#dadac5 url(../zaimu/images/zaimu_lv3title_bg.gif) 0 0 no-repeat;
}
.csr #contentsSec .lv3{
	/*CSR活動*/
	background:#dadac5 url(../csr/images/csr_lv3title_bg.gif) 0 0 no-repeat;
}
/* 4階層のページタイトル -------------------------------*/
#contentsSec .lv4{
	padding:8px 0 0 5px;
	background:url(../common/title4_bg.gif) 0 0 no-repeat;
	border-left:solid 1px #999;
	font-weight:bold;
	height:50px;
}
html>body #contentsSec .lv4{
	height:auto;
	min-height:50px;
}
#contentsSec .lv4 h1{
	padding:0;
	margin-top:4px;
	font-size:120%;
}
/* コンテンツタイトル（見出し大) ------------------------------------------*/
#mainContentsBlock h2{
	clear:both;
	height:23px;/*for IE6 Print*/
	margin-bottom:0.5em;
	font-size:120%;
	padding-bottom:6px;
	background:url(../common/headline1_bg.gif) left bottom no-repeat;
}
html > body #mainContentsBlock h2{
	height:auto;
}
/* コンテンツタイトル（見出し中) ------------------------------------------*/
#mainContentsBlock h3{
	margin-bottom:0.5em;
	font-size:120%;
	padding:3px 0 3px 5px;
	border-left:solid 6px #80acf3;
}
/* コンテンツタイトル（見出し小) ------------------------------------------*/
#mainContentsBlock h4{
	margin-bottom:0.3em;
	font-size:120%;
	padding-left:15px;
	background:url(../common/headline3_bg.gif) 0 0.3em no-repeat;
}
/* 罫線つき表組み --------------------------------------*/
#contentsSec table.borderTable {
	width:100%;
	margin-bottom:1em;
	border: solid 1px #999;
	border-collapse: collapse;
}
/* 表のタイトル */
#contentsSec table.borderTable caption{
	font-weight:bold;
	text-align: left;
}
/* 単位（表の右上に配置 タイトルがあるときのみ使用可） */
#contentsSec table.borderTable caption .unit{
	display:block;
	text-align:right;
	margin-top:-1.3em;
	font-size:86%;
	font-weight: normal;
}
#contentsSec table.borderTable th, 	
#contentsSec table.borderTable td{
	border: solid 1px #999;
	line-height: 1.3;
	padding:3px 6px;
	vertical-align:middle;
}
#contentsSec table th p, 	
#contentsSec table td p{
	margin-bottom:0;	
}
#contentsSec table.borderTable th.th1{
	font-weight:bold;
	text-align:center;
	background-color:#b2cdf8;
}
#contentsSec table.borderTable th{
	text-align: left; 
	font-weight: normal;
}
/* ベージュの色つきセル */
#contentsSec table.borderTable .color{
	background-color:#f0f0dc;
}
/* 水色の色つきセル */
#contentsSec table.borderTable .color2{
	background-color:#ccddee;
}
/* 薄い水色の色つきセル */
#contentsSec table.borderTable .color3{
	background-color:#d4e4fd;
}
/* グレーの色つきセル */
#contentsSec table.borderTable .colorGray{
	color:#FFF;
	background-color:#666666;
}
/*------------------------------------------------------*/
/* 罫線なしの表組み ------------------------------------*/
#contentsSec table.noBorderTable {
	width:100%;
	margin-bottom:1em;
	border:none;
}
#contentsSec table.noBorderTable th, 	
#contentsSec table.noBorderTable td{
	margin:0;
	border:none;
	line-height: 1.3;
	padding:3px 6px;
}
/* ベージュの色つきセル */
#contentsSec table.noBorderTable .color{
	background-color:#f0f0dc;
}
/* サステナビリティレポート ------------------------------------*/
#annual #contentsSec table.noBorderTable th,
#annual #contentsSec table.noBorderTable td,
#report #contentsSec table.noBorderTable th,
#report #contentsSec table.noBorderTable td{
		padding:2px 2px;
		vertical-align:middle;
	}
/*------------------------------------------------------*/
/* セル幅 ------------------------------------*/
#contentsSec table .width20{
width:20em;
}
#contentsSec table .width10{
width:10em;
}
/*------------------------------------------------------*/

/* 赤い色のテキスト ------------------------------------*/	
.important{
	color:#F00;
}
/* newマーク ------------------------------------*/	
.new{
	color:#F00;
	font-weight:bold;
}
/* sup sub ------------------------------------*/	
#contentsSec sub{
	vertical-align:-1px;
}
#contentsSec sup a{
	vertical-align:text-top;
}
*:first-child+html #contentsSec sup{
	vertical-align:top;
}
/* 段落 ------------------------------------------------*/	
#contentsSec p{
	margin:0 0 1em 0;
	padding:0;
}
/* キャッチコピーやリード文（青太字）-------------------*/
#contentsSec p.catch{
	font-weight:bold;
	font-size:120%;
	color:#06c;
}
/* リスト （リストマークなし） -------------------------*/
#contentsSec ul,
#contentsSec ol,
#contentsSec dl{
	list-style-type:none;
}
/* リスト （リストマークあり） -------------------------*/
#contentsSec ul.list{
	list-style-type:disc;
	padding-left:2em;
}
#contentsSec ul.list li{
	margin:2px 0;
}
#contentsSec ul.list li li{
	list-style-type:circle;
	margin-left:34px;
}
/* 番号つきリスト -------------------------------------*/
#contentsSec ol.list{
	list-style-type: decimal;
	padding-left:1.3em;
}
#contentsSec ol.list li{
	margin-left:20px;
}
#contentsSec ol.list ol{
	padding-left:1em;
}
/* 注釈 -----------------------------------------------*/	
#contentsSec .note{
	color:#06c;
}
/* 注の説明文 */
#contentsSec .notes{
	font-size:86%;
	line-height:120%;
	margin:0.1em 0 0.1em 0;
}
/* アイコンつきリンク（白□→） ------------------------*/
#contentsSec a{
	text-decoration:underline;
}
#contentsSec .link,
#contentsSec .otherLink{
	padding-left:14px;
}
#contentsSec span.link,
#contentsSec span.otherLink{
	margin-left:0;
	text-indent:0;
}
#contentsSec .link,
#contentsSec h2.link{
	/*背景画像はsize_*.cssで上書き*/
}
#contentsSec .link a{
	text-decoration:none;
}
/* 別カテゴリへのリンク（オレンジ■→）----------*/
#contentsSec .otherLink{
	padding-left:13px;
	/*背景画像はsize_*.cssで上書き*/
}
#contentsSec .otherLink a{
	text-decoration:none;/* 通常下線なし*/
}
#contentsSec .link a:hover,
#contentsSec .otherLink a:hover{
	text-decoration:underline;/*マウスオーバーで下線表示*/
}
/* 小さなリンク オレンジ→小 -------------------------*/
#contentsSec .links,
.Index .links{
	padding-left:12px;
	/*背景画像はsize_*.cssで上書き*/
}
#contentsSec .links a,
.Index .links a{
	text-decoration:none;
}
#contentsSec .links a:hover,
.Index .links a:hover{
	text-decoration:underline;
}
/* pdfファイルへのリンク（pdfLink）、別ウィンドウリンク（openwinLink）、エクセルファイルへのリンク（xlsLink） */
#contentsSec .pdfLink,
#contentsSec .openwinLink{
	margin-left:16px;
	text-indent:-16px;
}
#contentsSec li.pdfLink,
#contentsSec li.openwinLink{
	padding-bottom:3px;
}
#contentsSec span.pdfLink,
#contentsSec span.openwinLink{
	margin-left:0;
	text-indent:0;
}
#contentsSec li.pdfLink,
#contentsSec li.openwinLink{
	background:none;
	padding-left:0;
}
#contentsSec .pdfLink a,
#contentsSec .openwinLink a,
#contentsSec .xlsLink a{
	/*通常下線なし*/
	text-decoration:none;
}
#contentsSec .pdfLink a:hover,
#contentsSec .openwinLink a:hover,
#contentsSec .xlsLink a:hover{
	/*マウスオーバーで下線表示*/
	text-decoration:underline;
}
#contentsSec .pdfLink img,
#contentsSec .openwinLink img{
	vertical-align:middle;
	padding:2px 0;/*for IE6*/
	margin-right:3px;
}
#contentsSec .xlsLink img{
	vertical-align:middle;
	padding:4px 0;/*for IE6*/
	margin-right:3px;
}
html > body #contentsSec .pdfLink img,
html > body #contentsSec .openwinLink img,
html > body #contentsSec .xlsLink img{
	vertical-align:middle;
	padding:0;
}
/*図のタイトル ---------------------------------------*/
#contentsSec .figTitle{
	display:block;
	font-weight:bold;
	border-bottom:solid 1px #999;
}
/*写真のキャプション ---------------------------------*/
#contentsSec .photoCaption{
	font-size: 86%;
	line-height: 125%;
}
/* 同一ページ内アンカーリンク ------------------------*/
/* 回りこみ解除(start) */
#contentsSec .innerLink ul:after,
#contentsSec .innerLink:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contentsSec .innerLink ul,
#contentsSec .innerLink{
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #contentsSec .innerLink ul,
html:first-child #contentsSec .innerLink{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
/* 回りこみ解除(end) */

#contentsSec .innerLink li{
	/* IE6 途中改行↓非表示回避 */
	display:inline;
	float:left;/*for IE6 */
	width:auto;/*for IE6 */
	padding-right:2em;
	border:solid 1px #fff;/*for IE6 */
	white-space:nowrap;/*for IE6 */
	background:url(../common/arrow_dwn.gif) no-repeat 0 0.4em ;
	padding-left:8px;
}
#contentsSec .innerLink li a{
	text-decoration:none;
}
#contentsSec .innerLink a:hover{
	text-decoration:underline;
}
/*アンカーリンクタイプで別ページリンクの場合*/
#contentsSec .innerLink li.link{
	margin-left:0;
	text-indent:0;
	padding-left:13px;
	/*背景画像はsize_*.cssで上書き*/
}
#contentsSec .innerLink li em{
	padding:2px 2px 2px 13px;
	text-indent:-13px;
	font-style:normal;
	font-weight:bold;
	background:#dadac5 url(../common/current_icon.gif) 3px 50% no-repeat;
}
html > body #contentsSec .innerLink li em{
	margin-left:-13px;
}
*:first-child+html #contentsSec .innerLink li em{
	margin-left:0;
}

/*----------------------------------------------------*/

/* toPagetop　ページの上へ ---------------------------*/	
#contentsSec .topOfPage{
	clear:both;
	float:right;
	padding-top:1em;
	padding-left:9px;	
	background:url(../common/arrow_pagetop.gif) 0 1.5em no-repeat;
}
#contentsSec .topOfPage a{
	text-decoration:none;/*通常下線なし*/
}
#contentsSec .topOfPage a:hover{
	text-decoration:underline;/*マウスオーバー時下線表示*/
}
/* 汎用機能別クラス ----------------------------------*/	
/* 回り込み ------------------------------------------*/
/* 左へ回り込み */
#contentsSec .floatLeft{
	float:left;
	margin-right:18px;
}
#contentsSec .floatLeft2{
	float:left;
	margin-right:10px;
}
/* 右へ回り込み */
#contentsSec .floatRight{
	float:right;
	margin-left:18px;
}
#contentsSec .floatRight2{
	float:right;
	margin-left:0;
}
/* 前の要素の回りこみを解除（左右） */
#contentsSec .clear{
	clear:both;
}
/* 前の要素の回りこみを解除（左のみ） */
#contentsSec .clearLeft{
	clear:left;
}
/* 前の要素の回りこみを解除（右のみ） */
#contentsSec .clearRight{
	clear:right;
}
/* 子要素の回りこみを解除した際の下余白 */
#contentsSec .clearfix{
	margin-bottom:1em;
}
/* プラグイン取得ブロック ------------------------------------*/
#contentsSec .getPlugin{
	font-size:86%;
	padding-top:20px;
	line-height:110%;
}
#contentsSec .getPlugin img{
	margin-bottom:2px;
}
#contentsSec .getPlugin a{
	text-decoration:none;
}
#contentsSec .getPlugin a:hover{
	text-decoration:underline;
}
#contentsSec .getPlugin .topOfPage{
	font-size:116%;
}
/* 回りこみ解除(start) */
#contentsSec .getPlugin:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contentsSec .getPlugin{
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #contentsSec .getPlugin{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
/* 回りこみ解除(end) */

/* 文字寄せ ------------------------------------------*/	
/* 中央寄せ */
#contentsSec .center{
	text-align: center; 
	margin-right:auto;
	margin-left:auto;
}
/* 左寄せ */	
#contentsSec .left{
	text-align: left;
}
/* 右寄せ */	
#contentsSec .right{
	text-align: right;
}
/* 上寄せ */	
#contentsSec .top{
	vertical-align:top;
}
/* 縦中央寄せ */	
#contentsSec .middle{
	vertical-align:middle;
}
/* 下寄せ */	
#contentsSec .bottom{
	vertical-align:bottom;
}
/* 細字（太字にする場合はstrongタグを使用） */
#contentsSec .lighter{
	font-weight:lighter;
}
/* 太字（意味的にはStrongでない場合） */
#contentsSec .bold{
	font-weight:bold;
}
/* 斜体 */
#contentsSec .italic{
font-style:italic;
}

/* 文字サイズ -----------------------------------------*/	
/* より小さく */
#contentsSec .smaller{
	font-size:80%;
}
/* より大きく */
#contentsSec .bigger{
	font-size:120%;
}
/* 要素の折り返し禁止 ------------------------------------*/
#contentsSec .nowrap{
	white-space:nowrap;
}
/* 前のページ、次のページリンク ------------------------*/	
#contentsSec .prevPage{
	float:left;
	padding-left:13px;
	background:url(../common/arrows_back.gif) 0 50% no-repeat;
}
#contentsSec .prevPage a{
	text-decoration:none;
}
#contentsSec .nextPage{
	float:right;
	padding-left:13px;
	background:url(../common/arrows_or.gif) 0 50% no-repeat;
}
#contentsSec .nextPage a{
	text-align:right;
	text-decoration:none;
}
#contentsSec .prevPage a:hover,
#contentsSec .nextPage a:hover{
	text-decoration:underline;
}
/*--------------------------------------------------------*/

/*段組み -------------------------------------------------*/
#contentsSec .layout2,
#contentsSec .layout3,
#contentsSec .layout4{
	width:534px;
}
/* 回りこみ解除(start) */
#contentsSec .layout2:after,
#contentsSec .layout3:after,
#contentsSec .layout4:after{/*回り込み解除*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#contentsSec .layout2,
#contentsSec .layout3,
#contentsSec .layout4{/*回り込み解除*/
	width: 100%;
	display:inline-block;
	/* Hide for Mac IE5 \*/
	width:auto;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
html:first-child #contentsSec .layout2,
html:first-child #contentsSec .layout3,
html:first-child #contentsSec .layout4{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
#contentsSec .layout2 .clearfix,
#contentsSec .layout3 .clearfix,
#contentsSec .layout4 .clearfix{/*回り込み解除*/
	 overflow:visible;/* Mac IE5 */
}
/* 回りこみ解除(end) */
/*2段組み (LR)*/
#contentsSec .layout2 .L{
	float:left;
	width:258px;
	margin-right:18px;
}
#contentsSec .layout2 .R{
	float:right;
	width:258px;
}
/*3段組み (LLR)*/
#contentsSec .layout3 .L{
	float:left;
	width:166px;
	margin-right:18px;
}
@media print {
	/* printメディアの場合にのみ適用 */
  body #contentsSec .layout3 .L{
	margin-right:17px;
}
}
#contentsSec .layout3 .R{
	float:right;
	width:166px;
}
/*3段組み (L2R1)*/
#contentsSec .layout3 .L2{
	float: left;
	width: 534px;
	margin-right: 18px;
}
#contentsSec .layout3 .R1{
	float:right;
	width:166px;
}
/*3段組み (L1R2)*/
#contentsSec .layout3 .L1{
	float:left;
	width:166px;
	margin-right:18px;
}
#contentsSec .layout3 .R2{
	float:right;
	width:350px;
}
/*4段組み (LLLR)*/
#contentsSec .layout4 .L{
	float:left;
	width:120px;
	margin-right:18px;
}
#contentsSec .layout4 .R{
	float:right;
	width:120px;
}
/*4段組み (L3R1)*/
#contentsSec .layout4 .L3{
	float:left;
	width:396px;
	margin-right:18px;
}
#contentsSec .layout4 .R1{
	float:right;
	width:120px;
}
/*4段組み (L1R3)*/
#contentsSec .layout4 .L1{
	float:left;
	width:120px;
	margin-right:18px;
}
#contentsSec .layout4 .R3{
	float:right;
	width:396px;
}
/*--------------------------------------------------------*/

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


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

フッターエリア
-------------------------------------------------------------------------------------------*/
#footerArea *{
	margin:0;
	padding:0;
}
#footerArea{
	clear:both;
	width:718px;
	padding:0 20px 20px 20px;
	margin:0 auto;
}
/*  コピーライト ---------------------------------------*/
#footerArea #copyright{
	clear:both;
	font-size:86%;
	padding-top:3px;
	margin-top:3px;
	border-top:solid 1px #ccc;
}
#footerArea #copyright{
	font-size:85%;
	color:#666;
}
#footerArea #bound{
	padding-top:3px;
	margin-top:-15px;
	text-align:right;
}
/*  フッターリンク -------------------------------------*/
#footerArea #footerLinkSec li{
	/* IE6 途中改行↓非表示回避 */
	display:block;
	float:left;/*for IE6 */
	width:auto;/*for IE6 */
	padding-right:15px;
	padding-left:12px;
	line-height:150%;
	/*背景画像はsize_*.cssで上書き*/
	white-space:nowrap;/*for IE6 */
}
#footerArea #footerLinkSec:after{
	/* for mozilla */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* 現在地表示 */
#footerArea #footerLinkSec li em{
	display:block;
	margin-left:-13px;
	padding-left:13px;
	font-style:normal;
	font-weight:bold;
	background:#dadac6 url(../common/current_icon.gif) 4px 0.6em no-repeat;
}
#footerArea #footerLinkRight{	
	float:right;
	}
/*/////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////////////
カテゴリトップ body.Index
/*========================================================
 コンテンツセクション　
========================================================*/
.Index #contentsSec{
	float:none;
	width:718px;
}
.Index #contentsSec h1{
	margin:0;
}

/* メインコンテンツブロック ----------------------------*/
.Index #mainContentsBlock{
	float:left;
	width:534px;
}
/* ブロック、パーツ（下階層のページよりもアキを少なめに）*/
.Index #mainContentsBlock .block{
	margin-bottom:2em;
}
.Index #mainContentsBlock .part{
	margin-bottom:1em;
}
/* 見出し（下線のみのデザイン） */
.Index #mainContentsBlock h2{
	padding-bottom:0;
	border-bottom:solid 1px #999;
	background:none;
	font-size:100%;
}
/* 見出し（リンクあり） */
.Index #mainContentsBlock h2.link,
.Index #mainContentsBlock h2.openwinLink,
.Index #mainContentsBlock h2.otherLink{
	margin-left:0;
	padding-bottom:0;
	border-bottom:solid 1px #999;
	text-indent:0;
}
/* サブナビ（メインコンテンツ下部、点線で区切る） */
#mainContentsBlock .subNavi,
.Index #mainContentsBlock .subNavi{
	margin:1em 0 2em 0;
	padding-top:2em;
	border-top:dashed 1px #999;
}
/*  サブコンテンツブロック（右エリア） */
.Index #subContentsBlock{
	float:right;
	width:166px;
}
.Index #subContentsBlock ul,
.Index #subContentsBlock ol{
	list-style-type:none;
}
/* ベージュ囲み */
.Index #subContentsBlock .info{
	padding:8px 0;
	background-color:#f0f0dc;
	line-height:135%;
	margin-bottom:20px;
}
/* ベージュ囲み内タイトル */
.Index #subContentsBlock .info h2{
	margin-bottom:0.3em;
	padding:0 8px 2px 8px;
	border-bottom:solid 1px #c1c19f;
	color:#527a99;
	font-size:100%;
}
.Index #subContentsBlock .info p,
.Index #subContentsBlock .info dl,
.Index #subContentsBlock .info ul{
	margin:0 8px 3px 8px;
}
.Index #subContentsBlock .info dt{
	font-weight:bold;
}
.Index #subContentsBlock .info dl{
	padding-bottom:0.2em;
}
.Index #subContentsBlock .info dd{
	margin-bottom:1em;
}
.Index #subContentsBlock .info dd img{
	vertical-align:middle;
	margin-right:2px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////////////
ポップアップページ（ロゴとコピーライトのみ）
*/
body.popup #all{
	background:none;/*通常ページで表示している背景（グレーの影）を消す*/
}
.popup #bodyArea,
.popup #contentsSec{
	/*通常ページで設定したのコンテンツ幅を解除*/
	width:100%;
	margin:0;
	padding:0;
}
.popup #mainContentsBlock{
	/*ページ余白を再設定*/
	padding:0 20px;
}
.popup #headerArea #corporateLogoBlock{
	position:static;
	/*通常ページでロゴを回り込ませているのを解除*/
	float:none;
}
.popup #headerArea{
	/* ヘッダーとコンテンツの余白再設定*/
	margin-bottom:30px;
}
.popup #footerArea{
	/* フッターとコンテンツの余白再設定*/
	padding-top:30px;
}
.popup #footerArea #copyright{
	/*通常ページでコピーライトを回り込ませているのを解除*/
	float:none;
}
/* 閉じるボタン */
#contentsSec .close{
	padding-top:2em;
	text-align:center;
}
#contentsSec .close a{
	padding-left:15px;
	background:url(../common/close_icon.gif) 0 50% no-repeat;
	text-decoration:none;
}
#contentsSec .close a:hover{
	text-decoration:underline;
}
/*/////////////////////////////////////////////////////////////////////////////////////////*/