@charset 'utf-8';

/* ===================================================================
 HOME.CSS
====================================================================== */

/* PAGE TITLE -------------------------------------------------------- */

h1.main-title {
    background-repeat: no-repeat;
    background-position: top left;
}

.index h1 {
    height: 125px; margin: 0 0 10px; text-align: center;
    text-indent: 0;
}

#h1-txt {
    width: 508px;
    height: 20px;
    margin: 0 0 8px;
    color: #fff;
    border: solid #ff9191 1px;
    background-color: #fc4d4d;
}

.sitemap h1.main-title {
    background-image: url(../../../img/default/home/h1_map.gif);
}
.etc     h1.main-title {
    background-image: url(../../../img/default/home/h1_etc.gif);
}
.cookie  h1.main-title {
    background-image: url(../../../img/default/home/h1_cookie.gif);
}


/* -------------------------------------------------------------------
 TOP
---------------------------------------------------------------------- */

hr {
    display: none;
}

#home-various,
#home-plan,
#home-news,
#home-schedule {
    background-image: url(../../../img/default/home/h2_home.png);
    background-repeat: no-repeat;
}

/* TOPBNR -------------------- */

ul.topbnr {
    font-size: 83%;
    margin: 10px 0;
    text-align: center;
}

ul.topbnr li {
    margin: 0 0 2px;
}

.info-image01 {
    text-align: center;
}

.info-image01 a {
    margin: 0;
}

/* MIDDLE BANNER ---------------------- */
.ability-service-list {
    overflow: hidden;
    padding: 0 3px;
}

.ability-service-item {
    float: left;
    width: 124px;
    height: 124px;
    margin-right: 2px;
}

.ability-service-item a {
    margin: 0;
}

.ie8 .ability-service-item {
    margin-bottom: 6px;
}

.ability-service {
    width: 100%;
    height: 100%;
}

.ability-banner {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 124px;
    background-image: url(../../../img/default/home/obj_middle_banner.png);
    background-repeat: no-repeat;
}

.ability-service a.lolidoma {
    background-position: 0 0;
}

.ability-service a.lolidoma:hover {
    background-position: 0 -124px;
}

.ability-service a.backup {
    background-position: 0 -248px;
}

.ability-service a.backup:hover {
    background-position: 0 -372px;
}

.ability-service a.disk {
    background-position: 0 -496px;
}

.ability-service a.disk:hover {
    background-position: 0 -620px;
}

.ability-service a.trial {
    background-position: 0 -744px;
}

.ability-service a.trial:hover {
    background-position: 0 -868px;
}

.ability-service a.loliblog {
    background-position: 0 -992px;
}

.ability-service a.loliblog:hover {
    background-position: 0 -1116px;
}

.ability-service a.mt2 {
    background-position: 0 -1240px;
}

.ability-service a.mt2:hover {
    background-position: 0 -1364px;
}

.ability-service a.wp {
    background-position: 0 -1240px;
}

.ability-service a.wp:hover {
    background-position: 0 -1364px;
}

.ability-service a.cmsm {
    background-position: 0 -1488px;
}

.ability-service a.cmsm:hover {
    background-position: 0 -1612px;
}

.ability-service a.smp {
    background-position: 0 -1736px;
}

.ability-service a.smp:hover {
    background-position: 0 -1860px;
}

.ability-service a.app {
    background-position: 0 -1984px;
}

.ability-service a.app:hover {
    background-position: 0 -2108px;
}

.ability-service a.db {
    background-position: 0 -2232px;
}

.ability-service a.db:hover {
    background-position: 0 -2356px;
}

.ability-service a.ftpmailer {
    background-position: 0 -2480px;
}

.ability-service a.ftpmailer:hover {
    background-position: 0 -2604px;
}

.ability-service a.mlmm {
    background-position: 0 -2728px;
}

.ability-service a.mlmm:hover {
    background-position: 0 -2852px;
}

.ability-service a.virus {
    background-position: 0 -2976px;
}

.ability-service a.virus:hover {
    background-position: 0 -3100px;
}

.ability-service a.spam {
    background-position: 0 -3224px;
}

.ability-service a.spam:hover {
    background-position: 0 -3348px;
}

/* LIST ---------------------- */

#home-various {
    overflow: hidden;
    width: 510px;
    height: 32px;
    white-space: nowrap;
    text-indent: 100%;
    background-repeat: no-repeat;
}

ul.homelist {
    margin: 15px 0 20px 5px;
}

ul.homelist li {
    margin: 0 0 5px;
    padding: 0 0 4px 18px;
    background: url(../../../img/common/icon/icon_star_home.gif) no-repeat top left;
}


/* PLAN ---------------------- */

#home-plan {
    overflow: hidden;
    width: 510px;
    height: 35px;
    white-space: nowrap;
    text-indent: 100%;
    background-repeat: no-repeat;
    background-position: 0 -150px;
}


/* GUIDE --------------------- */

.box-guide {
    overflow: hidden;
    margin: 0;
    padding: 15px;
    border-radius: 10px;
    background-color: #d4f0ff;
}

.ielt9 .box-guide {
    padding: 0 15px;
}

.box-guide ul li {
    float: left;
    margin: 0 0 10px;
}

.guide-item-step1,
.guide-item-step2,
.guide-item-step3 {
    width: 144px;
    text-align: center;
}

.guide-item-step1 a,
.guide-item-step2 a,
.guide-item-step3 a {
    display: inline-block;
    overflow: hidden;
    width: 138px;
    height: 0;
    margin: 0;
    padding-top: 100px;
    background-image: url(../../../img/default/home/obj_home_guides.png);
    background-repeat: no-repeat;
}

.guide-item-step1 a {
    background-position: 0 0;
}

.guide-item-step2 a {
    background-position: 0 -100px;
}

.guide-item-step3 a {
    background-position: 0 -200px;
}

/* INFO ---------------------- */

#home-news,
#home-schedule {
    overflow: hidden;
    width: 510px;
    height: 36px;
    white-space: nowrap;
    text-indent: 100%;
    background-repeat: no-repeat;
}

#home-news {
    background-position: 0 -50px;
}

#home-schedule {
    background-position: 0 -100px;
}

body.index #info-list li span,
body.index #schedule-list li span {
    letter-spacing: 0;
}

body.index #info-list li,
body.index #schedule-list li {
    padding-bottom: 5px;
    background-position: left bottom;
}

.release-icon,
.develop-icon,
.prepar-icon {
    height: 14px;
    height: auto;
    min-height: 14px;
    padding-right: 61px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    background-image: url(../../../img/default/home/obj_plan_icon.png);
    background-repeat: no-repeat;
}

.release-icon {
    background-position: right 0;
}

.develop-icon {
    background-position: right -34px;
}

.prepar-icon {
    background-position: right -68px;
}
span .prepar-icon {
    margin: 0 3px;
    letter-spacing: 1px;
}


/* 本家トップのh2 */

h2.top-page {
    overflow: hidden;
    height: 34px;
    margin: 0 0 10px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/h2_home_001.png);
    background-repeat: no-repeat;
}

.top-page-01 {
    background-position: 0 0;
}
.top-page-02 {
    background-position: 0 -40px;
}
.top-page-03 {
    background-position: 0 -80px;
}


/* 選ばれる理由 */

h3.reason {
    overflow: hidden;
    height: 27px;
    margin: 0 0 5px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/h3_home_001.png);
    background-repeat: no-repeat;
}

.reason-01 {
    background-position: 0 0;
}
.reason-02 {
    background-position: 0 -30px;
}
.reason-03 {
    background-position: 0 -60px;
}
.reason-04 {
    background-position: 0 -90px;
}


.homebox01 {
    width: 220px;
    padding: 15px;
    text-align: center;
    background-color: #f4f4d4;
}

.homebox01 p {
    margin: 0 5px;
    padding: 5px 0 0;
    text-align: left;
    background: url(../../../img/default/home/obj_home_008.png) no-repeat center;
}


/* -------------------------------------------------------------------
 SITEMAP
---------------------------------------------------------------------- */

.sitemap dl {
    width: 235px; margin: 0 0 20px;
}

#main .sitemap dt {
    overflow: hidden;
    height: 32px;
    margin: 0 0 3px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/h2_map.gif);
    background-repeat: no-repeat;
}

.sitemap .dt-01 {
    background-position: 0 0;
}
.sitemap .dt-02 {
    background-position: 0 -35px;
}
.sitemap .dt-03 {
    background-position: 0 -70px;
}
.sitemap .dt-04 {
    background-position: 0 -105px;
}
.sitemap .dt-05 {
    background-position: 0 -140px;
}
.sitemap .dt-06 {
    background-position: 0 -175px;
}
.sitemap .dt-07 {
    background-position: 0 -210px;
}

.sitemap dd {
    margin: 0 0 0 5px;
    background: url(../../../img/default/home/obj_map_line.gif) no-repeat 0 0;
}

.sitemap .dd-01 {
    padding: 2px 0 4px 23px;
}

.sitemap .dd-02 {
    font-size: 87%;
    padding: 2px 0 2px 37px;
    background-position: 0 -50px;
}

.sitemap .dd-03 {
    font-size: 87%;
    padding: 2px 0 4px 37px;
    background-position: 0 -100px;
}

.sitemap .dd-04 {
    padding: 2px 0 4px 23px;
    background-position: 0 -150px;
}


/* -------------------------------------------------------------------
 ETC
---------------------------------------------------------------------- */

h2.etc {
    overflow: hidden;
    height: 36px;
    margin: 0 0 5px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/h2_etc.gif);
    background-repeat: no-repeat;
}

.security {
    background-position: 0 0;
}
.privacy {
    background-position: 0 -50px;
}
.link {
    background-position: 0 -100px;
}

body.etc #container dl dt {
    margin: 10px 0;
}

body.etc dl dd {
    margin: 0 0 5px;
}

/* -------------------------------------------------------------------
 header home/index
---------------------------------------------------------------------- */

.index div#container div#content div.wrapper {
    background: url(../../../img/common/bg_main_1column.png) repeat-y 0 50%;
}

.index #local-nav,
.index #local-nav,
.index div#header-board {
    display: none;
}

.index #body {
    box-sizing: border-box;
    width: 729px;
    margin: 16px 21px 0;
    padding: 0;
}

.feature-banner {
    line-height: 88px;
    width: 728px;
    height: 88px;
    margin: 0;
    text-align: center;
}

.feature-banner a {
    margin: 0;
}

.contents {
    margin-bottom: 24px;
}

.contents-title {
    overflow: hidden;
    width: 728px;
    height: 35px;
    margin: 16px 0;
    text-align: center;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../../../img/default/home/h2_home_title.png) 0 0 no-repeat;
}

.contents-title.campaign-title {
    margin: 0 0 24px;
    background-position: 0 -181px;
}

.contents-title.plan-title {
    background-position: 0 0;
}

.contents-title.features-title {
    background-position: 0 -36px;
}

.contents-title.usage-title {
    background-position: 0 -72px;
}

.campaign {
    overflow: hidden;
}

.campaign ul li {
    position: relative;
    margin: 0 0 12px 10px;
    padding: 0 0 0 32px;
}

.campaign ul li:before {
    position: absolute;
    top: -8px;
    left: -4px;
    width: 31px;
    height: 31px;
    content: '';
    background-image: url(../../../img/default/home/megaphone.svg);
    background-repeat: no-repeat;
    background-size: 31px 31px;
}

.campaign a {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    max-width: 580px;
    margin: 0 7px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0d97be;
}

.campaign span {
    font-size: 13px;
    position: relative;
    top: -6px;
    padding: 5px 10px;
    color: #ff7450;
    border-radius: 3px;
    background-color: #fff118;
}

.plan-box-container {
    font-size: 0;
    position: relative;
    width: 712px;
    margin: 28px auto 15px;
}

.plan-box-otherplan {
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    width: 172px;
    border-top: 1px solid #aab7ba;
    border-right: 1px solid #aab7ba;
    border-bottom: 1px solid #aab7ba;
}
.plan-box-standardplan {
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    width: 196px;
    border-top: 1px solid #aab7ba;
    border-right: 1px solid #aab7ba;
    border-bottom: 1px solid #aab7ba;
}
.plan-box-otherplan:first-child,
.plan-box-standardplan:first-child {
    border-left: 1px solid #aab7ba;
    border-radius: 3px 0 0 3px;
}
.plan-box-otherplan:last-child {
    border-radius: 0 3px 3px 0;
}

.plan-box-otherplan dt,
.plan-box-standardplan dt {
    font-size: 12px;
    position: relative;
    height: 90px;
    color: #6b6b6b;
    border-bottom: 1px solid #aab7ba;
}

.plan-box-standardplan dt {
    color: #fff;
}

.plan-box-otherplan dt a,
.plan-box-standardplan dt a {
    font-size: 11px;
    text-decoration: none;
    color: #4b4b4b;
}

dt.plan-economy {
    background-color: #f0faeb;
    border-radius: 3px 0 0 3px;
}
dt.plan-lite {
    background-color: #fdf4f8;
}
dt.plan-enterprise {
    background-color: #fcf4f0;
    border-radius: 0 3px 3px 0;
}
dt.plan-standard {
    position: absolute;
    top: -18px;
    right: 172px;
    box-sizing: border-box;
    width: 197px;
    height: 110px;
    border-top: 1px solid #aab7ba;
    border-right: 1px solid #aab7ba;
    border-left: 1px solid #aab7ba;
    border-radius: 3px 3px 0 0;
    background-color: #14ade2;
}

.plan-economy img,
.plan-lite img,
.plan-enterprise img {
    position: absolute;
    top: 9px;
    left: 10px;
}
.plan-standard img {
    position: absolute;
    top: 22px;
    left: 15px;
}

.plan-box-otherplan dt p {
    position: absolute;
    right: 21px;
    bottom: 10px;
    width: 132px;
}

.plan-box-standardplan dt p {
    position: absolute;
    right: 32px;
    bottom: 10px;
    width: 132px;
}

.plan-box-otherplan .btn-plan-more {
    font-size: 11px;
    position: relative;
    display: block;
    width: 132px;
    margin: 3px auto 0;
    padding: 2px 0;
    color: #2b2b2b;
    border-radius: 3px;
}
.plan-economy .btn-plan-more {
    background-color: #c4efb9;
}
.plan-lite .btn-plan-more {
    background-color: #fbd6e1;
}
.plan-enterprise .btn-plan-more {
    background-color: #fedac2;
}
.plan-box-standardplan .btn-plan-more {
    font-size: 11px;
    position: relative;
    display: block;
    width: 132px;
    margin: 3px auto 0;
    padding: 2px 0;
    color: #2b2b2b;
    border-radius: 3px;
    background-color: rgba(256,256,256,.6);
}
.plan-box-otherplan .btn-plan-more:after,
.plan-box-standardplan .btn-plan-more:after {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 0;
    height: 0;
    content: '';
    border-width: 5px 0 5px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.plan-box-otherplan dd,
.plan-box-standardplan dd {
    font-size: 11px;
    line-height: 1.7em;
    padding: 10px 0;
    border-bottom: 1px solid #dfe9ea;
}
.plan-box-otherplan dd:last-child,
.plan-box-standardplan dd:last-child {
    border: none;
}

.plan-box-otherplan dd.unable,
.plan-box-standardplan dd.unable {
    background-color: #ededed;
}
.plan-box-otherplan dd.unable strong,
.plan-box-standardplan dd.unable strong {
    color: #666;
}

.plan-box-otherplan strong,
.plan-box-standardplan strong {
    font-size: 16px;
    font-weight: bold;
    color: #4b4b4b;
}

.plan-box-otherplan strong.special,
.plan-box-otherplan .special-red,
.plan-box-standardplan strong.special,
.plan-box-standardplan .special-red {
    color: #ef613a;
}

.btn-submit {
    font-size: 16px;
    width: 135px;
    margin: 2px 0 8px;
    padding: 10px 0;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 3px;
    background-color: #6ec800;
    box-shadow: rgb(106, 178, 4) 0 6px 0 0;
}

.plan-box-standardplan .btn-submit {
    width: 160px;
}

.ribbon {
    position: absolute;
    z-index: 1;
    top: -2px;
    right: -2px;
    width: 68px;
    height: 42px;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/obj_home_plan_ribbon.svg);
    background-repeat: no-repeat;
    background-size: 68px 42px;
}

.ribbon,
.plan-detail-link {
    overflow: hidden;
}

.plan-attention {
    font-size: 92%;
    float: left;
    margin-top: 4px;
    margin-left: 16px;
}

.plan-function-spec-links {
    float: right;
    margin-top: 4px;
    margin-right: 16px;
}

.plan-function-link-button {
    width: 151px;
}

.plan-function-link-button,
.plan-price-link-button {
    display: inline-block;
    overflow: hidden;
    height: 20px;
    white-space: nowrap;
    text-indent: 100%;
}

.plan-price-link-button {
    width: 123px;
}

.plan-function-link-button {
    background: url(../../../img/default/home/btn_home_plan_function_detail.png) 0 0 no-repeat;
}

.plan-price-link-button {
    background: url(../../../img/default/home/btn_home_plan_price_detail.png) 0 0 no-repeat;
}

.feature-block {
    overflow: auto;
    margin: 16px 24px;
}

.feature-conent {
    width: 414px;
}

.feature-conent-image {
    width: 260px;
    text-align: center;
}

.feature-block {
    margin-top: 32px;
    margin-bottom: 32px;
}

.feature-block.feature-wordpress {
    margin-top: 0;
}

.feature-title {
    overflow: hidden;
    height: 38px;
    margin-bottom: 8px;
    white-space: nowrap;
    text-indent: 100%;
    background: url(../../../img/default/home/h3_home_title.png) 0 0 no-repeat;
}

.feature-conent .content-text {
    font-size: 108%;
    line-height: 1.8;
    margin-left: 8px;
}

.feature-conent.content-left .content-text {
    margin-right: 16px;
}

.feature-wordpress .feature-title {
    margin-top: 12px;
    background-position: 0 0;
}

.feature-backup .feature-title {
    background-position: 0 -38px;
}

.feature-utilization .feature-title {
    background-position: 0 -76px;
}

.feature-support .feature-title {
    background-position: 0 -114px;
}

.features-line {
    display: block;
    height: 2px;
    margin: 0 32px;
    border: 0;
    background-color: transparent;
    background-image: url(../../../img/common/line/line_dot_11.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}

.content-left {
    float: left;
}

.content-right {
    float: right;
}

.functions {
    margin-top: 16px;
}

.functions-title {
    position: relative;
    z-index: 2;
    text-align: center;
}

.function-list {
    /* css pie seting */
    position: relative;
    overflow: auto;
    box-sizing: border-box;
    width: 650px;
    margin: 0 auto;
    padding: 32px 16px 16px;
    border: solid 1px #efe3b3;
    border-radius: 5px;
    background-color: #f4f4d4;

    behavior: url(css/PIE.htc);
}

.functions-title {
    position: relative;
    top: 16px;
    width: 231px;
    height: 32px;
    margin-right: auto;
    margin-left: auto;
    background: url(../../../img/default/home/h3_home_functions.png) 0 0 no-repeat;
}

.functions-title,
.function-item {
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
}

.function-item {
    line-height: 55px;
    float: left;
    width: 150px;
    height: 57px;
    margin-right: 4px;
    margin-bottom: 16px;
    text-align: center;
    background: url(../../../img/default/home/obj_home_functions_list.png) 0 0 no-repeat;
}

.function-domain {
    background-position: 0 0;
}

.function-webftp {
    background-position: 0 -57px;
}

.function-mailer {
    background-position: 0 -114px;
}

.function-shop {
    background-position: 0 -171px;
}

.function-mysql {
    background-position: 0 -228px;
}

.function-php {
    background-position: 0 -285px;
}

.function-ssl {
    background-position: 0 -342px;
}

.function-security {
    background-position: 0 -399px;
}

.function-detail-link {
    margin-top: 24px;
    text-align: center;
}

.usage-list-block {
    /* css pie seting */
    position: relative;
    margin: 0 24px;
    padding: 16px 28px;
    border: solid 1px #b1e4ff;
    border-radius: 5px;
    background-color: #d4f0ff;

    behavior: url(css/PIE.htc);
}

.usage-list-item {
    float: left;
    margin-left: 8px;
}

.usage-list-item:first-child {
    margin-left: 0;
}

.usage-list-thumb {
    position: relative;
    display: block;
    width: 196px;
    height: 147px;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 0 0;
    box-shadow: 0 0 2px #bfd8e6;
}

.usage-list-thumb[data-url='dhw.ac.jp'] {
    background-image: url(../../../img/default/home/obj_dhw_ac_jp_thumb.jpg);
}

.usage-list-thumb[data-url='mtblanc.jp'] {
    background-image: url(../../../img/default/home/obj_mtblanc_jp_thumb.jpg);
}

.usage-list-thumb[data-url='foresthuntingone.com'] {
    background-image: url(../../../img/default/home/obj_foresthuntingone_com_thumb.jpg);
}

.usage-list-thumb[data-url='sakelife.jp'] {
    background-image: url(../../../img/default/home/obj_sakelife_jp_thumb.jpg);
}

.usage-list-name {
    font-size: .8em;
    bottom: 0;
    width: 100%;
    padding: .2em .4em;
    text-align: center;
    color: #fff;
    background-color: #aaa;
    background-color: rgba(0,0,0,.4);
}

.usage-list-name,
.owl-prev,
.owl-next {
    position: absolute;
    display: block;
}

.owl-prev,
.owl-next {
    top: 60px;
    overflow: hidden;
    width: 28px;
    height: 28px;
    white-space: nowrap;
    text-indent: 100%;
    border: 1px solid #b6b6b3;
    border-radius: 56px;
    background-color: #f4f4d4;
    background-repeat: no-repeat;
    /* css pie seting */

    behavior: url(css/PIE.htc);
}

.owl-prev {
    left: -44px;
    background-image: url(../../../img/default/home/obj_prev_item_icon.png);
    background-position: 7px center;
}

.owl-next {
    right: -44px;
    background-image: url(../../../img/default/home/obj_next_item_icon.png);
    background-position: 9px center;
}

.infomations {
    overflow: hidden;
}

.infomation-block,
.schedule-block {
    position: relative;
    width: 354px;
}

.infomation-news {
    float: left;
}

.infomation-schedule {
    float: right;
}

.infomation-title,
.schedule-title {
    line-height: 36px;
    overflow: hidden;
    height: 35px;
    text-align: center;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/h2_home_title.png);
    background-repeat: no-repeat;
}

.information-more {
    position: absolute;
    top: 9px;
    right: 12px;
    width: 78px;
    height: 16px;
}

.information-more-button {
    display: block;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/default/home/btn_infomation_more.png);
    background-repeat: no-repeat;
    background-position: -1px 0;
}

.infomation-title {
    background-position: 0 -109px;
}

.schedule-title {
    background-position: 0 -146px;
}

.infomation-item,
.schedule-item {
    line-height: 30px;
    position: relative;
    height: 30px;
    margin: 2px;
    background-position: left bottom;
}

.infomation-date,
.schedule-date {
    display: inline-block;
    width: 102px;
    vertical-align: middle;
}

.infomation-item .content-link,
.schedule-item .content-link {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.infomation-item .content-link {
    width: 229px; /* fallback for not support calc property */
    /* 100% - infomation-date width - margin - letter spacing */
    width: calc(100% - 102px - 2px - 4px);
}

.schedule-item .content-link {
    width: 180px; /* fallback for not support calc property */
    /* 100% - schedule-date width - schedule-item icons width - margin */
    width: calc(100% - 102px - 52px - 2px - 8px);
}

.schedule-item.state-release:after,
.schedule-item.state-correspondence:after,
.schedule-item.state-preparation:after {
    font-size: 11px;
    line-height: 15px;
    position: absolute;
    top: 5px; /* fallback for not support calc property */
    top: calc((30px - 20px) / 2);
    right: 1px;
    box-sizing: border-box;
    width: 52px;
    height: 18px;
    padding: 2px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
}

.schedule-item.state-release:after {
    content: '\30ea\30ea\30fc\30b9';
    background-color: #ff5f75;
}

.schedule-item.state-correspondence:after {
    content: '\5bfe\5fdc\4e2d';
    background-color: #4daa00;
}

.schedule-item.state-preparation:after {
    content: '\6e96\5099\4e2d';
    background-color: #0083bb;
}


div.body-bottom p#go-pagetop {
    width: 100%;
    margin: 0;
    text-align: right;
}

div.body-bottom p#go-pagetop a {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
}

div#content div#site-search-result h1 {
    width: 729px;
    background-image: url(../../../img/default/search/h1_search_full.gif);
}

div#content div#site-search-result {
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

#site-search-result-close-btn-top,
#site-search-result-close-btn-bottom {
    margin-left: 600px;
}

.recruit_link {
    font-size: 93%;
    position: relative;
    padding: 0 0 0 20px;
}

.recruit_link:before {
    position: absolute;
    top: -3px;
    left: -1px;
    width: 18px;
    height: 18px;
    content: url('../../../img/common/icon/icon_star.gif');
}

/* TOP TWITTER PR ---------------------- */

.twitter-block {
    position: relative;
    margin: 0 24px;
    padding: 16px 22px;
    border: solid 1px #bddff3;
    border-radius: 6px;
    background-color: #ecf7fe;
}

.twitter-block-button {
    position: absolute;
    top: 15px;
    right: 0;
    width: 241px;
    padding: 7px 0 1px;
    text-align: center;
    border-left: solid 1px #bddff3;
}

/* BALLOON ---------------------- */

.bottom-arrow-balloon {
    position: relative;
    width: 370px;
    margin-left: 260px;
    padding: 8px 5px 7px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #006ce2;
}

.bottom-arrow-balloon:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -7px;
    content: '';
    pointer-events: none;
    border: solid transparent;
    border-width: 7px;
    border-top-color: #006ce2;
}

.bottom-arrow-balloon span {
    margin: 0 5px;
    padding: 3px;
    color: #006ce2;
    border-radius: 2px;
    background-color: #ffff2c;
}

/* lp-return-environment ---------------------- */

.lp-return-environment-title {
    font-size: 24px;
    padding: 20px 0 9px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #208cdf;
    box-shadow: rgba(57, 128, 183, .65) 0 0 50px 8px inset;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .24);
}

.lp-return-environment-title .big {
    font-size: 40px;
    font-weight: bold;
    line-height: 130%;
    display: block;
    padding-left: 10px;
}

.lp-return-environment-red {
    padding-bottom: 3px;
    color: #f34b3e;
    border-bottom: 3px solid #f34b3e;
}

ol.lp-return-environment-point {
    list-style-type: none;
}

.lp-return-environment-point:after {
    display: block;
    clear: both;
    content: '';
}

.lp-return-environment-point a,
.lp-return-environment-plus a {
    font-weight: bold;
    color: #0d97be;
}

.lp-return-environment-point1,
.lp-return-environment-point2,
.lp-return-environment-point3,
.lp-return-environment-no,
.lp-return-environment-plus {
    background-image: url(../../../img/default/home/obj_return_environment.svg);
    background-repeat: no-repeat;
    background-size: 674px 516px;
}

.lp-return-environment-point1,
.lp-return-environment-point2,
.lp-return-environment-point3 {
    position: relative;
    box-sizing: border-box;
    width: 243px;
    padding-top: 175px;
    border-left: 1px dashed #aab7ba;
}

.lp-return-environment-point1 {
    border-top: 2px solid #f34b3e;
    background-position: 15px 26px;
}

.lp-return-environment-point2 {
    border-top: 2px solid #5492ea;
    background-position: -225px 26px;
}

.lp-return-environment-point3 {
    border-top: 2px solid #83dddd;
    border-right: 1px dashed #aab7ba;
    background-position: -475px 28px;
}

.lp-return-environment-no {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 48px;
    height: 48px;
}

.lp-return-environment-no1 {
    background-position: -345px -381px;
}

.lp-return-environment-no2 {
    background-position: -422px -381px;
}

.lp-return-environment-no3 {
    background-position: -498px -381px;
}

.lp-return-environment-plus {
    box-sizing: border-box;
    height: 274px;
    border-top: 2px solid #6d20ed;
    border-right: 1px dashed #aab7ba;
    border-bottom: 1px dashed #aab7ba;
    border-left: 1px dashed #aab7ba;
    background-position: 490px -238px;
}

.lp-return-environment-plus-description {
    width: 430px;
    background-position: -422px -381px;
}

/* lp-standard ---------------------- */

.lp-standard {
    margin-bottom: 16px;
}

.lp-standard:after {
    content: "";
    clear: both;
    display:block;
}

.lp-standard-head {
    background-color: #256bcb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
}

.lp-standard-ribbon {
    position: absolute;
    left: 0;
    top: 0;
}

.lp-standard-pickup-badge {
    position: absolute;
    right: -10px;
    top: 23px;
    z-index: 10;
}

.lp-standard-bottom {
    width: 243px;
    padding: 15px;
    border-bottom: 1px solid #bcbcbc;
    float: left;
    box-sizing: border-box;
}

.lp-standard-bottom-left {
    border-bottom-left-radius: 6px;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}

.lp-standard-bottom-right {
    border-bottom-right-radius: 6px;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
}

.lp-standard-block {
    position: relative;
}

.lp-standard-st-position {
    width: 425px;
    padding: 50px 58px 40px;
    color: #fff;
}

.lp-standard-plan-name {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #4a84d4;
}

.lp-standard-plan-price {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 16px;
}

.lp-standard-plan-description {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
}

.lp-standard-list-block:after {
    content: "";
    clear: both;
    display:block;
}

.lp-standard-list {
    width: 210px;
    float: left;
    border-top: 1px solid #2559a2;
    border-left: 1px solid #2559a2;
}

.lp-standard-list-item {
    display: inline-block;
    padding: 2px 2px 2px 10px;
    margin-right: 10px;
    width: 112px;
    border-right: 1px solid #2559a2;
    background-color: #437fce;
}

.lp-standard-list-border-right {
    border-right: 1px solid #2559a2;
}

.lp-standard-list-border-bottom {
    border-bottom: 1px solid #2559a2;
    margin-bottom: 15px;
}

.lp-standard-btn-submit {
    font-size: 16px;
    width: 270px;
    margin: 2px 0 8px;
    padding: 10px 0;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 4px;
    background-color: #073b81;
    box-shadow:rgb(2, 29, 68) 0px 4px 0px 0px;
    margin: 15px auto 0;
    display: block;
}

.lp-standard-bottom-plan-name {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bcbcbc;
}

.lp-standard-bottom-plan-name-economy {
    color: #74d259;
}

.lp-standard-bottom-plan-name-lite {
    color: #f389a8;
}

.lp-standard-bottom-plan-name-enterprise {
    color: #f17928;
}

.lp-standard-bottom-plan-price {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 11px;
}

.lp-standard-bottom-plan-description {
    margin-bottom: 10px;
}

.lp-standard-bottom-list {
    border-top: 1px solid #e2e5e7;
    border-right: 1px solid #e2e5e7;
    border-left: 1px solid #e2e5e7;
}

.lp-standard-bottom-list-item {
    display: inline-block;
    padding: 2px 2px 2px 10px;
    margin-right: 10px;
    width: 112px;
    border-right: 1px solid #e2e5e7;
}

.lp-standard-bottom-list-border-bottom {
    border-bottom: 1px solid #e2e5e7;
}

.lp-standard-bottom-btn-submit {
    width: 100%;
    font-size: 13px;
    padding: 7px 0;
    cursor: pointer;
    color: #256bcb;
    border: 1px solid #256bcb;
    border-radius: 4px;
    background-color: transparent;
    box-sizing: border-box;
    margin-top: 10px;
}

.lp-standard-disabled {
    color: #b6b6b6;
}

.lp-standard-pickup {
    color: #fff630;
}