@charset "shift_jis";

/*
	全体レイアウト設定
	最終更新： 2006-10-10
*/

/* --------------------------------------------------メインコンテンツエリア */
div#platformT1 div#mainContents {
	width: 545px;
	margin: 0 auto;
	_margin-left: 117px;/* IE対応 */
}

/* --------------------------------------------------ロケーター */
/* ローカルナビあり */
div#platformT1 div.locator {
	width: 545px;
}

/* --------------------------------------------------カラム */
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,
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 { 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 { 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; }

/*EOF*/