@charset "UTF-8";
/* reset */
/* reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; font-weight: normal; vertical-align: baseline; background: transparent; }

li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

img { vertical-align: bottom; }

:focus { outline: 0; }

body { font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 12px; line-height: 20px; }

/* ie7 */
*:first-child + html body { font-size: 75%; /*	font-size: 62.5%; */ }

/* ie5 - ie6 */
* html body { font-size: 75%; /*	font-size: 62.5%; */ }

/* ie8 */
html > body { font-size: 75%\9; }

/* add 20110308 END ------------------------ */
.a-prototype, .area-header .header .nav.sponsor a, .area-header .header .nav.global a, .area-footer .footer .nav.sponsor a, .area-footer .footer .nav.info a, .area-footer .pagetop a { display: block; float: left; overflow: hidden; text-indent: -9999px; }

.a-prototype.current, .area-header .header .nav.sponsor a.current, .area-header .header .nav.global a.current, .area-footer .footer .nav.sponsor a.current, .area-footer .footer .nav.info a.current, .area-footer .pagetop a.current { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); }

/* header ------------------------ */
.area-header { position: relative; height: 102px; border-bottom: 1px solid #bfbfbf; background: #fff; box-shadow: 0 1px 4px #ded455; -moz-box-shadow: 0 1px 4px #ded455; -webkit-box-shadow: 0 1px 4px #ded455; z-index: 1; }

.area-header .header { position: relative; margin: 0 auto; padding-top: 20px; width: 960px; }

.area-header .header .nav { position: absolute; right: 0; }

.area-header .header .sns { position: absolute; top: 4px; right: 298px; width: 124px; height: 20px; }
.area-header .header .sns ul li { display: inline-block; }
.area-header .header .sns ul li a { margin-left: 8px; }

.area-header .header .nav.sponsor { top: 0; background: url(/img/header/nav-sponsor.png) no-repeat 0 -24px; }

.area-header .header .nav.sponsor a { height: 24px; background: url(/img/header/nav-sponsor.png) no-repeat; }

.area-header .header .nav.sponsor a.link-0 { width: 102px; background-position: 0px 0; }

.area-header .header .nav.sponsor a.link-0:hover { background-position: 0px -24px; }

.area-header .header .nav.sponsor a.link-1 { width: 186px; background-position: -102px 0; }

.area-header .header .nav.sponsor a.link-1:hover { background-position: -102px -24px; }

.area-header .header .nav.global { top: 41px; background: url(/img/header/nav-global.png) no-repeat 0 -54px; }

.area-header .header .nav.global a { height: 27px; background: url(/img/header/nav-global.png) no-repeat; }

.area-header .header .nav.global a.link-0 { width: 162px; background-position: 0 0; }

.area-header .header .nav.global a.link-0:hover { background-position: 0 -27px; }

.area-header .header .nav.global a.link-1 { width: 132px; background-position: -162px 0; }

.area-header .header .nav.global a.link-1:hover { background-position: -162px -27px; }

.area-header .header .nav.global a.link-2 { width: 158px; background-position: -294px 0; }

.area-header .header .nav.global a.link-2:hover { background-position: -294px -27px; }

.area-header .header .nav.global a.link-3 { width: 189px; background-position: -452px 0; }

.area-header .header .nav.global a.link-3:hover { background-position: -452px -27px; }

.area-header .header .nav.global a.link-4 { width: 144px; background-position: -641px 0; }

.area-header .header .nav.global a.link-4:hover { background-position: -641px -27px; }

/* footer ------------------------ */
.area-footer { position: relative; _height: 80px; }

.area-footer .footer { position: relative; margin: 0 auto; width: 960px; height: 80px; background: #52c3f1; color: #fff; font-size: 10px; }

.area-footer .footer a { color: #fff; text-decoration: none; }

.area-footer .footer a:hover { text-decoration: underline; }

.area-footer .footer .nav { position: absolute; }

.area-footer .footer .nav.sponsor { left: 0px; top: 11px; background: url(/img/footer/nav-sponsor.png) no-repeat 0 -24px; }

.area-footer .footer .nav.sponsor a { height: 24px; background: url(/img/footer/nav-sponsor.png) no-repeat; }

.area-footer .footer .nav.sponsor a.link-0 { width: 82px; background-position: 0 0; }

.area-footer .footer .nav.sponsor a.link-0:hover { background-position: 0 -24px; }

.area-footer .footer .nav.sponsor a.link-1 { width: 169px; background-position: -82px 0; }

.area-footer .footer .nav.sponsor a.link-1:hover { background-position: -82px -24px; }

.area-footer .footer .nav.info { right: 120px; top: 12px; background: url(/img/footer/nav-info.png) no-repeat 0 -23px; }

.area-footer .footer .nav.info a { height: 23px; background: url(/img/footer/nav-info.png) no-repeat; }

.area-footer .footer .nav.info a.link-0 { width: 82px; background-position: 0 0; }

.area-footer .footer .nav.info a.link-0:hover { background-position: 0 -23px; }

.area-footer .footer .nav.info a.link-1 { width: 132px; background-position: -82px 0; }

.area-footer .footer .nav.info a.link-1:hover { background-position: -82px -23px; }

.area-footer .footer .nav.info a.link-2 { width: 101px; background-position: -214px 0; }

.area-footer .footer .nav.info a.link-2:hover { background-position: -214px -23px; }

.area-footer .footer .nav.info a.link-3 { width: 61px; background-position: -315px 0; }

.area-footer .footer .nav.info a.link-3:hover { background-position: -315px -23px; }

.area-footer .footer .nav.facebook { right:0; top:12px; width:95px;}
.area-footer .footer .nav.snsPlugin { right:0; top:12px; width:135px;}
.area-footer .footer .nav.snsPlugin ul li { float:right;margin-left:10px;}
.area-footer .footer .nav.snsPlugin ul li .box .count,
.area-footer .footer .nav.snsPlugin ul li .box .share, { display: inline-block; }
.area-footer .footer .nav.snsPlugin ul li .share { float: left; width: 20px; height: 20px; text-indent: -9999px; display: block; }
.area-footer .footer .nav.snsPlugin ul li .count { float: right; padding-left: 6px; min-width: 29px; height: 20px; color: #565656; background: url(/img/common/icon/foot_btn_ballown.png) no-repeat 0 0; }
.area-footer .footer .nav.snsPlugin ul .snsTw .share { background: url(/img/common/icon/foot_btn_twitter.png) no-repeat 0 0; }
.area-footer .footer .nav.snsPlugin ul .snsFb .share { background: url(/img/common/icon/foot_btn_facebook.png) no-repeat 0 0; }

.area-footer .footer .nav.sitemap { left: 0; bottom: 0; }

.area-footer .footer .copyright { position: absolute; right: 0; bottom: 0; }

.area-footer .pagetop { position: absolute; right: 24px; bottom: 80px; background: url(/img/footer/nav-pagetop.png) no-repeat 0 -24px; }

.area-footer .pagetop a { width: 96px; height: 24px; background: url(/img/footer/nav-pagetop.png) no-repeat; }

.area-footer .pagetop a:hover { background-position: 0 -24px; }

/* container ------------------------ */
.area-container { padding: 32px 0 56px; border-top: 4px solid #fff462; border-bottom: 4px solid #fff462; background: url(/img/common/bg.png); overflow: hidden; _height: expression(documentElement.clientHeight < 600 ? "600px" : documentElement.clientHeight); }

#container { display: block; min-height: 1%; }

#container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

* html #container { height: 1%; /*\*/ /*/
height: auto;
overflow: hidden;
/**/ }

.area-container #container { margin: 0 auto; padding: 0px 30px 50px; width: 828px; min-height: 800px; _height: expression(documentElement.clientHeight < 600 ? "600px" : documentElement.clientHeight); /*overflow: hidden;*/ /*_overflow: visible;*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; }

.area-container #container .area-contents { position: relative; float: right; width: 558px; }

/* wrapper ------------------------ */
body { background: #52c3f1; }

#wrapper { min-width: 960px; min-height: 600px; _width: expression(documentElement.clientWidth < 960 ? "960px" : documentElement.clientWidth); _height: expression(documentElement.clientHeight < 600 ? "600px" : documentElement.clientHeight); overflow: hidden; _overflow: visible; }

/* ------------------------ */
#container { position: relative; }

.area-item { position: absolute; left: 0; bottom: 0; padding-bottom: 50px; }

/* comfort */
.area-item_comfort { position: absolute; left: 0; bottom: 6px; padding-bottom: 50px; }

/* ------------------------ */
a { color: #2EBDF8; text-decoration: none; }

a:hover { text-decoration: underline; }

a:hover img { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; filter: alpha(opacity=70); }

/* 20110311START------------------------------------------------ */
/* window------------------------ */
.linkOpen { background: url(/img/common/icon/icon_window.gif) right 3px no-repeat; padding-right: 23px; }

/* arrowLink------------------------ */
.arrowLink { background: url(/img/common/icon/icon_arrow.gif) left 4px no-repeat; padding-left: 14px; zoom: 1; }

.arrowLink a.blank { background: url(/img/common/icon/icon_window.gif) right 3px no-repeat; padding-right: 20px; color: #2ebdf8; }

a.blank { background: url(/img/common/icon/icon_window.gif) right 3px no-repeat; padding-right: 20px; color: #2ebdf8; }

/* iconSound------------------------ */
.iconSound { background: url(/img/common/icon/icon_sound.gif) right 0.1em no-repeat; padding-right: 18px; }

/* common Contents------------------------ */
.sectionLv1 { color: #595656; width: 558px; margin: 0 0 50px 0; }

.sectionLv2 { margin-top: 40px; }

.sectionLv3 { color: #595656; width: 828px; margin: 0 0 50px 0; }

/* common Title------------------------ */
.h2_basic01 { line-height: 1.25em; background: url(/img/common/icon/icon_tit_circle.gif) left top no-repeat; padding-left: 33px; font-size: 184%; font-weight: bold; color: #2ebdf8; margin-top: 13px; }

.h2_basic02 { line-height: 1em; background: url(/img/common/icon/icon_tit_circle.gif) left 0.1em no-repeat; padding-left: 33px; font-size: 270%; font-weight: bold; color: #2ebdf8; }

.h3_basic01Sec { background: url(/img/common/bg/bg_h3_top.gif) left top no-repeat; padding-top: 4px; zoom: 1; }

.h3_basic01 { background: url(/img/common/bg/bg_h3_bt.gif) left bottom no-repeat; padding: 2px 12px 4px 12px; zoom: 1; }

.h3_basic01 span { color: #ffffff; font-weight: bold; letter-spacing: 3px; }

.h3_basic03Sec { background: url(/img/common/bg/bg_h3_long_top.gif) left top no-repeat; padding-top: 4px; zoom: 1; }

.h3_basic03 { background: url(/img/common/bg/bg_h3_long_bt.gif) left bottom no-repeat; padding: 2px 12px 4px 12px; zoom: 1; }

.h3_basic03 span { color: #ffffff; font-size: 115%; font-weight: bold; letter-spacing: 3px; }

/* clearfix ------------------------ */
.h3_basic02 { display: block; min-height: 1%; }

.h3_basic02:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

* html .h3_basic02 { height: 1%; /*\*/ /*/
height: auto;
overflow: hidden;
/**/ }

.h3_basic02L { float: left; width: 26px; }

.h3_basic02R { float: left; width: 520px; font-size: 115%; font-weight: bold; letter-spacing: 3px; margin: 5px 0 0 8px; }

/* ol_basic01 ------------------------ */
.ol_basic01 { margin-left: 1.5em; margin-top: 5px; }

.ol_basic01 li { text-indent: -1.5em; margin-bottom: 3px; }

.ol_basic01 li span { font-weight: bold; margin-right: 5px; }

/* ol_basic02 ------------------------ */
.ol_basic02 { margin-left: 1.5em; margin-top: 5px; }

.ol_basic02 li { text-indent: -1.5em; margin-bottom: 10px; }

.ol_basic02 li span { font-weight: bold; margin-right: 5px; }

/* buySec ------------------------ */
.buySec { background: url(/img/common/bg/bg_btn_buy.gif) left top no-repeat; width: 346px; padding: 12px 0 8px 0; }

.buySec table { width: 322px; margin-left: 12px; }

.buySec table th, .buySec table td { vertical-align: middle; }

.buySec table th { width: 110px; }

.buySec table th input { width: 55px; }

.buySec table th span { margin-right: 5px; }

.buySec table td { width: 212px; }

/* cmnDetail ------------------------ */
.cmnDetailtop { background: url(/img/common/bg/bg_blue_top.gif) left top no-repeat; padding-top: 10px; zoom: 1; }

.cmnDetailBt { background: url(/img/common/bg/bg_blue_bt.gif) left bottom no-repeat; padding-bottom: 10px; zoom: 1; }

.cmnDetailMid { background: url(/img/common/bg/bg_blue_mid.gif) left top repeat-y; padding: 10px 20px; zoom: 1; }

.cmnDetailMid h4 { color: #52c3f1; font-size: 115%; font-weight: bold; }

/* cmnDetailLong ------------------------ */
.cmnDetailLongtop { background: url(/img/common/bg/bg_blue_long_top.gif) left top no-repeat; padding-top: 10px; zoom: 1; }

.cmnDetailLongBt { background: url(/img/common/bg/bg_blue_long_bt.gif) left bottom no-repeat; padding-bottom: 10px; zoom: 1; }

.cmnDetailLongMid { background: url(/img/common/bg/bg_blue_long_mid.gif) left top repeat-y; padding: 10px 20px; zoom: 1; }

.cmnDetailLongMid h4 { color: #52c3f1; font-size: 115%; font-weight: bold; }

b { font-weight: bold; }

/* noScript ------------------------ */
#noscript { margin: 0 auto 48px; width: 550px; height: 173px; background: #fff; border: 9px solid #ff4d76; }

.noscript { width: 235px; height: 1px; }

/* local nav ------------------------ */
#container .nav { z-index: 1; }
#container .nav .title { display: block; width: 235px; height: 42px; padding: 0 !important; }
#container .nav .title:hover { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; filter: alpha(opacity=70); }
#container .nav.topicpath { padding: 10px 0; font: 10px/24px monospace; }
#container .nav.local { float: left; width: 235px; font-size: 14px; line-height: 22px;  }
#container .nav.local a { display: block; font-weight: bold; padding: 10px 0; }
#container .nav.local .icon { vertical-align: baseline; padding-left: 6px; }
#container .nav.local .main { width: 235px; overflow: hidden; }
#container .nav.local .main li { padding-left: 14px; border-bottom: 1px dotted #a8e1f8; }
#container .nav.local .main li.current { background: #e0f5fe; }
#container .nav.local .main li.current a { opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; filter: alpha(opacity=70); }
#container .nav.local .sub { padding-bottom: 24px; }
#container .nav.local .sub li { margin-top: 6px; padding: 0px 0px 0px 30px; background: #f3f3f3 url(/img/common/icon/arrow.png) no-repeat 14px center; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#container .nav.local .banner li { padding-bottom: 6px; }
#container .nav.local .banner li a { padding: 0; }
#container .nav.local .banner img { width: 233px; height: 58px; border: 1px solid #e8e8e8; }

@media print { #wrapper { overflow: visible; }
  .area-footer { display: none; } }

.mod-table table { width: 100%; }
.mod-table th { padding: 18px; width: 24%; border: 1px solid #e8e8e8; background-color: #e5f6fd; text-align: left; }
.mod-table td { padding: 18px; border: 1px solid #e8e8e8; }
.mod-table td .list { padding-top: 1em; }
.mod-table td .list:first-child { padding-top: 0; }
.mod-table small { font-size: 0.833em; }

.mod-blockRadius { width: 558px; }
.mod-blockRadius .bg-top, .mod-blockRadius .bg-bottom { background: url(/img/common/bg/bg_blue_top.gif) no-repeat; height: 10px; font-size: 0; }
.mod-blockRadius .bg-bottom { background: url(/img/common/bg/bg_blue_bt.gif) no-repeat; }
.mod-blockRadius .bg-main { border-left: 9px solid #e5f6fd; border-right: 9px solid #e5f6fd; padding: 1em; }
.mod-blockRadius .title { font-size: 1.167em; font-weight: bold; color: #2ebdf8; }
.mod-blockRadius .small { font-size: 0.833em; }

.area-qa .mod-qa { border-top: 1px dotted #aae1fb; }
.area-qa .mod-qa:first-child { border-top: none; }

.mod-qa > dt { margin: 12px 0 6px; padding: 0 24px; background: url(/health/counseling/img/icon-q.png) no-repeat left top; color: #2ebdf8; font-size: 1.167em; font-weight: bold; }
.mod-qa > dd { padding: 0 24px; padding-bottom: 12px; background: url(/health/counseling/img/icon-a.png) no-repeat left top; }
.mod-qa > dd .answer { padding-bottom: 6px; font-size: 1.167em; font-weight: bold; }

.mod-visualLeft { *zoom: 1; }
.mod-visualLeft:after { content: ""; display: block; clear: both; }
.mod-visualLeft .visual { float: left; width: 120px; overflow: hidden; }
.mod-visualLeft .info { float: right; width: 430px; overflow: hidden; }
.mod-visualLeft h3 { padding-bottom: 0.5em; font-weight: bold; }