@charset "utf-8";

/* [/customer/* irregular]================================================*/
img { vertical-align:bottom; }

body { background:#FFFFFF url(/cmn/img/bg_body_trouble.gif) repeat-x center top; }
body #container { width:750px; margin:0 auto; }
body #container #header { width:750px; height:auto; margin:0 auto 0 0; height:auto; }
body #container #content { width:670px; margin:0 auto 0 auto; padding:40px; background-color:#FFFFFF; background-image:none; }
body #container #article { width:670px; margin:0 auto 20px auto; }
body #footer{ width:670px; margin:0 auto; }

p.category-name { margin:0; padding:92px 0 40px 0; height:auto; background:none; }
p.category-name img { margin:0; padding:0 0 0 21px;; height:auto; background:none; }

a { color:#D0576D; text-decoration:underline; }
a:link { color:#D0576D; text-decoration:underline; }
a:hover { color:#D0576D; text-decoration:underline; }
a:active { color:#D0576D; text-decoration:underline; }
a:visited { color:#D0576D; text-decoration:underline; }

.article-title { margin-bottom:15px; padding:0 0 8px 0; border-bottom:1px solid #AFAFB0; color:#383C3C; background-color:#FFFFFF; font-size:123.1%; }
.section-title { margin-bottom:17px; padding:0 4px; font-size:93%; line-height:2em; font-weight:bold; color:#FFFFFF; background-color:#798692; }
.checkered { padding-bottom:6px; border:0; background:transparent url(/corp/cmn/img/bg_checkered01.gif) repeat-x center bottom; }

.section { margin-top:29px; }
.section .section { margin-top:40px; }
.section .section .section { margin-top:36px; }
.section.firstChild { margin-top:0; }
.section .section.firstChild { margin-top:0; }
.section .section .section.firstChild { margin-top:0; }

p.ci { margin-top:0; }
p { margin:0 0 1.66em 0; }

div.schema .image { margin-bottom:13px; }
div.frame { margin-bottom:29px; padding:10px; border:1px solid #c0c6c9; } 
div.frame p { margin:0; color:#383c3c; font-weight:bold; }


h1 { margin-bottom:20px; padding:0 4px; font-size:93%; line-height:1.6em; font-weight:bold; color:#FFFFFF; background-color:#798692; }
h2 { margin:0 0 17px 0; font-size:93%; font-weight:bold; line-height:1.2em; }
h3 { margin-bottom:30px; font-size:108%; font-weight:bold; line-height:1.2em; }
h4 { margin:0 0 17px 0; margin-bottom:15px; font-size:108%; font-weight:bold; line-height:1.2em; }

table { width:100%; border:1px solid #AFAFB0; font-size:93%; vertical-align:center; color:#383C3C; }
table caption { font-size:97%; font-weight:bold; color:#524E4D; padding-bottom:5px; }
table th ,
table td { padding:6px 9px 4px 9px; text-align:center; border:1px solid #AFAFB0; }
table thead tr th { padding:10px 15px; background-color:#EBEFF2; font-weight:bold; }
table tbody tr td ,
table tbody tr th { text-align:left; }
table tr.c1 th ,
table tr.c1 td { background-color:#FDEEF0; }
table tr.c2 th ,
table tr.c2 td { background-color:#F9D4DA; }
table tr.hr th ,
table tr.hr td { border-top-width:2px; }
table tr th.sentence ,
table tr td.sentence { text-align:left; }

table.fast thead tr th { font-weight:normal; }

p.pagetop { margin:30px 0 80px 0; padding:0px; }
div.control { margin:27px 0 0 0; text-align:center; }

p.answer { font-size:123.1%; font-weight:bold; margin:0 0 16px 0; line-height:1.2em; font-family:monospace; }

div.overview { float:right; margin-left:30px; }

.section div.text { float:left; width:420px; }
.section div.text p { margin:1.66em 0 0 0; }
.section div.text p.firstChild { margin-top:0; }
.section div.image { float:right; width:220px; padding-top:3px; }
.section div.image img { vertical-align:bottom; }
.section div.image div { text-align:center; }
.section div.image div img { margin-top:20px; }
.section div.image div img.firstChild { margin-top:0; }
.section div.image p { font-size:77%; margin:5px 0 0 0; line-height:1.2em; }
.section div.image p.center { text-align:center; }
.section div.image p.right { text-align:right; }
.section .type1 div.text { width:450px; }
.section .type1 div.image { width:220px; }
.section .type2 div.text{ width:390px; }
.section .type2 div.image{ width:250px; }
.section .type3 div.text{ width:480px; }
.section .type3 div.image{ width:160px; }

ul.square-list { }
ul.square-list li { list-style:none; padding-left:14px; background:transparent url(/cmn/img/icon_square04.gif) no-repeat 0 0.55em; font-size:93%; }
ul.square-list > li { background-position: 0 0.5em; font-size:93%; }

ol.darrow-list li { display:block; list-style:none; font-size:93%; width:100%; line-height:1.2em; }
ol.darrow-list li a { display:block; padding:3px 0 0 14px; background:transparent url(/cmn/img/icon_darrow.gif) no-repeat 0 0.7em; color:#383C3C !important; text-decoration:none !important; }
ol.darrow-list li > a { background-position: 0 0.7em; }
ol.darrow-list li a:link { color:#383C3C !important; text-decoration:none !important; }
ol.darrow-list li a:active { color:#D0576D !important; text-decoration:underline !important; }
ol.darrow-list li a:visited { color:#383C3C !important; text-decoration:none !important; }
ol.darrow-list li a:hover { color:#D0576D !important; text-decoration:underline !important; }

ol.darrow-list li a span { font-weight:bold; font-family:monospace; }

div.frame { padding:38px; background-color:#F5F7F8; border:1px solid #DCDDDD; }


/* popUp 01
------------------------------------------------------------*/
.popup1 h2 span { font-weight:normal; font-family:monospace;}
.popup1 .example { margin-top:1.66em; }
.popup1 .example h4.example-image { position:relative; padding:32px 0 32px 0; margin-bottom:15px; font-size:108%; font-weight:bold; line-height:1.2em; background:#FFFFFF url(/cmn/img/bg_dotted.gif) repeat-x left top; }
.popup1 .example h4.example-image img { position:absolute; top:10px; left:0; }
.popup1 .example h4.example-image span { display:block; position:absolute; top:32px; left:80px; }

.popup1 .section { margin:60px 0 0 0; }
.popup1 .section .pagetop { margin:0; }

/* popUp 02
------------------------------------------------------------*/
.popup2 .section { margin-top:60px; }
.popup2 .section .pagetop { margin:0; }
.popup2 .section .frame { margin:27px 0 0 0; }

/* popUp 03
------------------------------------------------------------*/
.popup3 h1 { margin-bottom:20px; padding:0 4px; font-size:93%; line-height:2em; font-weight:bold; color:#FFFFFF; background-color:#798692; }
.popup3 h2 { font-size:108%; }
.popup3 .section { margin-top:50px; }