@charset "utf-8";

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

body { background:#FFFFFF /*url(/customer/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; }

.link a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.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(/customer/cmn/img/bg_checkered01.gif) repeat-x center bottom;}
.checkered2 { padding-bottom:6px; border:0; background:transparent url(/customer/cmn/img/bg_checkered02.gif) repeat center bottom; line-height:28px; }

.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; }
table.air-usage tr th,
table.air-usage tr td { padding:5px 2px; text-align:center; vertical-align:middle; }

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; }
p.answer2 { font-size:108%; font-weight:bold; margin:1.66em 0; line-height:1.2em; }

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

.section div.text { float:left; width:420px; }
.section div.text2 { float:left; width:470px; }
.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(/customer/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(/customer/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; }
.mt10 { margin-top:10px; }
.text-red { color:#D0576B; }

/* 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(/customer/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; }
.popup1 .section.title-top { margin-top: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; }

.attention-box { border:#999 solid 1px; padding:15px; margin:20px 0; }
.attention-box h3{ margin-bottom:8px; } 
.attention-box .lastChild{ margin-bottom:0; } 
.section div.text .attention-box p{ margin-top:0; }
.section div.text .attention-box p.new-line{ margin-top:1em; }
.image-box3 { overflow:hidden; margin-top:20px; }
.image-box3 .column{ width:180px; float:left; margin-left:65px; }
.image-box3 .column-width200{ width:200px; float:left; }
.image-box3 .column:first-child{ margin:0px; }
.image-box3 .column img,
.section .type1 div.image2 img{ margin-bottom:5px; }

.section .type1 div.image2{ width:200px; float:right;}
.section .type1 div.image3{ width:115px; float:right;}
table tr.center td{ text-align:center; margin-bottom:5px; }
p.add-note{ margin-top:8px; }
.attention-text{ color:#e60012; }

/* popUp 04
------------------------------------------------------------*/
.attention-box.incImg{ margin-top:0;padding-top:0;padding-bottom:0;overflow:hidden; }
.attention-box.incImg .type1 .text{ width:60%;padding-top:15px; }

.exIcon{ font-size:130%; vertical-align:-1px; }
.movieBlock{ width:560px; height:315px; margin:0 auto 30px; border:solid 1px #999; }
.movieCaption{ text-align:center; font-size:108%; font-weight:bold; margin:30px 0 4px 0; }

/* edit for watashi+
------------------------------------------------------------*/
/*div#footer{	background:#fff; border-top: 1px solid #A7A7A7;	padding-bottom:10px; }*/
#topicPathArea p { margin:0; }
#footer { width:100%; border-top:none; font-size:12px; }
div#topicPathArea p.topicPath { font-size:80%; }
div#footer p.footerTagline span { font-size:90%; }
p.goPageTop { margin: 0; }

.copyright{	padding-top:9px; }

.indent { padding-left: 1rem; text-indent: -1rem; }

.textRight { text-align:right; }

.faq-block { display:inline-block; width:30%; margin-right:1em; vertical-align:middle; *display: inline; *zoom: 1; }
.faq-block2 { display:inline-block; vertical-align:top; width:326px; margin-right: 10px; *display: inline; *zoom: 1; }
.faq-block3 { display:inline-block; vertical-align:top; width:210px; padding: 5px; *display: inline; *zoom: 1; }
.faq-block4 { display:inline-block; vertical-align:top; width:156px; padding: 4px; *display: inline; *zoom: 1; }
.faq-block5 { display:inline-block; vertical-align:top; margin:0; *display: inline; *zoom: 1; }
.faq-block5.arrow { margin-top:20px; }
.mt0 { margin-top:0; }
.mr0 { margin-right:0; }
.comment { border-right:dotted 1px #888; padding:4px; min-height:10em; }

.faq-air-block3, .faq-air-block4 { width:670px; margin:0 auto; overflow:hidden; }
.faq-air-block3 .box { width:192px;	padding:14px; float:left; display:block; }
.faq-air-block4 .box { width:146px;	padding:10px; float:left; display:block; }
.faq-air-block3 .box.comment, .faq-air-block4 .box.comment { border-right:dotted 1px #888; }
.faq-air-block3 .box p, .faq-air-block4 .box p{	margin-bottom:0; }

.table-anchor-title{ /*border:1px solid #AFAFB0*/;background-color:#EBEFF2 /*#FFE8E8*/;padding:10px 10px 10px 14px; }

.img-border { border:1px solid #bfbfbf; }
.img-border-bottom { border-bottom:1px solid #bfbfbf; }
.font-normal { font-weight:normal; }
#footer p { margin-bottom:0; }

.overflow-hidden {overflow:hidden;}
.margin-auto {margin:0 auto;}
.text-center {text-align:center;}
.float-left {float:left;}
.mr20 {margin-right:20px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.pt15 {padding-top:15px;}
.width270 {width:270px;}
.font70 {font-size:70%;}

/* fd
------------------------------------------------------------*/
.fd-ng { font-size:150%; vertical-align: -1px; }

/* cartridge
------------------------------------------------------------*/
.cartridge-block1, .cartridge-block2 { width:550px; margin:0 auto; }
.cartridge-block1 .faq-block5, .cartridge-block2 .faq-block5 { width:250px; }
.cartridge-block1 .arrow { width:18px; margin-top:66px; }

.cartridge-block2 .arrow { width:18px; margin-top:92px; }

.cartridge-block3 .faq-block5, .cartridge-block4 .faq-block5 { width:210px; }
.cartridge-block3 .arrow { width:12px; vertical-align:middle; }

.cartridge-block4 .arrow { width:12px; vertical-align:middle; margin-top:87px; }

/* eye
------------------------------------------------------------*/
.eye-block1 .floatLeft { width:200px; }
.eye-block1 .floatLeft h4, .eye-block2 .floatLeft h4 { font-weight:normal;border-top:1px solid #394FD8;color:#394FD8;padding:8px 0 0 2px; }
.eye-block1 .floatRight, .eye-block2 .floatRight  { width:450px; }
.eye-block1 .floatRight h4, .eye-block2 .floatRight h4 { font-weight:normal;border-top:1px solid #DC2A2D;color:#DC2A2D;padding:8px 0 0 2px; }
.floatRight .eye-photo { width:45%; }
.floatRight .eye-arrow { width:4%; }
.floatRight .eye-text { width:42%; }

.eye-block2 .floatLeft { width:202px; }

.eye-block3 h4 { font-weight:normal;border-top:1px solid #DC2A2D;color:#DC2A2D;padding:8px 0 0 2px; }
.eye-block3 .floatLeft { width:62%; }
.eye-block3 .floatRight { width:36%; }

.eye-block4 div.image { width:214px; }

/* lip
------------------------------------------------------------*/
.section .type1 div.image2 .lipAttentionImg img{ margin-top:5px; }
.cartridge-block1 .lipAttentionBlock { width:527px; margin:0 auto; }

/* care
------------------------------------------------------------*/
.care-block1 {width:420px;margin:20px auto;overflow:hidden;}
.care-block1 .floatLeft {width:190px;text-align:center;}
.care-block1 .floatRight {width:190px;text-align:center;}

/* 20220913 */
table tbody tr td p {font-size: 100%;}