@charset "shift_jis";

/*
	キャンペーングローバル用設定
	最終更新： 2009-04-13
*/

/* --------------------------------------------------ブラウザスタイルの初期化 */
div#mainContents * {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/* --------------------------------------------------スタイルの初期化（グローバルのみ） */
div#mainContents p,
div#mainContents h1,
div#mainContents h2,
div#mainContents h3 {
	margin: 0px;
	padding: 0px;
	height: auto;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	background-image: none;
}

/* --------------------------------------------------ボディスタイル */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka;
}

/* --------------------------------------------------文字サイズ、行間を指定 */
div#mainContents p,
div#mainContents h1,
div#mainContents h2,
div#mainContents h3,
div#mainContents h4,
div#mainContents h5,
div#mainContents h6 {
	font-size: 83%;
	line-height: 1.3;
}

div#mainContents ol li,
div#mainContents ul li,
div#mainContents dl dt {
	font-size: 83%;
	line-height: 1.3;
	list-style: none;
}

div#mainContents li li,
div#mainContents li li li {
	font-size: 100%;
}

/* --------------------------------------------------注釈 */
div#mainContents p.notes,
div#mainContents ul.notes { margin-top: 5px; }

div#mainContents p.notes,
div#mainContents ul.notes li { font-size: 70%; line-height: 1.3;  }

div#mainContents span.notes em,
div#mainContents p.notes em,
div#mainContents ul.notes li em { clear: both; margin-right: 2px; }

/* リスト */
div#mainContents ul.list li {
	clear: both;
	padding-left: 10px;
	line-height: 1.3;
	background-image: url(/common/images/mark-dot.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
}

div#mainContents ol.list { padding-left: 1.2em; _padding-left: 1.4em; }
div#mainContents ol.list li { list-style: decimal; line-height: 1.3; }

div#mainContents p.notes,
div#mainContents ul.notes,
div#mainContents ol.notes { clear: both; }

div#mainContents li ul.notes li {
	font-size: 84%;
	padding-left: 0;
	background: none;
}

div#mainContents ul.notes li ul.list li {
	margin-left: 1em;
	font-size: 100%;
}

div#mainContents ul.list ul li,
div#mainContents ol.list ul li {
	font-size: 100%;
}

div#mainContents ul li ul.shortcut li,
div#mainContents ol li ul.shortcut li,
div#mainContents ul li ul.shortcut05 li,
div#mainContents ol li ul.shortcut05 li,
div#mainContents ul li ul.shortcut10 li,
div#mainContents ol li ul.shortcut10 li { font-size: 100%; }

div#mainContents ul.list ul.notes li {
	margin-top: 5px;
	font-size: 84%;
}

div#mainContents ol ul.notes li,
div#mainContents ol ul.shortcut li,
div#mainContents ol ul.shortcut05 li,
div#mainContents ol ul.shortcut10 li { margin-left: -1em; }

div#mainContents span.notes {
	font-size: 84%;
	padding-left: 0;
	background: none;
}

/* --------------------------------------------------テキスト関連 */
div#mainContents em { color:#900;}
div#mainContents strong { font-weight: bold; }
div#mainContents strong.em { color:#900; }

/* -------------------------------------------------- フォーム周り */
div#mainContents input,
div#mainContents select { font-size: 83%; }

/* -------------------------------------------------- リンク色の設定 */
div#mainContents a,a:link { color: #0B4A9E; text-decoration: underline; }
div#mainContents a:hover { color: #0099FF; }

div#mainContents a:visited { color: #6666FF; }
div#mainContents a:active { color: #0099FF; }

div#mainContents a, img { border: 0; }

/* --------------------------------------------------コンテナ左マージン指定 */
div#mainContents h3,
div#mainContents h4,
div#mainContents h5,
div#mainContents h6,
div#mainContents p,
div#mainContents ol,
div#mainContents ul,
div#mainContents dl,
div#mainContents table,
div#mainContents input,
div#mainContents select,
div#mainContents div.ratio5-5,
div#mainContents div.ratio3-7,
div#mainContents div.ratioA,
div#mainContents div.ratioB {
	margin-left: 20px;
}

/* エリア内マージン */
div#mainContents div.actionArea h3,
div#mainContents div.actionArea h4,
div#mainContents div.actionArea h5,
div#mainContents div.actionArea h6,
div#mainContents div.actionArea p,
div#mainContents div.actionArea ol,
div#mainContents div.actionArea ul,
div#mainContents div.actionArea dl,
div#mainContents div.actionArea table,
div#mainContents div.relationArea h3,
div#mainContents div.relationArea h4,
div#mainContents div.relationArea h5,
div#mainContents div.relationArea h6,
div#mainContents div.relationArea p,
div#mainContents div.relationArea ol,
div#mainContents div.relationArea ul,
div#mainContents div.relationArea dl,
div#mainContents div.relationArea table {
	margin-left: 10px;
	margin-right: 10px;
}

/* UL入れ子マージン */
div#mainContents ul ul { margin: 0; }

/* --------------------------------------------------H1要素 */
div#mainContents h1 {
	margin: 0 10px;
	padding: 0 0 3px 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	background-image: url(/common/images/bg-h1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* --------------------------------------------------H2要素 */
div#mainContents h2 {
	width: 515px;
	min_height: 24px;
	_height: 24px;/* IE対策 */
	margin: 0 15px 15px 15px;
	padding-left: 7px;
	border-bottom: 1px solid #D9D9D9;
	font-weight: bold;
	line-height: 24px;
	background-image: url(/common/images/bg-h2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F2F2F2;
}

div#mainContents h2 { margin: 0 15px 15px 15px; }
div#mainContents div.col3A h2,
div#mainContents div.col3B h2,
div#mainContents div.col4A h2,
div#mainContents div.col4C h2,
div#mainContents div.col4B h2,
div#mainContents div.colExA h2,
div#mainContents div.colExB h2 { margin: 0 0 15px 20px; }

div#mainContents div.actionArea h2,
div#mainContents div.relationArea h2 {
	_display: inline;/* IE対策 */
	min_height: auto;
	_height: 1em;/* IE対策 */
	line-height: 1;
	margin: 0 10px 15px 10px;
	padding-left: 0;
	border: none;
	background-image: none;
	background-color: transparent;
}

/* --------------------------------------------------H3要素 */
div#mainContents h3 {
	margin-bottom: 10px;
	border-bottom: 2px solid #258AD0;
	color: #258AD0;
	font-weight: bold;
	line-height: 1.3;
}

/* H3幅 */
div#mainContents h3 { margin-right: 20px; 
	width: 505px;}
div#mainContents div.col3A h3,
div#mainContents div.col3B h3,
div#mainContents div.col4A h3,
div#mainContents div.col4B h3,
div#mainContents div.col4C h3 { margin-right: 0; }
div#mainContents div.colExA h3,
div#mainContents div.colExB h3,
div#mainContents div.actionArea div.col4B h3,
div#mainContents div.relationArea div.col4B h3 { margin-right: 10px; }

/* --------------------------------------------------H4要素 */
div#mainContents h4 {
	margin-bottom: 5px;
	color: #666;
	font-weight: bold;
	line-height: 1.3;
}

/* --------------------------------------------------P要素 */
div#mainContents p { margin-right: 20px; }
div#mainContents div.col3A p,
div#mainContents div.col3B p,
div#mainContents div.col4A p,
div#mainContents div.col4C p,
div#mainContents div.col4B p,
div#mainContents div.colExA p,
div#mainContents div.colExB p { margin-right: 0; }
div#mainContents div.actionArea div.col4B p,
div#mainContents div.relationArea div.col4B p { margin: 0 10px; }

div#mainContents p.image { text-align: center; margin-left: 0px; }
div#mainContents table p.image { text-align: center; margin-left: 7px; }

/* --------------------------------------------------メインコンテンツエリア */
div#platformT1 div#mainContents {
	width: 545px;
	text-align: left;
}

/* --------------------------------------------------ロケーター */
div#mainContents div.locator {
	clear: both;
	width: 545px;
	margin-bottom: 30px;
}

/* clearfix */
.locator:after,
.locatorA:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.locator,
.locatorA { display: inline-table; }

/* Hides from IE-mac ＼*/
* html .locator,
* html .locatorA { height: 1%; }
.locator,
.locatorA { display: block; }
/* End hide from IE-mac */

/* -------------------------------------------------- マージン指定 */
div#mainContents .mar00 { margin-bottom: 0px !important; }
div#mainContents .mar05 { margin-bottom: 5px !important; }
div#mainContents .mar10 { margin-bottom: 10px !important; }
div#mainContents .mar15 { margin-bottom: 15px !important; }
div#mainContents .mar30 { margin-bottom: 30px !important; }

/* --------------------------------------------------リンク関連 */
div#mainContents p.shortcut,
div#mainContents p.shortcut05,
div#mainContents p.shortcut10,
div#mainContents span.shortcut10,
div#mainContents ul.shortcut li,
div#mainContents ul.shortcut05 li,
div#mainContents ul.shortcut10 li,
div#mainContents p.toTop,
div#mainContents p.toTopA,
div#mainContents p.inside,
div#mainContents ul.inside li {
	clear: both;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left 0.5em;
	line-height: 1.3;
}

div#mainContents p.shortcut,
div#mainContents p.shortcut05,
div#mainContents p.shortcut10,
div#mainContents ul.shortcut li,
div#mainContents ul.shortcut05 li,
div#mainContents ul.shortcut10 li { background-image: url(/common/images/mark-triangle-black.gif); }
div#mainContents p.toTopA,
div#mainContents p.toTop { background-image: url(/common/images/mark-triangle-up.gif); }
div#mainContents p.inside,
div#mainContents ul.inside li { background-image: url(/common/images/mark-triangle-down.gif); }

div#mainContents p.toTop {
	display: inline;
	margin-right: 21px;
	font-size: 70%;
	background-position: left 0.2em;
	line-height: 1.3;
}

div#bottomContents p.toTop {
	clear: both;
	width: 106px;
	_width: 121px;/* IE対策 */
	min_height: 20px;
	_height: 20px;/* IE対策 */
	margin-left: 818px;
	padding-left: 15px;
	background-image: url(/common/images/mark-totop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F2F2F2;
	font-size: 70%;
	line-height: 20px;
}

/* ポップアップ */
div#platformP1 div#bottomContents p.toTop { margin-left: 508px; }

/* マージン指定 */
div#mainContents .shortcut05 { margin-top: 5px; }
div#mainContents .shortcut10 { margin-top: 10px; }

/* アイコン */
div#mainContents span.win {
	padding-right: 12px;
	background-image: url(/common/images/ico-win.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#mainContents span.outside {
	padding-right: 12px;
	background-image: url(/common/images/ico-outside.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#mainContents span.pdf {
	padding-right: 15px;
	background-image: url(/common/images/ico-pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* --------------------------------------------------ボタン */
div#mainContents p.btnShortcut,
div#mainContents ul.btnShortcut li {
	float: left;/* FF用例外措置 */
	width: auto;
	margin-right: 20px;
	min-height: 20px;
	_height: 23px;
	_margin-left: 10px;/* IE対応 */
	padding: 3px 5px 3px 12px;
	border: 1px solid #D9D9D9;
	background-image: url(/common/images/btn-shortcut.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EFEFEF;
	line-height: 1.3;
}

div#mainContents table p.btnShortcut { margin-right: 7px; }

div#mainContents div.btn p.btnBack {
	float: left;
	min-width: 34px;
	min-height: 23px;
	_margin-left: 10px;/* IE対応 */
	padding-right: 8px;
	padding-left: 15px;
	border: 1px solid #D9D9D9;
	background-image: url(/common/images/btn-back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #EFEFEF;
	line-height: 23px;
}
	
div#mainContents div.btn p.btnNext {
	float: right;
	min-width: 34px;
	min-height: 23px;
	margin-right: 20px;
	_margin-right: 10px;/* IE対応 */
	padding-right: 15px;
	padding-left: 8px;
	border: 1px solid #D9D9D9;
	background-image: url(/common/images/btn-next.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #EFEFEF;
	text-align: right;
	line-height: 23px;
}

/* clearfix */
div#mainContents div.btn:after,
div#mainContents ul.btnShortcut:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#mainContents div.btn,
div#mainContents ul.btnShortcut { display: inline-table; }

/* Hides from IE-mac ＼*/
* html div#mainContents div.btn,
* html div#mainContents ul.btnShortcut { height: 1%; }
div#mainContents div.btn,
div#mainContents ul.btnShortcut { display: block; }
/* End hide from IE-mac */

/* --------------------------------------------------カラムセット */
/* ローカルナビなし */
div.col3A { width: 309px; float: left; }
div.col3B { width: 618px; float: left; }

div.col4A { width: 232px; float: left; }
div.col4B { width: 464px; float: left; }
div.col4C { width: 696px; float: left; }

/* ローカルナビあり */
div#platformT1 div.col3A,
div#platformT2 div.col3A { width: 254px; }
div#platformT1 div.col3B,
div#platformT2 div.col3B { width: 506px; }

div#platformT1 div.col4A,
div#platformT2 div.col4A { width: 190px; }
div#platformT1 div.col4B,
div#platformT2 div.col4B { width: 380px; }
div#platformT1 div.col4C,
div#platformT2 div.col4C { width: 570px; }

/* カード系で使用 */
div#platformT1 div.colExA,
div#platformT2 div.colExA { width: 205px; float: left; }
div#platformT1 div.colExB,
div#platformT2 div.colExB { width: 555px; float: left; }

/* エリア内で使用 */
div#platformT1 div.colExC,
div#platformT2 div.colExC { width: 370px; float: left; }
div#platformT1 div.actionArea div.col4B,
div#platformT1 div.relationArea div.col4B,
div#platformT2 div.actionArea div.col4B,
div#platformT2 div.relationArea div.col4B { width: 370px; }

/* ポップアップ */
div#platformP1 div.col3A { width: 206px; }
div#platformP1 div.col3B { width: 412px; }

div#platformP1 div.col4A { width: 154px; }
div#platformP1 div.col4B { width: 309px; }
div#platformP1 div.col4C { width: 463px; }

/* --------------------------------------------------コンテナ */
div.container { margin: 0 0 10px 0; }

/* エリア内コンテナ */
div.actionArea .container,
div.relationArea .container { margin: 0;}

/* clearfix */
.container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.container { display: inline-table; }

/* Hides from IE-mac ＼*/
* html .container { height: 1%; }
.container { display: block; }
/* End hide from IE-mac */

/* --------------------------------------------------コンテナ内2カラム */
div#mainContents div.image { text-align: center; }

div#mainContents div.ratioA div.image,
div#mainContents div.ratioB div.image { display: inline; margin-left: 10px; }

/* 幅指定 新5:5*/
div#mainContents div.ratioA .image,
div#mainContents div.ratioA .text { float: left; margin: 0; padding: 0; }
div#mainContents div.ratioA p,
div#mainContents div.ratioA ul,
div#mainContents div.ratioA ol { margin-left: 0; }

div#platformT1 div.ratioA div.text { width: 365px; }
div#platformT1 div.ratioA div.image { width: 365px; }

div#platformT1 div.col4A div.ratioA div.text { width: 80px; }
div#platformT1 div.col4A div.ratioA div.image { width: 80px; }
div#platformT1 div.col4B div.ratioA div.text { width: 175px; }
div#platformT1 div.col4B div.ratioA div.image { width: 175px; }
div#platformT1 div.col4C div.ratioA div.text { width: 225px; }
div#platformT1 div.col4C div.ratioA div.image { width: 225px; }

div#platformT1 div.col3A div.ratioA div.text { width: 112px; }
div#platformT1 div.col3A div.ratioA div.image { width: 112px; }
div#platformT1 div.col3B div.ratioA div.text { width: 238px; }
div#platformT1 div.col3B div.ratioA div.image { width: 238px; }

/* 幅指定 新3:7 */
div#mainContents div.ratioB .image,
div#mainContents div.ratioB .text { float: left; margin: 0; padding: 0; }
div#mainContents div.ratioB p,
div#mainContents div.ratioB ul,
div#mainContents div.ratioB ol { margin-left: 0; }

div#platformT1 div.ratioB div.text { width: 490px; }
div#platformT1 div.ratioB div.image { width: 240px; }

div#platformT1 div.col4A div.ratioB div.text { width: 105px; }
div#platformT1 div.col4A div.ratioB div.image { width: 60px; margin-left: 5px !important; }
div#platformT1 div.col4B div.ratioB div.text { width: 230px; }
div#platformT1 div.col4B div.ratioB div.image { width: 120px; }
div#platformT1 div.col4C div.ratioB div.text { width: 370px; }
div#platformT1 div.col4C div.ratioB div.image { width: 180px; }

div#platformT1 div.col3A div.ratioB div.text { width: 144px; }
div#platformT1 div.col3A div.ratioB div.image { width: 80px; }
div#platformT1 div.col3B div.ratioB div.text { width: 332px; }
div#platformT1 div.col3B div.ratioB div.image { width: 144px; }

/* clearfix */
div#mainContents div.ratioA:after,
div#mainContents div.ratioB:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#mainContents div.ratioA,
div#mainContents div.ratioB { display: inline-table; }

/* Hides from IE-mac ＼*/
* html div#mainContents div.ratioA,
* html div#mainContents div.ratioB { height: 1%; }
div#mainContents div.ratioA,
div#mainContents div.ratioB { display: block; }
/* End hide from IE-mac */

/* --------------------------------------------------カラム内2カラム */
div#mainContents div.ratio5-5 .image,
div#mainContents div.ratio3-7 .image { display: inline; margin-left: 10px !important; }

/* 幅指定 5:5*/
div#mainContents div.ratio5-5 .image,
div#mainContents div.ratio5-5 .text { float: left; margin: 0; padding: 0; }
div#mainContents div.ratio5-5 p,
div#mainContents div.ratio5-5 ul,
div#mainContents div.ratio5-5 ol { margin-left: 0; }

div#platformT1 div.ratio5-5 .text { width: 365px; }
div#platformT1 div.ratio5-5 .image { width: 365px; }

div#platformT1 div.col4A div.ratio5-5 .text { width: 80px; }
div#platformT1 div.col4A div.ratio5-5 .image { width: 80px; }
div#platformT1 div.col4B div.ratio5-5 .text { width: 175px; }
div#platformT1 div.col4B div.ratio5-5 .image { width: 175px; }
div#platformT1 div.col4C div.ratio5-5 .text { width: 225px; }
div#platformT1 div.col4C div.ratio5-5 .image { width: 225px; }

div#platformT1 div.col3A div.ratio5-5 .text { width: 112px; }
div#platformT1 div.col3A div.ratio5-5 .image { width: 112px; }
div#platformT1 div.col3B div.ratio5-5 .text { width: 238px; }
div#platformT1 div.col3B div.ratio5-5 .image { width: 238px; }

/* 幅指定 3:7 */
div#mainContents div.ratio3-7 .image,
div#mainContents div.ratio3-7 .text { float: left; margin: 0; padding: 0; }
div#mainContents div.ratio3-7 p,
div#mainContents div.ratio3-7 ul,
div#mainContents div.ratio3-7 ol { margin-left: 0; }

div#platformT1 div.ratio3-7 .text { width: 490px; }
div#platformT1 div.ratio3-7 .image { width: 240px; }

div#platformT1 div.col4A div.ratio3-7 .text { width: 105px; }
div#platformT1 div.col4A div.ratio3-7 .image { width: 60px; margin-left: 5px !important; }
div#platformT1 div.col4B div.ratio3-7 .text { width: 230px; }
div#platformT1 div.col4B div.ratio3-7 .image { width: 120px; }
div#platformT1 div.col4C div.ratio3-7 .text { width: 370px; }
div#platformT1 div.col4C div.ratio3-7 .image { width: 180px; }

div#platformT1 div.col3A div.ratio3-7 .text { width: 144px; }
div#platformT1 div.col3A div.ratio3-7 .image { width: 80px; }
div#platformT1 div.col3B div.ratio3-7 .text { width: 332px; }
div#platformT1 div.col3B div.ratio3-7 .image { width: 144px; }

/* clearfix */
div#mainContents div.ratio5-5:after,
div#mainContents div.ratio3-7:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#mainContents div.ratio5-5,
div#mainContents div.ratio3-7 { display: inline-table; }

/* Hides from IE-mac ＼*/
* html div#mainContents div.ratio5-5,
* html div#mainContents div.ratio3-7 { height: 1%; }
div#mainContents div.ratio5-5,
div#mainContents div.ratio3-7 { display: block; }
/* End hide from IE-mac */

/* --------------------------------------------------アイテム */
div.itemL { clear: both; }
div.itemC { clear: both; text-align: center; }
div.itemR { clear: both; text-align: right; }

div#mainContents div.itemR { margin-bottom: 10px; }/* toTop */

/* clearfix */
div.itemL:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.itemL { display: inline-table; }

/* Hides from IE-mac ＼*/
* html div.itemL { height: 1%; }
div.itemL { display: block; }
/* End hide from IE-mac */

/* --------------------------------------------------カラムCP用上書き */
div#platformT1 div.col4A { width: 131px; float: left; }
div#platformT1 div.col4B { width: 262px; float: left; }
div#platformT1 div.col4C { width: 393px; float: left; }
div#platformT1 div.col4D { width: 525px; }

div#platformT1 div.colExC { width: 252px; float: left; }

/* --------------------------------------------------アクション・関連情報エリア */
div#mainContents div.actionArea h2 {
	color:#996600;
	font-weight: bold;
}

/* エリア定義・左右ボーダーを表示 */
div#mainContents div.actionArea,
div#mainContents div.relationArea {
	width: 505px;
	margin: 0 0 30px 20px;
	background-image: url(/common/images/bg-cam-border-gray.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

div#mainContents div.actionArea { background-color: #FFFDDD; }
div#mainContents div.relationArea { background-color: #DFF0FF; }

/* 上画像の表示 */
div#mainContents div.actionArea .top,
div#mainContents div.relationArea .top {
	margin: 0;
	padding: 10px 0 0 0;
	background-repeat: no-repeat;
	background-position: left top;
}

div#mainContents div.actionArea .top { background-image: url(/common/images/bg-cam-action-top.gif); }
div#mainContents div.relationArea .top { background-image: url(/common/images/bg-cam-relation-top.gif); }

/* 下画像の表示 */
div#mainContents div.actionArea div.section,
div#mainContents div.relationArea div.section,
div#mainContents div.actionArea div.sector,
div#mainContents div.relationArea div.sector {
	padding-bottom: 17px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#mainContents div.actionArea div.section { background-image: url(/common/images/bg-cam-action-bottom.gif); }
div#mainContents div.relationArea div.section { background-image: url(/common/images/bg-cam-relation-bottom.gif); }

/* エリア内ロケーター */
div#platformT1 div.actionArea div.locator,
div#platformT1 div.relationArea div.locator {
	width: 505px;
	margin-bottom: 0px;/* 一時的指定 */
}

/* --------------------------------------------------H */
div#mainContents p.keyVisual {
	margin-left: 20px;
}

div#mainContents h2 {
	width: 515px;
}
div#mainContents h3 {
	width: 505px;
}

/* -------------------------------------------------- */
div#platformT1 div.ratio5-5 .text { width: 247px; }
div#platformT1 div.ratio5-5 .image { width: 247px; }

div#platformT1 div.col4A div.ratio5-5 .text { width: 80px; }
div#platformT1 div.col4A div.ratio5-5 .image { width: 80px; }
div#platformT1 div.col4B div.ratio5-5 .text { width: 175px; }
div#platformT1 div.col4B div.ratio5-5 .image { width: 175px; }
div#platformT1 div.col4C div.ratio5-5 .text { width: 225px; }
div#platformT1 div.col4C div.ratio5-5 .image { width: 225px; }

/* --------------------------------------------------エリア内 H2 width解除 */
div#platformT1 div.actionArea div.section h2,
div#platformT1 div.relationArea div.section h2, {
	width: auto;
}

/* --------------------------------------------------table要素 */
div#mainContents table {
	border-collapse: collapse;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

/* テーブル幅指定 */
div#mainContents table { width: 740px; }
div#mainContents div.col3A table { width: 234px; }
div#mainContents div.col3B table { width: 486px; }
div#mainContents div.col4A table { width: 170px; }
div#mainContents div.col4B table { width: 360px; }
div#mainContents div.col4C table { width: 550px; }
div#mainContents div.colExB table { width: 535px; }
div#mainContents div.actionArea div.col4B table { width: 350px; }

div#platformP1 table { width: 598px; }
div#platformP1 div.col4A table { width: 170px; }
div#platformP1 div.col4B table { width: 289px; }
div#platformP1 div.col4C table { width: 550px; }
div#platformP1 div.colExB table { width: 535px; }

/* セル指定 */
div#mainContents table th {
	padding: 5px 0;
	background-color: #E6E4D7;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	vertical-align: middle;
}

div#mainContents table thead th {
	width: auto;
	text-align: center;
	background-color: #CAC9BE;
}

div#mainContents table td {
	padding: 5px 0;
	background-color: #F5F4E8;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}

div#mainContents table td.borNone,
div#mainContents table td.borNone {
	border-left: none;
	border-bottom: none;
}

div#mainContents table th.bgA { border-left: none; }

/* 横マージンの設定 */
div#mainContents table p,
div#mainContents table ul,
div#mainContents table ol,
div#mainContents table dl {
	margin-right: 7px !important;/* カラム内のマージン0を上書き */
	margin-left: 7px;
}/* 縦をtdのpaddingでとるのは、セル内でpタグが連続した場合の上下マージンをなくす為 */

/* 幅設定 */
div#mainContents table.double td { width: 50%; }
div#mainContents table.triple td { width: 33.3%; }
div#mainContents table.quadruple td { width: 25%; }
div#mainContents table.quintuple td { width: 20%; }

/* アイコン用 */
div#mainContents div.col4B table.icon,
div#mainContents div.col3A table.icon { clear: both; width: auto; }

div#mainContents table.icon td,
div#mainContents table.transparent td {
	background-color: #FFF;
}

div#mainContents table.vTop thead th,
div#mainContents table.vTop thead td,
div#mainContents table.vTop tbody th,
div#mainContents table.vTop tbody td { vertical-align: top; }

div#mainContents table.priceList tbody td p { text-align: center; }


/* EOF */