@charset "euc-jp";

/* --------------------------------------------------------------------
    Copyright 2009 Netowl corporation
    layout.css
/* -------------------------------------------------------------------- */
 

/*左カラム　グローバルナビゲーション部レイアウト*/

#global_menu {
    float: left;
    width: 200px;
    height: 100%;
    padding: 20px 0 30px 0;
    background-color: #f2f2f2;
}

#global_menu ul {
    margin-left: 15px;
    padding-bottom: 20px;
}

#global_menu ul ul { padding-bottom: 0; }

#global_menu li { margin-bottom: 18px; }

*+html #global_menu li{ margin-left: 20px; }

#global_menu .list_title {
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/common/global_navi_marker.png) left 1px no-repeat;
    font-size: 120%;
}

#global_menu dd li { margin-bottom: 6px !important; }

*+html #global_menu dd li { margin-left: 0 !important; }

#global_menu dd ul { margin-left: 2em !important; }

*+html #global_menu dd ul { margin-left: 1.5em !important; }

#global_menu .bbs_link {
    display: block;
    margin: 0 20px 20px;
    padding: 6px 10px 6px 32px;
    background: #fff url(../images/common/help_marker.png) 8px center no-repeat;
    border: 1px solid #ccc;
    font-size: 14px;
}

*+html #global_menu .bbs_link { margin: 20px; }

#global_menu .bbs_link:hover { color: orange; }


/*右カラム　メインコンテンツ部レイアウト*/

#main {
    float: right;
    width: 500px;
    height: auto !important;
    height: 450px;
    min-height: 450px;
    padding: 20px 0 0 0;
}

#main h3 { margin: 0 0 20px 0; }

#main h4 {
    clear: both;
    margin-bottom: 8px;
    padding: 3px 0 3px 8px;
    background-color: #BBE1E8;
    font-weight: bold;
}

#main p {
    margin-bottom: 10px;
}

#news_detail #main p, 
#mente_detail #main p { text-indent: 0; }

#main .section { margin-bottom: 20px; }

#main li { margin: 0 0 10px 30px; }


/*会社概要ページ・会員登録フォームテーブルレイアウト*/

#main #company_info, #main #registration_form {
    width: 500px;
    margin-bottom: 30px;
    border-collapse: collapse;
}

#main #company_info th, #main #registration_form th {
    padding: 10px 0;
    background-color: #ddf0f4;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    text-align: center;
}

#main #company_info td, #main #registration_form td {
    padding: 15px 0 15px 10px;
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;
}

#main #company_info td li, #main #registration_form td li { margin: 0 0 4px 0; }


/*特定商取引に基づく表示ページ・テーブルレイアウト*/

#main #commerce_info {
    width: 500px;
    margin-bottom: 30px;
    border-collapse: collapse;
}

#main #commerce_info th {
    padding: 10px 0;
    background-color: #ddf0f4;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    text-align: center;
}

#main #commerce_info td {
    padding: 15px 0 15px 10px;
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;
}

#main #commerce_info td li { margin: 0 0 4px 0; }


/*会員登録ページのパーツレイアウト*/

#main #registration_form { margin-bottom: 10px !important; }

#main #registration_form .form_type_text {
    width: 250px;
    padding: 2px;
}

#main #registration_form .form_type_number {
    width: 2em;
    padding: 2px;
}

#main #registration_form .assist {
    margin-left: 8px;
    font-size: smaller;
}

#main #registration_form th.form_nes { background-color: #f99; }



/*サービス一覧ページレイアウト*/

#service_list #main { margin-bottom: 40px; }

#service_list .unit-box {
    margin: 0 auto 15px;
    padding: 0 4px;
}
#service_list .unit-box > :last-child { margin-bottom: 0; }

#service_list .unit {
    display: block;
    margin: 0 0 10px;
    padding: 1px;
    border: 1px solid #ccc;
    color: #333;
}
#service_list .unit:hover { opacity: .8; }

#service_list .unit_pr {
    margin: 0;
    padding: 4px 10px;
    background: #ffe9cc;
    color: #ff7800;
    font-weight: bold;
    text-indent: 0;
}

#service_list .unit_body {
    padding: 13px 0;
    background: url(../images/contents/service_unit_icon_right.png) 469px 50% no-repeat;
}

#service_list .unit_image {
    float: left;
    width: 280px;
    margin: 0;
    padding: 8px 0 0;
    text-align: center;
    text-indent: 0;
}

#service_list .unit_content {
    float: left;
    width: 170px;
}

#service_list .unit_ttl {
    margin: 0 0 2px;
    font-size: 116.6%;
    font-weight: bold;
    text-indent: 0;
}

#service_list .unit_desc {
    margin: 0;
    text-indent: 0;
}



/*お問い合わせページレイアウト*/



#main #contact_form table {
    width: 500px;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-left: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
}

#main #contact_form table th {
    width: 160px;
    padding: 8px;
    background-color: #ccc;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    font-weight: bold;
    vertical-align: middle; 
    text-align: center;
}

#main #contact_form table td {
    padding: 8px;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}

#main #contact_form table td select { width: 150px; }

#main #contact_form table td input.form_type_text { width: 334px; }

#main #contact_form table td textarea { width: 334px; }


/*サポートトップページレイアウト*/

#support #main #user_support_contents h4 { margin-bottom: 12px; }

#support #main #user_support_contents h5 {
    margin: 0 0 15px 0;
    padding: 2px 5px;
    background: #fce9c7;
    font-weight: bold;
}

#support #main #user_support_contents p {
    margin-bottom: 10px;
    text-indent: 0;
}

#support #main #user_support_contents .section { margin: 0 10px 30px; }
#support #main #user_support_contents .section .inner { margin: 0 10px; }

#support #main #user_support_contents .section a:hover { opacity: .8; }
#support #main #user_support_contents .section ul { margin: 0 0 10px; }
#support #main #user_support_contents .section ul:after {
    content: "";
    clear: both;
    visibility: hidden;
    display: block;
}
#support #main #user_support_contents .section ul.comic_manual li {
    width: 140px;
    padding: 4px;
    border: 1px solid #ccc;
}
#support #main #user_support_contents .section ul li {
    float: left;
    margin-right: 5px;
    padding: 0;
}

#support #main #user_support_contents .section li img { margin-bottom: 5px; }

#support #main #user_support_contents .section ul li.list_end { margin-right: 0 !important; }

#support #main #user_support_contents .section ul li p {
    margin-bottom: 0;
    text-indent: none !important;
}

#support #main #user_support_contents .section ul.service_list li {
    width: 220px;
    margin: 0 10px 8px;
}
#support #main #user_support_contents .section ul.service_list li a img {
    display: inline-block;
    width: 31px;
    height: 31px;
    margin: 0 10px 0 0;
}
#support #main #user_support_contents .section ul.service_list li span {
    display: inline-block;
    padding: 7px 0;
}

#support #main #user_support_contents .section ul.service_list li a{
    margin-right : 10px ;
}


#support #main #user_support_contents .section .btn_center {
    margin-bottom: 10px;
    text-align: center;
}
#support #main #user_support_contents .section .btn_center .btn_gray {
    display: inline-block;
    padding: 8px 40px;
    background: #ededed url(../images/common/triangle_marker_black.png) 20px center no-repeat;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #474747;
    font-size: 13px;
    font-weight: bold;
}


.support_bbs_banner {
    width: 171px;
    margin: 0 auto;
    padding: 0 0 10px;
    background-color: #d6eaee;
    border-radius: 4px;
    text-align: center;
}
.support_bbs_banner p {
    margin: 10px;
    text-align: left;
}

.support_alert {
    margin: 0 0 30px;
    padding: 10px;
    background: #fffcf5;
    border: 1px solid #f4e4ba;
}
.support_alert_ttl {
    margin-bottom: 8px;
    font-size: 108%;
    font-weight: bold;
}


/*サポートトップページレイアウト*/

#support #main .left_list_wrapper {
    float: left;
    width: 240px;
}

#support #main .right_list_wrapper {
    float: right;
    width: 240px;
}

#support #main ul, #support #main li {
    margin: 0;
    padding: 0;
}

#support #main #user_manual dt {
    margin-bottom: 8px;
    padding: 5px 5px 5px 25px;
    background: url(../images/common/circle_marker.png) 8px center no-repeat;
    border: 1px solid #ccc;
    font-weight: bold;
}

#support #main #user_manual dd {
    margin-bottom: 15px;
    padding: 0 10px;
}

#support #main #user_manual dd li {
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;
    font-size: 12px;
}

#support #main #user_manual dd li a {
    display: block;
    padding: 6px 2px 6px 18px;
    _padding: 6px 2px 0 18px;
    background: url(../images/common/triangle_marker.png) 5px 11px no-repeat;
}

#support #main #user_manual dd li .inner_list {
    margin-left: 24px;
    padding-bottom: 6px;
}

#support #main #user_manual dd li .inner_list li {
    margin: 0;
    padding: 0;
    background: none;
    font-size: 12px;
}

#support #main #user_manual dd li .inner_list li a {
    padding: 2px 0 2px 13px;
    _padding: 2px 0 0 13px;
    background: none;
    background: url(../images/common/sub_list_marker.gif) left center no-repeat;
}



#support #main #user_faq dt {
    padding: 5px;
    background: #efefef;
    border: 1px solid #ccc;
    font-weight: bold;
}

#support #main #user_faq dd {
    margin-bottom: 15px;    
    padding: 8px 5px 5px 5px;
    background: #efefef;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#support #main #user_faq dd li {
    margin-bottom: 5px;
    margin-left: 20px;
    list-style: disc;
}


/*お問い合わせフォーム*/

#contact_form_page #main #contact_form table {
    border-collapse: collapse;
    border-left: 1px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
}

#contact_form_page #main #contact_form table th, 
#contact_form_page #main #contact_form table td {
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}

#contact_form_page  #main #contact_form table .form_type_text { width: 240px; }

#contact_form_page #main #contact_form table textarea { width: 280px; }

#contact_form_page #main #contact_form .form_type_button {
    float: left;
    margin: 0 12px 0 0;
}


/*マニュアルページレイアウト*/

#man_page #main h4 { margin-bottom: 12px; }

#man_page #main h5 {
    margin: 0 0 8px 0;
    padding: 2px 5px;
    background: #fce9c7;
    font-weight: bold;
}

#man_page #main p {
    margin-bottom: 10px;
    text-indent: 0;
}

#man_page #main #manual_section img {
    margin: 0 0 12px 12px;
    border: 1px solid #ccc;
}

#man_page #main #manual_section .section img { margin: 0 0 12px 0; }

#man_page #main #manual_section .section img.left { margin: 0 15px 15px 0; }

#man_page #main #manual_section .section img.right { margin: 0 0 15px 15px; }

#man_page #main div.clear_box { clear: both; }

#man_page #main ul, #man_page #main ol { margin-bottom: 10px; }

#man_page #main .section {
    clear: both;
    height: 1%;
    overflow: auto;
    padding-bottom: 10px;
    padding-left: 12px;
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;
}

#man_page #main .section dl {
    clear: both;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ccc;
}

#man_page #main .section dt {
    clear: both;
    margin-bottom: 5px;
    font-weight: bold;
}

#man_page #main .section dd { margin-bottom: 10px; }

#man_page #main .faq_section dl { padding-left: 12px; }

#man_page #contents #main li {
    margin: 0 0 5px 20px;
    padding: 0;
}

#man_page #contents #main ul li { list-style: disc !important; }

#man_page #contents #main ol li { list-style: decimal !important; }

#man_page #main table {
    clear: both;
    margin-bottom: 10px;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#man_page #main table.clear_l { clear: left; }

#man_page #main table th {
    padding: 8px;
    background: #efefef;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
}

#man_page #main table tr.diff_back th {
    background: #dfdfdf;
    font-weight: bold;
}

#man_page #main table td {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#man_page #main table.txt_center td { text-align: center; }

#man_page #main .faq_section dt {
    margin-bottom: 2px;
    font-weight: bold;
}

#man_page #main .faq_section dd {
    margin-bottom: 15px;
    padding: 10px;
    background: #efefef;
    border: 1px solid #ccc;
}

#man_page #main .faq_section dd dl {
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
}

#man_page #main .faq_section dd dt {
    margin-bottom: 5px;
    font-weight: bold;
}

#man_page #main .faq_section dd dd { background: #fff; }

#man_page .unit { width: 238px; }
#man_page .unit_starserver { float: left; }
#man_page .unit_sslbox { float: right; }

#man_page .unit_ttl {
    padding: 6px 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#man_page .unit_starserver .unit_ttl { background: #209dd9; }
#man_page .unit_sslbox .unit_ttl { background: #14acb1; }

#man_page .unit_body {
    padding: 16px 8px 8px;
    border: 1px solid #ccc;
    border-top: none;
}

#man_page .unit_image {
    margin: 0 0 19px;
    text-align: center;
}
#man_page .unit_image img {
    margin: 0 !important;
    border: none !important;
}

#man_page .unit_label {
    margin: 0 0 6px !important;
    padding: 5px 6px;
    font-weight: bold;
}
#man_page .unit_starserver .unit_label {
    background: #def4ff;
    border: 1px solid #a6d8f0;
    color: #209dd9;
}
#man_page .unit_sslbox .unit_label {
    background: #defeff;
    border: 1px solid #a1dee0;
    color: #14acb1;
}

#man_page .unit_list {
    margin: 0 !important;
    text-align: left;
}
#man_page .unit_list > li {
    margin: 0 0 0 18px !important;
    list-style: disc;
}

#man_page .table {
    width: 100%;
    margin: 0 0 3px !important;
}

#man_page .table caption {
    padding: 6px 4px;
    border: 1px solid #ccc;
    border-bottom: none;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#man_page .table_starserver caption { background: #209dd9; }
#man_page .table_sslbox caption { background: #14adb3; }

#man_page .table thead th {
    padding: 6px 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#man_page .table_starserver thead th { background: #58b6e3 !important; }
#man_page .table_sslbox thead th { background: #4fc2c6 !important; }

#man_page .table tbody th {
    padding: 6px 10px;
    font-weight: bold;
    text-align: left !important;
}

#man_page .table tbody td {
    font-weight: bold;
    text-align: center;
}

#man_page .table tbody td b { font-size: 116.6%; }

#man_page .table_label {
    display: inline-block;
    padding: 4px 6px;
    background: #fae5e5;
    color: #c00;
    font-size: 83.3%;
}


/*ニュースリリース・詳細ページ*/

#news_list #main dl { margin: 0 10px 30px; }

#news_list #main dt {
    margin-bottom: 5px;
    padding: 3px 0 3px 18px;
    background: url(../images/common/circle_marker.png) left center no-repeat;
    font-weight: bold;
}

#news_list #main dd {
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;    
}


#news_list #main dd ul { padding-left: 20px; }

#news_list #main dd li {
    margin: 0 0 4px 0;
    padding: 0;
}

#news_detail #main p, 
#mente_detail #main p {
    height: auto !important;
    height: 300px;
    min-height: 300px;
    margin: 0  0 15px;
    padding: 0 10px 15px;
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;
}

#news_detail #main .back_button, 
#mente_detail #main .back_button {
    display: block;
    margin-bottom: 20px;
    text-align: right;
}

/*沿革ページ*/

#history #main dl { margin: 0 10px 30px; }

#history #main dt {
    margin-bottom: 5px;
    padding: 3px 0 3px 18px;
    background: url(../images/common/circle_marker.png) left center no-repeat;
    font-weight: bold;
}

#history #main dd {
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    background: url(../images/common/dashed_line_bg.png) left bottom repeat-x;    
}

#history #main dd ul { padding-left: 20px; }

#history #main dd li {
    margin: 0 0 4px 0;
    padding: 0;
}


/*利用規約ページ*/

#rule #main ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 15px;
}

#rule #main li {
    list-style: disc outside;
}

#rule #main p { margin-left: 15px; }

.privacy_announcement-box {
    padding: 1rem 0 0;
    border: 1px solid #ccc;
}

/* ロゴの使用について */

#resources #main .ruleUnit{
    margin-bottom: 20px;
}
#resources #main .ruleUnit__ttl{
    margin-bottom: 5px;
    font-weight: bold;
}
#resources #main .ruleUnit__body{
    line-height: 1.6;
}
#resources #main .ruleUnit__body p{
    text-indent: 0;
}
#resources #main .ruleUnit__body ul li,
#resources #main .ruleUnit__body ol li{
    margin-bottom: 5px;
}
#resources #main .ruleUnit__body ul{
    list-style-type: disc;
}

#resources #main .logoUnit{
    margin-bottom: 10px;
    padding: 35px 35px 35px;
    text-align: right;
    border: 1px solid #eeeeee;
}
#resources #main .logoUnit:last-child{
    margin-bottom: 0;
}
#resources #main .logoUnit--netowl{
    background: url("../images/contents/logo_rule_netowl.png") no-repeat 45px center;
}
#resources #main .logoUnit--starserver{
    background: url("../images/contents/logo_rule_starserver_new.png") no-repeat 15px center;
}
#resources #main .logoUnit--stardomain{
    background: url("../images/contents/logo_rule_stardomain_new.png") no-repeat 45px center;
}
#resources #main .logoUnit--sslbox{
    background: url("../images/contents/logo_rule_sslbox.png") no-repeat 45px center;
}
#resources #main .logoUnit ul li{
    display: inline-block;
    margin: 0;
    padding: 0;
}
#resources #main .logoUnit ul li:after{
    content: "｜";
}
#resources #main .logoUnit ul li:last-child:after{
    content: none;
}


/*index以外ページ、フッタ部サービスリスト*/

#footer #service_icon_list {
    width: 700px;
    margin: 10px auto;
    text-align: center;
}

#footer #service_icon_list li {
    display: inline-block;
    margin-right: 12px;
}
#footer #service_icon_list li:last-child { margin-right: 0px; }

/* 新トップページ レイアウト */

#netowl_index #main_content {
    width: 720px;
    height: 275px;
    margin: 0 auto 16px;
    background-repeat: no-repeat;
    text-align: left;
}

*+html #netowl_index #main_content { padding: 20px 20px 10px 20px; }

#netowl_index #main_content h3 { margin: 25px 0 15px 0; }

#netowl_index #main_content #feature_list li {
    float: left; 
    width: 202px;
    padding: 0 12px;
    background: url(../images/index/dot_line_y.png) right top repeat-y;
    text-align: center; 
}

#netowl_index #main_content #feature_list li.list_start {
    width: 214px;
    padding: 0 12px 0 0;
}

#netowl_index #main_content #feature_list li.list_end {
    width: 214px;
    padding: 0 0 0 12px;
    background: none;
}

#netowl_index #main_content #feature_list li h4 { text-align: left; }

#netowl_index #main_content #feature_list li p {
    margin: 5px 0 0 0;
    text-align: left;
}

/* 新トップページ    service_list  */

#index_contents_wrapper {
    width: 720px;
    margin: 0 auto;
}

#netowl_index .right_container {
    float: right; 
    width: 260px;
    margin-bottom: 15px;
}

#netowl_index .left_container {
    float: left; 
    width: 450px;
}



/* 100806 追記 */

#man_page #main #manual_section dl dt {
    padding: 4px;
    background: #dedede;
}



/* 120114 マンガマニュアル */

#cartoon_manual {
    float: left;
    width: 498px;
    margin-bottom: 12px;
}

#cartoon_manual h5 { margin-bottom: 4px; }

#cartoon_manual li {
    float: left;
    width: 140px;
    margin-right: 9px !important;
    padding: 6px 9px !important;
    border: 1px solid #ccc;
}

#cartoon_manual li img { margin-bottom: 5px; }

#cartoon_manual ul li.list_end { margin-right: 0 !important; }

#main #cartoon_manual ul li p {
    margin-bottom: 0;
    text-indent: none !important;
}

#man_page #contents #main #netowl_service_list { list-style-type: none !important; }

#man_page #contents #main #netowl_service_list li {
    margin: 0 0 10px;
    padding: 10px !important;
    list-style-type: none !important;
    border: 1px solid #ccc;
}

#netowl_service_list li .banner_section {
    height: auto !important;
    height: 40px;
    min-height: 40px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url(../images/common/dot_line_x.gif) left bottom repeat-x;
}

#netowl_service_list li .banner_section img {
    float: left;
    margin-right: 12px !important;
    border: none !important;
}


#man_page #contents #main #netowl_service_list li p { margin-bottom: 0; }



/* 120930 追加修正 トップレイアウト修正 */

#netowl_index #top_news {
    position: relative;
    float: left;
    width: 720px;
    margin: 0 0 25px 0;
    text-align: left;
}

#netowl_index #top_news #news_list_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 98px;
    height: 30px;
}

#netowl_index #top_news ul {
    border-bottom: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}

#netowl_index #top_news ul li {
    padding: 8px 10px;
    background: url(../images/common/dot_line_x.gif) left bottom repeat-x;
    font-weight: bold;
}

#netowl_index #top_news ul li .date {
    padding-left: 5px;
    font-size: 90%;
    font-weight: normal;
}

#netowl_index #top_news ul li.list_end { background: none; }

#netowl_index #top_news ul li:last-child { background: none; }

#netowl_index #top_news ul a {
    padding-left: 12px;
    background: url(../images/common/orange_triangle_marker.png) left center no-repeat;
    text-decoration: underline;
}

#netowl_index #netowl_cartoon_banner {
    float: right;
    width: 260px;
    margin: 3px 0 8px;
}

#netowl_index #index_service_list {
    width: 720px;
    margin: 0 auto 27px;
}

#netowl_index #index_service_list h3 { margin-bottom: 24px; }

#netowl_index #index_service_list .holder {
    width: 710px;
    margin: 0 auto;
}

#netowl_index #index_service_list .unit {
    position: relative;
    float: left;
    display: block;
    overflow: visible;
    color: #333;
}
#netowl_index #index_service_list .unit:hover { opacity: .8; }

#netowl_index #index_service_list .unit_body {
    padding: 21px 15px 15px;
    border: 1px solid #ccc;
    border-bottom: none;
}

#netowl_index #index_service_list .unit_starserver.free .unit_body {
    padding: 15px 10px 5px;
}

#netowl_index #index_service_list .unit_ttl {
    margin-bottom: 17px;
    text-align: center;
}

#netowl_index #index_service_list .unit_starserver.free .unit_ttl {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

#netowl_index #index_service_list .unit_starserver.free .unit_ttl li{
    margin-right: 10px;
}

#netowl_index #index_service_list .unit_starserver.free .unit_ttl li:last-child{
    margin: 3px 0 0 0;
    color: #18aca7;
    font-size: 15px;
    font-weight: bold;
}

#netowl_index #index_service_list .unit_desc {
    margin: 0 0 15px;
    font-size: 133.3%;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

#netowl_index #index_service_list .unit_starserver.free .unit_desc {
    font-size: 105%;
    color: #333;
    margin-bottom: 10px;
    font-weight: normal;
}

#netowl_index #index_service_list .unit_point {
    padding-left: 1.5em;
    text-align: left;
}
#netowl_index #index_service_list .unit_point > li {
    margin: 0 0 5px;
    list-style: disc;
}

#netowl_index #index_service_list .unit_footer {
    padding: 4px;
    color: #fff;
    font-size: 116.6%;
}
#netowl_index #index_service_list .unit_footer span {
    padding: 0 0 0 10px;
    background: url(../images/index/top_service_list_icon_right.png) 0 50% no-repeat;
}

#netowl_index #index_service_list .unit_starserver.free .unit_footer span {
    background: url(../images/index/top_service_list_icon_free.png) 0 50% no-repeat;
}

#netowl_index #index_service_list .unit_balloon {
    position: absolute;
    top: -13px;
    left: 0;
    width: 200px;
    height: 22px;
    background: #ff4e5b;
    border-radius: 11px;
    color: #fff;
    font-weight: bold;
    line-height: 22px;
}
#netowl_index #index_service_list .unit_balloon:after {
    content: "";
    z-index: 99;
    position: absolute;
    bottom: -7px;
    left: 100px;
    width: 0;
    height: 0;
    margin-left: -7px;
    border-color: #ff4e5b transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
}

#netowl_index #index_service_list .unit_starserver {
    width: 710px;
    margin: 0 0 21px;
}

#netowl_index #index_service_list .unit_starserver .unit_body {
    padding-right: 270px;
    background: url(../images/index/top_service_list_image_starserver.png?date=20241217) 100% 0 no-repeat;
}
#netowl_index #index_service_list .unit_starserver.free .unit_body {
    padding-right: 0;
    background: none;
}

#netowl_index #index_service_list .unit_starserver .unit_desc { color: #209dd9; }
#netowl_index #index_service_list .unit_starserver .unit_footer { background: #209dd9; }
#netowl_index #index_service_list .unit_starserver.free .unit_footer{
    background: #eff9f9;
    color: #18aca7;
    border: 1px solid #ccc;
    border-top: none;
}

#netowl_index #index_service_list .unit_starserver .unit_balloon { left: 130px; }

#netowl_index #index_service_list .unit_stardomain {
    width: 349px;
    margin: 0 12px 21px 0;
}
#netowl_index #index_service_list .unit_stardomain .unit_desc { color: #ffb300; }
#netowl_index #index_service_list .unit_stardomain .unit_footer { background: #ffb300; }
#netowl_index #index_service_list .unit_stardomain .unit_balloon { left: 74px; }

#netowl_index #index_service_list .unit_sslbox { 
    width: 349px;
    margin: 0 0 21px 0;
}
#netowl_index #index_service_list .unit_sslbox .unit_desc { color: #0cbbbf; }
#netowl_index #index_service_list .unit_sslbox .unit_footer { background: #0cbbbf; }
#netowl_index #index_service_list .unit_sslbox .unit_balloon { left: 74px; }

.unit-other {
    display: block;
    width: 710px;
    float: left;
    color: #333;
}
.unit-other_s {
    display: block;
    margin-bottom: 15px!important;
    width: 100%;
    float: left;
    color: #333;
}
.unit-other_ttl {
    padding: 3px 0;
    background: #c2c2c2;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.unit-other_body {
    padding: 5px 0;
    border: 1px solid #c2c2c2;
    border-top: none;
    text-align: center;
    color: #999;
}
.unit-other_body li {
    display: inline-block;
    margin: 0 1em 0 0!important;
}
.unit-other_body li::after {
    margin-left: 1em;
    content: '/';
}
.unit-other_body li:last-child { margin-right: 0; }
.unit-other_body li:last-child::after {
    margin-left: 0;
    content: none;
}
.starserver-hikaku {
    margin: 20px 0;
    width: 488px;
    height: 684px;
    position: relative;
}
.starserver-hikaku_bg {
    display: block;
    position: absolute;
    margin: 0!important;
    border: 0!important;
    z-index: 1;
}
.starserver-hikaku_btn {
    display: block;
    width: 421px;
    height: 58px;
    margin: 0 0 0 -210px!important;
    border: 0!important;
    position: absolute;
    bottom: -5px;
    left: 50%;
    z-index: 2;
}
.starserver-hikaku_btn:hover {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    -ms-opacity: 0.9;
    -o-opacity: 0.9;
    opacity: 0.9;
}


/* 150630 404ページ追加 */
#notfound #contents { background: none; }
#notfound #contents #main {
    width: 680px;
    padding: 20px;
}
#notfound .section {
    margin-bottom: 50px;
    padding: 0;
}
#notfound h3 { margin-bottom: 5px; }
#notfound h4 {
    margin-bottom: 15px;
    padding-left: 0;
    background: none;
}
#notfound h5{
    clear: both;
    margin-bottom: 8px;
    padding: 3px 0 3px 8px;
    background-color: #BBE1E8;
    font-size: 122%;
    font-weight: bold;
}
#notfound p { text-indent: 0; }

#notfound #notfound_sitemap {
    float: none;
    clear: both;
    width: auto;
    padding: 14px 20px;
    background: none;
}
#notfound .sitemap_left, #notfound .sitemap_right {
    float: left;
    width: 260px;
}

#notfound #notfound_sitemap ul{
    margin-bottom: 0;
    margin-left: 0;
}
#notfound #notfound_sitemap li {
    margin-bottom: 8px;
    margin-left: 0;
    padding-left: 20px;
    list-style: none;
    list-style-position: inside;
}
#notfound #notfound_sitemap .list_title {
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/common/global_navi_marker.png) left center no-repeat;
    font-size: 120%;
}
#notfound #notfound_sitemap dd ul {
    margin-left: 10px;
    font-size: 100%;
}


/* notice */
.notice {
    margin-top: 10px !important;
    font-weight: bold;
}


/* 当サイトのご利用について */
#main .sitepolicy p{
    text-indent: 0;
}

#main .sitepolicy .ul li {
    margin-left: 25px;
    list-style: disc;
}
#main .sitepolicy .ul_margin > li {
    margin-bottom: 1em;
}
#main .sitepolicy h5 {
    font-weight:bold;
    margin:0 0 4px;
}

.note {
    margin-left: 1em;
    text-indent: -1em;
}

.check_box {
    padding: 8px;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #ccc;
    background: #ffffff;
    text-align: center;
    cursor: pointer;

}
.table {
    clear: both;
    width:100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}


.table th {
    padding: 8px;
    background: #efefef;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
}

.table td {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* 2025.10 事業譲渡 */

.top_info_box {
    width:704px;
    margin: 0 auto 16px;
    padding: 8px 16px;
    text-align: left;
    line-height: 1.5em;
    background-color: #fffbcb;
}

.gray_box {
    padding: 16px;
    margin-bottom: 24px;
    border: 1px solid #ccc;
}