@charset "utf-8";
/*
	wide.css
	作成日：100810
	更新日：101206
*/

/* ------------------------------------------------------------ レイアウト */
div#platform { width: 960px; }
* html div#platform { width: 961px; }
div.typeD div#mainContents { width: 720px; }
div.typeD div#localNavi { width: 230px; }
div.typeD div#localNavi dl,
div.typeD div#localNavi ul.related { margin: 0 0 10px 10px; }
div.typeD div#localNavi dl dt a { border-left: solid 1px #273C6E ; }
div.typeD div#localNavi dl dt a:hover { border-left: solid 1px #EF7E01 ; }

/* 1カラム(typeS) */
div.typeS div#mainContents {
	width: 960px;
	margin-left: 0;
}


div#globalNavi {
	width: 960px;
	height: 30px;
	background-image: url(/images/bg-gn.gif);
}

/* ------------------------------------------------------------ margin */
div#mainContents h1,
div#mainContents h2,
div#mainContents h3,
div#mainContents h4,
div#mainContents hr,
div#mainContents p.image,
div#mainContents dl.image,
div#mainContents div.productsColumnA p,
div#mainContents div.productsColumnA p.image,
div#mainContents div.boxedItem,
div#mainContents table,
div#mainContents ul.footnote { margin-left: 10px; }
div#mainContents ul.sectionNavi { margin-left: 20px; }

div#mainContents h5,
div#mainContents h6,
div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl { margin-left: 25px; }

/* h2の上マージン追加　
body#avio div#mainContents h2 { margin-top: 30px; }*/ 
/* totopの上マージン追加　*/ 
div#mainContents p.totop {
	margin-top: 10px;
	line-height: 1.4;
}
 
/* ------------------------------------------------------------ メインコンテンツ */
/* H1横のお問い合わせボタン */
* html div#mainContents div.heading { margin-bottom: 6px; }
*:first-child+html div#mainContents div.heading { margin-bottom: 6px; overflow: auto }

div#mainContents div.heading h1 {
	float: left;
/*	margin: 0 10px 0 0;*/
}
* html div#mainContents div.heading h1 { margin-left: 5px; }
div#mainContents div.heading ul.arrowBtn {
	float: right;
	clear: none;
	margin: 0 10px 10px 0;
}
* html div#mainContents div.heading ul.arrowBtn { margin-right: 3px; }



div.typeD div#mainContents table { width: 700px; }
div.typeD div#mainContents div.column3B table { width: 448px; }
div.typeD div#mainContents div.column4B table { width: 340px; }
div.typeD div#mainContents div.column4C table { width: 520px; }
div.typeD div#mainContents div.boxedItem table { width: 670px; }

div.typeD div#mainContents table.fixed { table-layout: fixed; }

div.typeS div#mainContents table { width: 940px; }

div.column3A { width: 33.3%; }
div.column3B { width: 66.6%; }


div#mainContents div.productsColumnA { width: 40%; }
div#mainContents div.productsColumnB { width: 60%; }


div#mainContents p.flashContents {
	clear: both;
	text-align: center;
}

div#mainContents dl.image dd { margin-bottom: 10px; }

div#mainContents ul.links { clear: both; }

ul.itemRow li {
	float: left;
	width: 31.5%;
	background-image: url(/common/images/bg-square.gif);
	background-position: 0.1em 0.6em;
	background-repeat: no-repeat;
	padding-left: 12px;
}

* html div.typeS div#mainContents ul.linksRow li { width: 49%; }

/* ------------------------------------------------------------ ローカルナビ */
div#localNavi dl dd ul li,
div#localNavi ul.related li { border-width: 0 1px 1px 1px; }

/* flapper */
div#localNavi dl dd ul li a.flapper { background-image: url(/common/images/bg-arrow-flapper-w.gif); }
div#localNavi dl dd ul li a:hover.flapper,
div#localNavi dl dd ul li.expanded a:hover.flapper,
div#localNavi dl dd ul li.current a.flapper { background-image: url(/common/images/bg-arrow-flapper-on-w.gif); }
div#localNavi dl dd ul li.expanded a.flapper { background-image: url(/common/images/bg-arrow-flapper-off-w.gif); }
div#localNavi dl dd ul li.expanded a:hover.flapper { background-color: #E3E3E3; }

/* 別窓アイコン */
div#localNavi dl dd ul li.outside a {
	background-image: url("/common/images/bg-arrow-icon-win.gif");
	background-repeat: no-repeat;
}
div#localNavi dl dd ul li.outside a:hover {
	background-image: url("/common/images/bg-arrow-icon-win-on.gif");
	background-repeat: no-repeat;
}

div#localNavi p.bnr { margin: 0 0 10px 10px; }
/* ------------------------------------------------------------ フッター */
div#utilitiesNavi dl {
	width: 184px;
	_height: 1%;
}
div#utilitiesNavi.en dl { width: 230px; }

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

/* Hides from IE-mac \ */
* html div#mainContents div.btn,
* html div.heading,
* html ul.itemRow { height: 1%; }
*:first-child+html div.heading { height: 1%; }
div#mainContents div.btn,
div.heading,
ul.itemRow { display: block; }
/* End hide from IE-mac */

/* ------------------------------------------------------------ プリント用 */
@media print{
* html body { zoom: 67%; }
* html div#globalNavi ul li a img { width: 135px; }
* html div#globalNavi.en ul li a img,
* html div#globalNavi.ch ul li a img { width: 191px; }

* html div#mainContents div.column3A p.image,
* html div#mainContents div.column4A p.image,
* html div#mainContents div.column3A dl.image,
* html div#mainContents div.column4A dl.image { margin: 10px 9px; }

* html div.typeD div#mainContents div.column4B table { width: 335px; }

div.typeD div#mainContents div.column4A { width: 180px; } /* firefox用 */
div.typeD div#mainContents div.column4B { width: 360px; } /* firefox用 */

div#mainContents ul.btn li a,
div#mainContents ul.arrowBtn li a { display:inline-block; }

* html div#mainContents div.heading { width: 710px; }
}


/* EOF */