@charset "utf-8";

/* [/customer/*]================================================*/
/* CF-*
------------------------------------------------------------*/

/* ----- for local local menu ----- */
#customer div.local-index1 div { margin-bottom:30px; }
#customer div.local-index1 div div { float:left; width:225px; min-height:108px; margin:0 0 0 20px; }
#customer div.local-index1 div div.odd { clear:both; margin-left:0; }
#customer div.local-index1 div div img { vertical-align:bottom; }
#customer div.local-index1 div div p { margin-top:5px; }
#customer ul.local-index2 { clear:both; width:660px; margin-left:30px; margin-top:60px; border-width:5px 5px 5px 5px; border-style:solid; border-color:#DEE5E9; }
#customer ul.local-index2 li { float:left; width:330px; }
#customer ul.local-index2 li img { vertical-align:bottom; }
#customer ul.local-index3 {  }
#customer ul.local-index3 li { }
#customer ul.local-index3 li img { vertical-align:bottom; }
#customer ul.local-index3 li p { margin:6px 0 27px 0; }
#customer ul.local-index3 li.no-description { margin-bottom:30px; }

/* ----- for index.html ----- */
p.appeal { margin:0 0 60px 30px; }
p.catch { margin:50px 0 20px 30px; }
p.appeal-1 { margin:0 0 1.66em 30px; }
p.appeal-2 { margin:0 0 77px 30px; }
.index p.appeal { margin:0 0 50px 0; }
.index p.catch { margin:50px 0 20px 0; }
.index p.appeal-1 ,
.index p.appeal-2 { margin-left:0; }

/* ----- patterns ----- */
.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 { margin:50px 0 0 30px; }
.section .section.firstChild { margin-top:40px; }
.section .section { margin:60px 0 0 0; padding:0; }
.section .section .section { margin:40px 0 0 0; }
.section .section .section .section { margin:25px 0 0 0; }

.index .section { margin:50px 0 0 0; }
.index .section .section { margin:40px 0 0 0; padding:0; }
.index .section .section .section { margin:40px 0 0 0; }
.index .section .section .section .section { margin:25px 0 0 0; }

.section p { margin-bottom:1.66em; }

.section p.image { }
div.control { clear:both; text-align:right; }
div.control.center { text-align:center; }

div.controls { clear:both; }
div.controls div.prev { float:left; }
div.controls div.next { float:right; }

div.controls.pager ul { float:left; margin-top:0.7em; width:500px; font-size:93%; text-align:center; line-height:1em; }
div.controls.pager ul li { display:inline; border-left:1px solid #AFAFB0; }
div.controls.pager ul li.firstChild { border-left:0 none; }
div.controls.pager ul li a { display:inline-block; color:#383C3C; font-weight:bold; padding:0 12px; }
div.controls.pager ul li.current a { color:#D0576B; }

div.controls.tabs { position:relative; margin:0; padding:0; height:23px; }
div.controls.tabs ul li { float:left; width:120px; padding:0 5px 0 0; text-align:center;}
div.controls.tabs ul li a { display:block; border:1px solid #AFAFB0; background:transparent }
div.controls.tabs.top { margin-top:50px; border-bottom:1px solid #AFAFB0; }
div.controls.tabs.top ul { position:absolute; top:1px; left:30px; }
div.controls.tabs.top ul li a { border-width:1px 1px 1px 1px; border-style:solid border-color:#AFAFB0; background:#FFFFFF; }
div.controls.tabs.top ul li a:hover ,
div.controls.tabs.top ul li.current a { background-color:#FFFFFF; padding-bottom:1px; border-bottom:none; }

div.controls.tabs.bottom { margin-bottom:0px; border-top:1px solid #AFAFB0; }
/* <for IE6 border debug > */
div.controls.tabs.bottom  ul { position:absolute; bottom:0px; left:30px; }
div.controls.tabs.bottom > ul { bottom:1px; }
/* </for IE6 border debug> */
div.controls.tabs.bottom ul li a { border-width:1px 1px 1px 1px; border-style:solid border-color:#AFAFB0; background:#FFFFFF; }
div.controls.tabs.bottom ul li a:hover ,
div.controls.tabs.bottom ul li.current a { background-color:#FFFFFF; padding-top:1px; border-top:none; }


p.supplement { margin-top:40px; font-size:77%; }
ul.supplement { margin-top:40px; font-size:77%; }
p.strict-definition { margin-top:10px; font-size:77%; line-height:1.2em; }
ul.strict-definition { margin-top:10px; font-size:77%; line-height:1.2em; }

li.indent1 ,
dt.indent1 { text-indent:1em; }
li.indent2 ,
dt.indent2 { text-indent:2em; }
li.indent3 ,
dt.indent3 { text-indent:3em; }
li.indent4 ,
dt.indent4 { text-indent:4em; }
li.indent5 ,
dt.indent5 { text-indent:5em; }
li.indent6 ,
dt.indent6 { text-indent:6em; }
li.indent7 ,
dt.indent7 { text-indent:7em; }
li.indent8 ,
dt.indent8 { text-indent:8em; }
li.indent9 ,
dt.indent9 { text-indent:9em; }
li.indent10 ,
dt.indent10 { text-indent:10em; }

p.indent1 { padding-left:1em; text-indent: -1em; }
ul.indent1 { padding-left:1em; text-indent: -1em; }
p.indent2 { padding-left:1.5em; text-indent: -1.5em; }
ul.indent2 { padding-left:1.5em; text-indent: -1.5em; }
p.indent3 { padding-left:1.7em; text-indent: -1.7em; }
ul.indent3 { padding-left:1.7em; text-indent: -1.7em; }
p.indent4 { padding-left:7.5em; text-indent: -7.5em; }
ul.indent4 { padding-left:7.5em; text-indent: -7.5em; }

#customer dl.supplement { position:relative; margin-top:40px; }
#customer dl.supplement dt { position:absolute; left:0; background:none; }
#customer dl.supplement dt { padding:0; margin:0; }
#customer dl.supplement dd { padding:0; margin:0; padding:0 0.5em 0 12px; background:transparent url(/corp/cmn/img/bg_colon10pt.gif) no-repeat 0 0.4em;  }

dl.supplement { position:relative; font-size:77%; width:100%; }

/* 1.7em */
#customer dl.supplement.indent1-7 dt { width:1.7em; }
#customer dl.supplement.indent1-7 dd { margin-left:1.7em; margin-bottom:0; }

/* 2em */
#customer dl.supplement.indent2 dt { width:2em;  }
#customer dl.supplement.indent2 dd { margin-left:3em; }

/* 3em */
#customer dl.supplement.indent3 dt { width:3em;  }
#customer dl.supplement.indent3 dd { margin-left:4em; }

/* 4em */
#customer dl.supplement.indent4 dt { width:4em;  }
#customer dl.supplement.indent4 dd { margin-left:5em; }

/* 4.5em */
#customer dl.supplement.indent4-5 dt { width:4.5em; }
#customer dl.supplement.indent4-5 dd { margin-left:5.5em; }

/* 5em */
#customer dl.supplement.indent5 dt { width:5em;  }
#customer dl.supplement.indent5 dd { margin-left:6em; }

/* 6em */
#customer dl.supplement.indent6 dt { width:6em;  }
#customer dl.supplement.indent6 dd { margin-left:7em; }

/* 7em */
#customer dl.supplement.indent7 dt { width:7em;  }
#customer dl.supplement.indent7 dd { margin-left:8em; }

/* 7.5em */
#customer dl.supplement.indent7-5 dt { width:7.5em; }
#customer dl.supplement.indent7-5 dd { margin-left:8.5em; }

/* 8em */
#customer dl.supplement.indent8 dt { width:8em; }
#customer dl.supplement.indent8 dd { margin-left:9em; }

/* 8.5em */
#customer dl.supplement.indent8-5 dt { width:8.5em; }
#customer dl.supplement.indent8-5 dd { margin-left:9.5em; }

/* 9em */
#customer dl.supplement.indent9 dt { width:9em; }
#customer dl.supplement.indent9 dd { margin-left:10em; }

/* 9.5em */
#customer dl.supplement.indent9-5 dt { width:9.5em; }
#customer dl.supplement.indent9-5 dd { margin-left:10.5em; }

/* 10em */
#customer dl.supplement.indent10 dt { width:10em; }
#customer dl.supplement.indent10 dd { margin-left:11em; }

/* 10.5em */
#customer dl.supplement.indent10-5 dt { width:10.5em; }
#customer dl.supplement.indent10-5 dd { margin-left:11.5em; }

/* 11em */
#customer dl.supplement.indent11 dt { width:11em; }
#customer dl.supplement.indent11 dd { margin-left:12em; }

.attached { margin-top:40px; }

.images { margin-top:40px; }
.images div { float:left; width:320px; margin-left:30px; }
.images div.firstChild ,
.images div.odd { margin:0; }
.images img { vertical-align:bottom; }
.images p { margin:3px 0 0 0; font-size:77%; }

.scene .images div { width:280px; }
.index .images div { width:335px; }

.images-3 { margin-top:40px; }
.images-3 div { float:left; width:210px; margin:0 0 0 20px; }
.images-3 div.firstChild ,
.images-3 div.odd { margin:0; }
.images-3 img { vertical-align:bottom; }
.images-3 p { margin:3px 0 0 0; font-size:77%; }

.images.multi div { margin-bottom:30px; }
.images-3.multi div { margin-bottom:20px; }

div.frame { margin:40px 0 0 0; padding:39px; border:1px solid #DCDDDD; background-color:#FFFFFF; }
div.frame.firstChild{ margin:50px 0 40px 30px; }
div.frame .section { margin:40px 0 0 0; }
div.frame .section.firstChild { margin:0; }
div.frame h2 ,
div.frame h3 ,
div.frame h4 ,
div.frame h5 ,
div.frame h6 { margin:0 0 15px 0; padding:0 0 0 0; }
div.frame p { margin:1.66em 0 0 0; }
div.frame p.firstChild { margin:0; }
div.frame div.text p { margin:1.66em 0 0 0; }
div.frame div.text p.firstChild { margin:0; }
div.frame div.image { float:left; width:120px; }
div.frame div.image img { vertical-align:bottom; }
div.frame div.text { float:right; width:440px; }

.section .section div.voice ,
.section div.voice ,
div.voice { margin:40px 0 0 0; padding:39px; border:1px solid #DCDDDD; background-color:#F5F7F8; }

.section .section div.voice .section ,
.section div.voice .section , 
div.voice .section { margin:40px 0 0 0; }

.section .section div.voice .firstChild ,
.section div.voice .firstChild , 
div.voice .firstChild { margin:0; }

.section .section div.voice .section div.part ,
.section div.voice .section div.part ,
div.voice .section div.part { margin:40px 0 0 0; }

.section .section div.voice .section div.part.firstChild ,
.section div.voice .section div.part.firstChild ,
div.voice .section div.part.firstChild { margin:30px 0 0 0; }

div.voice .voice-title { margin:0 0 30px 0; padding:0 0 0 0; }
div.voice p { margin:1.66em 0 0 0; }
div.voice p.firstChild { margin:0; }
div.voice div.text p { margin:1.66em 0 0 0; }
div.voice div.image { float:left; width:120px; }
div.voice div.image img { vertical-align:bottom; }
div.voice div.text { float:right; width:440px; }


.section .section div.scene ,
.section div.scene ,
div.scene { margin:40px 0 0 0; padding:40px; background-color:#DEE5E9; }

div.scene.firstChild { margin-left:30px; }

.section .section div.scene .section ,
.section div.scene .section ,
div.scene .section { margin:0; }
div.scene h1 ,
div.scene h2 ,
div.scene h3 ,
div.scene h4 ,
div.scene h5 ,
div.scene h6 { margin:0; padding:0 0 27px 0; }
div.scene .section .section { margin-top:50px; }
div.scene .section .section h1 ,
div.scene .section .section h2 ,
div.scene .section .section h3 ,
div.scene .section .section h4 ,
div.scene .section .section h5 ,
div.scene .section .section h6 { margin:0; padding:0 0 20px 0; }

div.overview { float:right; margin-left:30px; }
div.overview p { padding:3px 0 0 0; font-size:77%; }

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:15px; background-color:#FFFFFF; font-weight:bold; }
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 { background-color:#EBEFF2; }

ul.square-list { }
ul.square-list li { list-style:none; padding-left:19px; background:transparent url(/corp/cmn/img/icon_square01.gif) no-repeat 0.3em 0.55em; font-size:93%; }

dl.square-list { }
dl.square-list dt { padding-left:12px; background:transparent url(/corp/cmn/img/icon_square01.gif) no-repeat 0 0.55em; font-size:93%; }

ul.disc-list { }
ul.disc-list li { list-style:none; padding-left:12px; background:transparent url(/corp/cmn/img/icon_disc02.gif) no-repeat 0.4em 0.6em; font-size:93%; }


ol.decimal { margin:19px 0 0 0; font-size:93%; list-style:decimal; }
ol.decimal li { text-indent:1px; }

dl.artless-list { position:relative; font-size:93%; }
dl.artless-list dt { position:absolute; left:0; width:60px; background:transparent url(/corp/cmn/img/bg_colon12pt.gif) no-repeat 75% 40%; }
dl.artless-list dd { margin-bottom:3px; padding-left:60px; }

h1 { color:#383C3C; font-weight:bold; }
h2 { margin:0 0 20px 0; line-height:1.4em; color:#383C3C; font-size:123.1%; font-weight:bold; }
h3 { margin:0 0 10px 0; line-height:1.4em; color:#383C3C; font-size:108%; font-weight:bold; }
h4 { margin:0 0 15px 0; line-height:1.4em; color:#383C3C; }
h5 { margin:0 0 10px 0; line-height:1.4em; color:#383C3C; font-size:93%; font-weight:bold; }

h1 span.sub ,
h2 span.sub ,
h3 span.sub ,
h4 span.sub ,
h5 span.sub ,
h6 span.sub { display:block; padding-bottom:2px; font-size:77%; font-family:sans-serif; font-weight:normal; line-height:1.4em;}

ul.range { padding-top:1px; background:transparent url(/corp/cmn/img/bg_dotted.gif) repeat-x left top; font-size:93%; }
ul.range li { display:block; padding-bottom:1px; background:transparent url(/corp/cmn/img/bg_dotted.gif) repeat-x left bottom; }
ul.range li a { display:block; padding:10px 0 10px 30px; }
ul.range li a.pdf { display:block; padding:14px 0 14px 30px; background-position:0 9px; }

ul.range.marker li { position:relative; padding-left:59px; width:611px; }
ul.range.marker li span { position:absolute; top:1.05em; left:0; width:59px; font-size:85%; font-family:sans-serif; }
ul.range.marker li a { padding:10px 0 10px 30px; }
ul.range.marker li a.pdf { padding:14px 0 14px 30px; }


/* ----- title pattern ----- */
.article-title { margin-bottom:15px; padding-bottom:6px; border-bottom:1px solid #AFAFB0; }
.section-title { margin-bottom:27px; padding-bottom:6px; border-bottom:1px solid #AFAFB0; }
.section-title.checkered { margin-bottom:7px; padding-bottom:5px; line-height:1.2em; }
.group-title { margin-top:40px; padding-bottom:10px; }
.caption { margin:40px 0 5px 0; font-size:93%; font-weight:bold; }
/* ----- title pattern for text ----- */
.article-title.variable { padding-bottom:3px; font-family:monospace; }
.section-title.variable { padding-bottom:3px; font-family:monospace; }
.group-title.variable { padding-bottom:3px; font-family:monospace; }
/* ----- title pattern option ----- */
.no-border { padding-bottom:0px; border-bottom:0px; }
.variable span.dotted { display:inline-block; padding-bottom:3px; background:transparent url(/corp/cmn/img/bg_dotted.gif) repeat-x center bottom;  }

.profile { line-height:1.3em; padding-top:1px; }

.checkered { border:0; background:transparent url(/corp/cmn/img/bg_checkered01.gif) repeat-x center bottom; }
a.pdf { display:inline-block; padding:5px 0 11px 30px; background:#FFFFFF url(/corp/cmn/img/icon_pdf.gif) no-repeat 0 0px; color:#524E4D; text-decoration:none; line-height:1em; }
a.pdf:link { text-decoration:none; color:#524E4D; }
a.pdf:hover { color:#D0576B; text-decoration:underline; }

p.prev { margin:50px 0 0 30px; }
.section p.prev { margin:50px 0 0 0; }

span.new { margin-left:7px; line-height:1em; }
span.new img { margin-top:2px; vertical-align:top; }


#customer .section-area { margin-bottom:75px; }
#customer .section-area.last { margin-bottom:0; }
#customer .section-area p { margin:7px 0 27px 0; }
#customer .section-area ul { margin:0; }
#customer .section-area li { margin:0 0 20px 29px; float:left; }
#customer .section-area li.circle { margin-left:0; clear:both; }
#customer .section-area li.bottom-none { margin-bottom:0; }
#customer .section-area li.boxblock a {width:264px; display:block; }


#customer .numsection-area { margin-bottom:0; }
#customer .numsection-title { margin-bottom:20px; padding-bottom:6px; border-bottom:1px solid #AFAFB0; }
#customer .number-area { width:670px; height:43px; background:url(/corp/cmn/img/bg_contact.gif) no-repeat center bottom; }
#customer .number-area p { padding:13px 0 0 17px; margin:0; float:left;}
#customer .number-area p.mail{ padding:16px 0 0 72px; }



/* CF-1
------------------------------------------------------------*/
#customer .news-area { padding:30px 28px; margin-bottom:50px; background-color:#FFFFFF; border:1px solid #DCDDDD }
#customer .news-area table { width:640px; margin-top:20px; border:none; }
#customer table.customer { font-size:100%; border:none; }
#customer table.customer td.day { padding:4px 0 0 0; width:62px; font-size:77%; line-height:1em; text-align:left; vertical-align:top; border:none; }
#customer table.customer td.information { padding:0; font-size:93%; text-align:left; border:none; }
#customer table.customer thead { display:none; }

#customer .qa-area { padding:18px 0 80px 0; margin-bottom:80px; }
#customer .newsqa-area { margin:0; padding:17px 0 18px 30px; background: url(/corp/cmn/img/bg_dotted.gif) repeat-x scroll left bottom; }
#customer .newsqa-area h2 { margin:0 0 0 -30px; padding:20px 0 0 30px; background: url(/corp/cmn/img/bg_dotted.gif) repeat-x scroll left top; }
#customer .newsqa-area table { width:640px; margin-top:17px; }

#customer .section-title2 { padding-top:19px; background: transparent url(/corp/cmn/img/bg_checkered01.gif) repeat-x scroll center top; }

#customer .troubled-area { position:relative; padding:17px 0 17px 30px; margin-bottom:80px; background: transparent url(/corp/cmn/img/bg_checkered01.gif) repeat-x scroll center bottom; }
#customer .troubled-area h2 { position:absolute; top:17px left:30px; width:101px; margin:0; }
#customer .troubled-area .matter { padding:0 0 0 229px; width:441px; }
#customer .troubled-area .matter li { margin-bottom:8px; width:441px; font-size:93%; background: url(/corp/cmn/img/bg_dotted.gif) repeat-x scroll center bottom; }
#customer .troubled-area .matter li a { padding-left:10px; background:url(/cmn/img/icon_arrow01.gif) no-repeat scroll left center;  }

#customer div.local-index4 div { margin-bottom:30px; }
#customer div.local-index4 div div { float:left; width:220px; min-height:108px; margin:0 0 0 20px; }
#customer div.local-index4 div div.odd { clear:both; margin-left:0; }
#customer div.local-index4 div div img { vertical-align:bottom; }
#customer div.local-index4 div div p { margin-top:7px; line-height:1.4em; }

/* CF-1-2
------------------------------------------------------------*/
#customer div.detail .control { margin-top:20px; }

/* CF-2
------------------------------------------------------------*/
#customer .text-area { margin-bottom:79px; }
#customer .text-area p { margin-bottom:20px; }
#customer p.text-support { margin:63px 0 59px 97px; }
#customer p.text-knowledge { margin-bottom:78px; }

#customer div.local-index5 div { margin-bottom:20px; }
#customer div.local-index5 div div { float:left; width:335px; min-height:73px; margin:0 0 0 20px; }
#customer div.local-index5 div div.odd { clear:both; margin-left:0; }
#customer div.local-index5 div div img { vertical-align:bottom; }
#customer div.local-index5 div div p { margin-top:7px; line-height:1.4em; }

/* CF-2-1
------------------------------------------------------------*/
#customer .graph-area { padding:25px 0 35px 25px; }

#customer .means { margin-top:18px; }
#customer .means dt { font-weight:bold; }
#customer .means dd { }

/* CF-2-2
------------------------------------------------------------*/

/* CF-2-3
------------------------------------------------------------*/
#customer table.product { margin:48px 0 30px 0; border:solid 1px #AFAFB0; }
#customer table.product th { font-weight:bold; height:44px; text-align:center; border:solid 1px #AFAFB0; }
#customer table.product td.desire { padding:10px; text-align:left; vertical-align:top; background-color:#F9D4DA; border:solid 1px #AFAFB0; }
#customer table.product td.improvement { padding:10px; text-align:left; vertical-align:top; background-color:#FCEAED; border-right:none; }
#customer table.product td.img { background-color:#FBF4D7; border-left:none; }
/* CF-2-4
------------------------------------------------------------*/

/* CF-2-5
------------------------------------------------------------*/
#customer div.rule { margin:30px 0 70px 0; clear:both; }
#customer div.rule p { position:relative; width:530px; }
#customer div.rule img { margin-right:20px; vertical-align:bottom; }
#customer div.rule a.rule-link { position:absolute; left:180px; bottom:0; }
#customer div.rule a.rule-link span { position:absolute; width:0; height:0; text-indent:-9999px; }

/* CF-4-1
------------------------------------------------------------*/

/* CF-4-2
------------------------------------------------------------*/

/* CF-5
------------------------------------------------------------*/
body.voice .section { position:relative; }
body.voice .section div.image { float:left; width:150px; }
body.voice .section div.text .button { position:absolute; width:130px; right:0px; bottom:0; }

body.voice h1.section-title { font-size:108%; padding:3px 0 5px 0; line-height:1.2em; }

body.voice .customer { margin-bottom:40px; }
body.voice .customer.last { margin-bottom:20px; }
body.voice .customer div.text { float:right; width:550px; }
body.voice .customer div.image { float:left; width:90px; padding-top:3px; }

body.voice .improvement div.text { float:left; width:390px; }
body.voice .improvement div.image { float:right; width:250px; padding-top:3px; }
body.voice p.image { margin-top:50px; }
body.voice .prev { margin:80px 0 0 30px; }

/* EOF*/

