@charset "euc-jp";

/* --------------------------------------------------------------------
	Copyright 2010 Netowl corporation
	SSLBOX base.css
/* -------------------------------------------------------------------- */

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

body {
	font-size : 75% ;
	line-height : 1.6 ;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" ;
	text-align : center ;
	color : #333 ;
	border-top : 10px solid #00b8bd ;
}
body.netowl-header_enabled { border-top: none; }
#netowl-header { border-bottom: 10px solid #00b8bd !important; } 

a {
	outline : none ;
	text-decoration : none ;
}

a img {
	border : none ;
}

ul li {
	list-style : none ;
}

img {
	vertical-align : top ;
}

p {
	text-align : left ;
}

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

p.chapter_end {
	margin-bottom : 20px ;
}

p.comment {
	text-indent : -1em ;
	padding-left : 1em ;
}

/* --------------------------------------------------------------------
	ÈÆÍÑ¥¹¥¿¥¤¥ë
/* -------------------------------------------------------------------- */
.border_box {
	padding : 8px ;
	margin-bottom : 15px ;
	border : 1px solid #b3b3b3 ;
	background : #fff ;
}

.no_border {
	border: none !important;
}

.no_margin {
	margin : 0 !important;
}

.no_padding {
	padding : 0 !important;
}

.no_indent {
	text-indent : 0 !important;
}

.no_bg { background: none!important; }

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

.m-height_auto {min-height: auto!important; }

.block {
	display:block;
}

.right {
	float : right ;
}

.left {
	float : left ;
}

.clear_all {
	clear : both ;
}

.clear_l {
	claer : left ;
}

.clear_r {
	claer : right ;
}

.text-center {
	text-align : center !important ;
}

.text-left {
	text-align : left !important ;
}

.text-right {
	text-align : right ;
}

.text-through {
	text-decoration : line-through ;
}

.fontbold { font-weight: bold!important; }
.fontnormal { font-weight: normal!important; }

.font10 { font-size: 10px!important; }
.font11 { font-size: 11px!important; }
.font12 { font-size: 12px!important; }
.font13 { font-size: 13px!important; }
.font14 { font-size: 14px!important; }
.font15 { font-size: 15px!important; }
.font16 { font-size: 16px!important; }
.font17 { font-size: 17px!important; }
.font18 { font-size: 18px!important; }
.font19 { font-size: 19px!important; }
.font20 { font-size: 20px!important; }

/*ŽÊŽ¸Ž»?Ž«Ž¥ò£Ž¼Ž¥Ž¯Ž¥ò§Ž¹*/

.red { color: #f00!important; }

.orange {
	color : orange ;
}

/*ŽÇŽØŽ·ŽÊŽ¥Ž«Ž¥ò£Ž¼Ž¥Ž¯Ž¥ò§Ž¹*/

.green_bg {
	background-color : #cde2e5 ;
}

.yellow_bg {
	background : #fff0cd;
}

/*Ž¥ŽÞŽ¡Ž¼Ž¥Ž¸Ž¥ó¥ŽÈŽ¥ŽÃŽ¥Ž×Ž¥Ž¯Ž¥ò§Ž¹*/

.mauto { margin: 0 auto!important; }

.mt0 { margin-top: 0!important; }
.mt5 {
	margin-top : 5px ;
}

.mt10 {
	margin-top : 10px ;
}

.mt15 {
	margin-top : 15px ;
}

.mt20 {
	margin-top : 20px ;
}

.mt25 {
	margin-top : 25px ;
}

.mt30 { margin-top: 30px!important; }

.mt35 {
	margin-top : 35px ;
}

.mt40 {
	margin-top : 40px ;
}

/*Ž¥ŽÞŽ¡Ž¼Ž¥Ž¸Ž¥ó¥¡¦ŽÕŽ¥ŽÈ-Ž¥Ž¯Ž¥ò§Ž¹*/

.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }

.ml15 {
	margin-left : 15px ;
}

.ml20 {
	margin-left : 20px ;
}

.ml25 {
	margin-left : 25px ;
}

.ml30 {
	margin-left : 30px ;
}

.ml35 {
	margin-left : 35px ;
}

.ml40 {
	margin-left : 40px ;
}

/*Ž¥ŽÞŽ¡Ž¼Ž¥Ž¸Ž¥ó¥ò§Ž¤Ž¥ŽÈŽ¥Ž¯Ž¥ò§Ž¹*/

.mr0 { margin-right: 0px!important; }

.mr5 {
	margin-right : 5px ;
}

.mr10 {
	margin-right : 10px ;
}

.mr15 {
	margin-right : 15px ;
}

.mr20 {
	margin-right : 20px ;
}

.mr25 {
	margin-right : 25px ;
}

.mr30 {
	margin-right : 30px ;
}

.mr35 {
	margin-right : 35px ;
}

.mr40 {
	margin-right : 40px ;
}

/*Ž¥ŽÞŽ¡Ž¼Ž¥Ž¸Ž¥ó¥ŽÜŽ¥ŽÈŽ¥à§Ž¯Ž¥ò§Ž¹*/

.mb0 { margin-bottom : 0px!important; }

.mb5 { margin-bottom : 5px!important; }

.mb10 {
	margin-bottom : 10px ;
}

.mb15 {
	margin-bottom : 15px ;
}

.mb20 {
	margin-bottom : 20px ;
}

.mb25 {
	margin-bottom : 25px ;
}

.mb30 { margin-bottom: 30px!important; }

.mb35 {
	margin-bottom : 35px ;
}

.mb40 {
	margin-bottom : 40px ;
}


/*Ž¥ŽÑŽ¥ŽÇŽ¥Ž£Ž¥ó¥Ž°Ž¥ŽÈŽ¥ŽÃŽ¥Ž×Ž¥Ž¯Ž¥ò§Ž¹*/
.pt0 { padding-top: 0px!important; }

.pt5 {
	padding-top : 5px ;
}

.pt10 {
	padding-top : 10px ;
}

.pt15 {
	padding-top : 15px ;
}

.pt20 {
	padding-top : 20px ;
}

.pt25 {
	padding-top : 25px ;
}

.pt30 {
	padding-top : 30px ;
}

.pt35 {
	padding-top : 35px ;
}

.pt40 {
	padding-top : 40px ;
}

/*Ž¥ŽÑŽ¥ŽÇŽ¥Ž£Ž¥ó¥Ž°Ž¥¡¦ŽÕŽ¥ŽÈŽ¥Ž¯Ž¥ò§Ž¹*/

.pl5 {
	padding-left : 5px ;
}

.pl10 {
	padding-left : 10px ;
}

.pl15 {
	padding-left : 15px ;
}

.pl20 {
	padding-left : 20px ;
}

.pl25 {
	padding-left : 25px ;
}

.pl30 {
	padding-left : 30px ;
}

.pl35 {
	padding-left : 35px ;
}

.pl40 {
	padding-left : 40px ;
}

/*Ž¥ŽÑŽ¥ŽÇŽ¥Ž£Ž¥ó¥Ž°Ž¥ò§Ž¤Ž¥ŽÈŽ¥Ž¯Ž¥ò§Ž¹*/

.pr5 {
	padding-right : 5px ;
}

.pr10 {
	padding-right : 10px ;
}

.pr15 {
	padding-right : 15px ;
}

.pr20 {
	padding-right : 20px ;
}

.pr25 {
	padding-right : 25px ;
}

.pr30 {
	padding-right : 30px ;
}

.pr35 {
	padding-right : 35px ;
}

.pr40 {
	padding-right : 40px ;
}

/*Ž¥ŽÑŽ¥ŽÇŽ¥Ž£Ž¥ó¥Ž°Ž¥ŽÜŽ¥ŽÈŽ¥à§Ž¯Ž¥ò§Ž¹*/

.pb5 {
	padding-bottom : 5px ;
}

.pb10 {
	padding-bottom : 10px ;
}

.pb15 {
	padding-bottom : 15px ;
}

.pb20 {
	padding-bottom : 20px ;
}

.pb25 {
	padding-bottom : 25px ;
}

.pb30 {
	padding-bottom : 30px ;
}

.pb35 {
	padding-bottom : 35px ;
}

.pb40 {
	padding-bottom : 40px ;
}

.b-border-dash { border-bottom: 1px dashed #808080; }

/* --------------------------------------------------------------------
	layout style
/* -------------------------------------------------------------------- */

#index_page { background : url(../images/common/index_body_back.png) 0 0 repeat-x ;	}
#index_page.netowl-header_enabled { background : url(../images/common/index_body_back.png) 0 31px repeat-x ;	}

.contents_page { background : url(../images/common/contents_page_body_back.png) 0 0 repeat-x ; }
.contents_page.netowl-header_enabled { background : url(../images/common/contents_page_body_back.png) 0 31px repeat-x ; }

#payment_method.contents_page.netowl-header_enabled,
#service_intro.contents_page.netowl-header_enabled,
#application_flow.contents_page.netowl-header_enabled,
#payment_method_list.contents_page.netowl-header_enabled,
#payment_flow.contents_page.netowl-header_enabled,
#update.contents_page.netowl-header_enabled,
#service_rapid_index.contents_page.netowl-header_enabled,
#service_geo_index.contents_page.netowl-header_enabled,
#about_index.contents_page.netowl-header_enabled,
#compare.contents_page.netowl-header_enabled{
	background : url(../images/common/contents_page_body_back.png)  0 31px repeat-x ;
}


#base_wrapper {
	padding-bottom : 30px ;
}

#contents_wrapper {
	width : 900px ;
	height : 1% ;
	overflow : auto ;
	margin : 30px auto 20px;
	text-align : left ;
	clear : both ;
}

#contents_wrapper .pan_navi {
	padding : 8px 10px 8px 20px ;
	background : #eee url(../images/common/gray_arrow_marker.png) 5px center no-repeat ;
	border-bottom : 1px solid #ccc ;
	margin-bottom : 15px ;
}

#contents_wrapper #main {
	width : 625px ;
	float : left ;
	margin-right : 20px ;
}

#contents_wrapper #sub_contents {
	width : 255px ;
	float : right ;
}

/* --------------------------------------------------------------------
	header
/* -------------------------------------------------------------------- */

#header {
	height : 124px ;
	position : relative ;
	width : 900px ;
	margin : 0 auto ;
}

#header h1 {
	text-align : left ;
	font-size : 90% ;
	color : #666;
	font-weight : normal ;
	margin-bottom : 5px ;
}

#header #header_logo {
	width : 222px ;
	height : 50px ;
	float : left ;
}

#header h2 {
	width : 218px ;
	height : 27px ;
	position : absolute ;
	left : 245px ;
	top : 42px ;
}

#header #header_navi {
	width : 312px ;
	height : 24px ;
	position : absolute ;
	top : 46px ;
	right : 0 ;
}

#header #header_navi li {
	float : left ;
}

/* --------------------------------------------------------------------
	global_navi
/* -------------------------------------------------------------------- */

#global_navi {
	clear : both ;
	width : 900px ;
	height : 42px ;
	position: absolute;
	left : 0 ;
	bottom : 0 ;
}

#global_navi li {
	float : left ;
	width : 150px ;
	height : 42px ;
	overflow : hidden ;
}


/* --------------------------------------------------------------------
	sub_contents
/* -------------------------------------------------------------------- */

.sub_section {
	margin-bottom : 8px ;
}

#partner_logo_banner {
	padding : 6px 10px ;
	border : 1px solid #b3b3b3 ;
	text-align : center ;
}

#partner_logo_banner li p {
	padding : 5px 15px 0 ;
	font-size : 90% ;
	line-height : 1.2 ;
}

#sub_contents_point {
	padding : 10px 10px 0 ;
	background : url(../images/common/sub_contents_header_back.png) 0 0 no-repeat;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_contents_point ul {
	margin-bottom : 10px ;
}

#sub_contents .banner {
	display : block ;
	margin-bottom : 10px ;
}

#sub_contents_affiliate {
	padding : 10px 10px 0 ;
	background : url(../images/common/sub_contents_header_back.png) 0 0 no-repeat;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_contents_tax {
	padding : 10px 10px 0 ;
	background : url(../images/common/sub_contents_header_back.png) 0 0 no-repeat;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_contents_openssl {
	padding : 10px 10px 0 ;
	background : url(../images/common/sub_contents_header_back.png) 0 0 no-repeat;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_contents_openssl p {
	font-size:11px;
	text-align:center;
}

#sub_contents .sub_inner_section {
	padding : 10px 10px 0 ;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_contents_application dt {
	background : url(../images/common/green_arrow_marker.png) left center no-repeat ;
	padding-left : 16px ;
}

#sub_contents_application ul {
	padding-bottom : 5px ;
}

#sub_contents_application ul li {
	margin-bottom : 5px
}

#sub_contents_qa_bbs {
	padding : 10px 10px 0 ;
	background : url(../images/common/sub_contents_header_back.png) 0 0 no-repeat;
	border-left : 1px solid #b3b3b3 ;
	border-right : 1px solid #b3b3b3 ;
	border-bottom : 1px solid #b3b3b3 ;
}

#sub_contents_qa_bbs .sub_inner_section {
	border : none ;
	padding : 0 ;
}

#sub_contents_qa_bbs ul {
	margin-bottom : 10px ;
}


#sub_contents_related dt {
	margin-bottom : 4px ;
}

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

/*¥µ¥Ö¥Ê¥Ó¥²¡¼¥·¥ç¥ó*/

#sub_contents .sub_navi {
	padding-bottom : 6px ;
	background : url(../images/common/sub_navi/sub_navi_bottom_back.png) left bottom no-repeat ;
}

#sub_contents .sub_list,
#sub_contents .service_list_nav {
	margin-left : 10px ;
}

#sub_contents .sub_list_inner {
	padding : 6px 0 6px 30px ;
	background : url(../images/common/dot_line_x.gif) left bottom repeat-x ;
}

#sub_contents .sub_list_inner a {
	font-size : 12px ;
	padding : 4px 0 4px 15px ;
	line-height : 20px ;
	background : url(../images/common/sub_marker.gif) left 3px no-repeat ;
}

#sub_contents .service_list_nav li {
	background: url(../images/common/dot_line_x.gif) bottom repeat-x;
	padding-bottom: 7px;
}

#sub_contents .service_list_nav li:last-child { margin-bottom: 20px; }

#sub_contents .service_list_nav dt {
	font-weight: bold;
	position: relative;
	margin: 7px 0;
	padding: 0 0 5px 17px;
	font-size: 110%;
	color: #595959;
	border-bottom: 1px dotted #ccc;
}

#sub_contents .service_list_nav dt:before {
	content: '';
	position: absolute;
	top: 25%;
	left: 5px;
	border-top: 3px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 4px solid #ffb040;
}

#sub_contents .service_list_nav dd 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;
}


/*¥µ¥Ö¥Ê¥Ó¥²¡¼¥·¥ç¥ó 20180730 add*/

#sub_contents .sub_navi_v2 {
	padding-bottom : 6px ;
	margin-bottom : 10px;
	background : url(../images/common/sub_navi/sub_navi_bottom_back.png) left bottom no-repeat ;
}

#sub_contents .sub_navi_v2 li a {
	border-bottom:dashed 1px #ccc;
	display:block;
	padding:5px 0 5px 16px;
	background: url(../images/common/sub_navi/sub_arrow.gif) 4px center no-repeat;
}

#sub_contents .sub_navi_v2 li.sub_navi_head {
	padding:5px 0 3px 5px;
	background:#efefef;
	font-weight:bold;
}

#sub_contents .sub_navi_v2 li a:hover {
	background-color:#ffefd9;
}

#sub_contents .sub_list_inner_v2 {
	margin-left:12px;
}

#sub_contents .sub_list_inner_v2 li a {
	padding-left:18px;
	background: url(../images/common/sub_marker.gif) 5px center no-repeat;
}




/* --------------------------------------------------------------------
	footer
/* -------------------------------------------------------------------- */

#footer {
	clear : both ;
	border-top : 1px solid #b3b3b3 ;
	background : url(../images/common/footer_bg.png) left bottom repeat-x ;
}

#footer #footer_navi {
	width : 780px ;
	margin : 0 auto 6px ;
	padding-top : 15px ;
}

#footer #footer_navi li {
	display : inline ;
	font-size : 12px ;
	line-height : 1.4 ;
	padding : 3px 6px 3px 21px ;
	border-right : 1px solid #b3b3b3 ;
	background : url(../images/common/footer_navi_marker.png) 5px center no-repeat ;
}

#footer #footer_navi li.list_end {
	border-right : none ;
}

#footer address {
	width : 260px ;
	height : 31px ;
	margin : 0 auto ;
	line-height : 31px ;
	padding-left : 10px ;
	padding-bottom : 15px ;
	/* background : url(../images/common/copyright.png) 0 0 no-repeat ; */
	text-align : right ;
	position : relative 
}

#footer address a {
	display : block ;
	width : 260px ;
	height : 31px ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
	font-style : normal ;
	text-transform : capitalize ;
	color : #333 ;
}

#footer #footer_service_navi * {
	margin : 0 ;
	padding : 0 ;
	text-indent : 0 ;
	float : none ;
}

#footer #footer_service_navi ul {
	width : 645px ;
	margin : 5px auto ;
	padding-bottom : 15px ;
	height : 1% ;
	overflow : auto ;
}

#footer #footer_service_navi ul li {
	float : left ;
	margin-right : 12px ;
}

#footer #footer_service_navi ul li.list_end {
	margin-right : 0 ;
}


#footer #footer_service_list {
	background : url(../images/common/dot_line_x.gif) 0 0 repeat-x ;
	width : 880px ;
	margin : 0 auto ;
	padding : 10px 10px 12px ;
}

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

#footer #footer_service_list dt {
	width : 120px ;
	float : left ;
	clear : both ;
	text-align : left ;
}

#footer #footer_service_list dd {
	width : 760px ;
	float : left ;
	text-align : left ;
}


#footer #footer_service_list li {
	display : inline ;
	margin : 0 10px 0 0 ;
    padding: 0 0 0 20px;
    background: url(../images/common/footer_service_list_separator.png) 0 50% no-repeat;
}
#footer #footer_service_list li:first-child {
    padding: 0;
    background: none;
}

#footer #footer_service_list li img {
	vertical-align : middle ;
	margin-right : 3px ;
}

/*---------------------------------
¥Õ¥í¡¼¥È²ò½ü
---------------------------------*/
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}