@charset "euc-jp";

/* --------------------------------------------------------------------
	Copyright XServer Inc.
	wpX layout.css
/* -------------------------------------------------------------------- */



/* common */

.contents_page #main h4 {
	font-size : 175% ;
	height : 47px ;
	line-height : 47px ;
	background : url(../images/common/checker_back_blue.png) left bottom repeat-x ;
	padding : 3px ;
	margin-bottom : 24px ;
}

.contents_page #main h4 .inner > p {
	margin-bottom : 20px ;
}

.contents_page #main h5 {
	font-size : 135% ;
	background : url(../images/common/main_h5_back.png) left top no-repeat ;
	padding : 0 0 3px 15px ;
}

.contents_page #main .inner {
	margin : 10px ;
}

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

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

.contents_page #main p.lead {
	margin-bottom : 25px ;
}

.table-box {
	padding: 6px!important;
	margin-top: 5px!important;
}

.table-box_ttl {
	background-color: #f0f0f0!important;
	padding: 3px 0px 3px 6px!important;
	margin-bottom: 5px!important;
	font-size: 100%!important;
}

.table-box_desc {
	padding: 0!important;
	margin-left: 0!important;
}

.attention-box {
	background-color: #FBF8EA;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #e7e3d3;
}

.attention-box_ttl {
	color: #eca700;
	font-size: 116.66%;
}

.msg_body {
	background: #FBEDED;
    border-color: #ebd5d5;
    margin: 0 0 20px;
    padding: 15px 15px 5px 15px;
    border: 1px solid #ddd;
}

.msg_caution {
    text-indent: -1em;
    padding: 0 0 1em 1em;
    font-size: 90%;
    color: #FF0000;
}

.msg_box {
    margin: 0 0 20px;
    padding: 15px;
    background: #f7f7f7;
    border: 1px solid #ddd;
}

#manual_detail #main .msg_box h5 {
    background: none;
    margin: 0;
    color: #eca700;
    padding: 0 0 10px 0;
}

.msg_ttl {
    margin: 0 0 -5px 0;
    padding: 5px 0 0 5px;
    color: #333333;
    font-size: 15px;
    background: #e8e8e8;	
}

.inner .img {
    max-width: 100%;
    border: 1px solid #cbcbcb;
    -webkit-box-shadow: 1px 1px 2px #bbb;
    -moz-box-shadow: 1px 1px 2px #bbb;
    box-shadow: 1px 1px 2px #bbb;
}

.inner img.no-deco {
	border : none !important;
	box-shadow : none !important;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.list-right-arrow li {
    padding-left: 15px;
    background : url(../images/common/blue_triangle_marker_whiteback.png) left 6px no-repeat ;
}

pre.code{
    padding: 12px 15px;
    font-family: monospace, serif;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid #aaa;  
    background: #fff;
}

/* table */

#main table {
	border-top : 1px solid #b3b3b3 ;
	border-left : 1px solid #b3b3b3 ;
	border-collapse: collapse ;
	width : 100% ;
	margin-bottom : 10px ;
}

#main table th {
	color : #fff ;
	background : #727272 url(../images/common/th_back.png) left bottom repeat-x ;
	padding : 8px ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	text-align : center ;
}

#main table th.sub_th {
	color : #333 ;
	background : #e2e9ef ;
	width : 150px ;
}

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

#main table td p {
	margin-bottom : 0 !important;
}


/* topimg
------------------------------------------------------------- */

.topimg{
    padding-bottom: 25px;
    background: url(../images/contents/index/bg_topimg.png) no-repeat;   
}
.topimg_appeal{
    position: relative;
    height: 320px;   
}
.topimg_appeal_appeal1{
    position: absolute;
	left: 35px;
	right: 35px;
	top: 43px;
	height: 199px;
    background: url(../images/contents/index/bg_topimg_appeal1.png) no-repeat;
    background-position: top right;
}
.topimg_appeal_appeal2{
    position: absolute;
    left: 651px;
    top: 56px;   
}
.topimg_appeal_appeal3{
    position: absolute;
    left: 651px;
    top: 174px;   
}
.topimg_point{
    padding: 0 19px;   
}
.topimg_point1{
    float: left;
    width: 302px;
    margin-right: 5px;
}
.topimg_point2{
    float: left;
    width: 302px;
}
.topimg_point3{
    float: right;
    width: 302px;
}
.topimg_point_inner{
    text-align: center;
    background: #fff;
    border:1px solid #a9c4de;
    border-radius:3px;
}
.topimg_point_inner_img{
    margin:-60px 0 5px 0;
    text-align: center;   
}
.topimg_point_inner_title{
    padding: 7px 0;
    font-size:158%;
    font-weight: bold;
    line-height:1.3;
    color: #1967b2;
    text-align: center;   
}
.topimg_point_inner_title span{
    letter-spacing: -1px;
}
.topimg_point_list{
    position: relative;
    height:81px;
}
.topimg_point_list1{
    position: absolute;
    left: 13px;
}
.topimg_point_list2{
    position: absolute;
    left: 106px;
}
.topimg_point_list3{
    position: absolute;
    left: 200px;
}
    .topimg_point_inner a{
        display: block;
        padding: 8px;
        font-size: 108%;
        color: #fff;
        text-decoration: underline;
        background: #1967b2;
        border-radius:0 0 3px 3px;
    }
    .topimg_point_inner a:hover{
        text-decoration: none;
        background: #4282c1;
    }


/* feature-list
------------------------------------------------------------- */

.feature-list {
	margin-bottom : 10px ;
}
    .feature-list h3 {
        padding: 15px 0;
        font-size:200%;
        text-align: center;
        color: #FFF;
        background: #555;
        border-radius:4px 4px 0 0;
    }
.feature-list_inner{
    padding: 17px 0 5px 12px;
    background: #e7ebee;
    border-radius: 0 0 3px 3px;
}
    .feature-list_inner ul{
    }
    .feature-list_inner ul li{
        float: left;
        width: 306px;
        min-height: 75px;
        margin:0 8px 8px 0;
        background-color: #fff;
        border-radius: 3px;
    }
    .feature-list_inner ul li.feature-list_main{
        width: 462px;
    }
    .feature-list_inner ul .feature-list_inner_box{
        padding: 1.5em 5px 1.5em 88px;
    }
    .feature-list_inner ul .feature-list_inner_box_line3{
        padding: 0.7em 5px 0.6em 88px;
    }
    .feature-list_inner ul .feature-list_inner_title{
        font-size: 125%;
        font-weight: bold;
        color: #1967b2;
        line-height:1.3;
    }
    .feature-list_inner ul .feature-list_inner_title_line1{
        padding:0.5em 0 0 0;
    }
        .feature-list_inner ul .feature-list_inner_title span{
            font-size: 80%;
        }
        .feature-list_inner ul .feature-list_inner_title span.link_backup{
            display:block;
            padding-top:5px;
        }
    .feature-list_inner ul li.feature-list_main{
        width: 462px;
    }
    .feature-list_inner ul li.feature-list_main .feature-list_inner_title{
        padding:0 0 8px 0;
        font-size: 133.4%;
    }
    
    .feature-list_inner ul li.feature-list_main .feature-list_inner_box{
        padding: 12px 10px 12px 142px;
    }
    
    .feature-list_inner_img1{ background: url(../images/contents/index/bg_featurelist_1.png) no-repeat left center; }
    .feature-list_inner_img2{ background: url(../images/contents/index/bg_featurelist_2.png) no-repeat left center; }
    .feature-list_inner_img3{ background: url(../images/contents/index/bg_featurelist_3.png) no-repeat left center; }
    .feature-list_inner_img4{ background: url(../images/contents/index/bg_featurelist_4.png) no-repeat left center; }
    .feature-list_inner_img5{ background: url(../images/contents/index/bg_featurelist_5.png) no-repeat left center; }
    .feature-list_inner_img6{ background: url(../images/contents/index/bg_featurelist_6.png) no-repeat left center; }
    .feature-list_inner_img7{ background: url(../images/contents/index/bg_featurelist_7.png) no-repeat left center; }
    .feature-list_inner_img8{ background: url(../images/contents/index/bg_featurelist_8.png) no-repeat left center; }
    .feature-list_inner_img9{ background: url(../images/contents/index/bg_featurelist_9.png) no-repeat left center; }
    .feature-list_inner_img10{ background: url(../images/contents/index/bg_featurelist_10.png) no-repeat left center; }
    .feature-list_inner_img11{ background: url(../images/contents/index/bg_featurelist_11.png) no-repeat left center; }
    .feature-list_inner_img12{ background: url(../images/contents/index/bg_featurelist_12.png) no-repeat left center; }
    .feature-list_inner_img13{ background: url(../images/contents/index/bg_featurelist_13.png) no-repeat left center; }
    .feature-list_inner_img14{ background: url(../images/contents/index/bg_featurelist_14.png) no-repeat left center; }
	.feature-list_inner_img15{ background: url(../images/contents/index/bg_featurelist_15.png) no-repeat left center; }
	.feature-list_inner_img16{ background: url(../images/contents/index/bg_featurelist_16.png) no-repeat left center; }
    .feature-list_inner_img17{ background: url(../images/contents/index/bg_featurelist_17.png) no-repeat left center; }


/* news
------------------------------------------------------------- */

#top_news {
	position : relative ;
}

#top_news h4 {
	margin-bottom : 10px ;
}

#top_news .news_list {
	padding : 0 0 10px ;
	background : url(../images/contents/index/top_news_bottom_back.png) left bottom repeat-x ;
	margin-bottom : 10px ;
	overflow : hidden ;
}


#main .sub_list li {
	display : inline-block ;
	height : 25px ;
	line-height : 25px ;
	padding-left : 10px ;
	margin-right : 8px ;
	background : url(../images/common/blue_arrow_marker.png) left center no-repeat ;
	/display : inline ;
	/zoom : 1 ;
}

#fb_button {
	width : 30px ;
	height : 30px ;
	position : absolute ;
	right : 0 ;
	bottom : 0px ;
}





/* service_index
------------------------------------------------------------- */

#service_index.contents_page #main p{
	margin-bottom : 0 ;
}

#service_index #main h5 {
	font-size : 100% ;
	height : auto ;
	line-height : normal ;
	background : none ;
	padding : 0 ;
}

.service-feature{
    padding: 0 0 40px 0;
}
    .service-feature ul{
        position: relative;
        height: 185px;
    }
.service-feature_list1,
.service-feature_list2,
.service-feature_list3{
    position: absolute;
}
.service-feature_list2{
    left: 324px;
}
.service-feature_list3{
    left: 648px;
}

.service-section{
    margin:0 0 45px 0;
    padding:0 20px 40px;
    border-bottom:1px solid #cccccc;
}
    .service-section h5{
        padding-bottom: 20px !important;
        color: #1967b2;
        font-size: 216.7% !important;
        font-weight: bold;
    }
    
.service-section_list{
    background: #dae7f4;   
}
.service-section_list .service-section_list_title{
    color: #1967b2;
    font-weight: bold;
    line-height:1.2;
}
     .service-section_list .service-section_list_title .font_mini{
        font-size: 80%;
    }

.service-section_main{ padding:0 0 25px 0; }
.service-section_main_left{
    float:left;
    width:665px;
}
    .service-section_main_left h5{ padding-bottom: 15px !important; }
    .service-section_main_left p{
        font-size: 116.7%;
        line-height:1.8;
    }
    .service-section_main_left p span.orange{
        font-weight: bold;
        color: #ff7200;
    }
.service-section_main_right{ 
    float: right;
    width: 255px;
    text-align:center;
}

.service-top{
    margin: 0;
    padding: 0;
    border-bottom:none;
}
    .service-top .service-section_main_left{ width:684px; }
    .service-top .service-section_main_right{ 
        width:276px;
        text-align: right;
    }
    
.service-highspeed .service-section_list{
    padding:25px 24px;
}
    .service-highspeed .service-section_list ul{ background: url(../images/contents/service/bg_service_list1.png) repeat-y 0 0; }
    .service-highspeed .service-section_list li:first-child{
        margin:0;
    }
    .service-highspeed .service-section_list li{
        float:left;
        width:240px;
        margin:0 0 0 18px;
        padding:20px 19px;
        line-height:1.8;
        background: #fff;
    }
    .service-highspeed .service-section_list .service-section_list_title{
        padding:10px 0;
        font-size: 166.7%;  
    }
    
.service-security .service-section_list{
    padding:20px 20px 10px 20px;
}
    .service-security ul{
        margin:0 0 10px 0;
        background: url(../images/contents/service/bg_service_list2.png) repeat-y 0 0;
    }
	.service-security ul.one-pr{
        margin: 0 0 10px 0;
        background: url(../images/contents/service/bg_service_list3.png) repeat-y 0 0;
    }
    .service-security li:first-child{
        margin:0;
    }
    .service-security li{
        float:left;
        width:405px;
        margin:0 0 0 10px;
        padding:15px 15px 15px 15px;
        line-height:1.8;
        background: #fff;
    }
    .service-security .service-section_list_title{
        padding:0 0 5px 0;
        font-size: 133.4%;  
    }

.service-support{
}   
.service-support .service-section_list{
    padding:20px 20px 10px 20px;
}
    .service-support .service-section_list ul{
        margin:0 0 10px 0;
        background: url(../images/contents/service/bg_service_list2.png) repeat-y 0 0;
    }
    .service-support .service-section_list li:first-child{
        margin:0;
    }
    .service-support .service-section_list li{
        float:left;
        width:330px;
        margin:0 0 0 10px;
        padding:15px 15px 10px 90px;
        line-height:1.8;
        background: #fff;
    }
    .service-support .service-section_list .service-section_list_title{
        padding:0 0 5px 0;
        font-size: 133.4%;  
    }
    .service-support .service-section_list li.service-section_list3_1{ background: #fff url(../images/contents/service/bg_service_support_1.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_2{ background: #fff url(../images/contents/service/bg_service_support_2.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_3{ background: #fff url(../images/contents/service/bg_service_support_3.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_4{ background: #fff url(../images/contents/service/bg_service_support_4.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_5{ background: #fff url(../images/contents/service/bg_service_support_5.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_6{ background: #fff url(../images/contents/service/bg_service_support_6.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_7{ background: #fff url(../images/contents/service/bg_service_support_7.png) no-repeat 0 0;}
    .service-support .service-section_list li.service-section_list3_8{ background: #fff url(../images/contents/service/bg_service_support_8.png) no-repeat 0 0;}
    
.service-easy{
    margin:0;
    padding:0 20px 0;
    border-bottom:none;
}


#service_feature_summary {
	margin-bottom : 25px ;
	clear : both ;
}

#service_feature_list li.main_list {
	margin-bottom : 25px ;
	padding-bottom : 25px ;
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
}


#service_feature_sub_list {
	clear : both ;
}

#service_feature_sub_list li {
	width : 225px ;
	float : left ;
	margin-right : 10px ;
}

#service_feature_sub_list li.list_end {
	margin-right : 0 ;
}

#service_feature_sub_list li .inner {
	border-left : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	padding : 15px ;
	margin : 0 !important;
}

#service_feature_sub_list li .inner img {
	margin-bottom : 12px ;
}


#service_feature_function ul,
#service_feature_security ul {
	border-top : 1px solid #b3b3b3 ;
	border-left : 1px solid #b3b3b3 ;
	clear : both ;
}

#service_feature_security ul:after {
	content : "";
	display : block ;
	height : 0 ;
	clear : both ;
	*zoom : 1 ;
}

#service_feature_function ul li, 
#service_feature_security ul li {
	width : 326px ;
	padding : 10px ;
	height : 90px ;
	float : left ;
	border-right: 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#service_feature_function ul li img {
	width : 80px ;
	margin-right : 15px ;
	float : left ;
}

#service_feature_function ul li dl {
	width : 231px ;
	float : right ;
}

#service_feature_function ul li dl dt, 
#service_feature_security ul li dl dt {
	font-size : 125% ;
	font-weight : bold ;
	color : #1967b2 ;
	margin-bottom : 5px ;
}


/* service_function */

#service_functions #main table th.sub_th {
	width : 200px ;
}

#service_functions #main table th + td {
	text-align : center ;
	width : 65px ;
}


/* price */

#price_domain #main table th.sub_th {
	width : 270px ;
}


#price_index #main table td {
	text-align : center ;
}


#price_payment #main .inner li {
	float : left ;
	width : 170px ;
	height : 170px ;
	margin : 0 10px 10px 0 ;
}



/* application */


#application_flow_list li {
	padding-bottom : 25px ;
	background : url(../images/contents/application/application_flow_arrow.png) center bottom no-repeat ;
    width: 920px;
    margin: 0 auto 5px;
}

#application_flow_list dd {
	padding : 20px ;
	border-left : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
}

#application_flow_list dd .button_box {
	clear : both ;
    padding: 10px;
}



#application_form #main .inner li {	
	border : 1px solid #ccc ;
	margin-bottom : 10px ;
	padding : 12px 14px ;
}

#application_form #main .inner li dt {
	font-size : 110% ;
	font-weight : bold ;
	padding : 3px 0 3px 20px ;
	background : url(../images/common/blue_triangle_marker.png) left center no-repeat ;
	margin-bottom : 5px ;
}

#application_form #main .inner textarea {
	width : 907px ;
	height : 240px ;
	margin : 0 ;
}



/* manual_index */

#manual_index #main .inner .list_wrapper {
	width : 663px ;
	border : 1px solid #ccc ;
	background : #fafafa ;
	padding : 10px 15px ;
}

#manual_index #main .inner > ul.left, 
#manual_index #main .inner > ul.right {
	width : 310px ;
}

#manual_index #main .inner ul li {
	padding : 2px 5px 2px 10px ;
	margin : 0 ;
	width : auto ;
	height : auto ;
	border : none ;
	background : url(../images/common/blue_arrow_marker.png) left center no-repeat ;
}

#manual_index #main .inner ul > li {
	width : 310px ;
}

#manual_index #main .inner ul li li {
	padding : 0 0 0 10px ;
	margin : 0 ;
    font-size: 94%;
}

#manual_index #main .inner ul.sub_list {
	margin-left : 15px ;
	margin-bottom : 12px ;
	padding-top : 6px ;
}

#manual_index #main .inner li.subcate {
	background : none ;
	padding : 2px 5px 2px 0 ;
}

#manual_index #main .inner li.subcate .cateTitle {
	padding-left : 10px ;
	background : url(../images/common/gray_arrow_marker_under.png) left center no-repeat ;
	font-weight : bold ;
	color : #90adc4 ;
}



/* support_index(contact) */

#support_index #main #attention_for_contact {
	border : 1px solid #ccc ;
	background : #fafafa ;
	padding : 10px ;
	margin-bottom : 20px ;
}

#support_index #main #attention_for_contact dl dt {
	font-weight : bold ; 
	font-size : 120% ;
	color : #1967b2 ;
	margin-bottom : 8px ;
	background : url(../images/contents/support/blue_triangle_marker_grayback.png) left center no-repeat ;
	padding-left : 12px ;
}

#support_index #main #attention_for_contact dl dd {
	padding : 10px ;
	border : 1px solid #ccc ;
	background : #fff ;
	margin-bottom : 12px ;
}

#support_index #main #attention_for_contact dl dd ul {
	margin-bottom : 10px ;
	margin-left : 12px ;
}

#support_index #main #attention_for_contact dl dd ul li {
	background : url(../images/common/blue_arrow_marker.png) left center no-repeat ;
	padding : 0 0 0 10px ;
}



#support_index #main .alert_attention_for_contact {
	border : 1px solid #ccc ;
	background : #fafafa ;
	padding : 10px ;
	margin-bottom : 20px ;
}

#support_index #main .alert_attention_for_contact dl dt {
	font-weight : bold ; 
	font-size : 120% ;
	color : #1967b2 ;
	margin-bottom : 8px ;
	padding-left : 10px ;
}

#support_index #main .alert_attention_for_contact dl dd {
	padding : 0 10px ;
}



#support_index #main #contact_form {
	text-align : center ;
}

#support_index #main #contact_form caption {
	background : #727272 url(../images/common/th_back.png) left bottom repeat-x ;
	padding : 8px ;
	text-align : center ;
	color : #fff ;
	font-weight : bold ;
}

#support_index #main #contact_form th {
	background : #f0f4f7 ;
	color : #333 ;
	padding : 8px ;
}

#support_index #main #contact_form td {
	padding : 8px ;
	text-align : left ;
}

#support_index #main #contact_form td input[type="text"] {
	height : 18px ;
	padding : 2px 3px ;
}

#support_index #main #contact_form table {
	margin-bottom : 15px ;
}

#support_index #main #contact_form .button_box {
	margin-bottom : 20px ;
}

#support_index img.wpx_mail_address {
}



/* faq_index */

#support_faq_index #main .inner ul {
	width : 663px ;
	border : 1px solid #ccc ;
	background : #fafafa ;
	padding : 10px 15px ;
}

#support_faq_index #main .inner ul li {
	display : inline-block ;
	width : 315px ;
	height : 24px ;
	line-height : 24px ;
	padding-left : 10px ;
	background : url(../images/common/blue_arrow_marker.png) left center no-repeat ;
	/display : inline ;
	/zoom : 1 ;
}



/* faq_detail */

#support_faq_detail #main #bread_crumbs {
	margin-bottom : 20px ;
	overflow : auto ;
	_zoom : 1 ;
}

#support_faq_detail #main #bread_crumbs li {
	display : inline ;
}

#support_faq_detail #main #bread_crumbs li + li:before {
	content: ">";
	margin : 0 8px ;
}

#support_faq_detail #faq_list {
	border-top : 1px solid #ccc ;
}

#support_faq_detail #faq_list li.main_list {
	border-left : 1px solid #ccc ;
	border-right : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
}

#support_faq_detail #faq_list li.main_list .content ul, 
#support_faq_detail #faq_list li.main_list .content ol {
	margin-bottom : 12px ;
}

#support_faq_detail #faq_list li.main_list .content li {
	margin-left : 20px ;
}

#support_faq_detail #faq_list dt {
	background : #fafafa url(../images/contents/support/question_icon.png) 20px 10px no-repeat ;
	font-weight : bold ;
	cursor : pointer ;
	padding : 12px 10px 12px 55px ;
	font-size : 115% ;
}

#support_faq_detail #faq_list dd {
	padding : 12px 10px 12px 55px ;
	background : #fafafa url(../images/contents/support/answer_icon.png) 20px 10px  no-repeat ;

}


/* news_list */

.news_list {
	overflow : hidden ;
}


.news_list > li {
	padding : 5px 10px ;
}

.news_list > li + li {
	margin-bottom : 5px ;
	background : url(../images/common/dot_line_x.gif) left top repeat-x; 
} 


.news_list dt {
	float : left ;
	width : 88px ;
	font-weight : bold ;
	padding : 5px 10px 30000px 20px ;
	margin-bottom : -30000px ;
	color : #777 ;
	font-size : 110% ;
	background : url(../images/common/blue_triangle_marker.png) left 8px no-repeat ;
}

.news_list dd {
	float : left ;
	padding : 5px 10px 30000px 0 ;
	margin-bottom : -30000px ;
}


#index_page #main .news_list dd {
	width : 812px ;
}

#news_index #main .news_list dt,
#mainte_index #main .news_list dt {
	width : 108px ;
}
#news_index #main .news_list dd {
	width : 772px ;
}

#mainte_index #main .news_list dd {
	width : 752px ;
}


/* sitemap */

#sitemap #main .inner, #notfound #main .inner {
    width: 900px;
    margin: 0 auto;
}
#sitemap #main #sitemap_home, #notfound #main #sitemap_home {
	margin-bottom : 25px ;
}

#sitemap #main a, #notfound #main a {
	font-size : 100% ;
	text-decoration : underline ;
	color : #333 ;
}

#sitemap #main #sitemap_home a, #notfound #main #sitemap_home a {
	padding : 5px 0 5px 25px ;
	background : url(../images/common/home_icon.png) left center no-repeat ;
}

#sitemap #main .sitemap_section, #notfound #main .sitemap_section {
	width : 220px ;
	float : left ;
	height : 160px ;
	margin-bottom : 25px ;	
}

#sitemap #main .sitemap_section dt, #notfound #main .sitemap_section dt {
	font-size : 115% ;
	padding : 5px 0 5px 25px ;
	font-weight : bold ;
}

#sitemap #main #sitemap_feature dt, #notfound #main #sitemap_feature dt {
	background : url(../images/common/feature_icon.png) left center no-repeat ;
}

#sitemap #main #sitemap_price dt, #notfound #main #sitemap_price dt {
	background : url(../images/common/price_icon.png) left center no-repeat ;
}

#sitemap #main #sitemap_application dt, #notfound #main #sitemap_application dt {
	background : url(../images/common/application_icon.png) left center no-repeat ;
}

#sitemap #main #sitemap_manual dt, #notfound #main #sitemap_manual dt {
	background : url(../images/common/manual_icon.png) left center no-repeat ;
}

#sitemap #main #sitemap_support dt, #notfound #main #sitemap_support dt {
	background : url(../images/common/support_icon.png) left center no-repeat ;
}

#sitemap #main #sitemap_login dt, #notfound #main #sitemap_login dt {
	background : url(../images/common/login_icon.png) left center no-repeat ;
}

#sitemap #main .sitemap_section dd, #notfound #main .sitemap_section dd {
	margin-left : 25px ;
}

#sitemap #main .sitemap_section dd li, #notfound #main .sitemap_section dd li {
	padding : 3px 0 3px 15px ;
	background : url(../images/common/blue_triangle_marker_whiteback.png) left center no-repeat ;
}

#sitemap #main #sitemap_etc, #notfound #main #sitemap_etc {
	clear : both ;
}

#sitemap #main #sitemap_etc li, #notfound #main #sitemap_etc li {
	padding : 3px 0 3px 20px ;
	background : url(../images/common/blue_triangle_marker.png) left center no-repeat ;
}



/* news_detail */

.contents_page #main #news_detail_contents h5 {
	margin-bottom : 5px !important;
	height : auto ;
}

#news_detail_contents .inner {
	margin : 0 0 5px !important;
	padding : 0 15px 25px ;
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
}

#news_detail_contents .news_date {
    float: left;
    display: block;
	width:220px;
    margin-bottom: 20px;
    color: #999;
    font-size: 105%;
    font-weight: bold;
    letter-spacing: .1em;
}

#back_list_link a {
	padding : 3px 0 3px 12px ;
	background : url(../images/common/blue_arrow_marker_rev.png) left center no-repeat ;
}



/* company */

#company #main table th {
	background : #e2e9ef ;
	color : #333 ;
	width : 180px ;
}


/* application_domain */

#application_domain #whois_form_input th {
	padding : 8px ;
	font-weight : bold ;
	font-size : 110% ;
}

#application_domain #whois_form_input th input {
	height : 20px ;
	padding : 2px 3px ;
}

#application_domain #whois_form_input td {
	padding : 10px ;
}

#application_domain #whois_form_input td input {
	margin-right : 5px ;
}

#application_domain #whois_form_input .button_box input {
	width : 140px ;
	padding : 5px ;
}


#application_domain #whois_result th {
	padding : 8px ;
	font-weight : bold ;
	font-size : 110% ;
	width : 220px ;
}

#application_domain #whois_result td {
	padding : 8px ;
}


/* login */

#login_form {
	margin-bottom : 15px ;
}

#login_form table {
	margin-bottom : 0 ;
	border-top : none ;
}

#login_form table caption {
	color : #fff ;
	background : #727272 url(../images/common/th_back.png) left bottom repeat-x ;
	padding : 8px ;
	border: 1px solid #b3b3b3 ;
	font-weight : bold ;
	font-size : 110% ;
}

#login_form table th {
	background : #e2e9ef ;
	color : #333 ;
	padding : 15px ;
}

#login_form table td {
	padding : 15px ;
}

#login_form table td input {
	padding : 2px 3px  ;
	width : 300px ;
	height : 20px ;
}



#login_form .button_box {
	padding : 20px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}


/* whois */

#whois_form_search {
	width: 738px;
	background: url(../images/contents/application/whois_main_bg.png) repeat-y left top;
	padding: 0 0 20px 0;
	position: relative;
	right: 1px;
    margin: 0 auto;
}
#whois_form_search_top {
	width: 738px;
	height: 83px;
	margin: 0;
	padding: 0;
	background: url(../images/contents/application/whois_caption_bg.png) no-repeat left top;
	line-height: 83px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#whois_form_search_domain {
	height: 100px;
	font-weight: normal;
	vertical-align: top;
	text-align: center;
	background: none;
	color: #000;
	margin: 16px 0 0 0;
	padding: 0;
	border: none;
}
#whois_form_search_domain p {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}


#whois_form_table {
	background-color: #ecf3f9;
	padding : 10px 15px ;
	width : 600px ;
	margin : 0 auto 12px ;
}

#whois_form_table table {
	width: 600px;
	border: none;
	table-layout: fixed ;
}

#whois_form_search table tr th p input {
	height: 25px;
}
#whois_form_search table tr td {
	padding : 4px ;
	border: none;
	font-size: 13px;
}
#whois_form_search table tr td input {
	margin: 0 6px 0 0;
	position: relative;
	top: 2px;
}

#whois_form_search_bottom {
	width: 738px;
	height: 8px;
    margin: 0 auto;
	background: url(../images/contents/application/whois_bottom_bg.png) no-repeat left bottom;
}

#whois_search_result {
	margin: 20px auto 0 auto;
	padding: 0 0 14px 0;
	width: 680px;
	background-color: #fff5dc;
	border: 2px #ffc128 solid;
}
#whois_search_result p {
	margin: 0;
	padding: 0;
	height: 40px;
	background-color: #ffc128;
	font-size: 18px;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

#whois_search_result table {
	width: 500px;
	margin: 0 auto;
	border : none ;
}
#whois_search_result table tr th {
	height: 30px;
	vertical-align: middle;
	text-align: center;
	background: none;
	color: #333;
	font-weight: normal;
	border: none;
}
#whois_search_result table tr td {
	background: none;
	margin: 0;
	padding: 0 10px;
	height: auto;
	vertical-align: top;
	width: 250px;
	font-size: 17px;
	text-align : center ;
}
.whois_td_domain {
	text-align: right;
}
.whois_td_result {
	font-weight: bold;
}
.whois_td_result strong {
	color: #ff9900;
}


/* ssl */

#ssl_main { margin: 0 0 26px 0; }
#ssl_strong {
    margin-bottom: 10px;
    color: #0f63a8;
    font-size: 168%;
    font-weight: bold;
    line-height: 1.4;
}
#ssl_main_left {
    width: 650px;
    float: left;
}
#ssl_main_right {
	width: 220px;
	float: right;
}

.ssl-caution_ttl {
	padding-left: 40px!important;
	margin-bottom: 5px;
	background: url(../images/contents/service/caution_icon.png) no-repeat!important;
    color: #f88522;
    font-size: 17px;
}

.ssl-caution_body {
    border: 1px solid #f1d1a0;
    -webkit-box-shadow: 0 0 2px 1px #f1f2f2 inset;
    -moz-box-shadow: 0 0 2px 1px #f1f2f2 inset;
    box-shadow: 0 0 2px 1px #ffebd9 inset;
}

.ssl-caution_item {
    padding: 20px;
    border-bottom: 1px solid #e2e2e2;
}
.ssl-caution_item:last-child { margin-bottom: 0; }
.ssl-caution_item > p {
    margin-bottom: 0;
    margin-left: 1.4em;
    text-indent: -1.4em;
}
.ssl-caution_item_ttl {
	padding-left: 20px;
	background: url(../images/contents/service/orange_circle.png) no-repeat 0 5px;
    margin-bottom: 10px;
    font-size: 15px;
}

.ssl-caution_item_body { padding: 0 0 0 1.4em; }
.ssl-caution_item_body p:last-child { margin-bottom: 0; }

.two-way-txt {
	padding-left: 46px;
	background: url(../images/contents/service/2way_icon.png) no-repeat 0;
	line-height: 39px;
	font-weight: bold;
}


/* backup */

#backup_main {
	margin: 0 0 26px 0;
}
#backup_strong {
	font-size: 168%;
	color: #0f63a8;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 10px;
}
#backup_main_left {
	width: 650px;
	float: left;
}
#backup_main_right {
	width: 220px;
	float: right;
}

.contents_page #main #backup_main h6 {
	padding: 5px 10px;
    font-size: 105%;
    margin-bottom: 12px;
    background: #e2e9ef;
    clear: both;
}

#backup_main h5 {
	margin-top: 24px;
	clear: both;
}
#backup_main ul {
	border: 1px #999999 dotted;
	padding: 15px;
}
#backup_main ul li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom : 8px ;
}

#backup_main ul li ul li {
	margin-bottom : 3px ;
}

#backup_main h6 {
	margin: 10px 0 4px 0;
    font-size: 110%;
}
#backup_main .s_title{
	font-size: 14px;
}
#backup_main ul li ul {
	border: none;
	padding: 6px 0 0 6px;
}
*:first-child+html #backup_main ul li ul {
	margin-top: -18px;
}
#backup_caution {
	margin: 20px 0 0 0;
}
#backup_caution p {
	font-size: 14px;
	font-weight: bold;
	color: #C30;
	margin: 20px 0 0 0 !important;
	padding: 5px 10px;
	color: #FFF;
	background: #CCC;
}
#backup_caution ul {
	border: 1px solid #CCC;
}
#backup_caution ul li {
	text-indent: -1em;
}




/* rule */

#rule_main dl dt {
	font-size: 14px;
	font-weight: bold;
}

#rule_main dl dd {
	margin: 10px 0 16px 0;
}


#rule_main dl dd ul {
	margin: 0 0 0 1em;
}

#rule_main dl dd ul li {
	text-indent: -1em;
	margin-left: 1em;
}

/* accordion_menu (manual/faq) */

.accordion_menu {
	border-left : 2px solid #ececec ;
	border-right : 2px solid #ececec ;
	border-bottom : 1px solid #ececec ;
	margin-bottom : 15px ;
}

.accordion_menu h4 {
	height : 38px ;
	line-height : 38px ;
	padding : 0 10px 0 20px ;
	background : #ececec url(../images/common/accordion_menu_title_marker.png) 8px center no-repeat ;
}

.accordion_menu .parent {
	display : block ;
	border-bottom : 1px solid #ececec ;
	height : 38px ;
}

.accordion_menu dd {
	border-bottom : 1px solid #ececec ;
}

.accordion_menu .parent a {
	text-decoration : none ;
	color : #333 ;
}

.accordion_menu .parent a:hover {
	color : #666 ;
}

.accordion_menu .parent a, 
.accordion_menu .parent span.current, 
.accordion_menu .opened a {
	display : block ;
	height : 38px ;
	line-height : 38px ;
	padding-left : 30px ;
	background-image : url(../images/common/blue_triangle_marker_whiteback.png) ;
	background-position : 16px center ;
	background-repeat : no-repeat ;
	cursor : pointer ;
}

.accordion_menu .parent span.current, 
.accordion_menu .opened a {
	font-weight : bold ;
	color : #1967b3 ;
	background-color : #f6fbff ;
}

.accordion_menu .opened a {
	background-image : url(../images/common/gray_triangle_marker_under.png) ;
	background-position : 14px center ;
}

.accordion_menu .opened a:hover {
	color : #1967b3 ;
}

.accordion_menu .child_list {
	padding : 5px 12px ;
	background : #fbfcfc ;	
}

.accordion_menu .child_list li {
	padding : 3px 0 3px 10px ;
	line-height : 16px ;
	font-size : 12px ;
	background : url(../images/common/blue_arrow_marker.png) left 8px no-repeat ;
}

.accordion_menu .child_list .subcate {
	padding : 3px 0 ;
	background : none ;
}

.accordion_menu .child_list .subcate .cateTitle {
	padding-left : 10px ;
	background : url(../images/common/gray_arrow_marker_under.png) left center no-repeat ;
	font-weight : bold ;
	color : #90adc4 ;
	display : block ;
	margin-bottom : 6px ;
}

.accordion_menu .child_list li li {
	margin-left : 16px ;
}

.accordion_menu .child_list li a {
	color : #333 ;
	text-decoration : none ;
}

.accordion_menu .child_list li a:hover {
	color : #666 ;
}

.accordion_menu .child_list li span.current {
	font-weight : bold ;
	color : #1967b3 ;
}



/* manual_index */


#manual_detail #main .link_box {
	background:url(../images/contents/manual/man_detail-link-bg-all.gif) left bottom no-repeat;
	padding-bottom:13px;
	margin-bottom:20px;
}

#manual_detail #main .link_box ul{
	background:url(../images/contents/manual/man_detail-link-bg.gif) left top no-repeat;
	padding:13px 20px 0 20px;
}

#manual_detail #main .link_box ul li{
	padding-left:20px;
	background:url(../images/contents/manual/icon-circle.gif) left 3px no-repeat;	
}

#manual_detail #main p.lead{
	margin : 0 0 25px 15px ;
	height : auto ;
	line-height : normal ;
}

#manual_detail #main h5 {
    background: url(../images/contents/manual/ttl-line01.gif) left top no-repeat;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0 10px 16px ;
	margin-bottom : 5px ;
	clear : both ;
}

#manual_detail #main ul.page_link li{
	background:url(../images/contents/manual/icon-arrow-blue04.png) left 8px no-repeat;
	padding-left:20px;
	margin-bottom: 3px ;
}

#manual_detail #main .box_wrap{
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
	clear : both ;
}

#manual_detail #main .box_wrap.yellow{
	border-left:1px solid #eca700;
	border-right:1px solid #eca700;
	border-bottom:1px solid #eca700;
}

#manual_detail #main .box_wrap.last{
	border-bottom:1px solid #d3d3d3;
	margin-bottom : 15px ;
}

#manual_detail #main .inner > h6 {
	padding : 5px 10px ;
	font-size : 105% ;
	margin-bottom : 12px ;
	background : #e2e9ef ;
	clear : both ;
} 

#manual_detail #main .box_wrap h6{
	background:url(../images/contents/manual/man_detail-ttl-bg.gif) left bottom no-repeat #d8e5f1;
	padding:10px 15px;
	color:#1967b3;
	font-size:14px;
	font-weight:bold;	
}

#manual_detail #main .box_wrap.yellow h6{
	background:#eca700;
	padding:10px 15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;	
}

#manual_detail #main .inner{
	padding: 0 ;	
	margin : 0 10px 25px 18px ;
	font-size:13px;
}

#manual_detail #main .box_wrap .inner {
	margin : 0 ;
	padding : 10px 14px 15px ;
}

#manual_detail #main .inner .img_box {
	margin-bottom : 10px ;
}

#manual_detail #main .inner .img_box img{
	border:1px solid #cbcbcb;
	box-shadow:1px 1px 2px #bbb;
    -moz-box-shadow:1px 1px 2px #bbb;
    -webkit-box-shadow:1px 1px 2px #bbb;
}

#manual_detail #main .table_box{
	margin : 0 0 12px ;	
}

#manual_detail #main .inner table th {
	background-color:#f0f0f0;
	background-image : none ;
	color : #333 ;
	font-weight:bold;
	width:25.5%;
}

div.payment ul{
    display: flex;
    flex-wrap: wrap;
}
div.payment ul li{
    margin: 3px;
}

.colspan2 th {
	width:13.5%!important;
}

#manual_detail #main .inner table th.col_th {
	background : #727272 url(../images/common/th_back.png) left bottom repeat-x ;
	color : #fff ;
}

#manual_detail #main .inner table th,
#manual_detail #main .inner table td {
	padding: 6px 8px ;
	border:1px solid #cccccc;
	font-family: "Consolas","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#manual_detail #main .table_box h6 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}	
#manual_detail #main .inner .notes{	
	font-size:12px;	
	margin-bottom : 10px ;
}

#manual_detail #main .inner .notes li {
	text-indent:-1em;
	margin-left:1em;
	line-height:1.65;
}


#manual_detail #main dl {
	padding : 6px 10px ;
	border : 1px solid #ccc ;
	margin-bottom : 10px ;
}

#manual_detail #main .infobox {
    padding: 15px 15px 0 15px;
}

#manual_detail #main dt {
	font-weight : bold ;
	font-size : 105% ;
}

#manual_detail #main dd {
    padding: 12px 12px 10px;
}

#manual_detail #main .inner .inner ul {
	margin-bottom : 12px ;
}

#manual_detail #main .subttl {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #1157aa;
}

#manual_detail #main .to_smtp {
    background-color: #efefef;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 16px 0 16px 20px;
}
#manual_detail #main .to_smtp dt {
    color: #222;
    font-weight: bold;
}
#manual_detail #main .to_smtp dd {
    margin-bottom: 0;
    margin-left: 0;
    padding: 10px 10px 0;
}
#manual_detail #main .to_smtp dd a {
    background: url("../images/common/icon-arrow-gray.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left: 16px;
}

table caption {
    background-color: #999999;
    color: #ffffff;
    padding: 6px 8px;
    font-weight: bold;	
}
.infobox {
    padding: 15px 15px 0 15px;
}
.infobox dt {
    background-color:#D8E5F1;
    color:#1967B3;
    padding:3px;
}
.ssl_box {
	margin-bottom: 20px;	
}
.ssl_box dd {
	margin-left:0;
	margin-bottom:0;	
}
.list {
    margin: 1em 0 1em 1.5em;
}
.list li {
    position: relative;
}
.list_arrow-down {
    line-height: 1.8;
}
.list_arrow-down li:after {
    top: .6em;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1b63a7;
}
.list li:after {
    content: '';
    position: absolute;
    top: .7em;
    left: -1.1em;
    display: block;
}



/* call_support_section */

#call_support_section {
	border : 1px solid #84a8c5 ;
	padding : 20px 25px 10px ;
	background : #f7f8fa ;
}



/* manual_resale */

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

#manual_resale #main li {
	list-style-type : disc ;
	margin-left : 20px ;
}

#manual_resale #main dt {
	font-weight : bold ;
	padding : 4px 0 ;
}

#manual_resale #main dd {
	margin-left : 10px ;
	margin-bottom : 2px ;
}











/*privacy*/
.inner #privacy_contents {
	padding:0 15px;	
}


#privacy_contents p {
	margin-bottom : 12px ;
}

#privacy_contents ol {
	margin-left : 30px ;
	margin-bottom : 20px ;
}

#privacy_contents ol li {
	display: list-item;
	padding-left: 0;
	margin-bottom : 8px ;
	line-height: 1.4;
	height: auto;
	background-image: none;
}

.column {
	padding : 8px 12px ;
	border : 1px solid #b3b3b3 ;
	margin-bottom : 15px ;
}

#privacy_contents p {
	margin-bottom : 12px ;
}

#privacy_contents dl dt {
	margin-bottom : 8px ;
}

#privacy_contents dl dd {
	padding-left : 20px ;
	margin-bottom : 15px ;
}

#privacy_contents dl dd p:last-child {
	margin-bottom : 0 ;
}

#privacy_contents dl.sub_list dd ol {
	margin-left : 20px ;
	margin-bottom : 15px ;
}

#privacy_contents dl.sub_list li {
	display: list-item;
	height : auto ;
	line-height : 1.7;
	padding-left: 0;
	margin-right : 0 ;
	background-image : none;
	list-style: lower-roman;
    vertical-align: top;
}





/*Suppoer_privacy*/


#s_privacy_contents .section dl dt {
	font-weight: bold;
	margin-bottom: 6px;
}
#s_privacy_contents .section dl dd {
	margin-bottom: 20px;
	margin-left: 2em;
}
#s_privacy_contents .section dl dd ul li {
	list-style: disc;
	margin-left: 1.5em;
}
#s_privacy_contents .column {
	border: 1px solid #CCC;
	padding: 10px;

}
#s_privacy_contents .column table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 600px;
	margin-bottom: 0;
}
#s_privacy_contents .column table th {
	width: 60px;
	font-weight: bold;
	vertical-align: top;
	padding-top: 6px;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	background: none;
	color: #444;
	text-align: left;
}
#s_privacy_contents .column table td {
	padding-top: 6px;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}


/* notfound */
#notfound #main .inner {
    width: 900px;
    margin: 0 auto;
}
#notfound #main .inner .inner {
    width: auto;
    padding: 20px 25px;
}
#notfound #main .sitemap_section { width: 210px ; }

/* ----------------------------------------------------------
    パンくずリスト / .topic-path
------------------------------------------------------------- */

.topic-path {
    margin: 0 0 15px 0;
    font-size: 12px;
    background: url(../images/common/icon_breadcrumb.png) no-repeat 1px 4px;
}
.topic-path ol { margin-left: 20px; }
.topic-path li { 
    margin-right: 5px;
    display: inline-block;
 }
.topic-path li a{ margin-right: 5px; }
.topic-path li span.is-current {
    background: none;
    font-weight: bold;
}
.topic-path li span.no-current { margin-right: 5px; }

/* ----------------------------------------------------------
    ソーシャルボタン / .social-btn
------------------------------------------------------------- */
.social-btn {
    float: left;
    width: 800px;
    margin-bottom: 30px;
    text-align: right;
}
.social-btn_item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

/* ----------------------------------------------------------
    160907 追加分
------------------------------------------------------------- */
.border {
    border: 1px solid #CCC;
    padding: 5px 15px;  
}
.dl-caution {
    background-color : #fdd;
}
.dl-caution dt {
    color : #c22;
    margin-top: 10px;
}
.dl-caution dd {
    padding : 0 1em 0 ;
}
.dl-ttl-box  dt {
    margin: 5px 0 0 5px;
    padding: 5px 8px;
    background: #eee;
    font-weight: bold;  
}

/* ----------------------------------------------------------
    170405 追加分
------------------------------------------------------------- */
#main table.qa_domain_table {
	margin-bottom: 30px;
}
#main table.qa_domain_table th {
	color: #474747;
    background: #f2f2f2;
	text-align: left;
}
.table_phpini thead th {
	background: #999!important;
	color: white!important;
	text-align: center!important;
}
.table_phpini th {
	text-align: left!important;
}
.table_phpini td {
	text-align: center;
}

/* ----------------------------------------------------------
    webフォント機能
------------------------------------------------------------- */
.webfont_ttl {
    height: auto!important;
    line-height: normal!important;
    background: none!important;
    padding: 0!important;
}

#webfont_strong {
    padding: 0!important;
	font-size: 168%!important;
    background: none!important;
	color: #0f63a8;
	line-height: 1.4;
	margin-bottom: 10px;
}

.webfont-block {
    float: left;
    width: 470px;
    margin-right: 20px;
}
.webfont-block:last-child { margin-right: 0px; }
.block_img {
    margin: 15px auto;
    text-align: center;
}

.webfont_sub_ttl {
	padding: 5px 10px;
    font-size: 105%;
    margin-bottom: 12px;
    background: #e2e9ef;
    clear: both;
}

.webfont-merit {
    margin-bottom: 20px;
    text-align: center;
}
.merit-contents {
    display: inline-block;
    width: 300px;
    margin-right: 10px;
}
.merit-contents:last-child { margin-right: 0px; }
.merit-contents b {
    display: inline-block;
    margin: 20px 0 0;
    color: #1b63a7;
    font-size: 20px;
    font-weight: normal;
}
.merit-contents p { text-align: center!important; }

.webfont-tips {
    width: 54px;
    height: 54px;
    float: left;
    margin-right: 15px;
    background: #ff9600;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 54px;
    color: #fff;
    text-align: center;
}
.tips-desc {
    width: 800px;
    float: left;
}

.webfont-hyougen {
    margin-bottom: 30px;
    text-align: center;
}
.hyougen-contents {
    width: 460px;
    height: 270px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.hyougen-contents:nth-child(2n) { margin-right: 0px; }
.hyougen-contents_ttl {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: left;
    position: relative;
}
.hyougen-contents p { text-align: left; }
.webfont-icons {
    display: inline-block;
    position: absolute;
    right: 0;
}
.webfont-ico {
    margin-right: 5px;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
}
.webfont-ico:last-child { margin-right: 0px; }
.webfont-ico.news { background: #69b823; }
.webfont-ico.infomation { background: #366f1f; }
.webfont-ico.company { background: #409bda; }
.webfont-ico.biz { background: #485e8b; }
.webfont-ico.fashion { background: #e3496d; }
.webfont-ico.woman { background: #e771ae; }
.webfont-ico.pr { background: #ff842a; }
.webfont-ico.event { background: #ffc341; }

.tryout {
    padding: 20px;
    background: #f1fbe6;
    border: 1px solid #ccc;
    position: relative;
}
.tryout_fukidashi {
    width: 460px;
    height: 42px;
    margin-left: -230px;
    position: absolute;
    left: 50%;
    top: -40px;
    background: #fff;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ff6139;
    border: 2px solid #ff6139;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.tryout_fukidashi::after {
    width: 19px;
    height: 15px;
    margin-left: -9px;
    background:url(../images/contents/service/fukidashi_tryout.png) no-repeat;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
}
.tryout_ttl {
    margin-bottom: 10px;
    font-size: 25px;
    text-align: center;
}
.tryout .btn_green { width: 400px; }

.webfont-style { text-align: center; }
.style-contents {
    display: inline-block;
    width: 300px;
    margin-right: 10px;
}
.style-contents p { text-align: center!important; }
.style-contents:last-child { margin-right: 0px; }
.style-contents_ttl {
    font-size: 16px;
    text-align: center;
}
.style-contents_btn {
    display: inline-block;
    width: 260px;
    height: 36px;
    background: #1b63a7;
    line-height: 36px;
    text-decoration: none!important;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
}
.style-contents_btn:hover {
    background: #3d7ab4;
    color: #fff;
}
.mihon-contents {
    display: inline-block;
    width: 460px;
    margin-right: 10px;
}
.mihon-contents:last-child { margin-right: 0px; }
#webfont-section2 .btn_base { width: 400px; }
.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 532px;
    height: 532px;
    background-color:#fff;
    border: 5px solid #1b63a7;
    z-index:1002;
}
.code_area {
    width: 500px;
    height: 500px;
    padding: 16px;
    overflow: auto;
}
.css_close_btn {
    display: block;
    padding-left: 18px;
    width: 88px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    z-index: 1004;
    top: -40px;
    right: -5px;
    color: #fff;
    font-size: 18px;
    text-decoration: none!important;
    background: #1b63a7 url(../images/contents/service/font_close_btn.png) 77px center no-repeat;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.css_close_btn:hover {
    background: #3d7ab4 url(../images/contents/service/font_close_btn.png) 77px center no-repeat;
    color: #fff;
}

#webfont-section3 .btn_base { width: 400px; }
.faq-list {
    margin-bottom: 30px;
    text-align: left;
}
.faq-list li {
    display: inline-block;
    width: 435px;
    padding: 15px 0 15px 25px;
    margin-right: 10px;
    background: url(../images/contents/service/ico_font_question.png) no-repeat left;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.faq-list li:last-child { margin-right: 0px; }

.faq-list .ico_blue-chevron-right {
    position: absolute;
    right: 0;
    top: 50%;
}

.webfont-manuals {
    margin-top: 95px;
    text-align: center;
}
.webfont-manuals_contents {
    display: inline-block;
    width: 398px;
    margin-right: 30px;
    position: relative;
    border: 1px solid #ccc;
}
.webfont-manuals_contents p { text-align: center!important; }
.webfont-manuals_contents:last-child { margin-right: 0px; }
.webfont-manuals .btn_base { width: 260px; }
.wp-manual-fukidashi {
    width: 336px;
    height: 42px;
    margin-left: -168px;
    position: absolute;
    left: 50%;
    top: -65px;
    background: #fff;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #0b5782;
    border: 2px solid #c7e2f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.wp-manual-fukidashi::after {
    width: 19px;
    height: 15px;
    margin-left: -9px;
    background: url(../images/contents/service/fukidashi_wp.png) no-repeat;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
}
.wp-manual_ttl {
    padding: 16px 0;
    margin-bottom: 20px;
    line-height: 1.4;
    background: #c7e2f3;
    color: #264e6c;
    font-size: 20px;
}
.ico_wp-manual {
    padding: 3px 10px;
    background: #0b5782;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.html-manual-fukidashi {
    width: 336px;
    height: 42px;
    margin-left: -168px;
    position: absolute;
    left: 50%;
    top: -65px;
    background: #fff;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #4f991c;
    border: 2px solid #d2f1c6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.html-manual-fukidashi::after {
    width: 19px;
    height: 15px;
    margin-left: -9px;
    background: url(../images/contents/service/fukidashi_html.png) no-repeat;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
}
.html-manual_ttl {
    padding: 16px 0;
    margin-bottom: 20px;
    line-height: 1.4;
    background: #d2f1c6;
    color: #2b5f18;
    font-size: 20px;
}
.ico_html-manual {
    padding: 3px 10px;
    background: #4f991c;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.shotai-cat { margin-bottom: 30px; }
.shotai-cat_ttl {
    font-size : 135% ;
	background : url(../images/common/main_h5_back.png) left top no-repeat ;
	padding : 0 0 3px 15px ;
    margin-bottom: 10px;
}
.shotai_sub-ttl {
    padding: 5px 10px;
    font-size: 105%;
    margin-bottom: 12px;
    background: #e2e9ef;
    clear: both;
}

.new-contents {
    margin: 0 0 20px;
    text-align: center;
}
.new-contents img { display: inline-block; }
.font-campaign-fukidashi {
    display: inline-block;
    padding: 26px 10px 10px 10px;
    width: 265px;
    height: 90px;
    margin: 0 0 0 10px;
    background: #f3e544;
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
.font-campaign-fukidashi::after {
    width: 0;
    height: 0;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    left: -8px;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #f3e444 transparent transparent;
    content: '';
}
.font-campaign-fukidashi a {
    color: #f65125;
    text-decoration: underline;
}

/* ----------------------------------------------------------
    音声ガイダンス / .guide-number
------------------------------------------------------------- */
.guide-number {
    margin-left: 10px;
    height: 115px;
}
.guide-number li {
    height: 18px;
    margin-bottom: 6px;
}
.guide-number li:last-child { margin-bottom: 14px; }
.guide-number_ico {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: #1e6db6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}
.guide-number_space {
    margin: 0 10px 0 0;
    font-size: 20px;
    letter-spacing: -10px;
}


/* renewal
------------------------------------------------------------- */

.renewal{
    /*border: 1px solid #ccc;*/
}

.renewal p{
    text-align: center;
}

.renewal_title{
    margin-top: 50px;
    color: #006699;
    font-size: 28px;
    font-weight: bold;
}

.renewal_text{
    margin-top: 35px;
    font-size: 14px;
}

.new_out {
    width:423px;
    height:auto;
    margin: 35px auto 0;
    padding: 8px 8px 15px;
    text-align: center;
    border: 1px solid #d4d4d4;
    cursor: pointer;
}

.new_out:hover{
    opacity: 0.7;
}

.new_out .new_service .img_block{
    width: 350px;
    margin: 20px auto 10px;
}

.new_out .new_service .img_block img{
    width: 350px;
}

.new_service .txt_block{
    text-align: center;
    background: #cd0a0d;
    width: 423px;
    margin: 0 auto;
}

.new_service .txt_block p{
    padding: 4px 0;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    text-align: center;
    font-style: italic;
}

.new_service .txt_block p small{
    font-size: 0.7rem;
}

p.official{
     font-weight: bold;
     text-decoration: underline;
 }

p.attention{
    width: 440px;
    font-size: 0.7rem;
    margin: 5px auto 0;
    text-align: right;
}


.renewal_customer_title{
    display: flex;
    width: 580px;
    align-items: center;
    margin: 60px auto 0;
    color: #006699;
    font-size: 16px;
    font-weight: bold;
}

.renewal_customer_title:before, .renewal_customer_title:after{
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #006699;
}

.renewal_customer_title:before{
    margin-right: .8em;
}

.renewal_customer_title:after{
    margin-left: .8em;
}

.renewal_customer_menu ul{
   margin:35px auto 0;
   width:600px;
   height: 60px;
   font-size: 14px;
   text-align: center;
   line-height: 60px;
   border: 1px dotted #ccc;
}

.renewal_customer_menu li{
    display: inline;
    margin-right: 15px;
}

.renewal_info{
    margin: 25px 0 15px;
    padding: 15px 0 0 40px;
    width: 960px;
    height: 47px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    background-image: url("../images/common/renewal_info_bg.png");
}

/* キャンペーンPR
------------------------------------------------------------- */
.campaignCopy {
	font-size: 14px;
    font-weight:bold;
    text-align: center ;
    color:#f20303;
}

/* AIチャット
------------------------------------------------------------- */
.aiChat__Box {
    max-width: 100%;
    width: 864px;
    height: 800px;
    max-height: 800px;
    margin: 0 auto;
    padding: 15px;
    border-radius: 4px;
    background: #ffdcdc;
}

.aiChat__Box iframe {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
}

.button_box_textlink a {
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 5px;
    text-align: center;
    line-height: 46px;
    background-color: #fff;
    -webkit-transition-property: transform, background-color;
    -o-transition-property: transform, background-color;
    transition-property: transform, background-color;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.17);
    color: #1967b2;
    border: 1px solid #1967b2;
    padding: 0 32px;
    text-decoration: none !important;
}

.button_box_textlink a:hover {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}