@charset "UTF-8";



/*
	--------------------------------
	更新日: 2008-12-16
	--------------------------------
*/



/* --------------------------------
	コンテナ
-------------------------------- */

div#container { position:relative; margin:0 auto 0 auto; padding:0 0 50px 0; width:400px; text-align:left; }



/* --------------------------------
	タイトル
-------------------------------- */

h2 { padding:50px 0 0 0; }
h2 img { display:block; }



/* --------------------------------
	本文
-------------------------------- */

div#article { width:100%; }
div#article .section { padding:20px 0 0 0; width:100%; }
/* div#article .section.detail_a { display:none; }display -> toggle */

div#article .section h3 { padding:20px 0 0 0; border-bottom:1px solid #B4B4B4; }
div#article .section h3 img { display:block; }

div#article .section .txt { padding:20px 0 0 0; font-size:75%; line-height:1.417; }

div#article .section .note { padding:2px 0 0 0; font-size:62.5%; line-height:1.4; }
*:first-child+html body.jp div#article .section .note { font-size:56.3%; }/* IE 7 */
* html body.jp div#article .section .note { font-size:57%; }/* IE 6 以前 */
* html body.en div#article .section .note { font-size:63%; }/* IE 6 以前 */
body.jp div#article .section .note {}
body.en div#article .section .note { padding:10px 0 0 0; }

div#article .section .footnote { padding:20px 0 0 0; font-size:62.5%; line-height:1.4; }
*:first-child+html body.jp div#article .section .footnote { font-size:56.3%; }/* IE 7 */
* html body.jp div#article .section .footnote { font-size:57%; }/* IE 6 以前 */
* html body.en div#article .section .footnote { font-size:63%; }/* IE 6 以前 */

div#article .section h4 { margin:0 0 -10px 0; padding:20px 0 0 0; }
div#article .section h4 img { display:block; }

div#article .section .img { padding:20px 0 0 0; }
div#article .section .img img { display:block; }

div#article .section ul { padding:20px 0 0 0; width:100%; font-size:75%; line-height:1.417; }
div#article .section ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
div#article .section ul { display:inline-block; }
/*\*/
* html div#article .section ul { height:1%; }
div#article .section ul { display:block; }
/**/
div#article .section ul li { clear:both; width:100%; float:left; }
div#article .section ul li .mkr { width:18px; float:left; }
div#article .section ul li .txt { padding:0 0 0 0; width:382px; font-size:100%; float:left; }

div#article .section .column { margin:0 -10px 0 -10px; width:420px; }
div#article .section .column:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
div#article .section .column { display:inline-block; }
/*\*/
* html div#article .section .column { height:1%; }
div#article .section .column { display:block; }
/**/
div#article .section .column .content { padding:0 10px 0 10px; width:190px; float:left; }



/* --------------------------------
	LINK
-------------------------------- */

div#link { margin:40px 0 0 0; width:100%; }
div#link h3 {}
div#link .list { width:100%; }
div#link .list ul { width:100%; }
div#link .list ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
div#link .list ul { display:inline-block; }
/*\*/
* html div#link .list ul { height:1%; }
div#link .list ul { display:block; }
/**/
div#link .list ul li { clear:both; position:relative; border-bottom:1px solid #B4B4B4; padding:10px 0 10px 20px; width:380px; float:left; }
* html div#link .list ul li { clear:none; float:none; }/* IE 6 以前 */
div#link .list ul li .toggle { position:absolute; left:0; top:11px; width:11px; }
div#link .list ul li .toggle img { display:block; cursor:pointer; }
div#link .list ul li .toggle img:active { outline:1px dotted #B30000; }
div#link .list ul li h4 { font-size:75%; line-height:1.25; }
div#link .list ul li h4 a { display:block; padding:0 0 0 18px; width:362px; background:no-repeat 0 0.1em; }
div#link .list ul li h4 a:link,
div#link .list ul li h4 a:visited { background-image:url(../images/technology_library/detail/html/arw_01.gif); }
div#link .list ul li h4 a:hover,
div#link .list ul li h4 a:active { background-image:url(../images/technology_library/detail/html/arw_01_ov.gif); }
div#link .list ul li ul { display:none; font-size:62.5%; line-height:1.3; }/* display -> toggle */
*:first-child+html body.jp div#link .list ul li ul { font-size:56.3%; }/* IE 7 */
* html body.jp div#link .list ul li ul { font-size:57%; }/* IE 6 以前 */
* html body.en div#link .list ul li ul { font-size:63%; }/* IE 6 以前 */
div#link .list ul li ul li { border:none; padding:10px 0 0 18px; width:362px; }
div#link .list ul li ul li a { display:block; padding:0 0 0 14px; width:348px; background:no-repeat 0 0.2em; }
div#link .list ul li ul li a:link,
div#link .list ul li ul li a:visited { background-image:url(../images/technology_library/detail/html/arw_02.gif); }
div#link .list ul li ul li a:hover,
div#link .list ul li ul li a:active { background-image:url(../images/technology_library/detail/html/arw_02_ov.gif); }



/* --------------------------------
	CLOSE
-------------------------------- */

p#close { position:absolute; right:0; top:9px; width:35px; }
p#close img { cursor:pointer; }
p#close img:active { outline:1px dotted #B30000; }