@charset "euc-jp";

* {
	margin : 0 ;
	padding : 0 ;
	font-size : 100% ;
}

body {
	font-size : 75% ;
	font-family: Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
	text-align :center ;
	color : #333 ;
}

button,input[type="button"],input[type="submit"]{
    cursor: pointer;
}

button, input, textarea, select {
    font-family: inherit;
    font-size: 100%;
}
select { padding: 5px 8px; }

a img {
	border : none ;
}

ul li {
	list-style : none ;
}

img {
	vertical-align : top ;
}

p {
	text-align : left ;
}

table p {
	text-indent : 0 !important;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fl{ float:left!important; }
.fr{ float:right!important; }

.red { color : red!important; }
.orange { color: orange; }

.foz9 { font-size: 75%; }
.foz10 { font-size: 83.33%; }
.foz11 { font-size: 91.17%; }
.foz14 { font-size: 116.67%; }
.foz16 { font-size: 133.33%; }

.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.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; }
.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; }
.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; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !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; }

.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.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; }
.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; }
.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; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pr0 { padding-right: 0 !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; }

.font-normal { font-weight: normal !important; }
.font-s { font-size: 85.7% !important; }
.bold { font-weight: bold !important; }

.tac { text-align: center!important; }
.tar { text-align: right !important; }

.bgw { background-color: #fff!important; }

.w94 { width: 94%!important; }

.w90{ width: 90px; }
.w110{ width: 110px; }
.w120{ width: 120px; }
.w150{ width: 150px; }

.w5per { width: 5% !important; }
.w10per { width: 10% !important; }
.w15per { width: 15% !important; }
.w20per { width: 20% !important; }
.w25per { width: 25% !important; }
.w30per { width: 30% !important; }
.w35per { width: 35% !important; }
.w40per { width: 40% !important; }
.w45per { width: 45% !important; }
.w50per { width: 50% !important; }
.w55per { width: 55% !important; }
.w60per { width: 60% !important; }
.w65per { width: 65% !important; }
.w70per { width: 70% !important; }
.w75per { width: 75% !important; }
.w80per { width: 80% !important; }
.w85per { width: 85% !important; }
.w90per { width: 90% !important; }
.w95per { width: 95% !important; }
.w100per { width: 100% !important; }

.bright-yellow {
    color: #eca700 !important;
}

.new_window_ico {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-left: 3px;
    background: url(../images/new_window_ico.png) no-repeat;
}

.ico_slash {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/ico_slash.png) 0 0 no-repeat;
}

.news_ico {
    display: block;
    float: left;
    width: 68px;
    height: 13px;
    margin-bottom: 3px;
    background: #fff;
    text-indent: 0!important;
    padding-left: 0!important;
    line-height: 13px;
    font-size: 10px;
    border: 1px solid #ccc;
    border-left: none;
    text-align: center!important;
}
.news_ico:first-child {
    left: 0px;
    border-left: 1px solid #ccc;
}
.ico-xserver_s::before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 1px;
    background: url(../images/service_icon_xserver.png) no-repeat;
    content: "";
    position: relative;
    top: 1px;
}
.ico-business_s::before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 1px;
    background: url(../images/service_icon_xbiz.png) no-repeat;
    content: "";
    position: relative;
    top: 1px;
}
.ico-xdomain_s::before {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 1px;
    background: url(../images/service_icon_xdomain.png) no-repeat;
    content: "";
    position: relative;
    top: 1px;
}
.ico-nextshop_s::before {
    display: inline-block;
    width: 11px;
    height: 9px;
    margin-right: 1px;
    background: url(../images/service_icon_nextshop.png) no-repeat;
    content: "";
    position: relative;
    top: 1px;
}
.ico-xdrive_s::before {
    display: inline-block;
    width: 13px;
    height: 9px;
    margin-right: 1px;
    background: url("../images/service_icon_xdrive.png") no-repeat;
    content: "";
    position: relative;
    top: 1px;
}

.x_btn , .b_btn {
    display: block;
    margin-left: 10px;
    width: 200px;
    height: 30px;
    float: left;
    background: #fff;/* Old Browsers */
    background: -moz-linear-gradient(top, #e9f1f9 0, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9f1f9), color-stop(100%, #fff));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #e9f1f9 0, #fff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9f1f9 0, #fff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9f1f9 0, #fff 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #e9f1f9 0, #fff 100%);/* W3C */
    line-height: 30px;
    font-size: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
}
.x_btn { margin-left: 0; }
.x_btn img , .b_btn img { margin: 8px 3px 0 0; }

.on.x_btn , .on.b_btn {
    background: #fff;/* Old Browsers */
    background: -moz-linear-gradient(top, #fff1e3 0, #fff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff1e3), color-stop(100%, #fff));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #fff1e3 0, #fff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff1e3 0, #fff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff1e3 0, #fff 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #fff1e3 0, #fff 100%);/* W3C */
    border: 1px solid #ff7200;
    color: #ff8400;
    font-weight: bold;
}
.on.x_btn::before , .on.b_btn::before {
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 7px 5.5px 0 5.5px;
    border-color: #ff7300 transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
}
.on.x_btn::after , .on.b_btn::after {
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 7px 5.5px 0 5.5px;
    border-color: #ffffff transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
}
.blue_btn {
    background: #ecf3f9;/* Old Browsers */
    background: -moz-linear-gradient(top, #fff 0, #ecf3f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ecf3f9));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0, #ecf3f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0, #ecf3f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0, #ecf3f9 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #fff 0, #ecf3f9 100%);/* W3C */
    border: 1px solid #1f60a4;
    color: #1f60a4;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none!important;
    text-align: center;
}
.blue_btn::before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: url("../images/button_arrow.png") no-repeat;
    content: "";
}
.blue_btn:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
}

.cat_service_ttl {
    width: 185px;
    height: 20px;
    background: #1f60a4;/* Old Browsers */
    background: -moz-linear-gradient(top, #3173b1 0, #184f93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3173b1), color-stop(100%, #184f93));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #3173b1 0, #184f93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3173b1 0, #184f93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3173b1 0, #184f93 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #3173b1 0, #184f93 100%);/* W3C */
    color: #fff;
    text-align: center;
    font-weight: normal!important;
    
}
.register_btn { border-top: 0!important; }
.register_btn li {
    width: 185px!important;
    height: 58px!important;
    border: 0!important;
    background: #fff;
}
.register_btn li a {
    display: block;
    width: 183px!important;
    height: 56px!important;
    line-height: 56px!important;
    padding: 0!important;
    background: #ffeed9!important;/* Old Browsers */
    background: -moz-linear-gradient(top, #fff9f1 0, #ffeed9 50%)!important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9f1), color-stop(50%, #ffeed9))!important;/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #fff9f1 0, #ffeed9 50%)!important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff9f1 0, #ffeed9 50%)!important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff9f1 0, #ffeed9 50%)!important; /* IE 10+ */
    background: linear-gradient(to bottom, #fff9f1 0, #ffeed9 50%)!important;/* W3C */
    color: #ff7a10!important;
    text-align: center!important;
    font-weight: bold!important;
    border: 1px solid #ff9846!important;
    text-decoration: none!important;
}
.register_btn li a:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}
.register_btn li a::before {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background: url("../images/registar_ico.png") no-repeat;
    content: "";
    position: relative;
    top: 2px;
}

/* ツールチップ */
.ico-question {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 3px;
    background-image: url(../images/ico_question.png);
    line-height: 1;
    vertical-align: middle;
    background-size: contain;
}

.tooltip {
    display: inline-block;
}

.tooltip_target {
    display: inline-block;
    cursor: pointer;
}

.tooltip_content {
    display: none;
}

.tooltip_balloon {
    text-align: left;
    color: #000;
    background: #fff;
    border: 1px solid #333333;
    position: absolute;
    z-index: 100000;
    padding: 10px;
    font-size: 12px;
}

.tooltip_balloon:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -10px;
}

.tooltip_balloon:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

.tooltip_balloon.top:before {
    border-top-color: transparent;
    border-bottom: 10px solid #333;
    top: -21px;
    bottom: auto;
}
.tooltip_balloon.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #fff;
    top: -20px;
    bottom: auto;
}

.tooltip_balloon.left:before,
.tooltip_balloon.left:after {
    left: 10px;
    margin: 0;
}

.tooltip_balloon.right:before,
.tooltip_balloon.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

.tooltip_balloon_bottom {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 50%;
    bottom: -30px;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tooltip_balloon_btn {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: -30px;
    background: #fff;
    opacity: 0;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tooltip_balloon.left .tooltip_balloon_bottom{ left: 20px; }
.tooltip_balloon.left .tooltip_balloon_btn{ left: 20px; }

.tooltip_balloon.right .tooltip_balloon_bottom{
    -webkit-transform: translateX(120%);
    -moz-transform: translateX(120%);
    -ms-transform: translateX(120%);
    -o-transform: translateX(120%);
    transform: translateX(120%);
    right: 20px;
}
.tooltip_balloon.right .tooltip_balloon_btn{
    right: 20px;
    -webkit-transform: translateX(500%);
    -moz-transform: translateX(500%);
    -ms-transform: translateX(500%);
    -o-transform: translateX(500%);
    transform: translateX(500%);
}

.left,
.right {
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.left {
    padding-right: 20px;
}

@media only screen and (max-width: 767px) and (min-width: 0) {
    .left,
    .right {
        display: block;
        width: 100%;
        float: none;
        box-sizing: border-box;
    }
    .left {
        padding-right: 0;
    }

    .ico-question {
        position: relative;
        top: 5px;
    }
}


/* layout style */

#contents_wrapper {
	width : 1015px ;
	margin : 0 auto ;
}

#contents {
	text-align : left ;
}

#sub {
	float : left ;
	width : 205px ;
	margin-bottom : 20px ;
}

#main {
	float : right ;
	width : 795px ;
	margin-bottom : 20px ;
}


/* header */

#header {
	height : 80px ;
	position : relative ;
}

#header h1 {
    position : absolute ;
    left : 0 ;
    top : 26px ;
    width : 272px ;
    height : 41px;
}

#header h1 a {
    display : block ;
    height : 41px ;
    width : 272px ;
    text-indent : -9999px ;
    overflow : hidden ;
    background : url(../images/header_logo.png?date=20191216) left top no-repeat ;
}

#header_top_button {
    width : 124px ;
    height : 24px ;
    position : absolute ;
    top : 35px ;
    left : 280px ;
}

#header_top_button a {
	display : block ;
	width : 127px ;
	height : 24px ;
	text-indent : -9999px ;
	overflow : hidden ;
	background-image : url(../images/header_top_button.png?date=20161017) ;
	background-repeat : no-repeat ;
}

#header_top_button a:hover {
	background-position : 0 -24px ;
}

#target_member_id {
    height : 24px ;
    line-height : 24px ;
    width : 250px ;
    padding : 5px 120px 5px 8px ;
    position : absolute ;
    top : 29px ;
    right : 0 ;
    background-color : #e9f1f9 ;
    border : 1px solid #b3b3b3 ;
    text-align :left ;
}

#logout_button {
	width : 102px ;
	height : 24px ;
	position : absolute ;
	top : 5px ;
	right : 8px ;
}

#logout_button a {
	display : block ;
	width : 102px ;
	height : 24px ;
	text-indent : -9999px ;
	overflow : hidden ;
	background-image : url(../images/header_logout_button.png?date=20161017) ;
	background-repeat : no-repeat ;
}

#logout_button a:hover {
	background-position : 0 -24px ;
}



#design_switch {
	height : 24px ;
	line-height : 24px ;
	width : 942px ;
	padding : 0 8px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
	background : #eee ;
	text-align : right ;
}

#design_switch dt {
	padding : 4px 6px ;
	font-weight : bold ;
	display : inline ;
	margin-right : 5px ;
}

#design_switch dd {
	display : inline ;
}



/* side navigation */

#sub #main_navi dt {
	height : 32px ;
	line-height : 32px ;
	font-weight : bold ;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #c6d7e9;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	background : url(../images/common_gradation_back.png?date=20161017) left top repeat-x ;
	text-align : center ;
}

#sub #main_navi dd {
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	background : #e9f1f9 ;
	margin-bottom : 10px ;
	padding : 10px 9px ;
}

#sub #main_navi dd ul {
	border-top : 1px solid #b3b3b3 ;
}

#sub #main_navi dd li {
	width : 183px ;
	height : 28px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	line-height : 28px ;
	position : relative ;
	text-align : left ;
}

#sub #main_navi dd li a.navi_anchor {
	background-color : #fff ;
	display : block ;
	width : 133px ;
	height : 28px ;
	padding-left : 28px ;
	padding-right : 22px ;
	background-repeat : no-repeat ;
	background-position : 3px 0 ;
	text-decoration : none ;
	color : #333 ;
}

#sub #main_navi dd li a.help_anchor {
	width : 14px ;
	height : 14px ;
	position : absolute ;
	top : 7px ;
	right : 5px ;
	text-indent : -9999px ;
	overflow : hidden ;
	background : url(../images/help_icon.png) left top no-repeat ;
}

a.help_anchor {
	display : none ;
}


#sub #main_navi dd li.double_line {
	height : 42px ;
	line-height : 18px ;
}

#sub #main_navi dd li.double_line a.navi_anchor {
	height : 36px ;
	padding-top : 3px ;
	padding-bottom : 3px ;
}

#sub #main_navi dd li.double_line a.help_anchor {
	top : 14px ;	
}



#main_navi_news a.navi_anchor {
	background-image : url(../images/news_icon.png?date=20161017) ;
}

#main_navi_individual a.navi_anchor {
	background-image : url(../images/individual_icon.png) ;
}

#main_navi_user_info a.navi_anchor {
	background-image : url(../images/user_icon.png?date=20161017) ;
}

#main_navi_password_info a.navi_anchor {
	background-image : url(../images/password_icon.png?date=20161017) ;
}

#main_navi_contract_info a.navi_anchor {
	background-image : url(../images/contract_icon.png?date=20161017) ;
}

#main_navi_add_contract a.navi_anchor {
	background-image : url(../images/add_icon.png?date=20161017) ;
}

#main_navi_change_plan a.navi_anchor , #main_navi_xdrive_change_plan a.navi_anchor ,
#main_navi_shop_change_plan a.navi_anchor {
	background-image : url(../images/change_icon.png?date=20161017) ;
}

#main_navi_cancel a.navi_anchor {
	background-image : url(../images/cancel_icon.png?date=20161017) ;
}

#main_navi_payment a.navi_anchor {
	background-image : url(../images/payment_icon.png?date=20181005) ;
}

#main_navi_payment_report a.navi_anchor {
	background-image : url(../images/report_icon.png?date=20161017) ;
}

#main_navi_payment_history a.navi_anchor {
	background-image : url(../images/history_icon.png?date=20181005) ;
}

#main_navi_present_domain a.navi_anchor , #main_navi_shop_present_domain a.navi_anchor {
	background-image : url(../images/present_icon.png?date=20161017) ;
}

#main_navi_backup_data a.navi_anchor , #main_navi_shop_backup_data a.navi_anchor {
	background-image : url(../images/backup_icon.png?date=20161017) ;
}

#main_navi_campaign_domain a.navi_anchor {
	background-image : url(../images/campaign_icon.png?date=20161017) ;
}

#main_navi_change_server a.navi_anchor {
	background-image : url(../images/server_icon.png?date=20161017) ;
}

#main_navi_google_coupon a.navi_anchor {
	background-image : url(../images/coupon_icon.png?date=20161017) ;
}

#main_navi_payment_card_auto a.navi_anchor {
	background-image : url(../images/card_auto_icon.png?date=20170307) ;
}

#main_navi_whois a.navi_anchor {
	background-image : url(../images/whois_icon.png?date=20181029) ;
}

#main_navi_domainpricechange_view a.navi_anchor {
	background-image : url(../images/migration_icon.png?date=20181029) ;
}

#main_navi_user_update_wallet_auto a.navi_anchor {
	background-image : url(../images/charge_icon.png) ;
}

#main_navi_user_usermerge a.navi_anchor {
	background-image : url(../images/usermerge_icon.png) ;
}

#main_navi_change_user_number a.navi_anchor {
	background-image : url(../images/change_user_number_icon.png) ;
}

#main_navi_homepage a.navi_anchor {
    background-image : url(../images/homepage_icon.png) ;
}

#sub #main_navi dd li a.navi_anchor:hover {
	background-position : 3px -28px ;
	background-color : #fdead5 ;
	color : #ff7200 ;
}

#sub #main_navi dd li.double_line a.navi_anchor:hover {
	background-position : 3px -42px ;
}





#user_individual_index #main_navi_individual a.navi_anchor,
#user_individual_detail #main_navi_individual a.navi_anchor,
#user_delegate_index #main_navi_individual a.navi_anchor,
#user_delegate_detail #main_navi_individual a.navi_anchor,
#user_changeplan_index #main_navi_change_plan a.navi_anchor, 
#user_changeplan_server_index #main_navi_change_plan a.navi_anchor, 
#user_campaign_index #main_navi_present_domain a.navi_anchor,
#user_giftssl_index #main_navi_present_domain a.navi_anchor,
#user_ssl_register_index #main_navi_present_domain a.navi_anchor,
#user_contract_server_index #main_navi_contract_info a.navi_anchor, 
#user_contract_domain_index #main_navi_contract_info a.navi_anchor, 
#user_contract_ssl_index #main_navi_contract_info a.navi_anchor,
#user_contract_xdrive_index #main_navi_contract_info a.navi_anchor,
#user_domainpresent_index #main_navi_present_domain a.navi_anchor,  
#user_newsinfo_index #main_navi_news a.navi_anchor, 
#user_newsinfo_index_all #main_navi_news a.navi_anchor,
#user_paycontact_index #main_navi_payment_report a.navi_anchor,
#user_register_view #main_navi_add_contract a.navi_anchor, 
#user_resign_index #main_navi_cancel a.navi_anchor, 
#user_servertransfer_index #main_navi_change_server a.navi_anchor, 
#user_update_card_index #main_navi_payment a.navi_anchor,
#user_update_card_auto #main_navi_payment_card_auto a.navi_anchor, 
#user_update_card_info #main_navi_payment_card_auto a.navi_anchor, 
#user_userinfo_index #main_navi_user_info a.navi_anchor,
#user_twostepauth_index #main_navi_user_info a.navi_anchor,
#user_userinfo_changemail_index #main_navi_user_info a.navi_anchor, 
#user_userinfo_edit_index #main_navi_user_info a.navi_anchor, 
#user_password_user_index #main_navi_password_info a.navi_anchor,
#user_domainpricechange_view #main_navi_domainpricechange_view a.navi_anchor,
#user_whois_index #main_navi_whois a.navi_anchor,
#user_update_wallet_auto #main_navi_user_update_wallet_auto a.navi_anchor,
#user_usermerge_index #main_navi_user_usermerge a.navi_anchor,
#user_changeuserlimit_xdrive_index #main_navi_change_user_number a.navi_anchor,
#user_changeplan_index_xdrive #main_navi_xdrive_change_plan a.navi_anchor,
#user_changeplan_server_index_xdrive #main_navi_xdrive_change_plan a.navi_anchor,
#user_changeplan_index_nextshop #main_navi_shop_change_plan a.navi_anchor,
#user_changeplan_server_index_nextshop #main_navi_shop_change_plan a.navi_anchor,
#user_domainpresent_index_nextshop #main_navi_shop_present_domain a.navi_anchor,
#user_gift_select #main_navi_present_domain a.navi_anchor,
#user_gift_view #main_navi_present_domain a.navi_anchor
{
	background-position : 3px -28px !important;
	background-color : #fdead5 !important;
	color : #ff7200 !important;
}

#user_register_backup #main_navi_backup_data a.navi_anchor,  
#user_googleadwords_index #main_navi_google_coupon a.navi_anchor,
#user_update_index #main_navi_payment a.navi_anchor, 
#user_payinfo_billing_index #main_navi_payment_history a.navi_anchor {
	background-position : 3px -42px !important;
	background-color : #fdead5 !important;
	color : #ff7200 !important;
}

#sub #support_navi {
	border-top : 1px solid #b3b3b3 ;
    margin-bottom: 10px;
}

#sub #support_navi li {
	width : 203px ;
	height : 30px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	line-height : 30px ;
}

#sub #support_navi li a {
	display : block ;
	width : 178px ;
	height : 30px ;
	padding-left : 25px ;
	background-repeat : no-repeat ;
	text-decoration : none ;
	color : #333 ;
}
.support_navi_x { background: #fff url(../images/ico_xserver_mark.png) 8px center no-repeat; }
.support_navi_b { background: #fff url(../images/ico_business_mark.png) 8px center no-repeat; }
.support_navi_xdomain { background: #fff url(../images/ico_xdomain_mark.png) 8px center no-repeat; }
.support_navi_nextshop { background: #fff url(../images/ico_nextshop_mark.png) 8px center no-repeat; }
.support_navi_xdrive { background: #fff url(../images/ico_xdrive_mark.png) 8px center no-repeat; }

#sub #support_navi #support_navi_manual a {
	background-image : url(../images/manual_icon.png?date=20161017) ;
}

#sub #support_navi #support_navi_faq a {
	background-image : url(../images/faq_icon.png?date=20161017) ;
}

#sub #support_navi #support_navi_contact a {
	background-image : url(../images/contact_icon.png?date=20161017) ;
}

#sub #support_navi li a:hover {
	background-color : #fdead5 !important;
	color : #ff7200 !important;
}

.support_navi_ttl {
    padding: 8px 5px 8px 30px;
    border-right: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    font-size: 14px;
    font-weight: bold;
}
.support_man_ttl {
    background: #e9f1f9 url(../images/ico_manual.png) 8px center no-repeat;
    border-bottom: 1px solid #b3b3b3;
}
.support_faq_ttl {
    margin-top: 10px;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    background: #e9f1f9 url(../images/ico_faq.png) 8px center no-repeat;
}

#support_navi_contact a {
    display: block;
    width: 170px;
    height: 48px;
    padding-left: 33px;
    background: #e9f1f9 url(../images/ico_support.png) 8px center no-repeat;
    border: 1px solid #b3b3b3;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
}
#support_navi_contact a::after {
    display: inline-block;
    width: 5px;
    height: 18px;
    margin-left: 10px;
    background: url(../images/ico_support_arrow.png) 0 0 no-repeat;
    position: relative;
    top: 3px;
    content: '';
}
#support_navi_contact a:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}


/* sub_navi */

#sub_navi {
	height : 31px ;
	background : url(../images/submenu_bottom_back.png?date=20161017) left bottom repeat-x ;
	margin-bottom : 14px ;
	padding-left : 10px ;
}

#sub_navi li {
	height : 31px ;
	overflow : hidden ;
	float : left ;
	border-left : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
	margin-right : 6px ;
}

#sub_navi li a {
	display : block ;
	height : 31px ;
	line-height : 31px ;
	padding : 0 10px ;
	background-image : url(../images/submenu_back.png?date=20161017);
	background-repeat : repeat-x ;
	text-decoration : none ;
	color : #444 ;
	font-weight : bold ;
}

#sub_navi li a:hover {
	background-position : 0 -31px ;
	color : #ff8400 ;
}


#user_changeplan_index #sub_navi_user_changeplan_index a,
#user_changeplan_index_xdrive #sub_navi_user_changeplan_index a,
#user_changeplan_server_index #sub_navi_user_changeplan_server_index a,
#user_changeplan_server_index_xdrive #sub_navi_user_changeplan_server_index a,
#user_campaign_index #sub_navi_user_campaign_index a, 
#user_contact_view #sub_navi_user_contact_view a, 
#user_contact_index #sub_navi_user_contact_index a, 
#user_request_index #sub_navi_user_request_index a, 
#user_contract_server_index #sub_navi_user_contract_server_index a, 
#user_contract_domain_index #sub_navi_user_contract_domain_index a, 
#user_contract_ssl_index #sub_navi_user_contract_ssl_index a, 
#user_domainpresent_index #sub_navi_user_domainpresent_view a, 
#user_register_backup #sub_navi_user_register_mysqlbackup_index a, 
#user_googleadwords_index #sub_navi_user_googleadwords_index a, 
#user_password_index #sub_navi_user_password_index a, 
#user_paycontact_index #sub_navi_user_paycontact_index a, 
#user_payinfo_billing_index #sub_navi_user_payinfo_billing_index a, 
#user_register_view #sub_navi_user_register_view a, 
#user_resign_index #sub_navi_user_resign_index a, 
#user_servertransfer_index #sub_navi_user_servertransfer_index a, 
#user_movein_index #domain_sub_navi_user_movein_index a, 
#user_update_index #sub_navi_user_update_index a, 
#user_update_card_index #sub_navi_user_update_card_index a, 
#user_update_card_auto #sub_navi_user_update_card_auto a, 
#user_update_card_info #sub_navi_user_update_card_info a, 
#user_userinfo_index #sub_navi_user_userinfo_index a,
#user_twostepauth_index #sub_navi_user_userinfo_index a,
#user_userinfo_changemail_index #sub_navi_user_userinfo_changemail_index a, 
#user_userinfo_edit_index #sub_navi_user_userinfo_edit_index a,
#user_password_user_index #sub_navi_user_password_user_index a, 
#domain_user_detail_index #sub_navi_domain_user_detail_index a, 
#domain_user_movein_index #sub_navi_domain_user_detail_index a, 
#domain_user_whois_index #sub_navi_domain_user_whois_index a, 
#domain_user_whois_view #sub_navi_domain_user_whois_view a, 
#domain_user_nameserver_index #sub_navi_domain_user_nameserver_index a, 
#domain_user_nameserver_view #sub_navi_domain_user_nameserver_view a,
#domain_user_dns_index #sub_navi_domain_user_dns_index a, 
#domain_user_dns_view #sub_navi_domain_user_dns_view a,
#user_domainpricechange_view #sub_navi_user_domainpricechange_view a,
#user_whois_index #sub_navi_user_whois_index a,
#user_update_wallet_auto #sub_navi_user_update_card_auto a,
#user_contract_nextshop_index #sub_navi_user_contract_nextshop_index a,
#user_contract_xdrive_index #sub_navi_user_contract_xdrive_index a,
#user_changeuserlimit_xdrive_index #sub_navi_user_changeuserlimit_xdrive_index a,
#user_register_daiko #sub_navi_user_register_daiko_index a,
#user_register_daiko_order #sub_navi_user_register_daiko_order_index a,
#user_changeplan_index_nextshop #sub_navi_user_changeplan_index a,
#user_changeplan_server_index_nextshop #sub_navi_user_changeplan_server_index a,
#user_domainpresent_index_nextshop #sub_navi_user_domainpresent_view a,
#user_gift_select #sub_navi_user_gift_select a,
#user_domainpresent_index #sub_navi_user_gift_select a,
#user_gift_view #sub_navi_user_firstyear_index a,
#user_campaign_index #sub_navi_user_firstyear_index a{
	background-image : url(../images/submenu_current_back.png?date=20200602) !important;
	color : #ff8400 !important;
}

#user_individual_index .current a,
#user_individual_detail .current a,
#user_delegate_index .current a,
#user_delegate_detail .current a,
#user_delegate_transfer_index .current a,
#user_newsinfo_index .current a {
	background-image : url(../images/submenu_current_back.png?date=20161017) !important;
	color : #ff8400 !important;
}


#user_changeplan_index #sub_navi_user_changeplan_index a:hover,
#user_changeplan_index_xdrive #sub_navi_user_changeplan_index a:hover,
#user_changeplan_server_index #sub_navi_user_changeplan_server_index a:hover,
#user_changeplan_server_index_xdrive #sub_navi_user_changeplan_server_index a:hover,
#user_campaign_index #sub_navi_user_campaign_index a:hover, 
#user_contact_view #sub_navi_user_contact_view a:hover, 
#user_contact_index #sub_navi_user_contact_index a:hover, 
#user_request_index #sub_navi_user_request_index a:hover, 
#user_contract_server_index #sub_navi_user_contract_server_index a:hover, 
#user_contract_domain_index #sub_navi_user_contract_domain_index a:hover, 
#user_contract_ssl_index #sub_navi_user_contract_ssl_index a:hover, 
#user_domainpresent_index #sub_navi_user_domainpresent_view a:hover, 
#user_register_backup #sub_navi_user_register_mysqlbackup_index a:hover, 
#user_googleadwords_index #sub_navi_user_googleadwords_index a:hover, 
#user_newsinfo_index_all #sub_navi_user_newsinfo_index_all a:hover, 
#user_password_index #sub_navi_user_password_index a:hover, 
#user_paycontact_index #sub_navi_user_paycontact_index a:hover, 
#user_payinfo_billing_index #sub_navi_user_payinfo_billing_index a:hover, 
#user_register_view #sub_navi_user_register_view a:hover, 
#user_resign_index #sub_navi_user_resign_index a:hover, 
#user_servertransfer_index #sub_navi_user_servertransfer_index a:hover, 
#user_movein_index #domain_sub_navi_user_movein_index a:hover, 
#user_update_index #sub_navi_user_update_index a:hover, 
#user_update_card_index #sub_navi_user_update_card_index a:hover, 
#user_update_card_auto #sub_navi_user_update_card_auto a:hover, 
#user_update_card_info #sub_navi_user_update_card_info a:hover, 
#user_userinfo_index #sub_navi_user_userinfo_index a:hover,
#user_twostepauth_index #sub_navi_user_userinfo_index a:hover,
#user_userinfo_changemail_index #sub_navi_user_userinfo_changemail_index a:hover, 
#user_userinfo_edit_index #sub_navi_user_userinfo_edit_index a:hover, 
#user_password_user_index #sub_navi_user_password_user_index a:hover, 
#domain_user_detail_index #sub_navi_domain_user_detail_index a:hover, 
#domain_user_movein_index #sub_navi_domain_user_detail_index a:hover, 
#domain_user_whois_index #sub_navi_domain_user_whois_index a:hover, 
#domain_user_whois_view #sub_navi_domain_user_whois_view a:hover, 
#domain_user_nameserver_index #sub_navi_domain_user_nameserver_index a:hover, 
#domain_user_nameserver_view #sub_navi_domain_user_nameserver_view a:hover,
#domain_user_dns_index #sub_navi_domain_user_dns_index a:hover, 
#domain_user_dns_view #sub_navi_domain_user_dns_view a:hover,
#user_domainpricechange_view #sub_navi_user_domainpricechange_view a:hover,
#user_whois_index #sub_navi_user_whois_index a:hover,
#user_update_wallet_auto #sub_navi_user_update_card_auto a:hover,
#user_contract_nextshop_index #sub_navi_user_contract_nextshop_index a:hover,
#user_contract_xdrive_index #sub_navi_user_contract_xdrive_index a:hover,
#user_register_daiko #sub_navi_user_register_daiko_index a:hover,
#user_register_daiko_order #sub_navi_user_register_daiko_order_index a:hover,
#user_changeplan_index_nextshop #sub_navi_user_changeplan_index a:hover,
#user_changeplan_server_index_nextshop #sub_navi_user_changeplan_server_index a:hover,
#user_domainpresent_index_nextshop #sub_navi_user_domainpresent_view a:hover,
#user_gift_select #sub_navi_user_gift_select a:hover,
#user_domainpresent_index #sub_navi_user_gift_select a:hover,
#user_gift_view #sub_navi_user_firstyear_index a:hover,
#user_campaign_index #sub_navi_user_firstyear_index a:hover{
	background-position : 0 0 !important;
}

#user_individual_index .current a:hover,
#user_individual_detail .current a:hover,
#user_delegate_index .current a:hover,
#user_delegate_detail .current a:hover,
#user_delegate_transfer_index .current a:hover,
#user_newsinfo_index .current a:hover {
	background-position : 0 0 !important;
}



/* main contents */

#main .page_title {
	padding : 10px 10px 15px ;
	border : 1px solid #b3b3b3 ;
	margin-bottom : 12px ;
}
#main .page_title.service_xserver {
    padding: 10px 10px 10px 165px;
    background: url(../images/contact_xserver_logo.png) 15px 50% no-repeat;
}
#main .page_title.service_xbiz {
    padding: 10px 10px 10px 165px;
    background: url(../images/contact_biz_logo.png) 15px 50% no-repeat;
}
#main .page_title.service_xdomain {
    padding: 10px 10px 10px 165px;
    background: url(../images/contact_xdomain_logo.png) 15px 50% no-repeat;
}
#main .page_title.service_nextshop {
    padding: 10px 10px 10px 196px;
    background: url(../images/contact_nextshop_logo.png) 20px 50% no-repeat;
}
#main .page_title.service_xdrive {
    padding: 10px 10px 10px 175px;
    background: url(../images/contact_xdrive_logo.png) 20px 50% no-repeat;
}

#main .page_title h3 {
	font-size : 170% ;
	margin-bottom : 3px ;
    font-weight : normal ;
}

#main .section {
	margin : 0 10px 30px ;
	clear : both ;
}

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


#main .section h4 {
	height : 34px ;
	line-height : 34px ;
	margin-bottom : 14px ;
	color : #fff ;
	/*width : 751px ;*/
	padding : 0 12px ;
	font-size : 120% ;
	background: #1b5fa6;/* Old Browsers */
    background: -moz-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3371ab), color-stop(100%, #1b5fa6));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #3371ab 0, #1b5fa6 100%);/* W3C */
}

#main .section h5 {
	border-left : 5px solid #1B5FA6 ;
	border-bottom : 1px solid #ccc ;
	padding : 4px 8px ;
	margin-bottom : 12px ;
	font-size : 110% ;
}

#main .section h6 {
	padding : 3px 6px ;
	background : #ddd ;
	margin-bottom : 10px ;
}

#user_index #main .section h4 {
	height : 46px ;
	line-height : 46px ;
	margin : 0 0 12px ;
	color : #fff ;
	position : relative ;
	width : 720px ;
	padding : 0 0 0 55px ;
	overflow : hidden ;
	font-size : 120% ;
}

#main .section h4 #top_news_button {
	width : 127px ;
	height : 31px ;
	position : absolute ;
	top : 8px ;
    right: 173px;
}

#main .section h4 #top_maintenance_button {
	width : 173px ;
	height : 31px ;
	position : absolute ;
	top : 8px ;
    right: 0;
}

#main .section h4 #top_news_button a {
	display : block ;
	width : 127px ;
	height : 31px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-image : url(../images/past_news_button.png?date=20161017) ;
}

#main .section h4 #top_maintenance_button a {
	display : block ;
	width : 173px ;
	height : 31px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-image : url(../images/maintenance_button.png?date=20161101) ;
}

#main .section h4 #top_news_button a:hover {
	background-position : 0 -31px ;
}

#main .section h4 #top_maintenance_button a:hover {
	background-position : 0 -31px ;
}

#news_wrap {
    display: table;
    border-collapse: separate;
    border-spacing: 10px 0;
    margin: 0 0 10px 0;
}

#user_index #main .news_box_title {
    width: auto !important;
    padding: 0 0 10px 20px!important;
    margin-bottom: 10px!important;
    height: auto!important;
    background: url(../images/support_news_ico.png) no-repeat!important;
    border-bottom: 1px dotted #ccc;
    color: #2062a7!important;
    font-weight: bold;
    font-size: 14px;
    line-height: 1!important;
}

#user_index #main .individual {background: url(../images/individual_news_ico.png) no-repeat!important;}

.news_box {
    padding: 12px;
    margin: 20px 0;
    background: #fff;
    background: -moz-linear-gradient(top, #daebfc 0, #fff 22%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #daebfc), color-stop(22%, #fff));
    background: -webkit-linear-gradient(top, #daebfc 0, #fff 22%);
    background: -o-linear-gradient(top, #daebfc 0, #fff 22%);
    background: -ms-linear-gradient(top, #daebfc 0, #fff 22%);
    background: linear-gradient(to bottom, #daebfc 0, #fff 22%);
    border: 1px solid #bfd5ed;
    display: table-cell;
    width: 354px;
}

.news_box_list {margin: 0 0 0 5px!important;}

.news_box_list li{
    margin-bottom: 5px;
    text-indent: -1.3em;
    padding-left: 1.3em;
}

.news_box_list li:last-child { margin-bottom: 0px; }

.news_box_list li::before {
    display: inline-block;
    padding-left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #2061a7;
    content: '';
}


#user_index #main .support_box_title {
    width: auto !important;
    padding: 0 0 10px 20px!important;
    margin-bottom: 10px!important;
    height: auto!important;
    background: url(../images/support_news_ico.png) no-repeat!important;
    border-bottom: 1px dotted #ccc;
    color: #2062a7!important;
    font-weight: bold;
    font-size: 14px;
    line-height: 1!important;
}
.support_box {
    padding: 12px;
    background: #fff;
    background: -moz-linear-gradient(top, #daebfc 0, #fff 22%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #daebfc), color-stop(22%, #fff));
    background: -webkit-linear-gradient(top, #daebfc 0, #fff 22%);
    background: -o-linear-gradient(top, #daebfc 0, #fff 22%);
    background: -ms-linear-gradient(top, #daebfc 0, #fff 22%);
    background: linear-gradient(to bottom, #daebfc 0, #fff 22%);
    border: 1px solid #bfd5ed;
    display: table-cell;
    width: 354px;
}

.support_box_list {margin: 0 0 0 5px!important;}

.support_box_list li{ margin-bottom: 12px; }
.support_box_list li:last-child { margin-bottom: 0px; }

.img_cashless{
    position:relative;
    width: 96%;
    text-align: center;
    margin: 15px auto 20px;
    padding: 20px 0;
    border: #ff3347 1px solid;
}

.img_cashless::after{
    content: "お申し込み・更新手続きは今がお得！キャッシュレスで5%還元！";
    position: absolute;
    top: -13px;
    left: 16%;
    background: #fff;
    font-size: 1rem;
    font-weight: bold;
    color: #E61212;
    padding: 0 10px;
}

.img_cashless img{
    border: 1px solid #DDDDDD;
}

p.cashless_copy{
    margin: 20px auto 0!important;
    color: #E61212;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.service_img_cashless{
    background: #E61212;
    padding: 5px 10px;
}
.service_img_cashless img{
    width: 100%;
    margin: 0 auto!important;
}

#main .section h4.news_title {
	background : url(../images/news_title_back.png?date=20161017) left top no-repeat ;
}

#main .section h4.contract_title {
	background : url(../images/contract_title_back.png?date=20161017) left top no-repeat ;
}

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

.box {
	border: 1px solid #b3b3b3;
	padding: 10px;
	background-color: #fff;
}

.center-box {
    width:500px;
	margin:0 auto;
    padding: 18px;
    border: 1px solid #b3b3b3;
	background-color: #fff;
    text-align: center;
}

.list li { list-style-type: disc!important; }
.number li { list-style-type: decimal!important; }
.ls-none li { list-style-type: none!important; }

/* 説明文用コンテンツ */
.info-box {
	padding: 10px 26px 10px 42px;
	border: 1px solid #ccc;
	color: #444;
	margin-bottom: 14px;
	background: #f4f9ff url(../images/contents_icon_info.png?date=171115) 8px 8px no-repeat;
}

.info-box_ttl {
	color: #3a75af;
	margin-bottom: 5px;
	padding-top: 3px;
	font-size: 107.14%;
}

.info-box_list {
	border: 0px!important;
	padding: 0!important;
	margin-bottom: 0!important;
}

.info-box_list dt {
	border-left: 5px solid #3a75af;
	padding: 3px 0 3px 8px;
	margin-bottom: 5px;
	font-weight: bold;
}

.info-box_list dd {
	padding: 0 13px 20px 13px;
}

.info-box_list dd:last-child {
	padding: 0 13px 10px 13px;
}

.attention-head {
	background: url(../images/attention_icon.png) 0 center no-repeat;
	padding-left: 12px;
	color: #ffa124;
}

.info-box h5{
	padding: 0!important;
	font-size: 100%!important;
	color:#1c4087!important;
	border: none!important;
	background:#d9e0f2 url(../images/bg_ssl_situ_exclamation_base.png) left center repeat-y!important;
}

.info-box h5 span{
	display:block!important;
	padding: 5px 0 5px 34px!important;
	background:url(../images/bg_ssl_situ_exclamation.png) left center no-repeat!important;
}

	

/* 注意書き用コンテンツ */
.attention-box {
	padding: 10px 26px 10px 42px;
	border: 1px solid #ccc;
	color: #444;
	margin-bottom: 14px;
	background: #fff9eb url(../images/contents_icon_attention.png?date=171115) 8px 8px no-repeat;
}

.attention-box_ttl {
	color: #eb7f00;
	margin-bottom: 5px;
	padding-top: 3px;
	font-size: 107.14%;
}

.attention-box_list {
	border: 0px!important;
	padding: 0!important;
	margin-bottom: 0!important;
}

.attention-box_list dt {
	border-left: 5px solid #eb7f00;
	padding: 3px 0 3px 8px;
	margin-bottom: 5px;
	font-weight: bold;
}

.attention-box_list dd {
	padding: 0 13px 20px 13px;
}

.attention-box_list dd:last-child {
	padding: 0 13px 10px 13px;
}


/* エラー用コンテンツ */
.error-box {
	padding: 10px 26px 10px 42px;
	border: 1px solid #ccc;
	color: #444;
	margin-bottom: 14px;
	background: #ffe1e3 url(../images/contents_icon_caution.png) 8px 8px no-repeat;
}

.error-box_ttl {
	color: #ff4b61;
	margin-bottom: 5px;
	padding-top: 3px;
	font-size: 107.14%;
}

.error-box_list dt {
	border-left: 5px solid #ff4b61;
	padding: 3px 0 3px 8px;
	margin-bottom: 5px;
	font-weight: bold;
}

.error-box_list dd {
	padding: 0 13px 20px 13px;
}

.error-box_list dd:last-child {
	padding: 0 13px 10px 13px;
}

#main .section dl {
	padding : 8px ;
	border : 1px solid #b3b3b3 ;
	margin-bottom : 10px ;
}

#main .section dl dt {
	font-weight : bold ;
	margin-bottom : 5px ;
	font-size : 110% ;
}

#main .section dl.contact_view_box {
	padding : 10px ;
	border : 1px solid #b3b3b3 ;
	margin-bottom : 14px ;
}

#main .section dl.contact_view_box dt {
	font-weight : bold ;
	margin-bottom : 10px ;
	font-size : 110% ;
    background-color: #ccc;
    padding: 5px 8px 3px;
}

#main .section dl.contact_view_box dd {
    line-height: 1.4;
	padding : 0 10px;
}
#main .section dl.contact_view_box dd p {
    margin-bottom: 1em;
}

#main .section ul, #main .section ol {
	margin-left : 20px ;
	margin-bottom : 10px ;
}

.faq_contents {
	padding : 8px ;
	border : 1px solid #b3b3b3 ;
	margin-bottom : 10px ;
}
#main .section h6.faq_ttl {
	margin-bottom : 8px ;
}
#main .section ul.faq_list {
    margin: 0 0 8px;
    padding: 0 0 8px 20px;
    border-bottom: 1px dotted #aaa;
}
#main .section ul.faq_list li {
    list-style: disc;
    padding-top: 3px;
    padding-bottom: 3px;
}
#main .faq_contents p {
    margin: 0 0 5px 5px;
}
#main .section ul.faq_link_list {
    margin-bottom: 0;
}
#main .section ul.faq_link_list:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
#main .section ul.faq_link_list li {
    list-style: none;
    float: left;
    margin: 0 18px 0 0;
    padding-left: 10px;
    background: url(../images/ic-arrow.png) no-repeat left center;
}
.btn_link {
    margin-bottom: 20px;
    text-align: center;
}
.btn_link a {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 5px 25px;
    background: #333;
    border-radius: 30px;
    color: #FFF;
    text-decoration: none;
}

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

#main .section .agree_box {
    display: block;
    margin:0 auto;
    padding:8px;
    border:1px solid #ccc;
    border-radius:5px;
    text-align:center;
    cursor:pointer;
}

#main .section .button_box {
	text-align : center ;
	margin-bottom : 10px ;
}

#main .section .button_box input , #domainSearchBtn {
	padding : 5px 8px ;
}

#main .section textarea {
	width : 92% ;
	margin-bottom : 10px ;
	padding : 2px 3px ;
}

#main .section .error {
	color : red ;
	font-weight : bold ;
	margin-left: 0!important;
}


#main .section .indent_ajust {
	padding-left : 1em ;
	text-indent : -1em ;
}
.indent_ajust_x2 {
	padding-left : 2em ;
	text-indent : -2em ;
}

.indent_ajust_x3 {
    padding-left : 8em ;
    text-indent : -8em ;
}

.indent_ajust_x4 {
    padding-left : 10em ;
    text-indent : -10em ;
}

#main .section .border_box {
	padding : 10px ;
	border : 1px solid #b3b3b3 ;
}


/* table style */

#main .section table {
	border-top : 1px solid #ccc ;
	border-left : 1px solid #ccc ;
	width : 100% ;
	margin-bottom : 14px ;
} 

#main .section table table {
	width : 80% ;
}

#main .section table caption {
    padding: 13px 10px 13px 23px;
    background: url(../images/table_caption_back.png) 0 50% no-repeat;
    border-top: 2px solid #1b5fa6;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: left;
    font-weight: bold;
}

#main .section table th {
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	padding : 13px 6px;
	background-color : #e9f1f9;
	text-align : center ;
}

/*　xdomain統合 2018.12.03 追記　*/
#main .section table th.inner { background-color : #e9f1f9; }
.th_title{
	float:left;
	line-height: 26px;
}
.th_btn{ float:right; }


#main .section table th,
#main .section table td { word-break: break-all; }

#main .section table th.sub_th {
	background-color : #f3f3f3 ;
	color : #333 ;
}

#main .section table td {
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	padding : 10px 6px;
}

.newsinfo_td {
    width: 70px;
    text-align: center;
}

#main .section table input {
	padding : 5px 8px ;
}


/* page_navi */

.page_navi {
	text-align : center ;
}

.page_navi li {
	display : inline ;
	padding : 0 3px ;
}

.page_navi li a {
	padding : 0 2px ;
}


/* news_list */

dl.news_list {
	padding: 0 0 12px 5px !important;
    margin-bottom: 12px !important;
    border: 0px !important;
	border-bottom : 1px dotted #ccc !important;
	overflow: hidden;
}

dl.news_list dt {
	margin-bottom : 5px !important;
	font-weight : normal !important;
	line-height : 12px ;
}

dl.news_list dd {}

/* support_news */

.support_news {
    padding: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #fff;/* Old Browsers */
    background: -moz-linear-gradient(top, #daebfc 0, #fff 22%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #daebfc), color-stop(22%, #fff));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #daebfc 0, #fff 22%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #daebfc 0, #fff 22%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #daebfc 0, #fff 22%); /* IE 10+ */
    background: linear-gradient(to bottom, #daebfc 0, #fff 22%);/* W3C */
    border: 1px solid #bfd5ed;
}
.support_news_ttl {
    padding-left: 20px!important;
    padding-bottom: 10px!important;
    margin-bottom: 10px!important;
    height: auto!important;
    background:  url(../images/support_news_ico.png) no-repeat!important;
    border-bottom: 1px dotted #ccc;
    color: #2062a7!important;
    font-weight: bold;
    font-size: 14px;
    line-height: 1!important;
}
.support_news_list {
    margin-left: 5px!important;
    margin-bottom: 0!important;
}
.support_news_list li::before {
    display: inline-block;
    padding-left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #2061a7;
    content: '';
}
.support_news_list li { margin-bottom: 5px; }
.support_news_list li:last-child { margin-bottom: 0px; }

.news-service-cat {
    margin: 10px 0 20px!important;
    padding: 0 0 5px 10px!important;
    border: none!important;
    border-bottom: 1px dotted #ccc!important;
}
.news-service_cat_ttl {
    width: 85px;
    height: 22px;
    float: left;
    line-height: 22px;
    margin-right: 20px;
    background: #aeaeae;
    text-align: center;
    color: #fff;
    font-size: 12px!important;
    font-weight: normal!important;
}
.news-service_cat_detail {
    width: 640px;
    height: 14px;
    padding: 4px 0;
    line-height: 14px;
    float: left;
}
.news-service_xserver {
    display: inline-block;
    padding-left: 16px;
    margin-right: 10px;
    background: url(../images/ico_xserver_mark_none.png) 0 center no-repeat;
    height: 14px;
    font-size: 12px;
    color: #ccc;
}
.news-service_xbiz {
    display: inline-block;
    padding-left: 16px;
    margin-left: 10px;
    background: url(../images/ico_business_mark_none.png) 0 center no-repeat;
    height: 14px;
    font-size: 12px;
    color: #ccc;
}
.news-service_xdomain {
    display: inline-block;
    padding-left: 16px;
    margin-left: 10px;
    background: url(../images/ico_xdomain_mark_none.png) 0 center no-repeat;
    height: 14px;
    font-size: 12px;
    color: #ccc;
}
.news-service_xserver.on {
    background: url(../images/ico_xserver_mark.png) 0 0 no-repeat;
    color: #333;
}
.news-service_xbiz.on {
    background: url(../images/ico_business_mark.png) 0 0 no-repeat;
    color: #333;
}
.news-service_xdomain.on {
    background: url(../images/ico_xdomain_mark.png) 0 0 no-repeat;
    color: #333;
}
#mente_btn , #shogai_btn { margin: 0 0 20px 0!important; }



/* top_contract_list */

#top_contract_jsenable ul {
	margin : 0 !important;
}


/* user_update_index */

#user_update_index #ui-tab ul {
	margin : 0 !important;
}

/* user_campaign_index */
#target_server_id {
    margin: 5px 0 0 0;
}
.server_trial_message {
    margin: 5px 0 0 0!important;
    display: block;
}
.error_message {
    color: red;
}

/* user_register_view */
.domain_other_links {
    font-size: 11px;
    margin: 5px 0 0 0;
    text-align: center;
}
.domain_other_links a {
    display: inline-block;
    padding-left: 16px;
    background: url(../images/register-arrow.png) 0 2px no-repeat;
    margin-right: 15px;
}

/* footer */

#footer {
	clear : both ;
	border : 1px solid #b3b3b3 ;
	padding : 10px ;
	margin-bottom : 20px ;
}

#footer address {
	font-style : normal ;	
}




/* 110326 障害警告表示用に追記 */

#alert_message {
	clear : both ;
	border : 1px solid #f2917a ;
	background : #fdefef ;
	position : relative ;
	padding : 6px 8px 6px 85px ;
	line-height : 16px ;
	min-height : 16px ;
	height: auto !important;
	height : 16px ;
	font-weight : bold ;
	color : red ;
	margin : 0 0 10px ;
	text-align : left ;
}

#alert_message img {
	position : absolute ;
	top : 5px ;
	left : 6px ;
}



/* 151104 */
.ssl_select {
    padding: 3px 3px 0px;
    line-height: 1.7
}
.ssl_select input[type="radio"] {
    position: relative;
    top: 2px;
}


/* 151111 */
#main .section .ssl_situation{
    width:95%;
    margin-top: 10px;
    padding: 0;
    line-height:1.5;
    background: #fff;
    border: 1px solid #c8c9cc;
}
     #main .section .ssl_situation dt{
        margin-bottom: 0;
        padding: 8px 10px;
        color: #fff;
        background: #1c4087;
    }
    #main .section .ssl_situation dd{
        padding: 8px 10px 5px 10px;
    }
    #main .section .ssl_situation h5{
        padding: 0;
        font-size: 100%;
        color:#1c4087;
        border: none;
        background:#d9e0f2 url(../images/bg_ssl_situ_exclamation_base.png) left center repeat-y;
    }
        #main .section .ssl_situation h5 span{
            display:block;
            padding: 5px 0 5px 34px;
            background:url(../images/bg_ssl_situ_exclamation.png) left center no-repeat;
        }


/* 160108 */

.err_msg {
	background-color: #ffe3e3;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #ffabab;
	color: #f00;
	margin-bottom: 2px;
}

/* 161018 */
.border-attention {
    border: 1px solid #efe6c0;
    background: rgb(245, 245, 245);
    padding: 15px 15px 0;
    margin: 17px;
    line-height: 0.8;
    background-color: #fffdf5;
}

/* 161111 */
#main .section .infopanel_news-list {
    border: none;
}
#main .section .infopanel_news-list td {
    border-top: none;
    border-right: none;
    padding: 10px 5px;
}

#main .section .infopanel_news-list .read {
    background: #f3f3f3;
}
#main .section .infopanel_news-list .read a {
    color: #000;
}

dl.infopanel_news-list {
	padding: 0 0 12px 5px !important;
    margin-bottom: 12px !important;
    border: 0px !important;
	border-bottom : 1px dotted #ccc !important;
	overflow: hidden;
}

dl.infopanel_news-list dt {
	margin-bottom : 5px !important;
	font-weight : normal !important;
	line-height : 12px ;
}

dl.infopanel_news-list dd {}

/* 汎用ボタン */
.btn {
    display: inline-block;
    background: #e9f1f9;/* Old Browsers */
    background: -moz-linear-gradient(top, #ffffff 0, #e9f1f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e9f1f9));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0, #e9f1f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0, #e9f1f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0, #e9f1f9 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #fff 0, #e9f1f9 100%);/* W3C, WHATWG */
    padding: 3px 6px;
    border: 1px solid #1b5fa6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #1b5fa6;
}
.btn.long { width: 166px; }
a.btn { text-decoration: none; }
a.btn:hover { opacity: .7; }

/*　グレーアウトボタン　*/
a.disabled {
    pointer-events: none;
    background: rgba(0,0,0,0.3);
    opacity: 0.5;
    border-radius: 2px;
}
.gray_btn {
    display: inline-block;
    background: #f7f7f7;/* Old Browsers */
    background: -moz-linear-gradient(top, #f7f7f7 0, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #dddddd));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f7f7f7 0, #dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f7f7 0, #dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f7f7 0, #dddddd 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #f7f7f7 0, #dddddd 100%);/* W3C, WHATWG */
    padding: 8px 11px;
    border: 1px solid #969696;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #000;
}
a.gray_btn { text-decoration: none; }
a.gray_btn:hover { border: 1px solid #7c7c7c; }

.gray_xd_btn{
    pointer-events: none;
    width: 228px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background: linear-gradient(to bottom, #fff 0, #f9f9f9 100%);
    border: 1px solid #b0b0b0;
    color: #b0b0b0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none!important;
    text-align: center;
}

.gray_xd_btn::before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: url(../images/button_gray_arrow.png) no-repeat;
    content: "";
}

.orange_btn {
    display: inline-block;
    background: #ff8400;/* Old Browsers */
    background: -moz-linear-gradient(top, #ffbe79 0, #ff8400 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbe79), color-stop(50%, #ff8400));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #ffbe79 0, #ff8400 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffbe79 0, #ff8400 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffbe79 0, #ff8400 50%); /* IE 10+ */
    background: linear-gradient(to bottom, #ffbe79 0, #ff8400 50%);/* W3C, WHATWG */
    padding: 10px 18px;
    border: 1px solid #ff8400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
a.orange_btn { text-decoration: none; }
a.orange_btn:hover { opacity: .7; }

/* ページ先頭に戻るボタン */
#pagetop_btn {
    position: fixed;
    bottom: -55px;
    right: 10px;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
#pagetop_btn:hover {
    text-decoration: none;
    opacity: .6;
}

/* 契約一覧用リンク */
.list_nav {
    margin: 0 0 20px !important;
    text-align: center;
}
.list_nav li {
    display: inline-block;
    margin: 0 10px;
}
.list_nav a {
    background: url(../images/arrow_down_icon.png) 0 50% no-repeat;
    padding: 0 0 0 17px;
}

/* 追加のお申し込みボタン */
.register_box {
    border: 1px solid #cccccc;
    margin-bottom: 14px;
}

.register_item {
    border-bottom: 1px dotted #cccccc;
    padding: 18px 0;
    display: table;
}

.register_item:last-child {
    padding: 18px 0 30px;
    border-bottom: none;
}

.register_item_other {
	margin: 15px 0;
    padding: 18px 20px;
    border: 1px solid #ccc;
}

.register_left {
    float: left;
    width: 240px;
    margin: 0 !important;
}
.register_left img {
    display: block;
    margin: 0 auto;
}

.register_right {
    float: right;
    width: 470px;
    margin: 0 !important;
}
.register_right a {
    float: left;
    display: block;
    margin-left: 10px;
}
.register_right a:hover { opacity: .7; }
.register_right a:first-child { margin-left: 0; }
.register_right img { margin: 0 !important; }

/* サーバー新規申し込み */
.register_sv_container {}

.register_sv {
    float: left;
	margin-left: 30px;
    width: 160px;
}
.register_sv:last-child {
    margin-right: 0;
}

.register_sv a {
    float: none;
    margin-left: 0;
}

.register_sv_header {
    /*margin-bottom: 23px;
    padding-bottom: 5px;*/
	color: #1f65a8;
    font-weight: bold;
    font-size: 14px;
}

.register_sv_x .register_sv_header {
    border-bottom-color: #1b5fa6;
    color: #1b5fa6;
}


.register_sv_xbiz{
	width: 215px;
	text-align: right;
	
}

.register_sv_xbiz .register_sv_header {
    border-bottom-color: #113d6b;
    color: #113d6b;
}

.register_sv_logo {
    bottom: 23px;
    text-align: center;
}

.register_sv_state {
    margin-bottom: 10px !important;
    padding: 4px;
    background: #f0f0f0;
    color: #333;
    text-align: center;
}

.register_sv_state_on {
    font-weight: bold;
    color: #fff;
}
.register_sv_x .register_sv_state_on {
    background: #1b5fa6;
}
.register_sv_xbiz .register_sv_state_on {
    background: #113d6b;
}

.register_sv_desc {
    /*margin-bottom: 10px;*/
}

.register_sv_desc_text {
    margin-bottom: 7px !important;
    font-size: 12px;
}

.desc {
    margin-bottom: 0 !important;
}

.register_sv_desc_link {
    margin-bottom: 0 !important;
}

.register_sv_desc_link a {
    display: inline-block;
    padding-left: 16px;
    background: url(../images/register-arrow.png) 0 2px no-repeat;
	margin-right: 15px;
}

.register_sv_btn {
	margin-left:10px;
}


/* 2018.11.07 インフォパネル統合 追記 */

.register_sv_header_xbiz {
	color: #143e6a;
    font-weight: bold;
    font-size: 14px;
}

.register_sv_header_xdomain {
	color: #1c5a95;
    font-weight: bold;
    font-size: 14px;
}

.register_sv_header_next {
	color: #00a1b7;
    font-weight: bold;
    font-size: 14px;
}

.register_sv_header_xdrive {
	color: #4c6cb3;
    font-weight: bold;
    font-size: 14px;
}

.register_sv_header_ssl {
	color: #3dc1cb;
    font-weight: bold;
    font-size: 14px;
}

.register_sv_l{
	float: left;
	width: 269px;
}

.register_item_other_s {
    padding: 10px 0px;
    display: table;
}

.register_box_other {
    margin-bottom: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.register_box_left{
	width: 220px;
	text-align: center;
    display:table-cell;
    vertical-align: top;
}
.register_box_left.user{
	width: 525px;
	text-align: left;
    display:table-cell;
    vertical-align: top;
}

.register_box_center{
	width: 285px;
    display:table-cell;
}

.inquiry{
    vertical-align: middle;
}

.register_box_right{
	width: 230px;
	text-align: center;
    display:table-cell;
    vertical-align: top;
}

.register_box_right .blue_btn {
	display:inline-block;
    width: 190px;
    height: 40px;
    line-height: 40px;
}

.register_box_right .blue_btn { width: 228px; }


/* サーバーID選択画面のエックスサーバービジネス紹介(契約がない場合のみ表示) */
.xbiz_info {}

.xbiz_info_title {
    margin: 0 !important;
    padding: 6px 10px !important;
    background: #113d6b !important;
    font-size: 116% !important;
    border: none !important;
    color: #fff !important;
}

.xbiz_info_body {
    padding: 20px;
    background: url(../images/img_logo_xbiz_185x54.png) 23px 95px no-repeat;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.xbiz_info_copy {
    margin-bottom: 15px !important;
    text-align: center;
}
.xbiz_info_copy > img {
    margin-bottom: 0 !important;
}

.xbiz_info_desc {
    margin-bottom: 20px !important;
    padding-left: 215px;
}

.xbiz_info_features {
    margin: 0 !important;
    color: #113d6b;
    font-weight: bold;
}

.xbiz_info_features > li {
    padding-left: 22px;
    background: url(../images/ico_check_green.png) 0 50% no-repeat;
}

.xbiz_info_btn {
    margin-bottom: 0 !important;
    text-align: center;
}
.xbiz_info_btn img {
    margin-bottom: 0 !important;
}

.xbiz_info_next {
    font-size: 133%;
    font-weight: bold;
    text-align: center;
}
.xbiz_info_next:before,
.xbiz_info_next:after {
    content: url(../images/ico_tri_down.png);
    display: block;
    width: 17px;
    margin: 12px auto;
}

/* サーバー契約一覧用テーブル */
.contract_server {
    table-layout: fixed;
    word-break: break-all;
}

.contract_service_x {
    width: 60px;
    background: #1b5fa6 url(../images/ico_xserver_m.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}
.contract_service_b {
    width: 60px;
    background: #113d6b url(../images/ico_business_m.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}

/* 料金のお支払い用 注釈・メッセージ */
.domain-annotation {
    margin: 4px 2px 2px 8px;
    line-height: 1.5;
    font-size: 80%;
    color: #EF4644;
}
.domain-message {
    margin: 4px 2px 2px 8px;
    line-height: 1.5;
    font-size: 80%;
    color: #777777;
}

/* サーバー移行関連 */
.server_list_status{
    margin: 5px 0 0 0 !important;
    padding: 3px 0;
    font-size: 11px;
    font-weight: bold;
    color: #1b5fa6;
    letter-spacing: -.05em;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ebe3e3;
}
.server_number_wait{
    color: #aaa;
}
.server_list_table_id{ width: 95px; }
.server_list_table_agree{ width: 55px; }
.server_list_table_plan{ width: 61px; }
.server_list_table_domain{ width: 18%; }
.server_list_table_number{ width: 83px; }
.server_list_table_limit{ width: 110px; }
.server_list_table_panel{ width: 205px; }

/* Xdrive用に調整 */
.server_list_table_id_xd{ width: 95px; }
.server_list_table_agree_xd{ width: 55px; }
.server_list_table_plan_xd{ width: 75px; }
.server_list_table_number_xd{ width: 50px; }
.server_list_table_limit_xd{ width: 110px; }
.server_list_table_panel_xd{ width: 205px; }


.server_transfer_table td{ padding: 10px 12px !important; }
.server_transfer_table_id{ width: 15%; }
.server_transfer_table_status{ width: 65%; }
.server_transfer_date{
    margin-bottom: 8px;
    padding: 10px 11px;
    line-height: 1.4;
    background: #fff7e6;
}
.server_transfer_date_info{ color: #ff6c00; }
.server_transfer_date_info b{ margin-right: 5px; }
.server_transfer_indent_ajust{
    margin-left: 1em;
    text-indent: -1em !important;
}
.server_transfer_date a{ color: #595959; }
.server_transfer_date_limit{ color: #ffca9f; }
.server_transfer_date_limit_over{ color: #df0000; }
.server_transfer_out{ color: #cecece; }

.server_transfer_info{
    margin-bottom: 9px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #ccc;
}
.server_transfer_info_status{
    color: #1b5fa6;
    font-weight: bold;
}
.server_transfer_errorlog{
    width: 99% !important;
    height: 250px !important;
}

.server_transfer_support_link{
    margin-left: 0 !important;
    margin-bottom: 15px !important;
}
.server_transfer_support_link li{
    float: left;
    margin-right: 15px;
}

.server_service_x {
    width: 95px!important;
    background: url(../images/top_service_logo_xserver.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}
.server_service_b {
    width: 95px!important;
    background: url(../images/top_service_logo_xbiz.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}
.server_service_nextshop {
    width: 95px!important;
    background: url(../images/top_service_logo_nextshop.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}
.server_service_xdrive {
    width: 95px!important;
    background: url(../images/top_service_logo_xdrive.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}
.server_service_six {
    width: 95px!important;
    background: url(../images/top_service_logo_sixcore.png) 50% 50% no-repeat!important;
    text-indent: -5000px;
    overflow: hidden;
}

/* 説明文用コンテンツ（サーバー移行用） */
.server_transfer_info-box {
	padding: 8px 26px 8px 42px;
	color: #444;
	background: #f5f5f5 url(../images/contents_icon_server_info.png) 8px 8px no-repeat;
}
.server_transfer_info-box_ttl {
	color: #333;
	margin-bottom: 5px;
	padding-top: 3px;
	font-size: 100%;
}

.entry_service_list {
    margin: 30px auto 0!important;
    width: 500px;
}
.entry_service_list li { margin-bottom: 5px; }
.entry_service_list a img:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}

/* インフォパネル用モーダルウィンドウ */

.m-window{
    z-index: 1000;
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
}
.m-window_contents{
    position: absolute;
    top:150px;
    width: 810px;
    background: #FFF;
}
.m-window_contents_inner{
    position: relative;
    padding: 40px 30px;
    text-align: left;
}
.m-window_contents_inner_box{ padding: 0 10px; }
.m-window_contents_close a{
    position: absolute;
    top: -21px;
    right: -21px;
    display: inline-block;
    overflow: hidden;
    width: 42px;
    height: 42px;
    text-indent: 100%;
    white-space: nowrap;
    background: url("../images/btn_modal_close.png") no-repeat;
}
.m-window_contents_close a:hover { opacity: .7; }
.m-window_back{
    height: 100%;
    background: url("../images/bg_modalwindow.png");
}
.m-window_alert{
    padding: 13px 14px;
    background: #fff3e6;
}
.m-window_alert_tit{
    padding-bottom: 3px;
    color: #f08001;
    font-size: 150%;
    font-weight: bold;
}
.m-window_alert_{
    padding-bottom: 3px;
    color: #f08001;
    font-size: 150%;
    font-weight: bold;
}
.m-window h4 {
	height : 34px ;
	line-height : 34px ;
	margin-bottom : 14px ;
	color : #fff ;
	padding : 0 12px ;
	font-size : 120% ;
	background: #1b5fa6;/* Old Browsers */
    background: -moz-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3371ab), color-stop(100%, #1b5fa6));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #3371ab 0, #1b5fa6 100%);/* W3C */
}
.m-window h5 {
	border-left : 5px solid #1B5FA6 ;
	border-bottom : 1px solid #ccc ;
	padding : 4px 8px ;
	margin-bottom : 12px ;
	font-size : 110% ;
}
.m-window table {
	border-top : 1px solid #ccc ;
	border-left : 1px solid #ccc ;
	width : 100% ;
	margin-bottom : 14px ;
}
.m-window table th {
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	padding : 13px 6px;
	background-color : #e9f1f9 ;
	text-align : center ;
}
.m-window table th,
.m-window table td { word-break: break-all; }
.m-window table th.sub_th {
	background-color : #f3f3f3 ;
	color : #333 ;
}
.m-window table td {
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	padding : 10px 6px;
}
.m-window .button_box{ text-align: center; }
.m-window .button_box a:hover { opacity: .7; }

.ssl_ttl {
    margin: 0 0 10px !important;
    padding: 0 0 2px 2px;
    border-bottom: 1px solid #1b5fa6;
    font-size: 14px;
    font-weight: bold;
    color: #1b5fa6;
}
.ssl_level {
    margin-left: 25px;
    font-size: 12px;
    color: #333;
}
.ssl_level > img {
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.ssl_bland {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}
.ssl_bland:last-child {
    margin-bottom: 0;
}
.ssl_bland label { display: block; }
.ssl_select label { cursor: pointer; }
.ssl_bland input[type=radio] {
    float: left;
    margin-right: 5px;
}
.service_bland {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}
.service_bland:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.service_bland label { display: block; }
.service_select label { cursor: pointer; }
.service_bland input[type=radio] {
    float: left;
    margin-right: 5px;
}
.ssl_select {
    margin-bottom: 15px;
}
.ssl_data {
    float: left;
    width: 410px;
}
.ssl_target_service,.ssl_target_service_with_label {
    float: right;
    width: 136px;
}
.ssl_target_service_with_label{
    padding-top: 7px;
}
.ssl_service_icons {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 49px;
    height: 15px;
    background: url(../images/contents_icon_hyphen.png) 0 0 no-repeat;
}
.ssl_service_icon_xserver {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.ssl_service_icon_xbiz {
    display: block;
    position: absolute;
    top: 0;
    left: 18px;
}
.ssl_service_icon_nextshop {
    display: block;
    position: absolute;
    top: 0;
    left: 36px;
}
.ssl_service_alert {
    display: none;
    margin: 0 0 5px !important;
    padding: 4px 10px 4px 25px;
    border: 1px solid #ccc;
    background: #fff9eb url(../images/contents_icon_attention_small.png) 6px 50% no-repeat;
    color: #eb7f00;
    font-weight: bold;
}
.ssl_footnote {
    margin-bottom: 0 !important;
    text-align: right;
}
.ssl_footnote > img {
    position: relative;
    top: 3px;
}
.recommend_ico {
    padding: 1px 2px;
    border: 1px solid #f00;
    color: #f00;
    font-size: 10px;
    font-weight: bold;
}
.securecore {
    margin-left: -12px;
}

.security {
    border: 1px solid #15b683;
    color: #15b683;
    margin-left: -22px;
}

.digicert {
    margin-left: 2px;
}

.recommend_txt {
    margin-left: 5px;
    color: #f00;
    font-weight: bold;
}

.new-contents {
    margin-bottom: 10px;
}
.font-campaign-fukidashi {
    padding: 10px 5px;
    width: 714px;
    background: #f3e544;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.font-campaign-fukidashi::after {
    width: 0;
    height: 0;
    margin-left: -7px;
    position: absolute;
    top: -8px;
    left: 50%;
    border-style: solid;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #f3e444 transparent;
    content: '';
}
.font-campaign-fukidashi a {
    color: #f65125;
    text-decoration: underline;
}

/* pdfダウンロード */
#main .section .pdf {
    border: none;
    text-align: right;
    padding: 0;
}

.pdf
 dt,.pdf
 dd {
    display: inline-block;
    vertical-align: top;
    line-height: 2;
}

.pdf
 input {
    padding: 3px 5px;
}

.pdf dt {
    margin: 0 3px 0 0;
    color: #2062a7;
    position: relative;
}

#main .section dl dt:before {
    content: "";
    display: block;
    position: absolute;
    left: -14px;
    top: 0;
    bottom: 0;
    font-size: 12px;
    background: #2062a7;
    width: 12px;
    height: 12px;
    margin: auto;
    border-radius: 50%;
}

/* pdfダウンロード */
.square_mark_ttl {
    position: relative;
    margin: 0 0 3px !important;
    padding: 0 0 0 20px;
    font-size: 13px;
    font-weight: bold;
}
.square_mark_ttl::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    background: #143e6a;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fifteen_cp_pr {
    height: 26px;
    width: 320px;
    padding-left: 42px;
    background: url(../images/15thcp/15cp_ico.png) no-repeat;
    line-height: 26px;
    position: absolute;
    top: 35px;
    left: 360px;
    font-size: 12px!important;
}

.migration {
    padding: 5px;
    background: url("../images/migration/line_bg.png") repeat;
}
.migration_contents {
    padding: 25px 32px 15px;
    background: #fff;
}
.migration_service_img {
    height: 76px;
    background: url("../images/migration/servise_logo.png") #fff no-repeat 50% 50%;
}
.migration_ttl {
    width: auto!important;
    height: 30px!important;
    margin-bottom: 0!important;
    line-height: 28px!important;
    text-align: center!important;
    font-size: 13px!important;
}
.migration_flow {
    margin-bottom: 25px!important;
    text-align: center;
}
.migration_flow li {
    display: inline-block;
    padding: 0 8px;
    margin-right: 20px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #eee;
    color: #333;
    position: relative;
}
.migration_flow li.current {
    background: #1b63a7;
    color: #fff;
}
.migration_flow li::after {
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url("../images/migration/flow_arrow.png") no-repeat;
    content: "";
    position: absolute;
    right: -15px;
    top: 8px;
}
.migration_flow li:last-child::after {
    display: none;
    width: 0;
    height: 0;
    background: none;
    content: "";
}
.migration_overview { margin-left: 0!important; }
.migration_overview li {  position: relative; }
.migration_overview li::after {
    display: inline-block;
    margin-right: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 16px 0 16px;
    border-color: #ffb000 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -25px;
    content: "";
}
.migration_overview li:last-child::after {
    display: none;
    content: "";
}
.migration_overviewlist {
    padding: 0!important;
    margin-bottom: 40px!important;
    border: none!important;
}
.migration_overviewlist .list1 , .migration_overviewlist .list2 , .migration_overviewlist .list3 {
    height: 26px!important;
    line-height: 26px;
    background: #e9f1f9!important;
}
.migration_overviewlist dd { margin-left: 15px!important;}
.migration_overviewlist .list1::before {
    display: inline-block!important;
    margin: 0 5px 0 0!important;
    height: 26px!important;
    width: 26px!important;
    line-height: 26px;
    background: #1763ae!important;
    text-align: center;
    font-weight: bold;
    color: #fff;
    content: "1"!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    border-radius: 0!important;
}
.migration_overviewlist .list2::before {
    display: inline-block!important;
    margin: 0 5px 0 0!important;
    height: 26px!important;
    width: 26px!important;
    line-height: 26px;
    background: #1763ae!important;
    text-align: center;
    font-weight: bold;
    color: #fff;
    content: "2"!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    border-radius: 0!important;
}
.migration_overviewlist .list3::before {
    display: inline-block!important;
    margin: 0 5px 0 0!important;
    height: 26px!important;
    width: 26px!important;
    line-height: 26px;
    background: #1763ae!important;
    text-align: center;
    font-weight: bold;
    color: #fff;
    content: "3"!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    border-radius: 0!important;
}
.migration_table { border-collapse: collapse!important; }
.migration_table td { text-align: center!important; }
.migration_price {
    color: #ff7200!important;
    font-weight: bold;
}
.migration_yellowbox {
    padding: 12px;
    background: url("../images/migration/migration_bg_yellow.png") repeat;
}
.migration .blue_btn {
    width: 260px;
    height: 60px;
    line-height: 60px;
}
.migration_yellowbox .side {
    margin-left: 10px;
    float: right;
}
.migration_rulettl {
    background: none!important;
    padding: 0!important;
    margin-bottom: 5px!important;
}
.migration_txtarea {
    width: 100%!important;
    margin-bottom: 20px!important;
}
.migration_agreecheck {
    padding: 10px;
    display: inline-block;
    border: 1px solid #ccc;
    cursor: pointer;
}

.contant_ranking { margin-left: 10px!important; }
.contant_ranking li {
    list-style: none;
    padding: 3px 0 0 30px;
    min-height: 22px;
    margin-bottom: 10px;
}
.contant_ranking li:nth-child(1) { background: url("../images/faq-baloon-no01.gif") no-repeat; }
.contant_ranking li:nth-child(2) { background: url("../images/faq-baloon-no02.gif") no-repeat; }
.contant_ranking li:nth-child(3) { background: url("../images/faq-baloon-no03.gif") no-repeat; }
.contant_ranking li:nth-child(4) { background: url("../images/faq-baloon-no04.gif") no-repeat; }
.contant_ranking li:nth-child(5) { background: url("../images/faq-baloon-no05.gif") no-repeat; }
.contant_ranking li:nth-child(6) { background: url("../images/faq-baloon-no06.gif") no-repeat; }
.contant_ranking li:nth-child(7) { background: url("../images/faq-baloon-no07.gif") no-repeat; }
.contant_ranking li:nth-child(8) { background: url("../images/faq-baloon-no08.gif") no-repeat; }
.contant_ranking li:nth-child(9) { background: url("../images/faq-baloon-no09.gif") no-repeat; }
.contant_ranking li:nth-child(10) { background: url("../images/faq-baloon-no10.gif") no-repeat; }

#search_result .register {}
#search_result .register_error , #search_result .not-register { color: #939393; }
.register_ico {
    padding-left: 35px!important;
    background: url("../images/domain_circle_ico.png") no-repeat 10px 50%;
    color: #8dc221;
    font-weight: bold;
}
.register-error_ico {
    padding-left: 35px!important;
    background: url("../images/domain_attent_ico.png") no-repeat 10px 50%;
    color: #333;
}
.not-register_ico {
    padding-left: 35px!important;
    background: url("../images/domain_cross_ico.png") no-repeat 10px 50%;
}

#pref_disp {
	margin-top : 8px ;
	border-top: 1px dotted #ccc;
	padding-top : 8px ;
}
#pref_disp ul { margin-left: 0!important; }

#pref_list {
	margin-bottom : 5px ;
	width : 754px ;
	float : left ;
	border-top : 1px solid #ccc ;
	border-left : 1px solid #ccc ;
}

#pref_list li {
	float : left ;
	width : 112.6px ;
	padding : 10px 6px;
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
}

.register_other_ttl {
    height: 26px;
    margin-bottom: 0!important;
    line-height: 26px;
    padding: 0 0 0 10px!important;
    background: #2061a4;
    font-size: 13px!important;
    color: #fff;
    font-weight: bold;
    border: none!important;
}


/* 会員統合メニュー */

.list_style_merge > li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.list_style_merge { margin-bottom: 0 !important; }
.list_style_merge > li:first-child {
    padding: 0 40px 0 0;
    background: url("../images/migration/flow_arrow.png") no-repeat 255px center;
}
.list_style_merge > li + li {
    font-weight: bold;
    font-size: 13px;
}
#user_usermerge_index .merge_list th { width: 20%; }
#user_usermerge_index .merge_list td.sub_td {
	color : #333;
	text-align: center;
	font-weight: bold;
}
.from_list { background: #f0fff0; }
.use_list { background: #fff9eb; }
.use-id {
    padding: 3px 4px;
    margin-bottom: 5px;
    background: #fff9eb; 
}
.not_use-id {
    padding: 3px 4px;
    background: #f0fff0; 
}
.new_use-id {
    font-size: 18px!important;
    font-weight: bold;
    color: #1f60a4;
}
.merge_window .m-window_contents {
    width: 703px!important;
    border: 6px solid #1f60a4;
}
.merge_window .m-window_contents_inner { padding: 0; }
h4.merge_window_ttl {
    width: 655px;
    margin: 0 auto;
    padding: 20px 0 15px 0;
    font-size: 22px;
    color: #1f60a4;
    text-align: center;
    background: url("../images/merge_ttl_bg.png") left bottom repeat-x;
}
.merge_window .m-window_contents_inner_box {
    width: 655px;
    padding: 15px 24px;
}
.merge-id-head {
    margin: 20px 0 5px;
    font-weight: bold;
    text-align: center;
}
.merge-id-list {
    margin-bottom: 20px;
    text-align: center;
}
.merge-id-box {
    width: 228px;
    padding: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    background: #e9eff6;
    text-align: center!important;
}
.merge-service-x {
    width: 110px;
    height: 17px;
    margin: 5px auto 0!important;
    padding: 0!important;
    background: url("../images/merge_x_id.png") 0 0 no-repeat;
    text-indent: -5000px;
    border: none!important;
}
.merge-service-xd {
    width: 57px;
    height: 24px;
    margin: 0 auto!important;
    padding: 0!important;
    background: url("../images/merge_xd_id.png") 0 0 no-repeat;
    text-indent: -5000px;
    border: none!important;
}
.merge-id-txt {
    font-size: 20px;
    font-weight: bold;
    color: #1f60a4;
    text-align: center!important;
}
.merge_btn {
    height: 40px;
    width: 200px;
    margin-bottom: 15px;
    display: inline-block;
    background: #f1f1f1;/* Old Browsers */
    background: -moz-linear-gradient(top, #fff 0, #f1f1f1 52%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(52%, #f1f1f1));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 52%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0, #f1f1f1 52%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0, #f1f1f1 52%); /* IE 10+ */
    background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%);/* W3C */
    text-align: center;
    position: relative;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
.merge_btn::after {
    height: 10px;
    width: 6px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url("../images/merge_btn_arrow.png") 0 0 no-repeat;
    content: '';
}
.popup_area {
    padding: 13px 0;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    text-align: center;
}
.popup_area label { cursor: pointer; }

/* チャージ残高 */
.wallet_total {
    width: 682px;
    height: 44px;
    padding: 0 15px 0 35px;
    margin-bottom: 15px;
    border: 1px solid #f3e8b2;
    background: #fdfaeb;
    line-height: 44px;
    position: relative;
    font-weight: bold;
    font-size: 14px;
}
.wallet_total::before {
    width: 16px;
    height: 16px;
    background: url("../images/charge_circle_ico.png") 0 0 no-repeat;
    content: '';
    position: absolute;
    left: 15px;
    top: 15px;
}
.money_space {
    display: inline-block;
    width: 595px;
    height: 44px;
    text-align: right;
}
.money_txt {
    font-size: 22px;
    line-height: 42px;
}

/* 規約同意画面 */
#rule {
    width: 798px;
    margin: 0 auto;
    border: 1px solid #ccc;
}
.rule_box {
    padding: 25px 29px;
    width: 740px;
}
.rule_logo {
    margin: 40px 0 15px;
    text-align: center;
}
.rule_ttl {
    padding: 35px 0;
    background: #e9eff6;
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
    color: #1b5fa6;
}
.rule_subttl {
    display: inline-block;
    font-size: 19px;
}
.rule_btn {
    height: 58px;
    width: 350px;
    display: inline-block;
    cursor: pointer;
    background: url("../images/rule_btn_img.png") 0 0 no-repeat!important;
    border: 0!important;
    text-indent: -9999px;
}
.rule_btn:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}
.rule_section_ttl {
    height : 34px ;
	line-height : 34px ;
	margin-bottom : 14px ;
	color : #fff ;
	padding : 0 12px ;
	font-size : 120% ;
	background: #1b5fa6;/* Old Browsers */
    background: -moz-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3371ab), color-stop(100%, #1b5fa6));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3371ab 0, #1b5fa6 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #3371ab 0, #1b5fa6 100%);/* W3C */
    text-align: left;
}
#rule .inner {
    margin: 0 0 20px 15px;
    text-align: left;
}
#rule p { margin-bottom: 10px; }
.rule_change { padding-left: 10px; }
.rule_change li {
    margin-bottom: 8px;
    list-style: disc;
    font-weight: bold;
    font-size: 14px!important;
}
.rule_change_subtxt {
    display: block;
    margin-top: 5px;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 13px!important;
    font-weight: normal;
}
#rule textarea {
    padding: 15px;
    width: 688px;
    height: 368px;
    border: 1px solid #ccc;
}
.rule_footer {
    margin: 30px 0;
    text-align: center;
    font-size: 12px;
}
.rule_footer address { font-style: normal; }
.rule_agree { text-align: center; }
.rule_agree label {
    display: inline-block;
    margin: 15px 0;
    width: 476px;
    height: 38px;
    cursor: pointer;
    border: 1px solid #ccc;
    line-height: 38px;
    border-radius: 3px;
}

/* キャンペーンPR関連 */
.campaign_info {
    width: 748px;
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
    margin: 0 0 15px 10px;
    padding: 10px;
    background: #e9f1f9;/* Old Browsers */
    background: -moz-linear-gradient(top, #f5f9fd 0, #e9f1f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f9fd), color-stop(100%, #e9f1f9));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #f5f9fd 0, #e9f1f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f9fd 0, #e9f1f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f9fd 0, #e9f1f9 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #f5f9fd 0, #e9f1f9 100%);/* W3C */
    border: 1px solid #bcd3e9;
}
.campaign_info_ttl {
    padding: 65px 12px 0 0!important;
    width: 116px!important;
    float: left;
    background: url(../images/cp_ico_ttl.png) 33px 0 no-repeat!important;
    font-size: 13px!important;
    font-weight: bold!important;
    color: #333!important;
    text-align: center!important;
}
.campaign_info_box {
    width: 620px!important;
    float: left;
}
.campaign_info_service {
    display: table;
    min-height: 40px;
    width: 620px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #bfd5ec;
}
.campaign_info_service:last-child { margin-bottom: 0px; }
.campaign_service_name {
    display: table-cell;
    width: 89px;
    background: #2d6aa7;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 10px;
    border: 1px solid #fff;
    border-right: none;
    line-height: 1.1;
    vertical-align: middle;
}
.campaign_service_logo {
    display: table-cell;
    width: 110px;
    text-indent: -9999px;
}
.campaign_service_logo.xserver { background: url(../images/cp_ico_xserver.png) 50% 50% no-repeat; }
.campaign_service_logo.xbiz { background: url(../images/cp_ico_xbiz.png) 50% 50% no-repeat; }
.campaign_service_logo.xdomain { background: url(../images/cp_ico_xdomain.png) 50% 44% no-repeat; }
.campaign_service_logo.xdrive { background: url(../images/cp_ico_xdrive.png) 50% 50% no-repeat; }
.campaign_service_txt {
    display: table-cell;
    width: 300px;
    vertical-align: middle;
}
.campaign_service_txt .red {
    line-height: 16px;
}
.campaign_service_txt li {
    width: 300px;
    padding: 6px 0;
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}
.campaign_service_txt li:last-child { border-bottom: none; }
.date {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 5px;
    font-size: 11px;
    background: #ffde5d;
}
.date_2 {
    display: inline-block;
    margin-right: 5px;
    padding: 10px 5px;
    font-size: 11px;
    background: #ffde5d;
    float: left;
}
.campaign_service_register_btn {
    display: table-cell;
    padding: 6px 6px 6px 0;
    width: 114px;
    vertical-align: middle;
    text-align: right;
}
.campaign_service_register_btn a {
    display: inline-block;
    padding: 6px 8px;
    background: #ffeed9;/* Old Browsers */
    background: -moz-linear-gradient(top, #fff9f1 0, #ffeed9 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9f1), color-stop(50%, #ffeed9));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #fff9f1 0, #ffeed9 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff9f1 0, #ffeed9 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff9f1 0, #ffeed9 50%); /* IE 10+ */
    background: linear-gradient(to bottom, #fff9f1 0, #ffeed9 50%)t;/* W3C */
    color: #ff7a10;
    font-weight: bold;
    border: 1px solid #ff9846;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    line-height: 1;
}
.campaign_service_register_btn a:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}
.campaign_baloon {
    display: inline-block;
    margin-bottom: 6px;
    width: 204px;
    height: 20px;
    background: #ffdd1f;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}
.campaign_baloon::before {
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    border-color: #e5e5e5 transparent transparent transparent;
    position: absolute;
    content: '';
    bottom: -6px;
    left: 50%;
}
.campaign_baloon::after {
    width: 0;
    height: 0;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 4.5px 0 4.5px;
    border-color: #ffdd1f transparent transparent transparent;
    position: absolute;
    content: '';
    bottom: -5px;
    left: 50%;
}
.campaign_baloon .campaign_txt {
    display: block;
    width: 142px;
    line-height: 20px;
    float: left;
    color: #ff3535;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
.campaign_baloon .campaign_date {
    display: block;
    width: 60px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ffdd1f;
    background: #fff;
    text-align: center;
    font-weight: bold;
    float: left;
    font-size: 10px;
}
.campaign_baloon.variable {
    width: auto;
}
.campaign_baloon.variable .campaign_txt {
    width: auto;
    padding: 0 10px;
}
.sale_domain_info {
    padding: 10px 10px 0;
    margin: 0 0 10px;
    background: #fff1ae;
}
.sale_domain_info_ttl {
    padding: 28px 0 0!important;
    width: 100px!important;
    background: url("../images/sale_domain_ttl_ico.png") 20px 8px no-repeat;
    float: left;
    border: none!important;
    font-size: 12px!important;
    text-align: center!important;
}
.sale_domain_info_list {
    width: 625px;
    margin: 0!important;
    padding: 0 0 0 10px!important;
    float: left;
    border: none!important;
}
.sale_domain_info_list_date {
    padding: 2px 4px!important;
    margin: 0 0 5px!important;
    background: #ead15b;
    font-size: 11px!important;
    line-height: 1!important;
    font-weight: bold!important;
}
.sale_domain_info_list_domain { margin-bottom: 3px; }
.sale_domain_box {
    padding: 3px 0 0;
    margin: 0 5px 5px 0;
    width: 84px;
    height: 45px;
    background: #fff;
    text-align: center;
    border-bottom: 2px solid #d7b514;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    float: left;
}
.sale_domain_box b {
    color: #ff3350;
    font-size: 16px;
}
.sale_domain_ico {
    margin-left: 3px;
    top: 3px;
    position: relative;
}

.cpn_text{
    margin-bottom: 10px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

.cpn_bnr_text{
     margin-bottom: 5px;
     width: 728px;
     text-align: center;
     color: #ff7a10;
     font-size: 18px;
     font-weight: bold;
 }

.cpn_bnr_text_2{
    margin-bottom: 20px;
    width: 755px;
    text-align: center;
    color: #ff7a10;
    font-size: 18px;
    font-weight: bold;
}



/*キャッシュレス・消費者還元事業*/
.sectionCashless{
    background: #FBF8EA;
    border: 1px solid #e7e3d3;
    padding: 15px 10px;
    margin: 0 auto 15px;
    width: 75%;
}

.sectionCashless_inner{
    justify-content: center;
    display: flex;
}

.sectionCashless_left{
    width: 62%;
}

.sectionCashless strong{
    font-weight: bold;
    font-size: 16px;
    color: #eca700;
    margin-bottom: 5px;
}

#main .sectionCashless p.sectionCashless_left_desc{
    border-top: 1px solid #b3b3b3;
    margin: 5px 0;
    padding-top: 6px;
    font-size: 12px;
}

.sectionCashless img{
    margin: 3px 0 10px 12px;
}

.sectionCashless_info{
    background: #fff;
    width: 93%;
    margin: 5px auto 0;
    padding: 7px;
    border: 1px solid #ccc;
}

#main .sectionCashless_info p{
    background: url(../images/ico_caution.png) no-repeat 0 1px;
    padding-left: 16px;
    font-size: 12px;
    margin-bottom: 0;
}

/*二段階認証関連 スタイル*/
input.auth_code{
    padding: 6px;
    width: 30%;
}

input.auth_button{
    padding: 5px 8px;
}

button.merge_btn{
    cursor: pointer;
}

button.merge_btn::after{
    content: '';
    display: none;
}

label.auth{
    cursor: pointer;
}

p.backup_code{
    font-size: 1rem;
    font-weight: bold;
    padding: 5px 10px;
    background: #ecfff8;
    color: #009226;
}
.qrcode_box{
    display: none;
    width: 200px;
    margin: 40px auto 20px;
}

.key_box{
    display: none;
    margin: 0 auto 40px;
}

.announce,.number{
    text-align: center;
}

.secret_key {
    font-weight: bold;
}


/* 設定代行サービス利用 */

.daiko_radio {
    display: inline-block;
    width: 735px;
    margin-bottom: 10px;
    padding: 7px;
    background: #e9f1f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.daiko_radio:first-child {
    margin-bottom: 3px;
}

#init_inner {
    margin: 0 0 10px 10px;
}

#init_inner input[type=checkbox] {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.daiko_check {
    display: inline-block;
    width: 705px;
    margin-bottom: 3px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.sub_daiko_check .daiko_check {
    width: 695px;
}

.hours {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 0 0 5px;
    background: #2465a8;
    color: #fff;
    font-size: 11px;
}

.setting_conf_table {
    margin: 20px 0 30px!important;
}
.setting_conf_table th {
    width: 250px!important;
    background: #2466a8!important;
    color: #fff!important;
}

.daiko_txtarea {
    padding: 5px!important;
    width: 700px!important;
    height: 100px!important;
}
.daiko_txtarea::placeholder,
#wp_inner input[type=text]::placeholder , #ec_inner input[type=text]::placeholder , #wiki_inner input[type=text]::placeholder , #delegate_inner input[type=text]::placeholder {
    color: #ccc!important;
}

.add_cms_btn {
    width: 340px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: none;
    background: #1b5fa6 url(../images/ico_add_cms.png) 17px 50% no-repeat;
    cursor: pointer;
}
.add_cms_btn:hover {
    background: #2072b8 url(../images/ico_add_cms.png) 17px 50% no-repeat;
}

#wp_inner input[type=text] , #ec_inner input[type=text] , #wiki_inner input[type=text] , #delegate_inner input[type=text] {
    width: 340px;
}

.daiko_add_list {
    margin: 0!important;
}

.daiko_add_list li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dotted #ccc;
}
.daiko_add_list li::before {
    content: '・';
    font-weight: bold;
}

#main_navi_daiko_order {
    height: auto!important;
    line-height: 1!important;
}

#main_navi_daiko_order a.navi_anchor {
    width: 147px!important;
    height: auto!important;
    padding: 8px 8px 8px 28px!important;
    background: #fff url(../images/daiko_order_icon.png) 5px 50% no-repeat!important;
    line-height: 1!important;
}
#main_navi_daiko_order a.navi_anchor:hover {
    background: #fdead5 url(../images/daiko_order_icon.png) 5px 50% no-repeat!important;
}
#user_register_daiko_order #main_navi_daiko_order a.navi_anchor {
    background: #fdead5 url(../images/daiko_order_icon.png) 5px 50% no-repeat!important;
    color: #ff7200!important;
}

#main_navi_homepage {
    height: auto!important;
    line-height: 1!important;
}

#main_navi_homepage a.navi_anchor {
    width: 147px!important;
    height: auto!important;
    padding: 8px 8px 8px 28px!important;
    background: #fff url(../images/homepage_icon.png) 5px 50% no-repeat!important;
    line-height: 1!important;
}
#main_navi_homepage a.navi_anchor:hover {
    background: #fdead5 url(../images/homepage_icon.png) 5px 50% no-repeat!important;
}
#user_register_view #main_navi_homepage a.navi_anchor {
    background: #fdead5 url(../images/homepage_icon.png) 5px 50% no-repeat!important;
    color: #ff7200!important;
}

.xbiz_only {
    display: inline-block;
    margin: 3px 0 0;
    padding: 3px 4px 3px 16px;
    background: #fff url(../images/ico_business_mark.png) 2px 3px no-repeat;
    border-radius: 3px;
    line-height: 1!important;
    color: #113d6b;
    font-size: 11px;
    border: 1px solid #b8c5d3;
}

.clearfix .wp_number , .clearfix .ec_number , .clearfix .wiki_number , .clearfix .delegate_number {
    display: inline-block;
    float: left;
    position: relative;
    top: 8px;
}

.wp_delete_elem , .ec_delete_elem , .wiki_delete_elem , .delegate_delete_elem {
    display: inline-block;
    width: 38px;
    height: 26px;
    background: #ffe6e6 url(../images/ico_cms_delete.png) 50% 50% no-repeat;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    position: relative;
    top: 1px;
    float: right;
}
.wp_delete_elem:hover , .ec_delete_elem:hover , .wiki_delete_elem:hover , .delegate_delete_elem:hover {
    background: #f00 url(../images/ico_cms_delete_on.png) 50% 50% no-repeat;
}

#init_inner h6 {
    margin: 0 0 3px 0!important;
    width: 705px!important;
}

#main .saleDomains__caption {
    display: table;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 2px 15px;
    background: #e23848;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}
#main .saleDomains__caption:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: -17px;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 20px solid #e23848;
}
#main .saleDomains .domainTarget {
    position: relative;
    z-index: 0;
    margin: -2px 0 0;
    padding: 10px 5px;
    background: url(../images/xdomain/common/img/contents/domain_search_sale_stripe.gif);
    border-radius: 2px;
    text-align: center;
}
#main .saleDomains .domainTarget__ttl {
    margin: 0 0 5px;
    color: #fff;
    font-size: 20px;
}
#main .saleDomains .domainTarget .domain__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}
#main .saleDomains .domainTarget .domain__list .list__item {
    position: relative;
    width: 180px;
    margin: 3px;
    padding: 5px 0;
    background: #fff;
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold;
}
#main .saleDomains .domainTarget .domain__list .item__price {
    margin: -0.3em 0 0;
}
#main .saleDomains .domainTarget .domain__list .item__price .num {
    color: #e23848;
    font-size: 24px;
}
#main .saleDomains .domainTarget .domain__list .item__discount {
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translateX(-50%);
    padding:2px 5px;
    background :#ff8e00;
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    word-break: keep-all;
}
#main .saleDomains .domainTarget .domain__list .item__discount .num {
    font-size:15px;
}
#main .saleDomainsNotes {
    margin: 10px 0 0;
}
#main .saleDomainsNotes p {
    margin: 0;
    text-align: center;
}
.label__sale {
    display: inline-block;
    background: #ff3350;
    margin-left: 5px;
    padding: 2px 5px;
    color: #fff;
    font-size: 10px;
    font-weight :normal;
}

.autoPaySettingTxt {
    color: #1cc650;
    font-size: 12px;
}
.autoPaySettingTxt::before {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 3px 0 0;
    background: url(../images/ico_auto_pay_set.png) 0 0 no-repeat;
    content: '';
}

#main .ico_loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(../img/common/spinner.gif) 0 0 no-repeat;
    text-indent: 100%;
}

.renewal_period {
    background: #f3f3f3;
    margin:6px;
    padding: 10px 25px;
}
.renewal_period .is-hide{
    visibility: hidden;
}
.renewal_period .msg-error{
    color: red;
    margin-top:10px;
}
.renewal_period .rp_unit{
    display: flex;
    align-items: center;
}
.renewal_period .rp_unit .col {
    padding-left: 20px;
}
.renewal_period .rp_unit .col:first-child {
    padding-left: 0;
}
.renewal_period .rp_unit .rp_unit_selector select {
    margin-left: 5px;
}
.renewal_period .rp_unit .total_amount{
    position: relative;
    display: inline-block;
    margin-left:5px;
    padding: 5px 40px;
    background: #fff;
    text-align: center;
}
.renewal_period .rp_unit .total_amount .ico_loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}
.renewal_period .rp_unit .rp_unit_discount {
    flex-grow: 1;
    padding-left:10px;
}
.renewal_period .rp_unit .discount_msg {
    position: relative;
    background: #ffdd1f;
    padding: 5px 8px;
    text-align: center;
}
.renewal_period .rp_unit .discount_msg:after {
    content: "";
    display: block;
    position: absolute;
    left: -14px;
    top: 50%;
    margin-top: -7px;
    border: 7px solid transparent;
    border-right-color: #ffdd1f;
}
.renewal_period .rp_unit .discount_msg.month3 {
    background: #ffffff;
}
.renewal_period .rp_unit .discount_msg.month3:after {
    border-right-color: #ffffff;
}
.renewal_period .rp_unit .discount_price,
.renewal_period .rp_unit .discount_month
{
    color: red;
    font-weight: bold;
}
.creditcardUnit {
    display:table;
}
.creditcardUnit > * {
    display:table-cell;
    vertical-align: middle;
}
#main .creditcardUnit .creditcardUnit__list {
    display:flex;
    margin: 0 0 0 10px;
}
#main .creditcardUnit .creditcardUnit__list img {
    margin:0;
}

.serverIdInfo {
    width: 100%;
    padding-top: 15px;
    color: #1b63a7;
    font-weight: bold;
    font-size: 12px;
}
.serverIdInfo li {
    padding-left: 30px;
    margin-bottom: 10px;
}
.serverIdInfo li:nth-child(1) {
    background: url(../images/server_id_info_img01.png) 0 0 no-repeat;
}
.serverIdInfo li:nth-child(2) {
    background: url(../images/server_id_info_img02.png) 0 0 no-repeat;
}
.serverIdInfo li:nth-child(3) {
    background: url(../images/server_id_info_img03.png) 0 0 no-repeat;
}
.serverIdInfo li:nth-child(3) > span {
    color: #222222;
    font-size: 10px;
}
.serverIdBox {
    display: flex;
    flex-wrap: wrap;
}
.serverIdBox__idName {
    width: 70px;
}
.serverIdBox__cangeId {
    display: flex;
    padding: 0 0 0 16px;
    background: url(../images/server_id_ico.png) 0 50% no-repeat;
    font-size: 10px;
    align-items: center;
    text-decoration: underline!important;
    color: #222222;
}
.serverIdBox__cangeId:hover {
    text-decoration: none!important;
}
.serverPriceBox {
    display: flex;
    flex-wrap: wrap;
}
.serverLimit {
    width: 100px;
    border-right: none!important;
}
.serverPrice {
    width: 125px;
    border: 1px solid #999;
    line-height: 1.3;
}
.serverPrice__ttl {
    padding-top: 3px;
    margin: 0!important;
    text-align: center!important;
    font-size: 10px;
}
.serverPrice__txt {
    margin: 0!important;
    text-align: center!important;
    font-size: 14px;
}
.PricePr {
    display: flex;
    width: 246px;
    margin-left: 8px;
    border: 1px solid #ece3a6;
    background: #fffdef;
    position: relative;
    font-size: 12px;
    text-align: center!important;
    align-items: center;
    justify-content: center;

}
.PricePr > b {
    color: #e10000;
}
.PricePr::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #fffdef transparent transparent;
    content: '';
    position: absolute;
    top: 37%;
    left: -7px;
}
.PricePr::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #ece3a6 transparent transparent;
    content: '';
    position: absolute;
    top: 37%;
    left: -8px;
}

.domainInputTxt {
    width: 300px;
    height: 22px;
    padding: 5px 8px;
    border: 1px solid #999!important;
}
.domainList {
    width: 100px;
    padding: 5px 8px;
    margin: 0 0 0 -5px;
    height: 34px;
}
.cpInfo {
    width: 440px;
    padding: 10px;
    margin: 0 0 15px;
    border: 1px solid #e84f12;
}
.cpInfo__ttl {
    color: #e84f12;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
}
.cpInfo > p {
    font-size: 12px;
    margin: 0!important;
}
.domainSearchBtn {
    width: 50px!important;
    height: 32px!important;
    border-radius: 5px!important;
    border: none!important;
    background: #1b63a7!important;
    text-align: center!important;
    color: #ffffff!important;
}
.wpTxt {
    width: 495px;
    height: 22px;
    padding: 5px 8px;
    border: 1px solid #999!important;
}
.wpPw {
    width: 280px;
}
.inputCardNumber {
    width: 405px;
    height: 22px;
    padding: 5px 8px;
    border: 1px solid #999!important;
    background: url(../images/card_ico.png) 278px 50% no-repeat;
}
.inputSecureCord {
    width: 100px;
}
.autoUpdate--ico {
    display: inline-block;
    padding: 2px 7px;
    margin: 0 0 0 5px;
    font-size: 10px!important;
    background: #1cc650;
    color: #fff;
    border-radius: 15px;
    font-weight: bold!important;
}

.cpDomain--ico {
    display: inline-block;
    padding: 2px 7px;
    margin: 0 0 0 5px;
    font-size: 10px!important;
    background: #ffcd34;
    color: #222;
    border-radius: 15px;
    font-weight: bold!important;
}

.planDomain--ico {
    display: inline-block;
    padding: 2px 7px;
    margin: 0 0 0 5px;
    font-size: 10px!important;
    background: #ff3447;
    color: #fff;
    border-radius: 15px;
    font-weight: bold!important;
}

.subForm__box {
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}

.subForm__box--ttl {
    margin: 0!important;
    font-size: 10px!important;
    font-weight: bold!important;
}

.subForm__box--txt {
    margin: 0 0 10px!important;
}
.subForm__box--txt:last-child {
    margin: 0!important;
}

.priceTxt {
    text-align: right;
}

.priceSumTxt {
    width: 100%;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
}
.cardTypeTxt img {
    height: 18px;
    margin: 0 2px 0 0!important;
}

.afterInfo {
    display: inline-block;
    padding: 10px 8px;
    margin: 0 0 5px;
    border: 1px solid #ece3a6;
    background: #fffdef;
    position: relative;
    font-size: 12px;
}
.afterInfo__ttl {
    color: #d89e03;
    font-weight: bold;
}
.afterInfo__ttl::before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 2px 0 0;
    background: url(../images/after_info_ico.png) 0 0 no-repeat;
    content: '';
    position: relative;
    top: 3px;
}

.cpInfo {
    word-break: break-all;
}

.quickStartPrTxtBox {
    display: inline-block;
    margin: 0 0 10px;
    padding: 5px;
    background: #ebf1f8;
}
.quickStartPrTxtBox__ttl {
    color: #3873bc;
    font-weight: bold;
}
.quickStartPrTxtBox__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
}
.quickStartPrTxtBox__list li {
    margin: 0 5px 0 0;
    padding: 0 0 0 15px;
    background: url(../images/branch_quick_start_full_list_ico.png) 0 50% no-repeat;
    font-size: 11px;
}

/* 申し込み完了用のモーダル */
@keyframes guideAnim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.guide {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
}

.guide.isActive {
    display: block;
    animation: guideAnim .5s ease-out;
}

.guide__box {
    position: absolute;
    top: 0;
    left: 0;
    width: 900px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}

.guide__frame {
    width: 900px;
    overflow-y: auto;
    margin: 0 0 20px;
}

.guide__close {
    width: 300px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
}

.guide__contents {
    width: 860px;
    margin: 0 auto;
}

.guide__ttl {
    margin: 0 0 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #145FA8;
}

.guide__item {
    position: relative;
    display: flex;
    margin: 0 0 40px;
    background: #fff;
    border: 3px solid #d8ecff;
}

.guide__item--intro {
    background: #d8ecff;
    border: none;
}

.guide__item--campaign {
    border-color: #FEE9CA;
}

.guide__item::after {
    content: "";
    display: block;
    position: absolute;
    border-top: 40px solid #1b63a7;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
}

.guide__item:last-child::after {
    display: none;
}

.guide__introTtl {
    margin: 0 0 15px;
    color: #113D6B;
    font-size: 18px;
    font-weight: bold;
}

.guide__introTips {
    padding: 0 0 0 15px;
    border-left: 3px solid #113D6B;
}

.guide__introTipsTtl {
    color: #113D6B;
    font-size: 14px;
}

.guide__header {
    width: 25%;
    padding: 20px 10px;
    border-right: 3px solid #d8ecff;
    text-align: center!important;
}
.guide__header p {
    text-align: center!important;
}
.guide__item--campaign .guide__header {
    border-color: #FEE9CA;
}

.guide__copy {
    font-size: 12px;
}

.guide__itemTtl {
    color: #113D6B;
    font-size: 18px;
}

.guide__item--campaign .guide__itemTtl {
    color: #FA8726;
}

.guide__body {
    width: 75%;
    padding: 20px;
    text-align: left;
}

.guide__body p {
    margin-bottom: 10px;
    font-size:14px;
}

.guide__checkList {
    display: flex;
    justify-content: center;
    margin: 0 0 15px;
    padding: 20px 0;
    background: #D8ECFF;
}

.guide__checkListItem {
    width: 140px;
    margin: 0 15px;
    padding: 100px 0 0;
    background-position: 50% 7px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.guide__checkListItem > img {
    display: block;
    margin: 0 auto 10px;
}

.guide__checkListItem--panel {
    background-image: url(../xserver/img/img_guide_02.png);
}

.guide__checkListItem--wp {
    background-image: url(../xserver/img/img_guide_03.png);
}

.guide__checkListItem--program {
    background-image: url(../xserver/img/img_guide_04.png);
}

.guide__btn {
    position: relative;
    display: inline-block;
    padding: 8px 12px 8px 30px;
    border: 1px solid #ddd;
    background: linear-gradient(to bottom, #fff, #ddd);
    border-radius: 2px;
    font-size: 14px;
    text-decoration: none;
    color: #04c;
}

.guide__btn::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: 1em;
    content: "";
    border-top: 5px solid transparent;
    border-left: 10px solid #1b63a7;
    border-bottom: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

/*-------------------------------------------------------------
  クイックスタートモーダル
-------------------------------------------------------------*/
#light1 {
    display: none;
}
.quickStart {
    width: 800px;
}
.quickStart_wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    background: url(../images/branch_quick_start_bg.png) 0 0 repeat;
    align-items: center;
    justify-content: center;
}
.quickStart__ttl {
    padding: 30px 20px;
    line-height: 1.2;
    font-size: 24px;
    background: #e8e8e8;
    text-align: center;
    position: relative;
}
.quickStart__body {
    display: flex;
    padding: 30px;
    flex-wrap: wrap;
    background: #ffffff;
    text-align: center;
}
.quickStart__attention {
    border: 2px solid #e6e39c;
    padding: 15px;
    margin: 10px 0;
    width: 100%;
}
.quickStart__attention li {
    margin: 0 0 10px;
    color: #d89e02;
    font-size: 20px;
    font-weight: bold;
}
.quickStart__attention li:last-child {
    margin: 0;
}
.quickStart__attention li::before {
    display: inline-block;
    width: 5px;
    height: 22px;
    background: url(../images/branch_quick_start_attent.png) 0 50% no-repeat;
    margin: 0 5px 0 0;
    content: '';
}
.modalCloseButton__box {
    width: 100%;
    text-align: center;
}
#modalCloseButton {
    display: inline-block;
    width: 225px;
    padding: 15px 0;
    text-align: center;
    background: #1b63a7;
    color: #ffffff;
    cursor: pointer;
}
#modalCloseButton:hover {
    text-decoration: none;
}


/*-------------------------------------------------------------
  各種特典のお申し込み
-------------------------------------------------------------*/
.gift_item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dotted #cccccc;
    padding: 18px 0 25px;
}
.gift_item:last-child {
    padding: 18px 0 30px;
    border-bottom: none;
}
.gift_item_body {
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 30px 0 0;
}
.gift_item_main {
    display: flex;
    flex-wrap: wrap;
}
.gift_box_left{
    width: 170px;
    text-align: center;
    padding-right: 17px;
}

.gift_box_right{
    width: 260px;
}

.gift_sv_header {
    font-weight: bold;
    font-size: 14px;
	border-bottom: 1px solid #333;
}

.gift_sv_bunner {
    text-align: center;
}

.gift_sv_desc_text {
    margin-bottom: 7px !important;
}

.gift_sv_desc_link a {
    display: inline-block;
    padding-left: 16px;
    background: url(../images/register-arrow.png) 0 2px no-repeat;
}

.gift_box_btn{
    display: flex;
    align-items: center;
	width: 250px;
	text-align: center;
}

.gift_box_btn .blue_btn {
	display:inline-block;
    width: 250px;
    height: 40px;
    line-height: 40px;
}

.gift_box_domain_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    line-height: 1.2;
}
.gift_box_domain_list_ttl {
    margin: 0!important;
    display: flex;
    flex-wrap: wrap;
    width: 52px;
    padding: 10px;
    color: #ffffff;
    background: #2d6aa7;
    font-weight: bold;
    align-items: center;
    font-size: 100% !important;
}
.gift_box_domain_list_body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    width: 356px;
    background: #ffffff;
    border: 1px solid #bfd5ec;
    border-left: none;
    word-break: break-all;
}

#domain_available {
    width: 333px;
    margin: 10px 0 0;
    padding: 18px;
    border: 1px solid #84a8c5;
    background: #f7f8fa;
    text-align: center!important;
}
.ico_ok {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/ico_domain_register_success.png) 0 0 no-repeat;
    margin-right: 5px!important;
    position: relative;
    top: 5px;
}
.ok_txt {
    margin-bottom: 5px!important;
    text-align: center;
    font-size: 18px;
    color: #8dc221;
    font-weight: bold;
}
#domain_unavailable {
    width: 333px;
    margin: 10px 0 0;
    padding: 18px;
    border: 1px solid #d8bbbb;
    background: #fce5e6;
    text-align: center!important;
}
.ico_ng {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/ico_domain_register_error.png) 0 0 no-repeat;
    margin-right: 5px!important;
    position: relative;
    top: 5px;
}
.ng_txt {
    margin-bottom: 5px!important;
    text-align: center;
    font-size: 18px;
    color: #ff6666;
    font-weight: bold;
}
#domain_available input[type=checkbox] , #domain_available label {
    cursor: pointer;
}

.update_campaign_pr{
    padding: 6px!important;
    font-weight: bold;
}
.update_campaign_pr::before {
    display: inline-block;
    margin-right: 5px;
    padding: 5px 7px;
    background: #fff000;
    font-size: 10px;
    content: 'キャンペーン特典';
}