@charset "euc-jp";

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

#sub_contents .sub_navi {
	border-top : 1px solid #00b8bd ;
	margin-bottom : 12px ;
}


#main .intro {
	margin : 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 2px dotted #b3b3b3;
}

#main .intro p {
    float: left;
	margin: 0 25px 0 15px;
    width: 320px;
    font-size: 130%;
}

#main .intro p.line-1 { margin-top: 40px; }

#main .intro p.line-2 { margin-top: 30px; }

#main .intro div {
	float: left;
	width: 210px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
}

.intro-price {
    font-weight: bold;
	font-size: 140%;
}

.intro-price p {
    color: #ff9600;
    border: 2px solid #ff9600;
    padding: 2px 0px;
    font-size: 110%;
    width: 170px;
    margin: 0 auto;
    text-align: center;
}

.intro-price ul { margin-left: 30px; }

.intro-price li {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.intro-price dt {
	float: left;
    display: inline;
    background-color: #ff9600;
    color: #fff;
    margin: 10px 10px 0 0;
    padding: 1px 13px;
}

.intro-price dd span {
	color: #ff9600;
	font-size: 170%;
	margin: 0 5px;
}
.intro-price dd span.campaign_txt { color: #ff4605; }

ul.intro-nav {
	margin: 20px 0 50px;
}

ul.intro-nav li {
	float: left;
	margin-right: 20px;
	font-size: 130%;
	font-weight: bold;
}

ul.intro-nav li:last-child {
	margin-right: 0;
}

ul.intro-nav li a {
	display: block;
	position: relative;
	width: 184px;
    height: 34px;
    background: #5dbcd2;
    background-image: -webkit-linear-gradient(top, #5dbcd2, #01aab7);
    background-image: -moz-linear-gradient(top, #5dbcd2, #01aab7);
    background-image: -ms-linear-gradient(top, #5dbcd2, #01aab7);
    background-image: -o-linear-gradient(top, #5dbcd2, #01aab7);
    background-image: linear-gradient(to bottom, #5dbcd2, #01aab7);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    color: #fff;
    line-height: 36px;
    text-decoration: none;
}

ul.intro-nav li:first-child a {
	width: 140px;
    padding-left: 44px;
}

ul.intro-nav li:nth-child(2) a {
    width: 124px;
    padding-left: 60px;
}

ul.intro-nav li:nth-child(3) a {
    width: 116px;
    padding-left: 68px;
}

ul.intro-nav li a:before {
	content: '';
	position: absolute;
	top: 40%;
    border-top: 8px solid #fff;
    border-right: 5px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 5px solid transparent;
}

ul.intro-nav li:first-child a:before { left: 16%; }

ul.intro-nav li:nth-child(2) a:before { left: 25%; }

ul.intro-nav li:nth-child(3) a:before { left: 29%; }

ul.intro-nav li a:hover {
    background: #77cde0;
    background-image: -webkit-linear-gradient(top, #77cde0, #19c3cf);
    background-image: -moz-linear-gradient(top, #77cde0, #19c3cf);
    background-image: -ms-linear-gradient(top, #77cde0, #19c3cf);
    background-image: -o-linear-gradient(top, #77cde0, #19c3cf);
    background-image: linear-gradient(to bottom, #77cde0, #19c3cf);
}

/* feature_list */

.inner h5.feature {
	padding-left: 8px; 
	font-size: 155%;
	border-left: 7px solid #ff9600;
}

.inner h5#support {
	float: left;
	margin-bottom: 10px;
	padding-left: 0; 
	font-size: 100%;
	border-left: none;
}

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

#service_feature_list ul.add-list li:first-child {
	margin-top: 20px;
	padding-top: 20px;
    background-image: url(../images/common/dot_line_x.gif), url(../images/common/dot_line_x.gif);
	background-position: top, bottom;
	background-repeat: repeat-x;
}

#service_feature_list dt {
	float: left;
	width: 180px;
	margin-right: 20px;
	text-align: center;
}

#service_feature_list dd {
	margin-bottom: 5px;
	overflow: hidden;
}

#service_feature_list dd h6,
#service_feature_list h6 {
	font-size: 145%;
	color: #4a75a7;
}

/* price_list */

table#price_list,
table#spec_list {
	border-collapse: collapse;
}

table#price_list th,
table#price_list td {
	font-weight: normal;
	background-color: #fff;
}

table#price_list tr.col th {
	background-color: #d2d2d2;
}

.button_box h5,
.picup h5 {
	padding-left: 0; 
	border-left: none;
}

/* spec_list */

table#spec_list th,
table#spec_list td {
	padding: 8px 15px;
	text-align: left;
}

table#spec_list th {
	width: 25%;
	font-weight: normal;
	background-color: #f3f3f3;
}

table#spec_list td img { margin-right: 5px; }

table#spec_list td img:last-child { margin-right: 0; }

#service_feature_list dl.additional_section dt {
	float: none;
}

#main .inner {
	padding : 0 15px ;
}

#main .inner_section {
	margin : 0 10px 20px ;
	float : left ;
}


#main .button_box {
	text-align : center ;
	clear : both ;
}

#main .inner_button_box {
	clear : none ;
	text-align : center ;
}

#main .indent_ajust {
	padding-left : 1em !important;
	text-indent : -1em !important;
}

#main .border_box .caution{
    font-size: 135%;
    font-weight: 900;
    color: #ff9600;
    background: url(../images/contents/service/caution.png) no-repeat 0px 4px;
    padding-left: 20px;
}


#main .assist {
	font-size : 90% ;
	padding : 0 3px ;
}

#main h3 {
	margin-bottom : 12px ;
}

#main h4 {
	margin-bottom : 20px ;
}


#main .main_section .question {
	padding:0px 5px 5px 5px;
	margin-top: -13px;
}

#main .main_section .question h5 {
	font-size:13px;
	border-bottom:1px solid #000;
    margin: -18px 0 3px 0;
}

#main .main_section .question p {
	padding:5px 0;
	background:url(../images/common/dot_line_x.gif) left bottom repeat-x;
}

#main .main_section .question a {
	background:url(../images/common/green_arrow_marker.png) left center no-repeat;
	padding-left:16px;
}


/* --------------------------------------------------------------------
	table
/* -------------------------------------------------------------------- */

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

#main th {
	padding : 8px ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ; 
	background-color : #fff0d9 ;
	text-align : center ;
}

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


/* --------------------------------------------------------------------
	index
/* -------------------------------------------------------------------- */

#top_img {
	width : 900px ;
	margin : 0 auto 15px ;
	position : relative ;
}

#top_img #top_topics {
	width :  255px ;
	position : absolute ;
	top : 17px ;
	right : 0 ;
	height : 300px ;
}

#top_img #top_topics dd {
	padding : 15px ;
	width : 225px ;
	height : 218px ;
	background : url(../images/contents/index/topics_back.png) 0 0 no-repeat ;
}

#top_img #top_topics dd li {
	width : 225px ;
	height : 105px ;
	margin-bottom : 10px ;
	background : #eee ;
}

#top_img #top_topics dd li.list_end {
	margin-bottom : 0 ;
}

#top_img #top_topics .prev {
	display : block ;
	width : 38px ;
	height : 20px ;
	position : absolute ;
	top : 18px ;
	right : 52px ;
}

#top_img #top_topics .next {
	display : block ;
	width : 38px ;
	height : 20px ;
	position : absolute ;
	top : 18px ;
	right : 11px ;
}

#top_img .button_box {
	width : 176px ;
	height : 46px ;
	position : absolute ;
	bottom : 40px ;
	left : 435px ; 
}

/* 20180828 SSL販売強化施策 */

#top_img a .button01 {
	display: block;
	position: absolute;
	top: 207px;
	left : 380px; 
	width: 136px;
	height: 44px;
}

#top_img a .button02 {
	display: block;
	position: absolute;
	top: 207px;
	left : 773px; 
	width: 117px;
	height: 43px;
}

#top_feature_list {
	position : relative ;
	float : left ;
	padding-bottom : 35px ;
	margin : 0 0 10px 0 !important;
}

#top_feature_list ul {
	width : 603px ;
	border : 1px solid #b3b3b3 ;
	background-color : #fff5e6 ;
	padding : 10px ;
	float : left ;
}

#top_feature_list ul li {
	clear : both ;
}

#top_feature_list .button_box ul {
	border : none ;
	padding : 0 ;
	background : none ;
	width : auto ;
}

#top_feature_list dl {
	width : 524px ;
	float : right ;	
}

#top_feature_list dl dt {
	margin-bottom : 5px ;
}

#top_feature_list dl dd {
	padding-bottom : 8px ;
	margin-bottom : 8px ;
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
}

#top_feature_list li.list_end dl dd {
	background : none ;
	margin-bottom : 0 ;
	padding-bottom : 0 ;
}

#top_feature_list .button_box {
	width : 230px ;
	height : 26px ;
	position : absolute ;
	bottom : 0 ;
	right : 0 ;
}

#top_feature_list .button_box li {
	float : left ;
	width : 110px ;
	height : 26px ;
	clear : none ;
	margin-right : 10px ;
}

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

#top_news {
	position : relative ;
}

#top_news table {
	border : none !important;
	margin-bottom : 0 ;
	width : 100% ;
}

#top_news table th {
	width : 56px ;
	padding : 5px ;
	border : none !important;
	background-color : #fff ;
	vertical-align: top ;
	text-align : left ;
}

#top_news td {
	padding : 5px ;
	background-color : #fff ;
	text-align : left ;
	border : none !important;
}

#top_news .diff_back th, 
#top_news .diff_back td {
	background-color : #fff5e6 !important;
}


#top_news .button_box {
	position : absolute ;
	top : 0 ;
	right : 0 ;
	width : 264px ;
	height : 24px ;
}

#top_news .button_box li {
	padding-left : 1px ;
	background : url(../images/common/dot_line_y.gif) left top repeat-y ;
	height : 24px ;
	float : left ;
}

#top_service_list .rapid_section {
	width : 410px ;
	float : left ;
}

#top_service_list .geo_section {
	width : 206px ;
	float : right ;
}

#top_service_list ul {
	padding : 0 1px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	float : left ;
}

#top_service_list .rapid_section ul {
	width : 406px ;
}

#top_service_list .geo_section ul {
	width : 201px ;
}

#top_service_list li {
	float : left ;
	width : 200px ;
	padding-right : 1px ;
	margin-right : 1px ;
	border-right : 1px solid #b3b3b3 ;
}

#top_service_list li.list_end {
	padding-right : 0 ;
	margin-right : 0 ;
	border-right : none ;
}

#top_service_list li dd {
	padding : 10px ;
}

/* --------------------------------------------------------------------
	about
/* -------------------------------------------------------------------- */

#about_index #main h4 {
	margin-bottom : 20px ;
}

#about_index #main h5 {
	font-size : 120% ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/contents/support/man_h5_back.png) 0 0 no-repeat ;
	margin-bottom : 10px ;
	color : #fff ;
}

#about_index #main .features_wrapper{
    margin: 15px 0 10px;
}

#about_index #main .features_wrapper .left{
	width: 420px;
}

#about_index #main .features_wrapper .right{
	width: 130px;
}

#about_index #main .features_wrapper .dv_features{
	margin-bottom: -10px;
}

#about_index #main .use_wrapper{
    background: #ededed;
    padding: 10px;
    margin-bottom: 20px;
}

#about_index #main .use_wrapper ul li{
    padding-left: 20px;
    font-size: 13px;
}

#about_index #main .use_wrapper ul li:first-child{margin-bottom: 3px;}
#about_index #main .use_wrapper ul li.dv:first-child{background: url(../images/contents/index/dv_checkbox.png) no-repeat 0% 8%;}
#about_index #main .use_wrapper ul li.dv:last-child{background: url(../images/contents/index/dv_checkbox.png) no-repeat 0% 40%;}
#about_index #main .use_wrapper ul li.dv strong{color: #c83737;}

#about_index #main .use_wrapper ul li.ov{background: url(../images/contents/index/ov_checkbox.png) no-repeat 0% 8%;}
#about_index #main .use_wrapper ul li.ov strong{color: #2773b0;}

#about_index #main .use_wrapper ul li.ev{background: url(../images/contents/index/ev_checkbox.png) no-repeat 0% 50%;}
#about_index #main .use_wrapper ul li.ev strong{color: #0b8043;}

#about_index #main .use_wrapper dl.ev_point{
    background: #fff;
    border: 2px solid #0b8043;
    margin-top: 7px;
    display: flex;
}

#about_index #main .use_wrapper dl.ev_point dt{
    background: #0b8043;
    color: #fff;
    padding: 0 10px;
    line-height: 50px;
}

#about_index #main .use_wrapper dl.ev_point dd{
    margin-left: 10px;
    padding: 6px 0;
}

#about_index #main .recommended_wrapper{
    padding: 12px 10px 0;
}

#about_index #main .recommended_wrapper.dv{
    background: #fbf1f1;
    border: 1px solid #c83737;
}

#about_index #main .recommended_wrapper.ov{
    background: #f0f5f9;
    border: 1px solid #2773b0;
}

#about_index #main .recommended_wrapper.ev{
    background: #eef6f2;
    border: 1px solid #0b8043;
}

#about_index #main .recommended_wrapper .left{
    margin-right: 9px;
}

#about_index #main .recommended_wrapper .left p{
    margin-top: -5px;
}

#about_index #main .recommended_wrapper strong{
    font-size: 13px;
    font-weight: bold;
}

#about_index #main .recommended_wrapper.dv strong{
    color: #c83737;
}
#about_index #main .recommended_wrapper.dv strong.campaign_txt { color: #ff4605; }

#about_index #main .recommended_wrapper.ov strong{
    color: #2773b0;
}
#about_index #main .recommended_wrapper.ov strong.campaign_txt { color: #ff4605; }

#about_index #main .recommended_wrapper.ev strong{
    color: #0b8043;
}
#about_index #main .recommended_wrapper.ev strong.campaign_txt { color: #ff4605; }

#about_index #main .recommended_wrapper span.price{
    color: #ff9600;
    font-size: 25px;
    font-weight: bold;
	margin: 0 3px 0 0 ;
}
#about_index #main .recommended_wrapper span.price.campaign_txt { color: #ff4605; }

#about_index #main .recommended_wrapper.ov span.price,
#about_index #main .recommended_wrapper.ev span.price{
	margin-left: 3px;
}

#about_index #main .recommended_wrapper span.siteseal{
    padding: 3px;
    margin-left: 5px;
    position: relative;
    top: -3px;
}

#about_index #main .recommended_wrapper.dv span.siteseal{
    color: #c83737;
    border: 1px solid #c83737;
}

#about_index #main .recommended_wrapper.ov span.siteseal{
    color: #2773b0;
    border: 1px solid #2773b0;
}

#about_index #main .recommended_wrapper.ev span.siteseal{
    color: #0b8043;
    border: 1px solid #0b8043;
}

#about_index #main .recommended_wrapper a {
    display: block;
    padding: 6px 25px 5px 15px;
    background: #ffae00;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    top: 5px;
    right: 3px;
}

#about_index #main .recommended_wrapper a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 75%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#about_index #main .recommended_wrapper a:hover { background: #ffbf4d; }

#about_index ul.sub_navi{
    padding: 5px 0 10px;
}

#about_index ul.sub_navi li a{
	margin: 5px 0 5px 25px;
	padding: 4px 0 4px 15px;
	line-height: 20px;
	background: url(../images/common/sub_marker.gif) left 3px no-repeat;
}

#about_index #main dt.level{
	border-bottom: 2px solid #d9d9d9;
	padding-bottom: 10px;
}

#main .siteseal .left dd,#about_index #main .left dd{
	padding-top: 10px;
}

#about_index #main .section {
	margin : 0 0 30px  0 ;
}

#about_index #main p.security {
	margin-bottom: 5px;
    border-top: 1px dotted #a6a6a6;
    padding-top: 5px;
}


/* --------------------------------------------------------------------
	service_intro
/* -------------------------------------------------------------------- */

#service_intro #main img {
	margin : 0 ;
	padding : 0 ;
}

#service_intro #main .main_section dd {
	text-align : center ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}


#service_intro #main .rapid_section {
	width : 287px ;
	float : left ;
	margin-right : 15px ;
}

#service_intro #main .rapid_wild_section {
	width : 287px ;
	float : left ;
}

#service_intro #main .geo_section {
	width : 287px ;
	float : left ;
}

#service_intro #main .main_section dd .button_box {
	margin-bottom : 12px ;
}


/* point_use */
#point_use {
	text-align : left ;
	line-height : 1.4 ;
	margin-bottom : 20px ;
}

#point_use h5 {
	margin-bottom : 3px ;
	text-align : left ;
}

#point_use .inner {
	background : #ffe5bf ;
	padding : 10px ;
	margin : 0 ;
}

#point_use .button_box {
	padding-top : 15px ;
}


/* service_navigation */

#service_navigation {
	clear : both ;
	height : 30px ;
	width : 595px ;
	background : url(../images/common/common_line_bg_gray.png) left bottom repeat-x ;
	margin-bottom : 20px ;
}

#service_navigation li {
	float : left ;
	height : 30px ;
}

#service_geo_index .section, 
#service_geo_lineup .section, 
#service_geo_order_flow .section, 
#service_rapid_index .section, 
#service_rapid_lineup .section, 
#service_rapid_order_flow .section {
	width : 595px ;
}

/* lineup_list */

#lineup_list li {
	padding : 24px 0 0 ;
	position : relative ;
	min-height : 250px ;
	height : auto !important;
	height : 250px ;
	clear : both ;
	margin-bottom : 30px ;
}

#lineup_list li .icon_list {
	position : absolute ;
	height : 22px ;
	top : 0 ;
	left : 0 ;
	width : 595px ;
}

#lineup_list li .icon_list li {
	display : inline ;
}

#lineup_list li dl {
	width : 595px ;
	overflow : hidden ;
}

#lineup_list li dt {
	margin-bottom : 2px ;
}

#lineup_list li dd p {
	padding : 3px 5px ;
	background : #e6e6e6 ;
	margin-bottom : 8px ;
}

#lineup_list table {
	border-top : none ;
	border-left : none ;
	width : 595px ;
}

#lineup_list table td {
	background-image : url(../images/common/dot_line_y.gif) ;
	background-position : left top ;
	background-repeat : repeat-y ;
	border-right : none ;
	border-bottom : none ;
}

#lineup_list table th {
	background-color : #dedede ;
	border-right : none ;
	border-bottom : none ;
}

#lineup_list table .diff_back th {
	background-color : #d2d2d2 ;
}

#lineup_list table .diff_back td {
	background-color : #e6e6e6 ;
	width : 140px ;
}

.spec_table {
	float : left ;
	width : 230px !important;
}
.spec_table td {
	width : 120px !important;
}

.price_table {
	float : right ;
	width : 345px !important;
}

.price_table th {
	width : 100px !important;
}

.price_table td {
	line-height : 1.38 ;
}


#main {
	width : 625px ;
	overflow : hidden ;
}

#sub_feature_list {
	margin-bottom : 25px ;
	
}

#sub_feature_list dt {
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#sub_feature_list dd {
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_feature_list dd li {
	padding : 6px 10px ;
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
	font-weight : bold ;
	font-size : 115% ;
}

#sub_feature_list dd li.list_end {
	background : none ;
}


#service_rapid_index .additional_section {
	background : #ffe5bf ;
}

#service_rapid_index .additional_section dt {
	padding : 10px 10px 8px ;
	color : #ff9600 ;
	font-weight : bold ;
	font-size : 120% ;
}

#service_rapid_index .additional_section dd {
	padding : 0 12px 12px ;
}


/* compare */

#compare #main dd {
	border-left : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#compare #main dd table {
	border-top : none ;
	border-left : none ;
	margin-bottom : 0 ;
} 

#compare #main dd table th {
	background-color : #dedede ;
	border-right : none ;
	border-bottom : none ;
}

#compare #main dd table td {
	border-right : none ;
	border-bottom : none ;
	background-image : url(../images/common/dot_line_y.gif);
	background-position : left top ;
	background-repeat : repeat-y ;
	width : 130px !important;
}


#compare #main table .diff_back th {
	background-color : #d2d2d2 ;
}

#compare #main table .diff_back td {
	background-color : #e6e6e6 ;
	width : 130px ;
}


/* conditions */

#conditions #main .inner .inner_link {
	margin : 0 0 15px 10px ;
}
#conditions #main .inner .inner_link li {
	padding-left : 16px ;
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	font-size : 110% ;
}

#conditions #main .inner h5 {
	background : url(../images/common/circle_marker.png) left center no-repeat ;
	padding-left : 20px ;
	font-size : 120% ;
	margin : 0 0 8px 10px ;
	color : #00b7bc ;
}

#conditions .section {
	width : 577px ;
	float : none ;
}

#conditions .section dt {
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#conditions .section dd {
	border-left : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	margin-bottom : 10px ;
}

#conditions .section li {
	padding : 6px 10px ;
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
}

#conditions .section li.list_end {
	background : none ;
}

#conditions #main dd table {
	border-top : none ;
	border-left : none ;
	margin-bottom : 0 ;
} 

#conditions #main dd table th {
	background-color : #dedede ;
	border-right : none ;
	border-bottom : none ;
	width : 150px ;
}

#conditions #main dd table td {
	border-right : none ;
	border-bottom : none ;
	background-image : url(../images/common/dot_line_y.gif);
	background-position : left top ;
	background-repeat : repeat-y ;
	text-align : left ;
}

#conditions #main table .diff_back th {
	background-color : #d2d2d2 ;
}

#conditions #main table .diff_back td {
	background-color : #e6e6e6 ;
}


/* --------------------------------------------------------------------
	application_flow
/* -------------------------------------------------------------------- */
/*
#application_flow .section dl dd {
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	margin-bottom : 20px ;
	padding : 12px ;
}*/

#application_flow .section .flow_chart {
	padding : 0 1px !important;
	float : left ;
	width : 591px ;
}

#application_flow .section .flow_chart li h5 {
	margin-bottom : 5px ;
}

#application_flow .section .flow_chart li {
	padding : 12px ;
	clear : both ;
	float : left ;
	width : 567px ;
}

#application_flow .section .flow_chart li.diff_back {
	background-color : #e6e6e6 ;
}


/* 20180730 add */

#main .inner_app {
	background:#dbf9fa;
	padding:0 0 15px 0;
	margin-bottom:30px;
}

.inner_app .title_long {
	margin-left:15px;
}

.inner_app_section {
	background-color:#fff;
	margin:0 15px;
	border-bottom: 1px solid  #b3b3b3;
	border-left: 1px solid  #b3b3b3;
	border-right: 1px solid  #b3b3b3;
	padding:15px;
}



.inner_app_title {
	font-weight:bold;
	color:#00b8bd;	
}

.inner_app h4 img {
	width: 100%;
}

.inner_app h5 {
	margin: 0 15px;
}

.inner_app h5 img {
	width: 100%;
}


.about_netowl {
	clear : both ;
	background: #fffce7;
	padding: 15px;

}
 
.about_netowl dt {
	font-weight:bold;
	color:#f1702a;
	margin-bottom:5px;
}



/* ---------------------------------------------------------------------
	contact_form
/* --------------------------------------------------------------------- */

#contact .section .main_section dd {
	padding : 8px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	margin-bottom : 10px ;
	width : 577px ;
	float : left ;
}

#contact .section .main_section dd p {
	margin-bottom : 8px ;
}

#contact .section .main_section dd p.question1 {
	margin-bottom : 0px ;
}


#contact .section #before_contact dd ul {
	padding : 0 51px ;
}

#contact .section #before_contact dd li {
	width : 150px ;
	height : 26px ;
	float : left ;
	margin-right : 8px ;
}

#contact .section #contact_request dd li {
	float : left ;
	padding : 3px 8px 3px 15px ;
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
}

#contact .section #contact_form table {
	border-top : none ;
	border-left : none ;
}

#contact .section #contact_form table th, #contact .section #contact_form table td {
	border-right : none ;
	border-bottom : none ;
	background-color : #fff !important;
}

#contact .section #contact_form table .diff_back th, #contact .section #contact_form table .diff_back td {
	background-color : #e6e6e6 !important;
}

#contact .section #contact_form table td {
	text-align : left ;
}

#contact .section #contact_form table td input {
	padding : 2px 3px ;
}


/* -----------------------------------------------------------------
	support_index
/* ----------------------------------------------------------------- */

#support_index .section {
	width : 625px ;
	float : left ;
}

#support_index .left_column {
	width : 287px ;
	float : left ;
	clear : both ;
	margin-right : 15px ;
}

#support_index .right_column {
	width : 287px ;
	float : right ;
}

#support_index .section dt {	
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_short_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#support_index .section dl dd {
	text-align : left ;
	margin-bottom : 20px ;
	border-bottom : 1px solid #b3b3b3 ;
}

#support_index .section dl dd li {
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
	padding : 8px 10px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	margin : 0 ;
} 

#support_index .section dl dd li.list_end {
	background : none ;
}

#support_index .section dl dd li a {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding-left : 16px ;
}

#support_index .section dl dd ul.sub_list {
	padding : 5px 0 0 20px ;
}

#support_index .section dl dd ul.sub_list li {
	background : url(../images/common/sub_marker.gif) left 2px no-repeat ;
	padding : 2px 5px 2px 14px ;
	border : none ;
}

#support_index .section dl dd ul.sub_list li a {
	background : none ;
	padding-left : 0 ;
}


/* -----------------------------------------------------------------
	faq_index
/* ----------------------------------------------------------------- */

#faq_index .section {
	width : 625px ;
}

#faq_index .faq_section {
	padding-bottom : 40px ;
	position : relative ;
	clear : both ;
}

#faq_index .faq_section .button_box {
	position : absolute ;
	right : 0px ;
	bottom : 16px ;
	width : 95px ;
	height : 15px ;
}

#faq_index .section dt {	
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#faq_index .section dl dd {
	text-align : left ;
	border-bottom : 1px solid #b3b3b3 ;
}

#faq_index .section dl dd li {
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
	padding : 8px 10px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	margin : 0 ;
} 

#faq_index .section dl dd li.list_end {
	background : none ;
}

#faq_index .section dl dd li a {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding-left : 16px ;
}


/* -----------------------------------------------------------------
	faq_detail
/* ----------------------------------------------------------------- */

#faq_detail #main h5 {
	height : 34px ;
	line-height : 34px ;
	padding : 0 0 1px 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
	border-bottom : 1px solid #b3b3b3 ;
	margin-bottom : 18px ;
	font-size : 115% ;
}

#faq_detail #main .faq_list {
	margin : 0 0 12px 15px ;
}

#faq_detail #main .faq_list li {
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
	padding : 6px 10px 6px 0 ;
}

#faq_detail #main .faq_list li a {
	padding-left : 16px ;
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
}

#faq_detail #main .faq_detail_list li {
	padding-bottom : 40px ;
	position : relative ;
}

#faq_detail #main .faq_detail_list li .button_box {
	position : absolute ;
	right : 0px ;
	bottom : 16px ;
	width : 95px ;
	height : 15px ;
}

#faq_detail .faq_question {
	background : url(../images/contents/support/faq_icon_question.png) 6px 0 no-repeat ;
	padding : 12px 10px 0 71px ;
	min-height : 49px ;
	height : auto !important ;
	height : 49px ;
	font-weight : bold ;
	font-size : 120% ;
	color : #ec4450 ;
}

#faq_detail .faq_answer {
	background : #d9f4f5 url(../images/contents/support/faq_icon_answer.png) 6px 2px no-repeat ;
	padding : 8px 10px 8px 71px ;
	min-height : 53px ;
	height : auto !important ;
	height : 53px ;
}

#faq_detail .faq_detail_list .faq_answer ul, #faq_detail .faq_detail_list .faq_answer ol {
	margin-bottom : 12px ;
}

#faq_detail .faq_detail_list .faq_answer li {
	padding : 2px 0 2px 16px !important;	
	background : url(../images/common/green_arrow_marker.png) 0px 5px no-repeat ;
}

#faq_detail .faq_detail_list .faq_answer p {
	text-indent : 0 ;
	margin-bottom : 1em ;
}

#faq_detail .faq_detail_list .faq_answer p.ssl_name {
margin-top:-15px;
}

#faq_detail .faq_detail_list .faq_answer h6 {
	padding : 4px 6px ;
	background-color : #fff ;
	border : 1px solid #ccc ;
	margin-bottom : 5px ;
}


#faq_detail .faq_answer strong {
	display : block ;
	font-weight : bold ;
	font-size : 120% ;
	color : #00b8bd ;
	margin-bottom : 5px ;
}

#faq_detail .faq_answer dl dt {
	font-weight : bold ;
}

#faq_detail .faq_answer pre.geoTrust {
	font-size:12px;
}

#faq_detail .faq_answer ul.site-seal-list{
	margin: -20px 0 -10px;
}

#faq_detail .faq_answer ul.site-seal-list li{
	background: none;
    list-style: disc;
    margin-left: 15px;
    padding-left: 0 !important;
}


/* -----------------------------------------------------------------
	payment_method
/* ----------------------------------------------------------------- */

#payment_method_list .section dl dt {
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#payment_method_list .section dl dd {
	padding : 8px ;
	margin-bottom : 15px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}


#payment_method .section dl dt {
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#payment_method .section dl dd {
	padding : 8px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#payment_method .section dl dd.list_end {
	border-bottom : 1px solid #b3b3b3 ;
}

#payment_method .section dl dd dt {
	line-height : 24px !important;
	padding : 5px 8px ;
	background : #dedede ;
	color : #333 ;
}

#payment_method .section dl dd dd {
	border-left : none ;
	border-right : none ;
	margin-bottom : 12px ;
}

#payment_method .section dl dd dd p {
	margin-bottom : 10px ;
}

#payment_method .section dl dd dd img {
	border : 1px solid #b3b3b3 ;
}

img.window {
	border: none!important;
}

#payment_flow .section dl dt {
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#payment_flow .section dl dd {
	padding : 8px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#payment_flow .section dl dd.list_end {
	border-bottom : 1px solid #b3b3b3 ;
}

#payment_flow .section dl dd dt {
	height : 24px !important;
	line-height : 24px !important;
	padding : 5px 8px ;
	background : #dedede ;
	color : #333 ;
}

#payment_flow .section dl dd dd {
	border-left : none ;
	border-right : none ;
	margin-bottom : 12px ;
}

#payment_flow .section dl dd dd p {
	margin-bottom : 10px ;
}

#payment_flow .section dl dd img {
	border : 1px solid #b3b3b3 ;
}

#payment_flow .section dl dd ul {
	margin-left : 20px ;
}

#payment_flow .section dl dd ul li {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding : 3px 0 3px 16px ;
}

.other_method_list {
	padding-top : 15px ;
}

.other_method_list h5 {
	border-left : 8px solid #00b8bd ;
	padding : 4px 6px ;
	background-color : #b9fbfd ;
	margin-bottom : 8px ;
}

.other_method_list ul {
	padding : 10px ;
	border: 1px solid #ccc ;
}

.other_method_list ul li {
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
	padding : 6px 10px 6px 0 ;
}

.other_method_list ul li a {
	padding-left : 16px ;
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
}


#update .section dl dt {
	height : 34px ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/common/main_title_long_common.png) left top no-repeat ;
	font-weight : bold ;
	color : #fff ;
}

#update .section dl dd {


	padding : 8px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#update .section dl dd.list_end {
	border-bottom : 1px solid #b3b3b3 ;
}

#update .section dl dd img {
	border : 1px solid #b3b3b3 ;
}

#update .section dl dd ul {
	margin-left : 20px ;
}

#update .section dl dd ul li {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding : 3px 0 3px 16px ;
}


/* -----------------------------------------------------------
	news_list
/* ----------------------------------------------------------- */

#news_all_list dl {
	border-bottom : 1px solid #b3b3b3 ;
}

#news_all_list dl dt {
	height : 30px ;
	line-height : 30px ;
	padding-left : 44px ;
	background : url(../images/contents/news/news_list_title_back.png) left top no-repeat ;
	font-weight : bold ;
	font-size : 115% ;
	color : #fff ;	
}

#news_all_list dl dd {
	padding : 5px 10px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#news_all_list dl dd li {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding : 3px 0 3px 16px ;
}

/* -----------------------------------------------------------
	mainte_list
/* ----------------------------------------------------------- */

#mainte_all_list dl {
	border-bottom : 1px solid #b3b3b3 ;
}

#mainte_all_list dl dt {
	height : 30px ;
	line-height : 30px ;
	padding-left : 44px ;
	background : url(../images/contents/news/news_list_title_back.png) left top no-repeat ;
	font-weight : bold ;
	font-size : 115% ;
	color : #fff ;	
}

#mainte_all_list dl dd {
	padding : 5px 10px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#mainte_all_list dl dd li {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding : 3px 0 3px 16px ;
}

/* -----------------------------------------------------------
	trouble_list
/* ----------------------------------------------------------- */

#trouble_all_list dl {
	border-bottom : 1px solid #b3b3b3 ;
}

#trouble_all_list dl dt {
	height : 30px ;
	line-height : 30px ;
	padding-left : 44px ;
	background : url(../images/contents/news/news_list_title_back.png) left top no-repeat ;
	font-weight : bold ;
	font-size : 115% ;
	color : #fff ;	
}

#trouble_all_list dl dd {
	padding : 5px 10px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
}

#trouble_all_list dl dd li {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding : 3px 0 3px 16px ;
}


/* -----------------------------------------------------------
	news_detail
/* ----------------------------------------------------------- */

#news_detail #main #news_archive {
	margin-bottom : 20px ;
}

#news_detail #main #news_archive h4 {
	background : url(../images/contents/news/news_detail_title_back.png) 0 0 ;
	font-weight : bold ;
	color : #fff ;
	padding  : 8px 12px ;
	font-size : 115% ;
	border-bottom : 1px solid #b3b3b3 ;
}

#news_detail #main #news_archive {
	border-bottom : 1px solid #b3b3b3;
	min-height : 250px ;
	height : auto !important;
	height : 250px ;
}

#news_detail #main #news_archive p {
	margin : 0 12px 10px ;
}


/* -----------------------------------------------------------
	mainte_detail
/* ----------------------------------------------------------- */

#mainte_detail #main #mainte_archive {
	margin-bottom : 20px ;
}

#mainte_detail #main #mainte_archive h4 {
	background : url(../images/contents/news/news_detail_title_back.png) 0 0 ;
	font-weight : bold ;
	color : #fff ;
	padding  : 8px 12px ;
	font-size : 115% ;
	border-bottom : 1px solid #b3b3b3 ;
}

#mainte_detail #main #mainte_archive {
	border-bottom : 1px solid #b3b3b3;
	min-height : 250px ;
	height : auto !important;
	height : 250px ;
}

#mainte_detail #main #mainte_archive p {
	margin : 0 12px 10px ;
}


/* ------------------------------------------------------------
	sitemap
/* ------------------------------------------------------------ */

#sitemap .left_column, #notfound .left_column {
	width : 287px ;
	float : left ;
	clear : both ;
}

#sitemap .right_column, #notfound .right_column {
	width : 287px ;
	float : right ;
}

#sitemap #main dl dt, #notfound #main dl dt {
    height: 34px;
    line-height: 34px;
    padding-left: 40px;
    background: url(../images/common/main_title_short_common.png) left top no-repeat;
    font-weight: bold;
    color: #fff;
}

#sitemap #main dl dd, #notfound #main dl dd {
	text-align : left ;
	margin-bottom : 20px ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sitemap #main dl dd li, #notfound #main dl dd li {
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
	padding : 8px 10px ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	margin : 0 ;
} 

#sitemap #main dl dd li.list_end, #notfound #main dl dd li.list_end {
	background : none ;
}

#sitemap #main dl dd li a, #notfound #main dl dd li a {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding-left : 16px ;
}

#sitemap #main dl dd ul.sub_list, #notfound #main dl dd ul.sub_list {
	padding : 5px 0 0 20px ;
}

#sitemap #main dl dd ul.sub_list li, #notfound #main dl dd ul.sub_list li {
	background : url(../images/common/sub_marker.gif) left 2px no-repeat ;
	padding : 2px 5px 2px 14px ;
	border : none ;
}

#sitemap #main dl dd ul.sub_list li a, #notfound #main dl dd ul.sub_list li a {
	background : none ;
	padding-left : 0 ;
}


/* ------------------------------------------------------------
	manual detail
/* ------------------------------------------------------------ */

#man_detail #main h5 {
	font-size : 120% ;
	line-height : 34px ;
	padding-left : 40px ;
	background : url(../images/contents/support/man_h5_back.png) 0 0 no-repeat ;
	margin-bottom : 10px ;
	color : #fff ;
}

#man_detail #main p {
	margin-bottom : 1em ;
}

#man_detail #main dl {
	padding : 10px 10px 0 ;
	border : 1px solid #b3b3b3 ;
	margin-bottom : 12px ;
}

#man_detail #main dt {
	font-weight : bold ;
	margin-bottom : 5px ;
}

#man_detail #main dd {
	margin : 0 0 10px 12px ;
}

#man_detail #main ul {
    margin: 0 10px 15px;
}

#man_detail #main ul.caution {
	margin: 0 ;
}

#man_detail #main ul.caution li {
	background : none ;
}

#man_detail #main ul li {
	padding-left : 14px ;
	background : url(../images/common/green_arrow_marker.png) 0 2px no-repeat ;
}

#man_detail #main ol {
	margin-left : 15px ;
	margin-bottom : 10px ;
}

#man_detail #main ol#ev li {
	margin-bottom: 30px;
}

#man_detail #main ol#ov li img {
	margin-top: 10px;
}

#man_detail #main ol#ov li {
	margin-bottom: 15px;
}

#man_detail #main ol#ev li img {
	margin-top: 10px;
}

#man_detail #main li {
	margin-bottom : 4px ;
}

#man_detail #main h6 {
	border-left : 8px solid #00b8bd ;
	padding : 4px 6px ;
	background-color : #b9fbfd ;
	margin-bottom : 10px ;
}

#man_detail #main .inner.inner-secondary h6 {
	margin-top: 30px;
}

#man_detail #main .inner.inner-secondary ol li:first-child h6 {
	margin-top: 0;
}

#man_detail #main .inner.inner-secondary:last-child {
	margin-bottom: 40px;
}

#man_detail #main table p {
	margin-bottom : 5px !important;
}

#man_detail #main table .border_box {
	margin-bottom : 5px !important;
}

#man_detail #main .border_box p, 
#man_detail #main .border_box ul {
	margin-bottom : 0 ;
}

#man_detail #main ul.border_box {
	padding : 8px 8px 4px ;
}

#man_detail #main .source_code {
	padding : 6px 8px ;
	background : #000 ;
	border : 1px solid #ccc ;
	color : #0f0 ;
}

#man_detail #main table th {
	width : 180px ;
}

#man_detail #main table td {
	text-align : left ;
}

#man_detail #main .man_img {
	border : 1px solid #ccc ;
	margin-bottom : 10px ;
}


#contents_wrapper #main .netowl_attention {
	border : 1px solid #b3b3b3 ;
	padding : 10px ;
	background : #ffe3e3 ;
	width : 600px !important;
}

#conditions .netowl_attention dt {
	height : auto ;
	line-height : inherit ;
	padding-left : 0px ;
	background : none ;
	color : red ;
}

.netowl_attention dt {
	font-weight : bold ;
	color : red ;
	font-size : 115% ;
}

#main .netowl_attention dd {
	padding : 0 !important;
	border-left : none !important;
	border-right : none !important;
	border-bottom : none !important;
	margin : 0 !important;
}

#main .netowl_attention p {
	margin-bottom : 12px ;
}

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

#main .netowl_attention ul li {
	background  :none ;
}

#main .netowl_attention ul li.indent_ajust {
	padding-left : 0.5em !important;
	text-indent : -0.5em !important;
}


#conditions #main .netowl_attention dd table {
	border-top : 1px solid #b3b3b3 ;
	border-left : 1px solid #b3b3b3 ;
	margin-bottom : 12px ;
} 

#conditions #main .netowl_attention dd table th {
	background-color : #fff0d9 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	width : auto ;
}

#conditions #main .netowl_attention dd table td {
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	background-image : none ;
	text-align : center ;
}

#main .netowl_attention table {
	background : #fff ;
}

#main .netowl_attention table .sub_th {
	width : 110px !important;
}

#main .netowl_attention table .main_th {
	width : 220px !important;
}

#main .certificate span.recommended_box {
    background-color: #ff6400;
    color: #fff;
    padding: 1px 3px;
    display: inline-block;
    margin-left: 3px;
    font-size: 11px;
}

#man_detail #main dl.certificate {
    margin-bottom: 5px;
}



/* 110122 ・孫卒端続辰・測・・造・造多造叩・・袖足 */

.discount_disp {
	padding : 2px 3px ;
	background : #ffa525 ;
	color : #fff ;
	font-size : 90% ;
	line-height : 13px ;
}


/* 110212 促俗促鱈促孫促谷臓村促・袖足尊・・・族・造・造多造叩造・・・袖足 */

#support_index .netowl_attention dl dt {
	height : auto ;
	line-height : normal ;
	padding-left : 0 ;
	background : none ;
	color : red ;
}

#support_index .netowl_attention dl dd li {
	background : none ;
	padding : 3px 0 ;
	border-left : none ;
	border-right : none ;
	margin : 0 ;
} 

#support_index .netowl_attention dl dd li a {
	background : none ;
	padding-left : 0 ;
}


/* 20140325 table・・族・ */

.table_lineup {
	border : 1px solid #969696 !important;
	border-collapse: collapse;
	width : 595px ;
}

.table_lineup td {
	border : 1px solid #969696 !important;
	border-collapse: collapse;
	background-image: none !important;
}
.table_lineup .diff_back td {
	background-color: #f3f3f3 !important;
}
.table_lineup th {
	border : 1px solid #969696 !important;
	border-collapse: collapse;
}


.table_lineup td.diff_back {
	background-color : #f3f3f3 !important;
	width : auto;
}


.price_title {
	background: url(../images/contents/service/price_title.png) left 2px no-repeat;
	padding-left: 10px;
	font-size: 13px;
	margin: 20px 0 10px;
	font-weight: bold;
}

/* 20150217 多揃促・促辿促坦促・・・族・ */
#top_service_list .service_area ul {
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
	float : left ;
	padding:0;
}

#top_service_list .service_area li {
	float : left ;
	width : 201px ;
	padding-right : 1px ;
	padding-left:1px;
	margin-right : 1px ;
	border-right : 1px solid #b3b3b3 ;
}

#top_service_list .service_area li.end {
	float : left ;
	width : 202px ;
	padding-right : 1px ;
	padding-left:0;
	margin-right : 0 ;
	border-right : 0 ;
}

#top_service_list .service_area {
	width : 410px ;
	float : left ;
	margin-bottom:10px;
}

#top_service_list .service_area_small {
	width : 205px ;
	float : right ;
	margin-bottom:10px;
}

#top_service_list .service_area ul {
	width : auto ;
}

#top_service_list .service_area_small ul {
	width : 201px ;
}

.brand {
	width:625px;
	padding:12px 0;
	border-bottom:1px solid #cccccc;
}

.brand .brand_logo {
	width:170px;
	float:left;
	padding-right:13px;
}

.brand .sevice_list {
	width:442px;
	float:left;
}

.brand .service {
	width:215px;
	float:left;
	margin-right:12px;
}

.brand .service.end {
	margin-right:0;
}

.brand .price_area {
	text-align:center;
	border:1px solid #cccccc;
	border-top:0;
	padding:8px 0;
}

.service h4 {
	margin-bottom:0!important;
}

.inner2 {
	padding:0 0px;
}

.inner3 {
	padding-left:5px;
}

.cetify_flow_list {
	margin : 0 0 30px 10px!important;
}
.cetify_flow_list li {
	padding-left : 16px ;
	background : url(../images/common/flow_arrow_icon.png) left center no-repeat!important;
	font-size : 110% ;
}


#man_detail #main ul.normalize {
	margin: 0px;
	padding: 0;
}

#man_detail #main ul.normalize li {
	margin: 0;
	padding: 0;
	background: none;
}

#man_detail #main ul.normalize dl {
	margin: 0;
	padding : 0;
	border : none;
}

#man_detail #main ul.normalize dt {
	margin: 0 5px 0;
	font-weight: normal;
}

#man_detail #main ul.cetify_flow_list2 {
	margin : 0 0 30px 10px;
	padding: 10px;
	border: 1px solid #b3b3b3;
}

#man_detail #main ul.cetify_flow_list2 li {
	font-size : 110% ;
	margin-bottom: 10px;
}

#man_detail #main ul.cetify_flow_list2 dt {
	padding-left: 15px;
	background : url(../images/common/flow_arrow_icon.png) left center no-repeat;
}

#man_detail #main ul.cetify_flow_list2 dd {
	background : url(../images/common/sub_marker.gif) left 2px no-repeat ;
	margin: 0 0 2px 12px;
	padding-left : 14px;
}

#man_detail #main ul.cetify_flow_list2 dt {
	padding-left: 15px;
	background : url(../images/common/flow_arrow_icon.png) left center no-repeat;
}

p.category-ttl {
	margin-bottom: 15px;
	padding: 0 0 3px 0;
	color: #00b8bd;
	border-bottom: 2px solid #b3b3b3;
	font-size: 130%;
	font-weight: bold;
}

#man_detail #main ul.ov_ev .title{
    background: #d9d9d9;
    padding: 3px 0 0 10px;
}

#man_detail #main ul.ov_ev {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #b3b3b3;
}

#man_detail #main ul.ov_ev.registration {
	padding: 0;
    margin: 3px 0 0;
}

#man_detail #main ul.ov_ev li {
    margin-bottom: 10px;
}

#man_detail #main ul li.caution {
    background: none;
}

#man_detail #main li .gray-bk {
	margin-bottom: 0;
	padding: 8px;
    background-color: #dcdddd;
}

#man_detail #main li .gray-bk02 {
	margin: 30px 0 15px;
	padding: 4px;
    background-color: #dcdddd;
}

p.border-waku {
	margin: 0 0 0 0;
	padding: 8px;
	border: 1px solid #b3b3b3;
}

div.filename{
	margin: 0 0 0 0;
	padding: 12px;
	border: 1px solid #b3b3b3;
}

div.filename.authentication{
	padding: 0 0 10px 0;
}

#main div.filename table{
    border-spacing: 0;
}

#man_detail #main div.filename table th{
    width: 110px;
}


#man_detail #main div.filename table ul li{
    list-style: disc;
    background: none;
    padding: 0;
}

#man_detail #main div.filename p.title{
    background: #d9d9d9;
    padding: 3px 0 3px 10px;
    margin-bottom: 5px;
}

.call-certify {
	border: 1px solid #b3b3b3;
	padding: 10px;
}

#man_detail #main ul li.download{
    list-style: disc;
    margin: 0 0 0 15px;
}

#man_detail #main ul li.download:first-child{
    margin-top: -5px;
}

#man_detail #main .call-certify ol li,
#man_detail #main .call-certify ul li {
	margin-bottom: 10px;
}

#man_detail #main .call-certify ul li {
	margin-left: 17px;
	list-style-type: disc;
}

#man_detail #main ul.normalize li:last-child,
#man_detail #main .call-certify li:last-child,
#man_detail #main ul.normalize dd:last-child {
	margin-bottom : 0;
}

div.ev-sp01 {
	margin: 10px 0 30px; 
	padding: 10px 15px;
	border: 1px solid #b3b3b3;
}

div.ev-sp01 span {
	margin-left: 5px;
    padding: 2px 4px;
	background-color: #ff9600;
	color: #fff;
}

#man_detail #main div.ev-sp01 p,
#man_detail #main p.arrow-text {
	margin: 10px 0 0 0;
	padding-left : 14px ;
	background : url(../images/common/green_arrow_marker.png) 0 2px no-repeat ;
}

#man_detail #main p.list-mark {
	margin: 0 0 0 10px;
	padding-left : 14px ;
	background : url(../images/common/green_arrow_marker.png) 0 2px no-repeat ;
}

#man_detail #main p.articles_flow{
    background : url(../images/common/green_arrow_marker.png) 0 2px no-repeat;
    padding-left:13px;
    margin: 3px 0 0 0;
}

#man_detail #main dd.lawyer_flow{
    background : url(../images/common/green_arrow_marker.png) 0 2px no-repeat;
    padding-left:13px;
    margin-top: -10px;
}

#man_detail #main p.login{
    background : url(../images/common/green_arrow_marker.png) 0 2px no-repeat;
    padding-left:13px;
    margin-bottom: 0;
}

div.ev-sp02 {
	margin-bottom:15px;
	padding: 8px;
	border: 1px solid #b3b3b3;
	background-color: #fef7f2;
}

ul.registration div.ev-sp02 {
	border: none;
	margin-bottom:10px;
}

#man_detail #main div.ev-sp02 p {
	margin: 0;
	padding-left: 20px;
	color: #ff9600;
	background : url(../images/contents/service/caution.png) 0 1px no-repeat ;
}

#man_detail #main p.warn01,#main div.warn02 {
	margin-bottom: 20px;
	padding: 8px;
	border: 1px solid #b3b3b3;
	background-color: #ffe3e3;
}

#man_detail #main div.warn02 ul li{
    background: none;
    list-style: disc;
    padding-left: 0;
    margin-left: 10px;
}


#man_detail #main .inner.inner-secondary p.ev-sp03 {
	margin: 5px 5px 15px;
	padding: 8px;
	border: 1px solid #b3b3b3;
}

.cetify_sub_ttl {
	background : url(../images/common/circle_marker.png) left center no-repeat ;
	padding-left : 20px ;
	font-size : 120% ;
	margin : 0 0 8px 0 ;
	font-weight:bold;
}

.cetify_sub_ttl.securecore_ttl {
	background : url(../images/contents/about/circle_marker_securecore.png) left center no-repeat ;
    padding-left: 15px;
    margin-bottom: 5px;
}

.cetify_sub_ttl.mb5 {
    margin-bottom: 5px;
}

.cetify_sub_ttl.mt20 {
    margin-top: 20px;
}

.certify_table {
	border:1px solid #cccccc;
	border-collapse:collapse;
}

.certify_table td {
	border-right:1px solid #cccccc;
	padding:10px;
	text-align:center!important;
}

.certify_table td.end {
	border-right:none;
}

.cross_root {
	border:1px solid #cccccc;
	padding:8px;
}

.brand_anchor {
	display:block;
	width:150px;
	height:24px;
	line-height:24px;
	text-align:center;
	background-color:#31629b;
	color:#fff;
	margin-top:10px;
}

.brand_anchor:hover {
	background-color:#4a93cd;
}

/* 20150521 ComodoPR・・族・ */
.top_service_list_text-color {
	color:#ff6e52;
}

/* 20150630 404促・臓村促存・・族・ - */
#notfound #contents_wrapper #main {
    width: 900px ;
    margin: 0 ;
}

#notfound .left_column,
#notfound .right_column {
	width : 400px ;
}

#notfound #main h6 {
    margin-bottom: 1em ;
    padding: 2px 4px;
    border: 1px solid #b3b3b3 ;
}
.notfound_sitemap_wrap{
    margin: 0 0 50px;
}
#notfound #contents_wrapper .inner .inner {
    padding: 0 15px ;
}
#notfound #main dl dt {
    height: 36px ;
    line-height: 36px ;
    background: url(../images/contents/home/dt_title_notfound.png) left top no-repeat;
}
#notfound #main dl dd, #notfound #main dl dd li {
    border: none ;
}

.service_list { width: 625px; }

.service_item-l {
    float: left;
    width: 625px;
    margin-bottom: 11px;
}

.service_item {
    float: left;
    width: 201px;
    margin-bottom: 11px;
    margin-right: 11px;
}

.service_contents {
    padding: 9px;
    border-bottom: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}

.picup {
	width: 595px;
	margin-top: 30px;
}

.picup_item {
	float: left;
	width: 250px;
	margin-right: 15px;
}

.picup_contents {
	width: 206px;
	padding: 0 21px 21px 21px;
	border-bottom: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}

.picup_block {
	width: 515px;
	margin: 0 auto;
}


/* 20180426 促袖臓村促・促孫他・族丹 */

.service-menu {
	margin-top: 10px;
	border: 1px solid #b3b3b3;
    margin-bottom: 30px;
}

#main .service-menu .inner {
	padding: 20px 20px 5px 20px;
}

.service-menu h5 {
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}

#service_intro #main .service-menu h5 img {
	margin-left: 10px;
	vertical-align: -15%;
}

.service-menu.domain h5 {
    background: #c83737; /* Old Browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c83737), color-stop(0.53, #c83737), color-stop(0.50, #ce4b4b), color-stop(0.00, #ce4b4b));
    background: -webkit-linear-gradient(top, #ce4b4b 0%, #ce4b4b 50%, #c83737 53%, #c83737 100%);
    background: -moz-linear-gradient(top, #ce4b4b 0%, #ce4b4b 50%, #c83737 53%, #c83737 100%);
    background: -o-linear-gradient(top, #ce4b4b 0%, #ce4b4b 50%, #c83737 53%, #c83737 100%);
    background: -ms-linear-gradient(top, #ce4b4b 0%, #ce4b4b 50%, #c83737 53%, #c83737 100%);
    background: linear-gradient(to bottom, #ce4b4b 0%, #ce4b4b 50%, #c83737 53%, #c83737 100%);
}

.service-menu.ov h5 {
    background: #2773b0; /* Old Browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2773b0), color-stop(0.53, #2773b0), color-stop(0.50, #3d81b8), color-stop(0.00, #3d81b8));
    background: -webkit-linear-gradient(top, #3d81b8 0%, #3d81b8 50%, #2773b0 53%, #2773b0 100%);
    background: -moz-linear-gradient(top, #3d81b8 0%, #3d81b8 50%, #2773b0 53%, #2773b0 100%);
    background: -o-linear-gradient(top, #3d81b8 0%, #3d81b8 50%, #2773b0 53%, #2773b0 100%);
    background: -ms-linear-gradient(top, #3d81b8 0%, #3d81b8 50%, #2773b0 53%, #2773b0 100%);
    background: linear-gradient(to bottom, #3d81b8 0%, #3d81b8 50%, #2773b0 53%, #2773b0 100%);
}

.service-menu.ev h5 {
    background: #0b8043; /* Old Browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0b8043), color-stop(0.53, #0b8043), color-stop(0.50, #238d56), color-stop(0.00, #238d56));
    background: -webkit-linear-gradient(top, #238d56 0%, #238d56 50%, #0b8043 53%, #0b8043 100%);
    background: -moz-linear-gradient(top, #238d56 0%, #238d56 50%, #0b8043 53%, #0b8043 100%);
    background: -o-linear-gradient(top, #238d56 0%, #238d56 50%, #0b8043 53%, #0b8043 100%);
    background: -ms-linear-gradient(top, #238d56 0%, #238d56 50%, #0b8043 53%, #0b8043 100%);
    background: linear-gradient(to bottom, #238d56 0%, #238d56 50%, #0b8043 53%, #0b8043 100%);
}

.service-menu .menu-intro {
	position: relative;
}

.service-menu .menu-intro p.left {
	width: 42px;
	float: left;
}

.service-menu .menu-intro p.right {
	float: left;
	margin: 3px 0 0 5px;
	padding: 0px 0 3px 5px;
	width: 500px;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 2px solid #d9d9d9;
}

.service-menu.domain .menu-intro p.right { color: #c83737; }

.service-menu.ov .menu-intro p.right { color: #2773b0; }

.service-menu.ev .menu-intro p.right { color: #0b8043; }

p.feature_img {
	position: absolute;
	top: -10px;
	left: 480px;
}

p.feature_text {
	clear: left;
	margin: 10px 0 0 0;
	width: 470px;
	font-size: 110%;
}

#main .dv-menu{
    background-color: #f9ebeb;
    padding: 15px 20px;
}

#main .dv-menu-left{
    float: left;
    margin-right: 15px;
    border-right: dotted 1px #333333;
    padding-right: 15px;
}

#main .dv-menu-right{
    float: left;
    margin-top: 5px;
}

#main .dv-menu-right ul li{
    background: url(../images/contents/index/dv_checkbox.png) no-repeat 0% 40%;
    padding-left: 20px;
    font-size: 14px;
}

#main .dv-menu-right ul li strong{
    color: #c83737;
}

#main .dv-service-menu{
    background-color: #f9ebeb;
    padding: 15px 20px;
}

#main .dv-service-menu-left{
    float: left;
}

#main .dv-service-menu-left ul li{
    background: url(../images/contents/service/dv_checkbox.png) no-repeat 0% 40%;
    padding-left: 23px;
    font-size: 16px;
}

#main .dv-service-menu-left ul li strong{
    color: #c83737;
}

#main .dv-service-menu-right{
    float: left;
    margin: -25px 0 -10px -20px;
    width: 148px;
}

#main .ov-menu{
    background-color: #e9f1f7;
    padding: 15px 20px;
}

#main .ov-menu-left{
    float: left;
    margin-right: 15px;
    border-right: dotted 1px #333333;
    padding-right: 15px;
}

#main .ov-menu-right{
    float: left;
    margin-top: 5px;
}

#main .ov-menu-right ul li{
    background: url(../images/contents/index/ov_checkbox.png) no-repeat 0% 40%;
    padding-left: 20px;
    font-size: 14px;
}

#main .ov-menu-right ul li strong{
    color: #2773b0;
}

#main .ov-service-menu{
    background-color: #e9f1f7;
    padding: 15px 20px;
}

#main .ov-service-menu-left{
    float: left;
}

#main .ov-service-menu-left ul li{
    background: url(../images/contents/service/ov_checkbox.png) no-repeat 0% 40%;
    padding-left: 23px;
    font-size: 16px;
}

#main .ov-service-menu-left ul li strong{
    color: #2773b0;
}

#main .ov-service-menu-right{
    float: left;
    margin: -25px 0 -10px -5px;
    width: 148px;
}

#main .ev-menu{
    background-color: #e7f2ec;
    padding: 10px 20px;
}

#main .ev-menu-left{
    float: left;
    margin: 13px 15px 0 0;
}

#main .ev-menu-right{
    float: left;
    border-left: dotted 1px #333333;
    margin-top: 5px;
    padding-left: 15px;
}

#main .ev-menu-right ul li{
    background: url(../images/contents/index/ev_checkbox.png) no-repeat 0% 40%;
    padding-left: 20px;
    font-size: 14px;
}

#main .ev-menu-right ul li strong{
    color: #0b8043;
}

#main .ev-service-menu{
    background-color: #e7f2ec;
    padding: 15px 20px;
}

#main .ev-service-menu-left{
    float: left;
}

#main .ev-service-menu-left ul li{
    background: url(../images/contents/service/ev_checkbox.png) no-repeat 0% 40%;
    padding-left: 23px;
    font-size: 16px;
}

#main .ev-service-menu-left ul li strong{
    color: #0b8043;
}

#main .ev-service-menu-right{
    float: left;
    margin: -25px 0 -10px -5px;
    width: 148px;
}

#main .service-menu table {
	border-collapse: collapse;
	border: none;
}

#main .service-menu table th {
	padding: 10px 0;
	line-height: 1.4;
	border: none;
	font-weight: bold;
	background-color: #fff;
}

#main .service-menu table td {
	padding: 10px 7px 10px 0;
	line-height: 1.4;
	border: none;
	background-color: #fff;
}

#main .service-menu table th{
    width: 36px;
}

#main .service-menu table th span.recommended_box{
    background-color: #ff6400;
    color: #fff;
    padding: 4px;
    display: inline-block;
    font-size: 11px;
}

#main .service-menu table tr.recommended_line {
	background-color: #fff7ec;
}

#main .service-menu table th span.no1_box{
    background-color: #d72525;
    color: #fff;
    padding: 4px;
    display: inline-block;
    font-size: 11px;
}

#compare_wrapper table td span.recommended_box2{
    background-color: #ff6400;
    color: #fff;
    padding: 1px 5px;
    margin: 3px 0 2px;
    display: inline-block;
    font-size: 11px;   
}

#compare_wrapper table td span.no1_box{
    background-color: #d72525;
    color: #fff;
    padding: 1px 5px;
    margin: 3px 0 2px;
    display: inline-block;
    font-size: 11px;   
}

#main .service-menu table th span.campaign_box {
    display: inline-block;
    padding: 5px;
    background-color: #ff4605;
    color: #fff;
    font-size: 11px;
}

#compare_wrapper table td span.campaign_box2 {
    display: inline-block;
    padding: 1px 5px;
    margin: 3px 0 2px;
    background-color: #ff4605;
    color: #fff;
    font-size: 11px;   
}

#main .service-menu table td {
	background: url(../images/common/dot_line_x.gif) bottom repeat-x;
}

#main .service-menu table th.recommended {
	background: url(../images/common/dot_line_x.gif) bottom repeat-x;
}

#main .service-menu table tr:last-child td,
#main .service-menu table tr:last-child th {
	background: none;
	padding-bottom: 0;
}

#main .service-menu table td.list-name {
	font-weight: normal;
	text-align: left;
}

#main .service-menu table td.site-seal {
	font-size: 130%;
	font-weight:bold;
}

#main .service-menu table tr.col th {
	padding: 7px 3px;
	background-color: #d9d9d9;
	font-weight: normal;
}

#main .service-menu table td span {
	color: #333;
	font-size: 210%;
	margin: 0 3px;
	font-weight:bold;
}
#main .service-menu table td span.campaign_txt { color: #ff4605; }

#main .service-menu table td a {
    display: block;
    width: 70px;
    height: 30px;
    margin: 0 auto;
	padding-right: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #999;
    background-color: #fff;
    color: #666;
    line-height: 30px;
    text-decoration: none;
	position: relative;
	letter-spacing: 2px;
}

#main .service-menu table td a:hover { background: #eee; }

#main .service-menu table td a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 75%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top:2px solid #666;
  border-right:2px solid #666;
	-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 20180426 SSL他・・・遜単造・属狸・歎造・造続造・造辿促・促多促坦*/
p.list-btn {
	margin: 0 0 40px;
}

p.list-btn a {
    display: block;
    width: 230px;
    height: 36px;
    margin: 0 auto;
    background: #ffae00;
    color: #fff;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
    letter-spacing: 1px;
	border: 1px solid #ff9600;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff9600), color-stop(0.53, #ff9600), color-stop(0.50, #ffb64d), color-stop(0.00, #ffb64d));
    background: -webkit-linear-gradient(top, #ffb64d 0%, #ffb64d 50%, #ff9600 53%, #ff9600 100%);
    background: -moz-linear-gradient(top, #ffb64d 0%, #ffb64d 50%, #ff9600 53%, #ff9600 100%);
    background: -o-linear-gradient(top, #ffb64d 0%, #ffb64d 50%, #ff9600 53%, #ff9600 100%);
    background: -ms-linear-gradient(top, #ffb64d 0%, #ffb64d 50%, #ff9600 53%, #ff9600 100%);
    background: linear-gradient(to bottom, #ffb64d 0%, #ffb64d 50%, #ff9600 53%, #ff9600 100%);
}

p.list-btn a:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}

/* 20180426 袖臓・遜臓側・・其但・脱続・属狸・歎 */

#compare_wrapper {
	width:1100px;
	margin:0 auto;
}

#compare_wrapper h1 {
	text-align:left;
	padding:10px 0;
}

#compare_wrapper h2.compare_ttl {
	border:1px solid #ccc;
	padding:5px 8px;
	font-size:17px;
	color:#4d4d4d;
	margin-bottom:15px;
	text-align:left;
}

#compare_wrapper h2.compare_ttl span {
    display: block;
    border-left: 3px solid #00b8bd;
    padding-left: 5px;
}

#compare_wrapper table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

#compare_wrapper table th,
#compare_wrapper table td {
	padding: 5px 0px;
	border: solid 1px #ccc;
}

#compare_wrapper table th {
	color: #fff;
	background-color: #00b8bd;
}

#compare_wrapper table th.year1 { background-color: #0097ba; }

#compare_wrapper table th.year2 { background-color: #00bc78; }

#compare_wrapper table tr:nth-child(even){
	background-color: #f2f2f2;
}

#compare_wrapper table tr td.domain{ background-color: #f9ebeb; }
#compare_wrapper table tr td.ov{ background-color: #e9f1f7; }
#compare_wrapper table tr td.ev{ background-color: #e7f2ec; }

#compare_wrapper table td.brand-logo{
	background-color: #fff;
}

#compare_wrapper table td.brand-logo2{
	background-color: #fff;
}

#compare_wrapper table td.brand-logo img{
	width: 65%;
}

#compare_wrapper table td.brand-logo2 img{
	width: 75%;
}

#compare_wrapper table td.logo{
	background-color: #fff;
	height: 45px;
}

#compare_wrapper p {
	margin: 10px 0 30px 20px;
	text-align: right;
}

address {
	text-align:center;
	font-size:13px;
	font-style:normal;
	margin-top:30px;
}


/* 20180426 let's encrypt */

.picup ul li p.lets_subttl {
	color: #fff;
	text-align: center;
	line-height: 2.8;
	font-size: 115%;
	font-weight: bold;
    background: #00b8bd; /* Old Browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #00b8bd), color-stop(0.53, #00b8bd), color-stop(0.50, #26c3c7), color-stop(0.00, #26c3c7));
	background: -webkit-linear-gradient(top, #26c3c7 0%, #26c3c7 50%, #00b8bd 53%, #00b8bd 100%);
	background: -moz-linear-gradient(top, #26c3c7 0%, #26c3c7 50%, #00b8bd 53%, #00b8bd 100%);
	background: -o-linear-gradient(top, #26c3c7 0%, #26c3c7 50%, #00b8bd 53%, #00b8bd 100%);
	background: -ms-linear-gradient(top, #26c3c7 0%, #26c3c7 50%, #00b8bd 53%, #00b8bd 100%);
	background: linear-gradient(to bottom, #26c3c7 0%, #26c3c7 50%, #00b8bd 53%, #00b8bd 100%);
}

.picup ul li dl {
	padding: 15px 0 20px;
}

.picup ul { margin-top: 15px; }

.picup ul li dt.detail {
	margin-bottom: 10px;
	padding: 8px 0 10px;
	color: #4c4c4c;
	font-size: 145%;
	font-weight: bold;
	line-height: 1.4;
}

.picup ul li dt.detail {
	font-size: 160%;
	padding: 2px 0 10px;
}

.picup ul li dt.detail span {
	display: inline-block;
	width: 80px;
	padding: 3px 0 4px;
	line-height: 1.4;
	color: #fff;
	font-size: 10px;
	margin-right: 5px;
}

.picup ul li dt.detail span:last-child { margin-right: 0; }

.picup span.domain { background-color: #c83737; }

.picup span.ev { background-color: #0b8043; }

.picup span.seal { background-color: #91c31e; }

.picup span.security { background-color: #15b683; }

.picup span.wild { background-color: #f09d0b; }

.picup ul li {
	float: left;
	margin: 0 20px 25px 0;
	width: 300px;
	border: 1px solid #b4b6b8;
	text-align: center;
}

.picup ul li {
	width: 285px;
}

.picup ul li:nth-child(even) {
	margin-right: 0;
}

.top-menu li dd.price span {
	color: #ff9600;
	font-size: 240%;
	margin: 0 3px;
}

.picup ul li dd.detail a {
	margin-bottom: 10px;
    display: block;
    width: 102px;
    height: 30px;
    margin: 0 auto;
	padding-left: 18px;
    background: #ffae00;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
	position: relative;
	letter-spacing: 2px;
}

.picup ul li dd.detail a {
	width: 120px;
	height: 36px;
	font-size: 130%;
	padding-left: 30px;
	line-height: 36px;
}

.picup ul li dd.detail a:hover { background: #ffbf4d; }

.picup ul li dd.detail a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 85%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* -----------------------------------------------------------
	affiliate
/* ----------------------------------------------------------- */

#contents_wrapper .affiliate table td.part{
	width: 20%;
	background: #f2f2f2;
}

#contents_wrapper .affiliate table td.product{
	width: 40%;
    text-align: left;
	background: #fff;
}
#contents_wrapper .affiliate table td.reward{
	text-align: left;
	background: #fff;
}

#contents_wrapper .affiliate table td .fee_amount{
    color: #ff9600;
    font-size: 190%;
    font-weight: bold;
}

.box_affiliate {
	padding: 2rem;
	border: 1px solid #b3b3b3;
	background-color: #fff0d9;
	margin-bottom: 2rem;
}

.box_affiliate p {
	text-align: center;
}

/* -----------------------------------------------------------
	SSLとは
/* ----------------------------------------------------------- */

.security_diagnosis{
    background: url(../images/contents/about/about_ssl_img_border.png) repeat-x top,url(../images/contents/about/about_ssl_img_border.png) repeat-x bottom #f7fdfd;
    margin-top: 30px;
    position: relative;
}

.security_diagnosis .pickup{
    position: absolute;
    top: -25px;
    left: 91px;
}

#service_intro #main .security_diagnosis .pickup{
    top: -22px;
    left: 40px;
}

.security_diagnosis .title{
    font-size: 18px;
    font-weight: bold;
    color: #1db9bc;
    text-align: center;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

#service_intro #main .security_diagnosis .title{
    padding-bottom: 0;
}

.security_diagnosis .title span{
    background: linear-gradient(transparent 60% , #fce28e 0%);
}


.security_diagnosis .inner_security_diagnosis{
    padding: 15px;
}

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

.securecore{
    background: #fff;
    border: 1px solid #0a84c8;
    margin-top: 10px;
    padding: 15px;
}

.securecore .title{
    font-size: 16px;
    font-weight: bold;
    color: #0a84c8;
    text-align: center;
    padding-bottom: 3px;
    letter-spacing: 1px;
    border-bottom: 1px solid #0a84c8;
    margin-bottom: 10px;
}

img.window{
    position: relative;
    top: 4px;
    left: 1px;
    padding-right: 3px;
}

#service_intro #main .securecore .window{
    padding-right: 3px;
}

.securecore ul li{
    display: inline-block;
    padding: 3px 6px;
    color: #fff;
    margin: 3px 0 0 5px;
}

.securecore ul li.dv{ background: #c83737;}
.securecore ul li.ov{ background: #2773b0;}
.securecore ul li.ev{ background: #0b8043;}

.securecore .lineup{
    padding: 0 70px;
    margin-bottom: 10px;
}

p.note{
    text-indent: -1em;
    padding-left: 1em;
    font-size: 11px;
}

.securecore .siteseal{
    display: inline-block;
    border: 1px solid #0a84c8;
    margin: 0 56px 15px;
}

.siteseal p{
    font-size: 14px;
    font-weight: bold;
    color: #0a84c8;
    background-color: #e6f2f9;
    border-right: 1px solid #0a84c8;
    padding: 40px 10px;
}

.siteseal dl{
    padding: 13px;
}

.siteseal dl{
    padding: 13px;
}

.siteseal dl.done{
    border-right: 1px dotted #b7b7b7;
}

.siteseal dl dt{
    text-align: center;
    background: #ff9600;
    padding: 5px 8px;
    color: #fff;
    line-height: 14px;
    position: relative;
}

.siteseal dl dt.gray{
    background: #898989;
}

.siteseal dl dt:after{
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff9600;
}

.siteseal dl dt.gray:after{
    border-top: 10px solid #898989;
}
.securecore_lineup {
    display: flex;
    justify-content: space-between;
}
.securecore_lineup dl{
    display: flex;
    width: 180px;
    font-size: 11px;
}

.securecore_lineup dl.dv{border: 1px solid #c83737;}
.securecore_lineup dl.ov{border: 1px solid #2773b0;}
.securecore_lineup dl.ev{
    border: 1px solid #0b8043;
    margin: 0;
}


.securecore_lineup dt{
    display: inline-block;
    padding: 5px 0 0 5px;
    text-align: center;
    position: relative;
    top: 2px;
    flex-basis: 35%;
}

.securecore_lineup dd{
    display: inline-block;
    padding: 7px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    flex-basis: 65%;
}

.securecore_lineup dd img{
    position: absolute;
    top: 15px;
    right: 10px;
}

.securecore_lineup dl.ev dd img{
    /* position: relative; */
    /* left: 28px; */
}

.securecore_lineup dl.dv dd{background: #c83737;}
.securecore_lineup dl.ov dd{background: #2773b0;}

.securecore_lineup dl.ev dd{
    background: #0b8043;
    /* padding-right: 21px; */
}


/* -----------------------------------------------------------
	サービス紹介
/* ----------------------------------------------------------- */

.securecore_security{
    border: 1px solid #0a84c8;
    margin: 10px auto 0;
    width: 580px;
}

.securecore_security p{
   text-align: center;
}

.securecore_security p.ttl{
    background-color: #e6f2f9;
    color: #0a84c8;
    padding: 5px 0;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #0a84c8;
}

.securecore_security .siteseal{
    border: none;
    display: inline-block;
    text-align: center;
    margin: 0 53px 10px;
}

.securecore_security .siteseal dl{
    padding: 0;
}

.securecore_security .siteseal dl.done{
    padding-right: 10px;
}

.securecore_security .siteseal dl dt{
    padding: 5px 20px;
}

#service_feature_list .siteseal dd{
    overflow: visible;
}

#service_feature_list .siteseal dt{
    width: auto;
    margin: 0 0 8px 0;
}

/* ----------------------------------------------------------
サイトシール
------------------------------------------------------------- */
.sub_contents_siteseal{
	text-align: center;
	border: 1px solid #b3b3b3;
	padding: 13px;
}

/* ----------------------------------------------------------
更新料金追加
------------------------------------------------------------- */
.price-block_ttl{
	margin: 0 0 10px;
	padding: 9px 10px;
	background: #fff7ec;
	font-weight: bold;
}

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

}

.btn_disabled {
	opacity: 0.5;
	pointer-events: none;
}


/* ----------------------------------------------------------
アコーディオン
------------------------------------------------------------- */
#man_detail #main h6.js--accordion{
	cursor: pointer;
	position: relative;
}
#man_detail #main h6.js--accordion .ico {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
	position: absolute;
	right:24px;
	top:50%;
	margin-top:-.3em;
	transition:all .3s ease-in;
}
#man_detail #main h6.js--accordion .ico:before,
#man_detail #main h6.js--accordion .ico:after{
	content:"";
	display:block;
	width:14px;
	height:2px;
	background:#00b8bd;
	position:absolute;
}
#man_detail #main h6.js--accordion .ico:before{
	transform:rotate(90deg);
}
#man_detail #main h6.js--accordion.is--open .ico:before{
	transform:rotate(180deg);
}
#man_detail #main h6.js--accordion + .inner{
	display:none;
}
#man_detail #main h6.js--accordion.is--open + .inner{
	display:block;
}

/* tab */

.supportTabArea .supportTabWrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.supportTabArea .tab-label {
	background: #f1f1f1;
	margin-left: 10px;
	padding: 8px 20px;
	font-size: 13px;
	font-weight: bold;
	order: -1;
	border-radius: 4px 4px 0 0;
	border: 1px solid #ccc;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.supportTabArea .tab-label:nth-child(2) {
	 margin-left:14px;
 }

@media screen and (min-width: 768px) {
	.supportTabArea .tab-label {
		padding: 8px 10px;
		margin-left: 8px;
	}

	.supportTabArea .tab-label:nth-child(2) {
		margin-left:8px;
	}
}

.supportTabArea .supportTabContents {
	width: 100%;
	display: none;
	padding:20px 0 0;
	border-top:1px solid #ccc;
	margin-top:-1px;
	position:relative;
	z-index:0;
}

.supportTabArea .tab-switch:checked + .tab-label {
	color: #4a75a7;
	background: #fff;
	border-bottom-color: #fff;
	cursor: pointer;
}

.supportTabArea .tab-switch:checked + .tab-label i:before {
	 content:unicode(e604);
}

.supportTabArea .tab-switch:checked + .tab-label + .supportTabContents {
	display: block;
}

.supportTabArea .tab-switch {
	display: none;
}

/* --------------------------------------------------------------------
	rule
/* -------------------------------------------------------------------- */

.rule_page_title {
	color: #CCEBEC;
	font-size: 30px;
	text-align: left;
	width: 900px;
	margin: .5rem auto;
}

.rule_mokuji {
	margin: 2rem 0;
}

.rule_mokuji li {
	margin: .2rem 0;
}

.rule_h4 {
	color: #fff;
	font-size: 24px;
	background: #00B8BD;
	font-weight: bold;
	padding: .5rem 1rem;
}

.rule_h5 {
	color: #00B8BD;
	font-size: 20px;
	border-bottom: 3px #00B8BD solid;
	margin-bottom: 2rem;
}

.rule_h6 {
	font-weight: bold;
	font-size: 14px;
	margin: 1rem 0 .5rem;
}

.rule_h6:before {
	content: "";
	box-sizing: border-box;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 7px;
	border: 3px solid #00B8BD;
	border-radius: 6px;
}

.rule_article_body {
	padding: 0 0 0 1.1rem;
}

.rule_article_body ol {
	padding: 0 0 0 .7rem;
}

.rule_article_body ul {
	padding-left: 1.1rem;
	margin: .5rem 0;
}

.rule_article_body ul li {
	list-style: disc outside;
}

.rule_note_list {
	font-size: 11px;
	margin: 1rem 0;
	padding-left: 0!important;
}

.rule_note_list li {
	list-style: none!important;
}

/* 当サイトのご利用について　25.10 追加 */

.info-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.info-table th,
.info-table td {
	border: 1px solid #ccc;
	vertical-align: top;
	text-align: left!important;
}

.info-table th {
	font-weight: bold;
}

.info-table ul {
	margin: 0;
	padding-left: 20px;
}

/* 会社概要 25.10 追加 */

.company-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

.company-table th,
.company-table td {
	border: 1px solid #ccc;
	text-align: left!important;
	vertical-align: top;
}

.company-table th {
	width: 20%;
	font-weight: bold;
}

.company-table td {
	width: 80%;
}

.company-table p {
	margin: 0 0 12px;
}

.company-table a {
	color: #0066cc;
	text-decoration: underline;
}

.company-table a:hover {
	text-decoration: none;
}