/* Theme Name: kimono Theme URI: http://kimono.imjx.com.cn Author: imjc Author URI: Description: Version: License: License URI: Tags: */ /* =Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 12px; font-size:1.2rem; vertical-align: baseline; font-family: "Noto Serif JP", serif; } body { /*line-height: 1;*/ background:#fff; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { /*clear: both;*/ } html { overflow-y: scroll; font-size:62.5%; -webkit-text-size-adjust: 62.5%; -ms-text-size-adjust: 62.5%; } a:focus { outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size:9px; font-size:0.9rem; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; display:block; -ms-interpolation-mode: bicubic; } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } .area_select a { font-size: 22px; font-weight: bold; } .area_select { padding: 20px 0 0 10px; } /* ---------- tabel width ---------- */ .tabW29{ width:29%!important;} .tabW30{ width:30%!important;} /* ---------- margin top ---------- */ .mt0 {margin-top: 0 !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt60 {margin-top: 60px !important;} .mt150 {margin-top: 150px !important;} /* ---------- margin bottom ---------- */ .mb0 {margin-bottom: 0 !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb50 {margin-bottom: 50px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .mb75 {margin-bottom: 75px !important;} .mb80 {margin-bottom: 80px !important;} /* ---------- margin left ---------- */ .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml50 {margin-left: 50px !important;} .ml60 {margin-left: 60px !important;} .ml63 {margin-left: 63px !important;} .ml90 { margin-left:90px !important;} .ml115{ margin-left:115px !important;} /* ---------- margin right ---------- */ .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px !important;} .mr9 {margin-right: 9px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr60 {margin-right: 60px !important;} .mauto {margin:0 auto!important;} .mg0 {margin:0!important;} /* ---------- margin left right ---------- */ .mlr10 {margin-left:10px !important; margin-right:10px !important;} .mtlr10 {margin-top:10px !important; margin-left:10px !important; margin-right:10px !important;} .mtb30{ margin-top:30px !important; margin-bottom:30px !important;} .mtb20{ margin-top:20px !important; margin-bottom:20px !important;} /* ============================================ 3. padding ============================================ */ /* ---------- padding top ---------- */ .pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt50 {padding-top: 50px !important;} .pt60 {padding-top: 60px !important;} .pt94{ padding-top:94px !important;} .pt112{ padding-top:112px !important;} /* ---------- padding bottom ---------- */ .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb50 {padding-bottom: 50px !important;} .pb60 {padding-bottom: 60px !important;} .pb100 {padding-bottom: 100px !important;} /* ---------- padding left ---------- */ .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl34 {padding-left: 34px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl70 {padding-left: 70px !important;} .pl100{ padding-left:100px !important;} .pl120{ padding-left:120px !important;} .pl280{ padding-left:280px !important;} /* ---------- padding right ---------- */ .pr0 {padding-right: 0 !important;} .pr1{ padding-right:1px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr50 {padding-right: 50px !important;} .pr60 {padding-right: 60px !important;} .pg0{ padding:0 !important;} .pg10{ padding:10px !important;} .ptb15{ padding:15px 0 !important;} /* ============================================ 4. text ============================================ */ /* ---------- align horizontal ---------- */ .taL {text-align: left !important;} .taR {text-align: right !important;} .taC {text-align: center !important;} /* ---------- align vertical ---------- */ .vaT {vertical-align: top !important;} .vaM {vertical-align: middle !important;} .vaB {vertical-align: bottom !important;} /* ---------- font weight ---------- */ .fwb {font-weight: bold !important;} .fwl {font-weight: normal !important;} /* ---------- font size ---------- */ .fs10{font-size:10px !important; font-size:1rem !important;} .fs12 { font-size:12px !important;font-size: 1.2rem !important;} .fs14 { font-size:14px !important; font-size: 1.4rem !important;} .fs16 { font-size:16px !important; font-size: 1.6rem !important;} .fs18{ font-size:18px !important; font-size:1.8rem !important;} .fs22{ font-size:22px !important; font-size:2.2rem !important;} .fs30{ font-size:30px !important; font-size:3rem !important;} .fs40{ font-size:40px !important; font-size:4rem !important;} /* ---------- font word break ---------- */ .noBr {white-space: nowrap;} .allBr {word-break: break-all !important;word-wrap: break-word !important;} /* ============================================ 5. position ============================================ */ .pr {position:relative !important;} .pa{ position:absolute !important;} /* ============================================ 6. display ============================================ */ .dispNone {display: none !important;} .dispBlock {display: block !important;} .dispInline {display: inline !important;} .dispInlineB {display: inline-block !important;} /* ============================================ 7. float ============================================ */ .fl {float:left !important;} .fr {float:right !important;} /* ---------- clear ---------- */ .clear {clear: both;} /* -------- clearfix -------- */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:block;clear:both;min-height:1%;} .bgN { background:none !important;} .poR { position:relative !important;} .poA { position:absolute !important;} .bgGray { background-color:#f5f7fd !important;} .h3-01 { font-size:22px; font-size:2.2rem; color:#553539;} .h4-01 { font-size:22px; font-size:2.2rem; color:#fb8296;} .h6-01 { font-size:16px; font-size:1.6rem; color:#fb8296} .hgh200 { height:200px;} .lineH20 { line-height:20px !important;} .lineH22 { line-height:22px !important;} .bd-rd { border-radius:5px; border:1px solid #f3e9bd;} .smallSpan { margin-top:6px; color:#553539;} .bgFlower01 { background-image:url(images/ico_flower01.png); background-repeat:no-repeat; background-position:right bottom;} .bgFlower02 { background-image:url(images/ico_flower02.png); background-repeat:no-repeat; background-position:right bottom;} .textFix { display:block; position:absolute; left:0; bottom:0; border-radius:0 0 5px 5px; height:27px; line-height:27px; width:100%; text-align:center; background:#f28791; color:#fff; font-weight:bold; font-size:12px; font-size:1.2rem; background:#f28791; background:rgba(242, 135, 145, 0.7);} .textFix p { position:relative;} .height01 { height:135px; overflow:hidden;} #map_canvas { text-align:center;} #map_canvas .loadText { line-height:335px; font-size:20px; font-size:2rem;} .imgDetail { display:block; width:71px; height:65px; position:absolute; right:1px; bottom:1px; background:url(images/ico_imgDetail.png) no-repeat; text-indent:-9999em; border-radius:0 0 5px 0} /*header #masthead*/ a { color:#fb8fa1;} a:active { /*star:expression(this.onFocus=this.blur());*/} :focus { outline:0 !important; } a:hover { text-decoration:none;} .header-bg { min-width:980px; height:111px; background:url(images/head_bg_1.gif); opacity:0;} #masthead { min-width:980px; height:111px; width:100%; position:absolute; left:0; top:0; z-index:9999; opacity:0; box-shadow:1px 2px 1px #FEE9EC;} #masthead hgroup { width:980px; height:65px; margin:0 auto; overflow:hidden;} #masthead .logo { float:left;} #masthead .logo a { display:block; width:301px; height:34px; margin:15px 0 0 0; background:url(images/logo.png) no-repeat; text-indent:-9999em;} #masthead .logo a span { display:block; width:301px; height:34px; opacity:0; background:url(images/logo.png) 0 -40px no-repeat; text-indent:-9999em;} .headerTel { padding:18px 0 0 15px;display:inline;} /*form page header*/ .form-page .header-bg { height:71px;} .form-page #masthead{ height:71px;} .form-page #masthead h1{ width:980px; margin:20px auto 0; overflow:hidden; height:34px; float:none;} #masthead .fl-r { float:right; margin:22px 0 0 0;} #masthead .fl-r a { float:left; display:block; background:url(images/ico_header.png) no-repeat;} #masthead .fl-r span { display:block; background:url(images/ico_header.png) no-repeat; opacity:0;} #masthead .fl-r .sn-contact { width:109px; height:21px; background-position:0 0; text-indent:-9999em;} #masthead .fl-r .sn-contact span { width:109px; height:21px; background-position:0 -30px; text-indent:-9999em;} #masthead .fl-r .sn-contact.cur { background:url(images/ico_header.png) 0 -30px no-repeat !important;} #masthead .fl-r .sn-doc-download { width:117px; height:22px; background-position:-130px -1px; text-indent:-9999em;} #masthead .fl-r .sn-doc-download span { width:117px; height:22px; background-position:-130px -31px; text-indent:-9999em;} #masthead .fl-r .sn-doc-feel { width:190px; height:23px; background-position:-265px 0; text-indent:-9999em;} #masthead .fl-r .sn-doc-feel span { width:190px; height:23px; background-position:-265px -30px; text-indent:-9999em;} #masthead .fl-r .sn-doc-feel.cur { background:url(images/ico_header.png) -265px -30px no-repeat !important;} #masthead #site-navigation { width:942px; height:46px; margin:0 auto;} #site-navigation ul li { float:left;} #site-navigation ul li a { display:block; height:46px; background:url(images/ico_menu.png) no-repeat; text-indent:-9999em; position:relative;} #site-navigation ul li a span { position:absolute; left:0; top:0; width:100%; opacity:0; display:block; height:46px; background:url(images/ico_menu.png) no-repeat; text-indent:-9999em;} #site-navigation ul .li01 a { width:108px; background-position:0 0;} #site-navigation ul .li02 a { width:211px; background-position:-108px 0;} #site-navigation ul .li03 a { width:158px; background-position:-319px 0;} #site-navigation ul .li04 a { width:160px; background-position:-477px 0;} #site-navigation ul .li05 a { width:155px; background-position:-637px 0;} #site-navigation ul .li06 a { width:150px; background-position:-792px 0;} #site-navigation ul .li01 a span { background-position:0 -60px;} #site-navigation ul .li02 a span { background-position:-108px -60px;} #site-navigation ul .li03 a span { background-position:-319px -60px;} #site-navigation ul .li04 a span { background-position:-477px -60px;} #site-navigation ul .li05 a span { background-position:-637px -60px;} #site-navigation ul .li06 a span { background-position:-792px -60px;} #site-navigation ul .li01.current_page_item a { background:url(images/ico_menu.png) 0 -120px no-repeat !important;} #site-navigation ul .li02.current_page_item a { background:url(images/ico_menu.png) -108px -120px no-repeat !important;} #site-navigation ul .li03.current_page_item a { background:url(images/ico_menu.png) -319px -120px no-repeat !important;} #site-navigation ul .li04.current_page_item a { background:url(images/ico_menu.png) -477px -120px no-repeat !important;} #site-navigation ul .li05.current_page_item a { background:url(images/ico_menu.png) -637px -120px no-repeat !important;} #site-navigation ul .li06.current_page_item a { background:url(images/ico_menu.png) -792px -120px no-repeat !important;} #site-navigation ul .li01.current_page_item a span { display:none;} #site-navigation ul .li02.current_page_item a span { display:none;} #site-navigation ul .li03.current_page_item a span { display:none;} #site-navigation ul .li04.current_page_item a span { display:none;} #site-navigation ul .li05.current_page_item a span { display:none;} #site-navigation ul .li06.current_page_item a span { display:none;} /*banner-box*/ .banner-bg { height:552px; background:url(images/banner_bg.gif) repeat;} .banner-box { width:1380px; height:552px; margin:0 auto; position:relative;} .banner-box .btn-feel { z-index:9999; position:absolute; right:240px; top:80px; display:block; width:115px; height:380px; background:url(images/btn_feel.png) no-repeat; text-indent:-9999em;} .banner-box .btn-feel span { opacity:0; display:block; width:115px; height:380px; text-indent:-9999em; background:url(images/btn_feel_h.png) no-repeat;} .banner-box .btn-feel .ico-bird01 { opacity:0; position:absolute; right:-80px; top:-60px; width:131px; height:82px; background:url(images/ico_bird01.png) no-repeat;} .banner-box .btn-feel .ico-bird02 { opacity:0; position:absolute; left:-80px; bottom:-60px; width:131px; height:83px; background:url(images/ico_bird02.png) no-repeat;} .banner-box ul li { position:absolute; left:0; top:0; opacity:0; z-index:1} .banner-box ul li.first { opacity:1;} /*.sub-banner-bg*/ .sub-banner-bg { height:221px; background:url(images/sub_banner_bg.gif);} .sub-banner-bg-lp { height:563px; margin: 0 auto; background:url(images/sub_banner_bg.gif);} .sub-banner-bg-lp-event { height:563px; margin: 0 auto; background:url(images/event_banner_bg.gif);} .sub-banner-bg-lp_inner { width:980px; height:563px; margin: 0 auto; background:url(images/event_banner_bg.gif);} .sub-banner-bg03 { background:url(images/bg_banner0901.png);} .sub-banner-bg .sub-banner { width:980px; height:221px; margin:0 auto; position:relative;} .sub-banner-bg02 { height:171px;} .sub-banner-bg02 .sub-banner { height:171px;} .mt-20 { margin-top:-20px !important;} .sub-banner .img_sub_banner01 { position:absolute; left:-185px; top:0;} .sub-banner .textCon { position:absolute; z-index:2; left:25px; top:75px;} /*new banner layout*/ .banner_0201_01 { min-width:980px; background:url(images/banner_0201_01.png) no-repeat center center;} .banner_0301_01 { min-width:980px; background:url(images/banner_0301_01.png) no-repeat center center;} .banner_0501_01 { min-width:980px; background:url(images/banner_0501_01.png) no-repeat center center;} .banner_0601_01 { min-width:980px; background:url(images/banner_0601_01.png) no-repeat center center;} .banner_0701_01 { min-width:980px; background:url(images/banner_0701_01.png) no-repeat center center;} .banner_0901_01 { min-width:980px; background:url(images/banner_0901_01.png) no-repeat center center;} .banner_1101_01 { min-width:980px; background:url(images/banner_1101_01.png) no-repeat center center;} /*#main .wrapper*/ #main { width:980px; margin:30px auto; overflow:hidden;} .show-box01 { overflow:hidden;} .show-box01 ul { width:110%;} .show-box01 ul li { float:left; width:472px; margin:0 36px 0 0;} .show-box01 ul li .p-img { margin:10px 0;} .show-box01 ul li .p-word { line-height:22px;} .show-box02 ul li { width:302px; margin:0 37px 0 0;} .show-box03 { overflow:hidden;} .show-box03 .leftBox { float:left; width:470px;} .show-box03 .leftBox h4 { padding:0 0 13px 0; background:url(images/ico_h4_bd.png) repeat-x 0 bottom;} .show-box03 .leftBox h4 .seeDetail { display:inline-block; float:right; padding:3px 0 3px 19px; background:url(images/ico_a.png) no-repeat 0 3px;} .show-box03 .leftBox ul li { padding:15px 0 15px 10px; line-height:1.2; background:url(images/ico_li_bd.png) repeat-x 0 bottom;} .show-box03 .leftBox ul li a:hover { text-decoration:none;} .show-box03 .leftBox ul li .time { float:left; display:inline-block; width:80px;} .show-box03 .rightBox { float:right; width:470px;} /* btn down telephone*/ .btndownTel img{ display: block; margin: 20px auto 0; width: 250px;} /*#crumbs */ #crumbs { color:#fb8fa1; font-size:10px; font-size:1rem; margin-bottom:20px;} #crumbs a { color:#fb8fa1; font-size:10px; font-size:1rem;} #crumbs .crumbs_cur { font-weight:bold; color:#9b7a4c; font-size:10px; font-size:1rem;} /*.main-left*/ .main-left { float:left; width:702px;} .words { padding:0 10px; line-height:20px;} .tips { font-size:10px; font-size:1rem; color:#999; line-height:16px;} .ovflHidden { overflow:hidden;} .text-pink { color:#fb8296 !important;} .text-gray { color:#a29999;} .bdN { border:none !important;} .bd-plus { background:url(images/ico_plus.png) repeat-x 0 bottom;} .btn-feel02 { display:inline-block; text-indent:-9999em; width:419px; height:95px; background:url(images/btn_feel02.png) no-repeat; position:relative;} .btn-feel02 .ico-bird01 { opacity:0; position:absolute; right:-55px; top:-35px; width:79px; height:50px; background:url(images/ico_bird01_small.png) no-repeat;} .btn-feel02 .ico-bird02 { opacity:0; position:absolute; left:-55px; bottom:-35px; width:79px; height:50px; background:url(images/ico_bird02_small.png) no-repeat;} .btn-feel02 span { opacity:0; display:block; width:419px; height:95px; text-indent:-9999em; background:url(images/btn_feel02_hover.png) no-repeat;} .btn-reset { display:inline-block; width:310px; height:95px; background:url(images/btn_reset.png) no-repeat; text-indent:-9999em;} .btn-send { display:inline-block; width:310px; height:95px; background:url(images/btn_send.png) no-repeat; text-indent:-9999em;} .btn-sure { display:inline-block; width:310px; height:95px; background:url(images/btn_sure.png) no-repeat; text-indent:-9999em;} .btn-back { display:inline-block; width:310px; height:95px; background:url(images/btn_back.png) no-repeat; text-indent:-9999em;} .btn-close { display:inline-block; width:310px; height:95px; background:url(images/btn_close.png) no-repeat; text-indent:-9999em;} .btn-top { display:inline-block; width:310px; height:95px; background:url(images/btn_top.png) no-repeat; text-indent:-9999em;} .H1 { padding:0 0 13px 0; background:url(images/ico_h1_bd.png) repeat-x 0 bottom;} .H1 span { display:block; line-height:32px; min-height:32px; background:url(images/ico_h101.png) no-repeat; margin-left:4px; padding-left:40px; font-size:24px; font-size:2.4rem; color:#553539;} .H1 span img { vertical-align:middle; padding-top:3px;} .H1-1 span { background:url(images/ico_h101_01.png) no-repeat;} .H1-2 span { background:url(images/ico_h102.png) no-repeat;} .H1-3 span { background:url(images/ico_h103.png) no-repeat;} .H1-4 span { background:url(images/ico_h104.png) no-repeat;} .H1-5 span { background:url(images/ico_h105.png) no-repeat;} .H1-6 span { background:url(images/ico_h106.png) no-repeat;} .H2 { padding:0 0 13px 0; background:url(images/ico_h1_bd.png) repeat-x 0 bottom;} .H2 span { display:block;/* height:21px;*/ min-height:21px; line-height:21px; background:url(images/ico_h2.png) no-repeat; margin-left:4px; padding-left:30px; font-size:18px; font-size:1.8rem; color:#553539;} .H2 span img { vertical-align:middle;} .H3 { padding:0 0 13px 0; background:url(images/ico_h1_bd.png) repeat-x 0 bottom;} .H3 span { display:block;/* height:21px;*/ min-height:21px; line-height:21px; background:url(images/ico_h3.png) no-repeat; margin-left:4px; padding-left:30px; font-size:16px; font-size:1.6rem; color:#444;} .H3 span img { vertical-align:middle;} .H4 { padding:0 0 13px 0;} .H4 span { display:block;/* height:25px;*/ min-height:25px; line-height:25px; background:url(images/ico_h4.png) no-repeat; margin-left:4px; padding-left:30px; font-size:22px; font-size:2.2rem; color:#553539;} .H4 span img { vertical-align:middle;} .address-box { border:1px solid #efcfad; border-radius:5px;} .address-box li { border-bottom:1px solid #fff; background:#f8f2f2; height:70px; position:relative; padding:0 100px 0 190px;} .address-box li.first { border-top-left-radius:5px; border-top-right-radius:5px;} .address-box li.last { border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:none;} .address-box li b { display:block; position:absolute; left:0; top:0; width:155px; height:70px; line-height:70px; text-align:center; font-size:18px; font-size:1.8rem; color:#fff;} .address-box01 li b { background:url(images/ico_bgColor01.png) no-repeat;} .address-box02 li b { background:url(images/ico_bgColor02.png) no-repeat;} .address-box03 li b { background:url(images/ico_bgColor03.png) no-repeat;} .address-box04 li b { background:url(images/ico_bgColor04.png) no-repeat;} .address-box05 li b { background:url(images/ico_bgColor05.png) no-repeat;} .address-box06 li b { background:url(images/ico_bgColor06.png) no-repeat;} .address-box07 li b { background:url(images/ico_bgColor07.png) no-repeat;} .address-box li .detail { display:block; padding-left:15px; color:#fb8296; background:url(images/ico_detail.png) no-repeat 0 3px; position:absolute; right:23px; top:28px;} .tel { display:inline-block; padding-left:20px; height:16px; line-height:16px; font-weight:bold; background:url(images/ico_tel.png) no-repeat;} .fax { display:inline-block; padding-left:20px; height:16px; line-height:16px; font-weight:bold; background:url(images/ico_fax.png) no-repeat;} .icoText-leftRight { overflow:hidden; height:235px; border:1px solid #f3e9bd; border-radius:10px; padding:0 20px 0 80px; background:url(images/ico_sub_left01.png) #fdf5f6 no-repeat;} .icoText-leftRight h4 { font-size:22px; font-size:2.2rem; color:#fb8296; margin:25px 0 25px 0;} .icoText-leftRight p { line-height:20px; word-wrap:break-word;} .textBox-01 { overflow:hidden; border:1px solid #f3e9bd; border-radius:10px; padding:25px 30px; background:#fdf5f6;} .textBox-01 h4 { font-size:22px; font-size:2.2rem; color:#fb8296; margin:0 0 25px 0;} .textBox-01 p { line-height:20px; word-wrap:break-word;} .imgText-left { overflow:hidden; border:1px solid #f3e9bd; border-radius:10px; padding:30px; background:#fdf5f6;} .imgText-left .con {} .imgText-left h4 { font-size:22px; font-size:2.2rem; color:#fb8296; margin:25px 0 25px 0;} .imgText-left h4 span { font-size:22px; font-size:2.2rem; margin-left:20px;} .imgText-left p { line-height:20px; word-wrap:break-word;} .imgBox-three { overflow:hidden; border:1px solid #f3e9bd; border-radius:10px; padding:30px; background:#fdf5f6;} .imgBox-three ul { width:110%;} .imgBox-three ul li { float:left; width:198px; text-align:center; margin-right:23px;} .imgBox-three ul li h4 { font-size:16px; font-size:1.6rem; color:#fb8296; margin:10px 0 0 0;} .imgBox-three ul li h4 span { font-size:16px; font-size:1.6rem; margin-left:13px;} .wordTable { border:1px solid #f3e9bd; border-radius:5px;} .wordTable tr th,.wordTable tr td { padding:15px; border:1px solid #f8d9db; vertical-align:middle;} .wordTable tr th { background:#ecebeb; font-size:16px; font-size:1.6rem; font-weight:bold;} .wordTable02 { border:1px solid #f3e9bd; border-radius:5px;} .wordTable02 tr th,.wordTable02 tr td { padding:15px; font-size:14px; font-size:1.4rem; border:1px solid #f8d9db; vertical-align:middle;} .wordTable02 tr th { background:#ecebeb; font-weight:bold;} .wordTable02 tr th.first { background:#dee8f2; text-align:center;} .wordTable02 .ul01 { border:1px solid #f3e9bd; border-top:none; line-height:24px; font-size:14px; font-size:1.4rem; padding:15px;} .wordTable02 .ul01 li.txtIndent { text-indent:12px;} .wordTable03 { border:1px solid #f3e9bd; border-radius:5px;} .wordTable03 tr th,.wordTable03 tr td { padding:15px; font-size:14px; font-size:1.4rem; border:1px solid #f8d9db; vertical-align:top;} .wordTable03 tr th { background:#ecebeb; font-weight:bold;} .wordTable03 tr th.first { background:#f3d2cf; text-align:center;} .wordTable03 tr th.first.special { font-size:12px; font-size:1.2rem;} .wordTable03 ul li{ line-height:24px; font-size:14px; font-size:1.4rem; padding-left:12px; background:url(images/dot.png) no-repeat 0 10px;} .wordTable03 .p3 { font-size:12px; font-size:1.2rem; color:#7f7f7f; line-height:24px; padding-left:12px;} .wordTable03 .p4 { padding:15px 12px; color:#7f7f7f; background:#fef0f1;} .specialBox { border:2px solid #ecda81; border-radius:5px;} .specialBox .p1 { background:#ecda81;} .specialBox .p2 { color:#7f7f7f; line-height: 18px;} .specialBox .p2 span.txtIndent { text-indent:12px; display:block;} .imgText-box { overflow:hidden; border:1px solid #f3e9bd; border-radius:10px; padding:25px 30px; background-color:#fdf5f6;} .imgText-box .con p { line-height:22px;} .imgText-box .con .tips { line-height:16px;} .pic-con { overflow:hidden;} .imgText-gray { overflow:hidden; border:1px solid #f3e9bd; border-radius:10px; padding:20px 30px 0; background:#f5f7fd;} .imgText-gray h4 { font-size:22px; font-size:2.2rem; color:#553539;} .imgText-gray ul li { overflow:hidden; padding:20px 0;} .imgText-gray ul li .imgLeft { float:left; margin:0 15px 0 0; border-radius:3px;} .imgText-gray ul li .imgRight { float:right; margin:0 0 0 15px; border-radius:3px;} .imgText-gray ul li p { line-height:22px;} .imgText-gray ul li .imgDiv { overflow:hidden;} .imgText-01 { overflow:hidden;} .imgText-01 h4 { font-size:22px; font-size:2.2rem; color:#fb8296;} .imgText-01 p { line-height:20px;} .imgSet-three { overflow:hidden;} .imgSet-three ul { width:110%;} .imgSet-three ul li { float:left; width:220px; height:155px; margin-right:20px;} .imgSet-four { overflow:hidden;} .imgSet-four ul { width:110%;} .imgSet-four ul li { float:left; width:160px; height:110px; margin-right:20px;} .imgText-leftRigth { overflow:hidden;} .imgText-leftRigth ul { width:110%;} .imgText-leftRigth ul li { float:left; width:340px; margin-right:20px;} .imgText-leftRigth ul li h4 { font-size:16px; font-size:1.6rem; color:#fb8296;} .imgText-leftRigth ul li p { line-height:22px;} .imgText-grayBox { overflow:hidden; padding:30px; background-color:#f5f7fd; border-radius:10px; border:1px solid #f3e9bd;} .imgText-grayBox .con { float:right; width:310px;} .imgText-grayBox .con ul li { position:relative; padding-left:50px; line-height:22px;} .imgText-grayBox .con02 ul li { padding-left:60px;} .imgText-grayBox .con ul li strong { position:absolute; left:0; top:0; color:#f87b8f;} .imgText-grayBox .con ul li strong:after { background:#F3E9BD; border-radius: 5px 5px 5px 5px; content: " "; display: block; height: 8px; left: 0; margin-left: -5px; margin-top: -12px; padding: 0 5px; top: 0; width: 100%; } .imgText-box .pic-cont img{ position:relative;} .picTtl{ position:absolute; left:0; bottom:0; width:100%; height:2.4em; line-height:2.4em; background:rgba(251,130,150,0.7); font-size:12px; font-size:1.2rem; color:#fff; border-bottom-right-radius:5px; border-bottom-left-radius:5px; text-align:center; font-weight:bold;} .wordBox { border:1px solid #f3e9bd; border-radius:5px;} .wordBox h4 { font-size:16px; font-size:1.6rem; color:#553539; background:#fef0f1; padding:13px 15px;} .wordBox .con { overflow:hidden; padding:20px;} .pinkBox { padding:25px 50px; background-color:#fdf5f6; border:1px solid #f3e9bd; border-radius:10px;} .pinkBox ul li { line-height:22px;} .pinkBox ul li strong { margin-right:15px; color:#f87b8f; display:inline-block;} .pinkBox ul li strong:after { background:#F3E9BD; border-radius: 5px 5px 5px 5px; content: " "; display: block; height: 8px; left: 0; margin-left: -5px; margin-top: -12px; padding: 0 5px; top: 0; width: 100%; } .pinkBox ul li span { color:#553539;} .turnBox { overflow:hidden;} .turnBox ul { width:110%;} .turnBox ul li { float:left; width:188px; height:330px; border:1px solid #f3e9bd; border-radius:10px; margin-right:7px; background:#fdf5f6;} .turnBox ul li .title { padding:10px; height:38px;} .turnBox ul li p { padding:0 10px; line-height:20px;} .stepTable { background:#fef0f1; border:1px solid #f3e9bd !important; border-radius:5px;} .stepTable tr td { padding:15px 15px 15px 50px; border-right:1px solid #fff; border-bottom:1px solid #fff; vertical-align:top;} .stepTable tr td:last-child { border-right:none;} .stepTable tr td:first-child { padding-left:20px; vertical-align:middle;} .stepTable tr:last-child td { border-bottom:none;} .stepTable tr td .labelSpan { display:inline-block; padding-top:8px; margin-right:10px;} .stepBox { background:#fef0f1; border:1px solid #f3e9bd; border-radius:5px;} .stepBox ul li { border-bottom:1px solid #fff;} .stepBox ul li .labelDiv { float:left; height:45px; padding:15px 0 0 20px; width:290px;} .stepBox ul li .selectDiv { float:left; height:45px; padding:15px 0 0 55px; width:278px; border-left:1px solid #fff;} .stepBox ul li .selectDiv .labelSpan { font-size:14px; font-size:1.4rem; display:inline-block; padding:7px 10px 0 0;} .tableBox { border:1px solid #f3e9bd; border-radius:5px;} .tableBox h5 { background:#fef0f1;} .tableBox .tableCon { height:478px; overflow:auto;} .table01 th,.table01 td { font-size:14px; font-size:1.4rem; border-bottom:1px solid #fef0f1; border-right:1px solid #fef0f1; padding:15px 20px;} .table01 tr th { font-weight:bold; background:#ecebeb;} .table01 tr th:last-child { border-right:none;} .table01 tr td:last-child { border-right:none;} .QAbox { background:#fef0f1; border:1px solid #f3e9bd; border-radius:5px;} .QAbox dt { /*height:50px;*/ line-height:26px; color:#553539; font-size:16px; font-size:1.6rem; font-weight:bold; /*padding-left:60px;*/ padding:11px 0 12px 60px; background:url(images/ico_question.png) no-repeat 13px 9px;} .QAbox dd { padding:15px 15px 15px 60px; background:url(images/ico_answer.png) no-repeat 13px 9px #fff; border-radius:0 0 5px 5px; font-size:14px; font-size:1.4rem; line-height:20px;} .table02 {} .red { color:#fb8296; font-size:10px; font-size:1rem;} .pd0 { padding:0 !important;} .deepRed { color:#ff0000; font-size:10px; font-size:1rem;} .errorMsg { color:#ff0000; font-size:10px; font-size:1rem;} .spanRadio { cursor:pointer; display:inline-block; padding-left:26px; height:16px; line-height:18px; vertical-align:middle; background:url(images/ico_radio.png) no-repeat;} .spanRadio.on { background:url(images/ico_radio_on.png) no-repeat;} .spanCheckbox { cursor:pointer; display:inline-block; padding-left:25px; /*height:15px; */line-height:17px; vertical-align:middle; background:url(images/ico_checkbox.png) no-repeat;} .spanCheckbox.on { background:url(images/ico_checkbox_on.png) no-repeat;} .spanRadio input,.spanCheckbox input { display:none;} .spanLabel { display:inline-block; padding:9px 5px 0 0;} .spanLabel02 { display:inline-block; padding-top:9px;} .wdP10 { width:10% !important;} .wdP15 { width:15% !important;} .wdP30 { width:30% !important;} .wd270 { width:270px !important;} .wd122 { width:140px !important;} .wd100 { width:100px !important;} .wd135 { width:135px !important;} .pt7 { padding-top:7px !important;} .minW90 { width:90px !important;} .speP { width:810px; line-height:20px;} .adLabel { display:inline-block; width:70px; padding-top:9px;} .tera01 { vertical-align:top; resize:none; width:550px; height:120px; line-height:20px; padding:10px; border:1px solid #c8c8c8; background:#f1f1f1; color:#c9c8c8; font-size:12px; font-size:1.2rem; border-radius:5px;} .tera01:hover { background:#FEF0F1;} .text01 { vertical-align:middle; width:80px; height:27px; line-height:1; padding:0 10px; border:1px solid #c8c8c8; background:#f1f1f1; color:#c9c8c8; font-size:12px; font-size:1.2rem; border-radius:5px;} .text02 { vertical-align:middle; width:115px; height:27px; line-height:1; padding:0 10px; border:1px solid #c8c8c8; background:#f1f1f1; color:#c9c8c8; font-size:12px; font-size:1.2rem; border-radius:5px;} .text03 { vertical-align:middle; width:16px; height:27px; line-height:1; text-align:center; padding:0 10px; border:1px solid #c8c8c8; background:#f1f1f1; color:#c9c8c8; font-size:12px; font-size:1.2rem; border-radius:5px;} .text04 { vertical-align:middle; width:160px; height:27px; line-height:1; padding:0 10px; border:1px solid #c8c8c8; background:#f1f1f1; color:#c9c8c8; font-size:12px; font-size:1.2rem; border-radius:5px;} .text05 { vertical-align:middle; width:410px; height:27px; line-height:1; padding:0 10px; border:1px solid #c8c8c8; background:#f1f1f1; color:#c9c8c8; font-size:12px; font-size:1.2rem; border-radius:5px;} .text01:hover,.text02:hover,.text03:hover,.text04:hover,.text05:hover { background:#FEF0F1} .inputFocus { background:#f7f6e8 !important; color:#000;} .inputFinish { color:#000;} .personInfo { background:#fff; padding:20px; height:120px; overflow:auto;} .agDiv { background:#ecebeb; padding:10px 20px;} .raDiv { padding:15px 20px;} .tableUl li { padding:20px; border-bottom:1px solid #fef0f1;} /* form checkboxList */ .checkboxList{ overflow:hidden;} .checkboxList li{ display:inline-block; vertical-align:top; width:180px; padding:0; border:0; overflow:hidden; margin-bottom:-9999em; padding-bottom:9999em;} .checkboxList li:nth-child(n+5){ margin-top:15px;} .checkboxList:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .checkboxList li span{ max-width:180px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; word-break:break-all; word-wrap:break-word;} .table02 th,.table02 td { padding:18px; border-bottom:1px solid #fef0f1; border-right:1px solid #fef0f1;} .table02 th { background:#ecebeb; font-weight:bold; width:90px; vertical-align:top; padding-top:27px;} .table02 th.special01 { width:70px;} .table02 tr th:last-child { border-right:none;} .table02 tr td:last-child { border-right:none;} .table02 tr:last-child th { border-bottom:none;} .table02 tr:last-child td { border-bottom:none;} .sureForm .table02 th { padding:18px; min-width:90px; width:auto !important;} .sureForm .table02 td { vertical-align:top;} .sureForm .table02 td .adLabel { padding:0;} .sureForm .spanCheckbox-sure { display:inline-block; padding-left:15px; height:15px; line-height:17px; vertical-align:middle; background:url(images/ico_checkbox_sure.png) 0 3px no-repeat;} .sureForm .stepTable tr td { vertical-align:middle;} .imgText-topBottom { overflow:hidden;} .imgText-topBottom ul { width:110%;} .imgText-topBottom ul li { float:left; width:337px; margin-right:28px;} .imgText-topBottom ul li h4 { margin-bottom:5px; font-size:22px; font-size:2.2rem; line-height:22px; color:#fb8296;} .turn-box {} .turn-box li { overflow:hidden; height:143px; border:1px solid #f3e9bd; border-radius:10px; padding-left:80px; margin-top:20px;} .turn-box li .pic { float:right;} .turn-box li .con { width:370px; float:left; margin-top:25px;} .turn-box li .con h4 { font-size:22px; font-size:2.2rem; color:#fb8296; margin-bottom:10px;} .turn-box li .con p { line-height:20px;} .turn-box li.first { background:url(images/ico_turn01.png) no-repeat #fdf5f6;} .turn-box li.second { background:url(images/ico_turn02.png) no-repeat #fdf5f6;} .turn-box li.third { background:url(images/ico_turn03.png) no-repeat #fdf5f6;} .turn-box li.fourth { background:url(images/ico_turn04.png) no-repeat #fdf5f6;} .turn-box li.fifth { background:url(images/ico_turn05.png) no-repeat #fdf5f6;} .imgText-leftRight ul li { padding:25px 0; overflow:hidden; background:url(images/ico_plus.png) repeat-x 0 bottom;} .imgText-leftRight li .fl-l { float:left;} .imgText-leftRight li .con { float:right; width:445px;} .imgText-leftRight li .con h4 { font-size:22px; font-size:2.2rem; color:#fb8296;} .imgText-leftRight li .con p { line-height:22px;} .imgText-leftRight li .ovflHidden { margin-bottom:3px;} .imgText-leftRight li .ovflHidden span { float:left; margin-right:15px;} .order-one { display:block; height:17px; line-height:18px; padding-left:20px; background:url(images/ico_order01.png) no-repeat;} .order-two { display:block; height:17px; line-height:18px; padding-left:20px; background:url(images/ico_order02.png) no-repeat;} .order-three { display:block; height:17px; line-height:18px; padding-left:20px; background:url(images/ico_order03.png) no-repeat;} .order-four { display:block; height:17px; line-height:18px; padding-left:20px; background:url(images/ico_order04.png) no-repeat;} .order-five { display:block; height:17px; line-height:18px; padding-left:20px; background:url(images/ico_order05.png) no-repeat;} .order-six { display:block; height:17px; line-height:18px; padding-left:20px; background:url(images/ico_order06.png) no-repeat;} /*.main-right*/ .main-right { float:right; width:250px;} .column-tabs { width:250px;} .column-tabs dt { height:46px; background:url(images/ico_tabs_bg.png) no-repeat; text-indent:-9999em;} .column-tabs dd a { display: block; background: url(images/ico_tabs_a.png) no-repeat 8px 15px #fef0f1; background: url(images/ico_tabs_a_s.png) no-repeat 8px 15px #fef0f1 \0; *background: url(../images/ico_tabs_a_s.png) no-repeat 8px 15px #fef0f1; -moz-background-size:14px auto; -webkit-background-size:14px auto; background-size:14px auto; height: 44px; line-height: 44px; font-size:14px; font-size: 1.4rem; color: #f87b8f; padding: 0 0 0 30px; border-bottom: 1px solid #fff; text-decoration: none; } .column-tabs dd a:hover { background: url(images/ico_tabs_aH.png) no-repeat 11px 18px #f3e9bd; background: url(images/ico_tabs_aH_s.png) no-repeat 11px 18px #f3e9bd \0; *background: url(images/ico_tabs_aH_s.png) no-repeat 11px 18px #f3e9bd; -moz-background-size:6px auto; -webkit-background-size:6px auto; background-size:6px auto; color: #9b7a4c; font-weight: bold; } .column-tabs dd a.cur { background: url(images/ico_tabs_aH.png) no-repeat 11px 18px #f3e9bd; background: url(images/ico_tabs_aH_s.png) no-repeat 11px 18px #f3e9bd \0; *background: url(images/ico_tabs_aH_s.png) no-repeat 11px 18px #f3e9bd; -moz-background-size:6px auto; -webkit-background-size:6px auto; background-size:6px auto; color: #9b7a4c; font-weight: bold; } /*footer #colophon*/ #colophon { min-width:980px; background:#f8f2f2;} .row-fluid { border-bottom:1px solid #fff;} .row-fluid .row-fluid-con { width:980px; padding-bottom:25px; margin:0 auto; overflow:hidden;} .row-fluid .widget-container { padding:35px 36px 5000px 36px; margin-bottom:-5000px; width:120px; float:left; border-right:1px solid #fff; font-family: "Noto Serif JP", serif;} .row-fluid .widget-container .widget-title { font-weight:normal; color:#9e9a9a;} .row-fluid .widget-container .widget-title a { color:#9e9a9a; text-decoration:none;} .row-fluid .widget-container .widget-p a { display:block;} .row-fluid .widget-container ul li { margin:15px 0;} .row-fluid .widget-container ul li a { color:#777; font-size:10px; font-size:1rem; text-decoration:none;} .row-fluid .widget-container ul.widget-ul02 li { padding:0;} .row-fluid .widget-container ul.widget-ul02 li a { font-size:12px; font-size:1.2rem; color:#9E9A9A;} .row-fluid .widget-container.widget-container01 { width:166px; padding-left:0; padding-right:15px;} .row-fluid .widget-container.widget-container02 { width:94px; padding-left:38px;} .row-fluid .widget-container.widget-container03 { width:85px;} .row-fluid .widget-container.widget-container04 { width:120px;} .row-fluid .widget-container.widget-container05 { width:241px; padding-right:0; border-right:none;} .site-info { text-align:center; padding:15px 0;} .site-info a,.site-info span{ color:#c5c0c0; text-decoration:none;} .toTop { display:inline-block; position:fixed; bottom:50px; right:50px; z-index:9999;} /* form page */ .form-page{ background:#fff;} .form-page:before{ z-index:-1; position:absolute; content:""; height:100%; width:100%; left:0; top:0; background-color:#f8f2f2;} /*-----*/ .mb45 {margin-bottom: 45px !important;} .textArea{ line-height:20px; letter-spacing:1px; } .column-tabs-ladies dt { background-image:url(images/ico_tabs_ladies.png);} .text-author{ text-align:right; font-size:16px; font-size:1.6rem; line-height:22px; color:#fb8296; font-weight:bold;} .hr-plusLine{ height:3px; background:url(images/img_plusLine.png) repeat-x 0 0; margin:0; border:0;} .imgBox-two ul li,.imgBox-four ul li{ float: left; margin-right:18px; text-align:center;} .imgBox-two ul li{ width:342px;} .imgBox-four ul li{width:162px;} .imgBox-two ul li p,.imgBox-four ul li p{ color:#553539;} .imgBox-five { overflow:hidden;} .imgBox-five ul { width:110%;} .imgBox-five ul li { float:left; width:130px; margin-right:13px;} .text-list-items li{ margin-bottom:20px; line-height:20px;} .text-list-items li b{ color:#fb8296; margin-right:10px;} .view-list .imgText-leftRigth{ background:url(images/ico_plus.png) repeat-x 0 0; padding-top:25px; margin-bottom:25px;} .view-list .imgText-leftRigth:last-child{ margin-bottom:0;} .view-list .imgText-leftRigth .list-content{ padding-left:150px;} .view-list .imgText-leftRigth ul{ display:block;} .list-fees{ display:block; width:700px; background:url(images/img_fees_review.png) no-repeat 0 0;} .list-fees li{ display:block; text-indent:-9999em; overflow:hidden; height:45px; width:100%; padding-bottom:2px; position:relative;} .list-fees li.list-fees-hd{ height:50px;} .list-fees li.list-fees-level{ height:27px; padding-bottom:1px;} .list-fees li a,.list-fees li span{ display:block; text-indent:-9999em; overflow:hidden; height:45px; width:100%; } .list-fees li span{ position:absolute; left:0; top:0; background:url(images/img_fees_review_hover.png) no-repeat; opacity:0; -moz-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -o-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in;} .list-fees li:nth-child(2) a span{ background-position:0 -52px;} .list-fees li:nth-child(3) a span{ background-position:0 -99px;} .list-fees li:nth-child(5) a span{ background-position:0 -174px;} .list-fees li:nth-child(7) a span{ background-position:0 -249px;} .list-fees li:nth-child(9) a span{ background-position:0 -324px;} .list-fees li:nth-child(11) a span{ background-position:0 -399px;} .list-fees li:nth-child(13) a span{ background-position:0 -474px;} /* .list-fees li:nth-child(14) a span{ background-position:0 -521px;} */ .list-fees li a:hover span{ opacity:1;} /* ie hack (under ie9) */ .ie .list-fees li span{ opacity:0; display:none;} .ie .list-fees li + li a span{ background-position:0 -52px;} .ie .list-fees li + li +li a span{ background-position:0 -99px;} .ie .list-fees li + li + li +li a span{ background-position:0 -146px;} .ie .list-fees li +li +li + li + li + li a span{ background-position:0 -221px;} .ie .list-fees li + li + li + li + li + li + li + li a span{ background-position:0 -296px;} .ie .list-fees li + li + li + li + li + li + li + li + li + li a span{ background-position:0 -371px;} .ie .list-fees li + li+li+li+li+li+li+li+li+li+li+li a span{ background-position:0 -446px;} .ie .list-fees li+li+li+li+li+li+li+li+li+li+li+li+li+li a span{ background-position:0 -521px;} .ie .list-fees li a:hover span{ opacity:1; display:block;} /*------*/ .hr-dbLine{ border:0; height:3px; background:url(images/ico_h1_bd.png) repeat-x 0 0; margin:20px 0; padding:0;} /*------------- pager -----------*/ .pager{ text-align:center; padding-top:10px; line-height:1;} .pager ul{ display:inline-block;} .pager ul li{ float:left; padding:0 12px; background:url(images/pager-sepLine.png) no-repeat left center; color:#fb8296; line-height:1;} .pager ul li.pager-prev,.pager ul li.pager-next,.pager ul li.pager-prev + li{ background:none;} .pager ul li.pager-prev{ padding-right:0;} .pager ul li.pager-next{ padding-left:0;} .pager ul li.pager-cur span{ display:inline-block; width:22px; height:22px; line-height:22px; color:#9f8151; font-weight:bold;} .pager ul li a{ text-decoration:underline; display:inline-block; padding:0 8px; height:22px; line-height:22px;} .pager ul li a:hover{ -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; background:#fb8296; color:#fff;} /*------------- newsListBox -----------*/ .newsListBox dl{ display:block; margin-top:15px; } .newsListBox dl:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .newsListBox dl dt,.newsListBox dl dd{padding-bottom:18px; background:url(images/ico_plus.png) repeat-x 0 bottom;} .newsListBox dl dt{ float:left; width:85px; text-align:center; font-weight:bold;} .newsListBox dl dd{ float:right; width:595px;} .newsListBox dl:first-child{ margin-top:0;} .newsListBox dl:last-child dt,.newsListBox dl:last-child dd{ background:none; padding-bottom:0;} /*-------------- table --------------*/ /* table common */ .tableFormat { table-layout: fixed; width: 100%; border-collapse:separate;} .tableFormat th, .tableFormat td { font-size: 12px; font-size: 1.2rem; padding:20px 15px; text-align: left; vertical-align: top; word-wrap: break-word; } .tableFormat th { font-weight: bold;} .tbPW20{ width:20%;} .tbPW80{ width:80%;} /* tbBox01 */ .tbBox01{ -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; border:1px solid #f3e9bd;} .tbBox01 tr:first-child th:first-child{ -moz-border-radius:10px 0 0 0; -webkit-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; border-radius:10px 0 0 0; } .tbBox01 tr:first-child td:last-child{ -moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; border-radius:0 10px 0 0; } .tbBox01 tr:last-child td:last-child{ -moz-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -ms-border-radius:0 0 10px 0; -o-border-radius:0 0 10px 0; border-radius:0 0 10px 0; } .tbBox01 tr:last-child th:first-child{ -moz-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; -ms-border-radius:0 0 0 10px; -o-border-radius:0 0 0 10px; border-radius:0 0 0 10px; } .tbBox01 tr th:first-child{ border-left:1px solid #fef0f1;} .tbBox01 tr td:last-child{ border-right:1px solid #fef0f1;} .tbBox01 tr:first-child td,.tbBox01 tr:first-child th{ border-top:1px solid #fef0f1;} .tbBox01 tr:last-child td,.tbBox01 tr:last-child th{ border-bottom:1px solid #fef0f1;} .tbBox01 tr th span{ display:inline-block;} .tbBox01 tr th,.tbBox01 tr td{ background:url(images/ico_plus.png) repeat-x 0 bottom;} .tbBox01 tr:last-child th,.tbBox01 tr:last-child td{ background-image:none;} .tbBox01 tr th{ background-color:#fef0f1;} .tbBox01 tr th span{ display:inline-block; background:url(images/ico_flower03.png) no-repeat 0 center; padding-left:30px; line-height:21px; color:#ec7f93; font-weight:bold;} .tbBox01 tr td{ line-height:2;} ul.single-list li{ display:inline-block; margin-right:30px;} .tbBox01 .adrress-area{ display:inline-block; width:290px;} /*----------- rbBox ------------*/ .rbBox{ border:1px solid #f3e9bd; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; overflow:hidden; } .rbBox-hd,.rbBox-hd01{ background:#fef0f1; height:50px; line-height:50px; padding-left:10px;} .rbBox-hd h3{ background:url(images/ico_flower04.png) no-repeat 0 center; padding-left:28px; color:#553539; font-size:14px; font-size:1.4rem; font-weight:bold;} .rbBox-bd{ background:#fff; padding:20px 35px;} .link-list li{ line-height:20px;} .link-list li li{background:url(images/dot.png) no-repeat left center; padding-left: 0.66em; margin-left:8px; } .col3Container{ width:100%; overflow:hidden;} .col3Container .rbBox,.col2Container .rbBox{ width:220px; float:left; margin-right:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} .col2Container .rbBox{ width:340px;} .col3Container .rbBox:last-child,.col2Container .rbBox:last-child{ margin-right:0;} .rbBox .list-columns > ul{ float:left; height:220px; padding:0 23px; background:url(images/ico_plus.png) repeat-y right 0;} .rbBox .list-columns > ul:first-child{ padding-left:0;} .rbBox .list-columns > ul:last-child{ padding-right:0; background:none;} .boxH115{ height:115px;} .boxH155{ height:155px;} .boxH255{ height:255px;} .boxH315{ height:315px;} .rbBox-hd01{ padding-left:20px;} .rbBox-hd01 h3{ font-size:16px; font-size:1.6rem; font-weight:bold; color:#553539; } .rbBox-hd01 h3 span{ display:inline-block; width:30px; height:30px;line-height:30px; margin-right:10px; background:#fb8296; -webkit-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; text-align:center; color:#fff; font-size:18px; font-size:1.8rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .rbBox-bd01{ background:#fff; padding:15px 20px;} .rbBox-bd01 p{ line-height:20px; font-size:14px; font-size:1.4rem;} /*-------LP page------*/ .LP-header { width:910px; height:66px; margin:0 auto;} .LP-header .logo { float:left;} .LP-header .logo a { display:block; width:331px; height:38px; margin:15px 0 0 0; background:url(images/LP_logo.png) no-repeat; text-indent:-9999em;} .LP-header .logo a span { display:block; width:331px; height:38px; opacity:0; background:url(images/LP_logo.png) 0 -38px no-repeat; text-indent:-9999em;} .LP-header .contact { float:right;} .LP_img01_box { background:url(images/LP_img01_box.png);} .LP_img02_box { background:url(images/LP_img02_box.png);} .LP_img03_box { background:url(images/LP_img03_box.png);} .LP_img04_box { background:url(images/LP_img04_box.png);} .LP_img05_box { background:url(images/LP_img05_box.png);} .LP_img0678_box { background:url(images/LP_img0678_box.png);} .LP_img09_box { background:url(images/LP_img09_box.png);} .LP_img10_box { background:url(images/LP_img10_box.png);} .LP_event_info { min-width:910px; height:300px;} .LP_event { min-width:910px; height:775px; background:url(images/LP_img_event.jpg) no-repeat top center;} .LP_movie { min-width:910px; height:2784px; } .LP_img01 { min-width:910px; height:465px; background:url(images/LP_img01.jpg) no-repeat center center;} .LP_img02 { min-width:910px; height:318px; background:url(images/LP_img02.jpg) no-repeat center center;} .LP_img03 { min-width:910px; height:609px; background:url(images/LP_img03.jpg) no-repeat center center;} .LP_img04 { min-width:910px; height:625px; background:url(images/LP_img04.jpg) no-repeat center center;} .LP_img05 { min-width:910px; height:624px; background:url(images/LP_img05.jpg) no-repeat center center;} .LP_img06 { min-width:910px; height:409px; background:url(images/LP_img06.jpg) no-repeat center center;} .LP_img07 { min-width:910px; height:312px; background:url(images/LP_img07.jpg) no-repeat center center;} .LP_img08 { min-width:910px; height:450px; background:url(images/LP_img08.jpg) no-repeat center center;} .LP_img09 { min-width:910px; background:url(images/LP_img09.jpg) repeat;} .LP_img10 { min-width:910px; height:793px; background:url(images/LP_img10.jpg) no-repeat center center;} .LP_mid { width:900px; margin:0 auto; position:relative;} .LP_mid01 { display:block; width:293px; height:197px; position:absolute; left:0; top:83px;} .LP_mid02 { display:block; width:293px; height:197px; position:absolute; left:303px; top:83px;} .LP_mid03 { display:block; width:293px; height:197px; position:absolute; left:607px; top:83px;} .txtDesc { display:none;} .Eventinfo { text-align:center; padding-top:0px;} .btnFeelEvent { text-align:center; padding-top:640px;} .btnFeelMovie { text-align:center; } .btnFeelEvent2 { text-align:center; padding-top:20px;} .btnFeelBox01 { text-align:center; padding-top:483px;} .btnFeelBox02 { text-align:center; padding-top:490px;} .btnFeelBox03 { text-align:center; padding-top:490px;} .btnFeelBox04 { text-align:center; padding-top:320px;} .btnFeelBox05 { text-align:center; padding:30px 0;} .btnFeelBox06 { text-align:center; padding-top:630px;} .LP_btnBox { position:relative; width:820px; margin:0 auto;} .LP_btn_feel { position:absolute; left:0; top:230px; display:block; width:352px; height:78px; background:url(images/LP_btn_feel.png) no-repeat;} .LP_btn_feel span { display:block; width:352px; height:78px; opacity:0; background:url(images/LP_btn_feel.png) 0 -78px no-repeat; text-indent:-9999em;} .LP_btn_download { position:absolute; left:0; top:320px; display:block; width:352px; height:78px; background:url(images/LP_btn_download.png) no-repeat;} .LP_btn_download span { display:block; width:352px; height:78px; opacity:0; background:url(images/LP_btn_download.png) 0 -78px no-repeat; text-indent:-9999em;} .LP_btn_feel02 { display:inline-block; width:770px; height:95px; background:url(images/LP_btn_feel02.png) no-repeat;} .LP_btn_feel02 span { display:inline-block; width:770px; height:95px; opacity:0; background:url(images/LP_btn_feel02.png) 0 -95px no-repeat; text-indent:-9999em;} .LP-school { width:875px; margin:0 auto; border:2px solid #f3e6ac; border-radius:5px; background:#fff;} .LP-school dt { height:58px; line-height:58px; border-bottom:1px solid #c7b97a; box-shadow:1px 1px 1px #f3e6ac; cursor:pointer; position:relative;} .LP-school dt em { display:block; width:34px; height:34px; background:url(images/LP_ico_downUp.png) no-repeat; position:absolute; right:15px; top:13px;} .LP-school dt.up { background-color:#faf4d7;} .LP-school dt.up em { background-position:0 -34px;} .LP-school dt span { font-size:28px; font-size:2.8rem; font-weight:bold; color:#553539; display:inline-block; padding-left:68px; background:url(images/LP_ico01.png) no-repeat 14px 15px;} .LP-school dd { border-bottom:1px solid #c7b97a; box-shadow:1px 1px 1px #f3e6ac; display:none;} .LP-school dd ul li { overflow:hidden; padding:20px 35px; background:#fff4f4; border-bottom:3px solid #fff;} .LP-school dd ul li:last-child { border-bottom:none;} .LP-load { width:280px; height:180px; text-align:center; line-height:180px; display:block;} .LP-con { /*float:right; width:505px;*/} .LP-sclName { font-size:28px; font-size:2.8rem; font-weight:bold; color:#fe3b56; background:url(images/LP_ico02.png) no-repeat 0 6px; padding-left:30px; margin-bottom:15px;} .LP-address { line-height:26px; font-size:18px; font-size:1.8rem; font-weight:bold; background:url(images/LP_ico03.png) no-repeat 0 0px; padding-left:30px; margin-bottom:15px;} .LP-phone { font-size:18px; font-size:1.8rem; font-weight:bold; background:url(images/LP_ico04.png) no-repeat 0 0px; padding-left:30px;} .LP-fax { font-size:18px; font-size:1.8rem; font-weight:bold; background:url(images/LP_ico05.png) no-repeat 0 0px; background-size:21px 21px; padding-left:30px;} .LP-footer { min-width:910px; height:57px; line-height:57px; background:#e2e2e2; color:#b3b3b3; font-size:12px; font-size:1.2rem; text-align:center;} /*-------LP-SP page------*/ .LPSP-header { padding:5px 10px;} .LPSP_logo { float:left; width:55%;} .LPSP_logo img { width:100%; max-width:331px; max-height:38px; margin:5px 0 0 0;} .LPSP_contact { float:right; width:35%; text-align:right;} .LPSP_contact img { width:100%; max-width:225px; max-height:43px; margin:3px 0 0 0;} .LPSP_img01,.LPSP_img02,.LPSP_img03,.LPSP_img04,.LPSP_img07,.LPSP_img09 { position:relative;} .LPSP_img08 { position:relative; background:url(images/LPSP_img08.jpg); padding-bottom:30%;} .LPSP_text01 { width:80%; margin:0 auto; padding:20px 0 15px 0;} .wdPer { width:100%;} .LPSP_btnBox { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 4% 5%;} .LPSP_btnBox02 { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 5% 5%;} .LPSP_btnBox03 { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 5% 5%;} .LPSP_btnBox04 { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 5% 5%;} .LPSP_btnBox07 { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 5% 5%;} .LPSP_btnBox08 { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 5% 5%;} .LPSP_btnBox09 { position:absolute; left:0; bottom:0; width:90%; padding:0 5% 5% 5%;} .LPSP-school { margin:0 2%; border:2px solid #f3e6ac; border-radius:5px; background:#fff;} .LPSP-school dt { height:29px; line-height:29px; border-bottom:1px solid #c7b97a; box-shadow:1px 1px 1px #f3e6ac; cursor:pointer; position:relative;} .LPSP-school dt em { display:block; width:17px; height:17px; background:url(images/LP_ico_downUp.png) no-repeat; background-size:17px auto; position:absolute; right:8px; top:6px;} .LPSP-school dt.up { background-color:#faf4d7;} .LPSP-school dt.up em { background-position:0 -17px;} .LPSP-school dt span { height:29px; line-height:29px; font-size:14px; font-size:1.4rem; font-weight:bold; color:#553539; display:inline-block; padding-left:34px; background:url(images/LP_ico01.png) no-repeat 7px 6px; background-size:21px 15px;} .LPSP-school dd { border-bottom:1px solid #c7b97a; box-shadow:1px 1px 1px #f3e6ac; display:none;} .LPSP-school dd ul li { overflow:hidden; padding:10px; background:#fff4f4; border-bottom:3px solid #fff;} .LPSP-school dd ul li:last-child { border-bottom:none;} .LPSP_map_canvas img { width:100%; border:1px solid #f3e6ac; border-radius:5px;} .LPSP-con {} .LPSP-sclName { font-size:14px; font-size:1.4rem; font-weight:bold; color:#fe3b56; background:url(images/LP_ico02.png) no-repeat 0 -1px; background-size:15px auto; padding-left:20px; margin-bottom:15px;} .LPSP-address { font-size:12px; font-size:1.2rem; font-weight:bold; background:url(images/LP_ico03.png) no-repeat 0 0px; background-size:15px auto; padding-left:20px;} .LPSP-phone { font-size:12px; font-size:1.2rem; font-weight:bold; background:url(images/LP_ico04.png) no-repeat 0 0px; background-size:15px auto; padding-left:20px; margin-top:10px;} .LPSP-fax { font-size:12px; font-size:1.2rem; font-weight:bold; background:url(images/LP_ico05.png) no-repeat 0 0px; background-size:15px auto; padding-left:20px; margin-top:10px;} .LPSP-footer { height:36px; line-height:36px; background:#e2e2e2; color:#b3b3b3; font-size:12px; font-size:1.2rem; text-align:center;}