@charset "utf-8";

/*===============【 top.html 】クラス===================================================================

Cpi
lastupDate:2009.06.5.pm14:00

記載内容：
1.タイトルの指定
2.背景
3.コンテンツ部分

===================================================================================================*/
/*//////　1.タイトルの指定　////////////////////////////////////////////////////////////////////*/
/*----  top h1 ----------------*/
h1.guide{
	height:45px;
	width:320px;
	background:transparent url(../guide_img/top_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.neworder{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_neworder_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.contract{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_contract_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.account{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_account_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.list{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_list_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.check{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_check_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.password{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_password_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.move{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_move_contract_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.cancel{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_cancel_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.sla{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/guide_sla_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.faq{
	height:45px;
	width:420px;
	background:transparent url(../guide_img/faq_top_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.client{
	height:45px;
	width:335px;
	background:transparent url(../guide_img/client_top_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

h1.inquiry{
	height:45px;
	width:470px;
	background:transparent url(../guide_img/inquiry_top_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

/*----  top h2 ----------------*/
h2.info{
	width:900px;
	background:transparent url(../guide_img/top_title01.gif) no-repeat 0px 0px;
	background-color:#ecedee;
	margin:0 0 10px 0;
	text-indent:40px;
	font-size:14px;
	font-weight:normal;
	padding:6px 0 6px 0px;
	border-bottom:1px solid #d8dad9;
	clear:both;
}
h2.news{
	width:900px;
	background:transparent url(../guide_img/top_title02.gif) no-repeat 0px 0px;
	background-color:#ecedee;
	margin:20px 0 0 0;
	text-indent:40px;
	font-size:14px;
	font-weight:normal;
	padding:6px 0 6px 0px;
	border-bottom:1px solid #d8dad9;
}
h2.menu{
	background:transparent url(../guide_img/top_title03.gif) no-repeat 0px 0px;
	margin:20px 0 0 0;
	text-indent:-999em;
	overflow:hidden;
	display:block;
	width:902px;
	height:30px;
}

/*----  top p ----------------*/
p.info-text {
	margin:20px 0;
}

/*//////　2.背景　////////////////////////////////////////////////////////////////////*/
#mainwrap{
background-position:0 -32px;
}

/*//////　3.コンテンツ部分　////////////////////////////////////////////////////////////////////*/
#contentstop{
	width:910px;
}

/*----  マイページからのお知らせ ----------------*/
#infotext{
	width:900px;
	border-bottom:1px solid #d6dcda;
	padding-bottom:15px;
	margin-bottom:30px;
}
#infotext ul li{
	background:url(../guide_img/top_arrow01.gif) no-repeat 10px 3px;
	padding:0 0 0 25px;
}

/*----  ニュース ----------------*/
#newstext{
	width:890px;
	height:90px;
	overflow:auto;
	border-bottom:1px solid #d6dcda;
	padding:10px 0 10px 10px;
}
dl dt {
	float: left;
	width: 140px;
}
dl dd {
	background:url(../guide_img/top_arrow01.gif) no-repeat 0px 4px;
	width:730px;
	float: left;
	text-indent:20px;
}

/*----  メニュー ----------------*/
#menubox{
	width:880px;
	border-left:1px solid #ebebed;
	border-right:1px solid #ebebed;
	padding:20px 0 0 20px;
	background:url(../guide_img/top_manu_bk.gif) repeat-x left bottom;
	clear:both;
}
.menuarea01{
	float:left;
	width:220px;
}
.menuarea02{
	float:left;
	width:220px
}
.menuarea01 ul li,
.menuarea02 ul li{
	width:170px;
	background:url(../guide_img/top_arrow02.gif) no-repeat 0 4px;
	padding:3px 0 6px 20px;
	border-bottom:1px solid #D6DCDA;
	font-weight:bold;
}

.menuarea01 ul li.end,
.menuarea02 ul li.end{
	width:170px;
	background:url(../guide_img/top_arrow02.gif) no-repeat 0 7px;
	padding:6px 0 6px 20px;
	border-bottom:none;
}

.menuarea01 ul li a:link,
.menuarea02 ul li a:link,
.menuarea01 ul li a:visited,
.menuarea02 ul li a:visited {
	text-decoration:none;
}

/*----  アカウント情報 ----------------*/
#acountbox{
	width:452px;
	float:left;
	background:url(../guide_img/top_manu_bk.gif) repeat-x left bottom;
}

#acountmiddle{
	padding:10px 0 0 0;
	border-left:1px solid #ebebed;
	border-right:1px solid #ebebed;
	width:450px;
}
.pditdgray{
	width:15%;
	background-color:#ecedef;
	border-right:1px solid #d6dcda;
}
h3.acounth3middle{
	width:452px;
	background:url(../guide_img/top_title04_middle.gif) no-repeat 0px 0px;
	background-color:#eaeaea;
	display:block;
	text-indent:15px;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
.left{
	line-height:150%;
	width:100px;
	padding:9px 0 9px 20px;
	float:left;
	margin-left:10px;
}
.right{
	line-height:150%;
	width:200px;
	color:#666;
	padding:9px 80px 9px 0px;
	float:right;
}

/*----  index.html ----------------*/
/*3column*/
div.column3-box {
	width:900px;
	background:url(../guide_img/bgt_3column.gif) no-repeat bottom;
	margin:20px 0 0;
}

div.column3-box dl {
	width:290px;
	float:left;
	margin:0 15px 0 0;
}

div.column3-box dl dt {
	width:290px;
	height:72px;
}

div.column3-box dl dt img {
	margin:28px 0 0 63px;
}
dt.list		{ background:url(../guide_img/bgt_list.gif) no-repeat top; }
dt.domain	{ background:url(../guide_img/bgt_domain.gif) no-repeat top; }
dt.cient	{ background:url(../guide_img/bgt_cient.gif) no-repeat top; }

div.column3-box dl dd {
	width:290px;
	text-indent:0px;
	background:none;
}

div.column3-box dl dd ul.link_list {
	margin:10px 20px 20px;
}

div.column3-box dl dd ul.link_list li {
	background:url(../guide_img/ico_blue_arrw.gif) no-repeat 0px 9px;
	padding:0 0 0 14px;
	line-height:20px;
}


/*2column*/
div.column2-box {
	width:900px;
	background:url(../guide_img/bgt_2column.png) no-repeat bottom;
	margin:20px 0 0;
}

div.column2-box dl {
	width:440px;
	float:left;
	margin:0 20px 0 0;
}

div.column2-box dl dt {
	width:440px;
	height:72px;
}

div.column2-box dl dt img {
	margin:28px 0 0 63px;
}

dl.domain	{ background:url(../guide_img/bgt_domain.png) no-repeat top; }
dl.neworder	{ background:url(../guide_img/bgt_ssl.png) no-repeat top; }

div.column2-box dl dd {
	width:341px;
	text-indent:0px;
	background:none;
	padding:20px 20px 15px 5px;
}

div.column2-box dl dd ul.link_list {
	margin:10px 20px 20px;
}

div.column2-box dl dd ul.link_list li {
	background:url(../guide_img/ico_blue_arrw.gif) no-repeat 0px 9px;
	padding:0 0 0 14px;
	line-height:20px;
}

div.column3-box dl.dl-end,
div.column2-box dl.dl-end{
	margin:0px;
}

/*other-list*/
div.other-list {
	margin:0 0 50px;
}

div.other-list p {
	margin:0 0 25px;
}

div.other-list ul {
	float:left;
	margin:0 15px 0 25px;
	width:270px;
}

div.other-list ul.end{
	float:right;
	width:260px;
	margin:0px;
}

div.other-list ul li {
	margin:0 0 10px;
}

/*----  キャプチャエリア ----------------*/

#detailarea{
	width:910px;
	clear: both;
	margin-bottom:30px;
}

#detailarea .left_area {
	width:255px;
	float:left;
	height:105px;
	 border:1px solid #cbd6db;
	padding:15px;
	margin:10px 15px 10px 0;
}

#detailarea .end_area {
	width:255px;
	float:left;
	 border:1px solid #cbd6db;
	padding:15px;
	margin:10px 15px 10px 0;
	clear:both;
	height:105px;
}


#detailarea .cap_area {
	width:400px;
	float:left;
	margin:10px 15px 60px 0;
	clear:both;
}

#detailarea .cap_area_top {
	width:400px;
	float:left;
	margin:10px 15px 30px 0;
	clear:both;
}

#detailarea .text_area {
	width:455px;	
	float:left;
	margin:10px 0 10px 10px;
}

#detailarea .text_01 {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_01.gif) #eaf6fa;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
}

#detailarea .text_02 {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_02.gif) #def1f8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
	margin-top:20px;
}

#detailarea .text_02_top {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_02.gif) #def1f8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
}

#detailarea .text_03 {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_03.gif) #d8eff8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
	margin-top:20px;
}

#detailarea .text_03_top {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_03.gif) #d8eff8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
}

#detailarea .text_04 {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_04.gif) #ceedf8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
	margin-top:20px;
}

#detailarea .text_04_top {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_04.gif) #ceedf8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
}

#detailarea .text_03_top {
	width:380px;
	padding:15px 10px 15px 80px;
	background:url(../guide_img/text_03.gif) #d8eff8;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:20px;
}



#detailarea .text_attention {
	width:430px;
	margin-top:20px;
	padding:40px 10px 10px 35px;
	background:url(../guide_img/text_attention.gif) #fff;
	background-repeat:no-repeat;
	background-position:10px 15px;
	line-height:20px;
	color:#ec0000;
}



p.function {
	font-weight:bold;
	color:#2ea8da;
	font-size:13px;
	padding-bottom:5px;
}

/*----  FAQ ----------------*/

#detailarea .faq ul li.q,
#detailarea .faq_area ul li.q{
	background:url(../guide_img/text_q.gif) no-repeat 5px 0px;
	padding:2px 0 10px 35px;
	width:805px
}

#detailarea .faq ul li.a,
#detailarea .faq_area ul li.a{
	background:url(../guide_img/text_a.gif) no-repeat 5px 0px;
	color:#24b0e9;
	padding:2px 0 10px 35px;
	margin-top:5px;
	width:805px;
}

#detailarea .faq_area {
	width:840px;
	margin:20px 0 20px 0;
	padding:10px 0 5px 0;
	background:#eaf6fa;
	line-height:20px;
}

/*----  inquiry ----------------*/

#inquiry-infotext{
	width:900px;
	border-bottom:1px solid #d6dcda;
	padding-bottom:15px;
	margin-bottom:250px;
}

/*//////　6.「進む」「戻る」ボタンのエリア　////////////////////////////////////////////////////////////////////*/

.cbibtnall{
	margin:0 auto 115px;
	padding:50px 0 0;
	text-align:center;
	clear:both;
}


/*---- ie6 --------*/
* html .cbibtnall{
	margin-bottom:50px;
}
/*---- ie7 --------*/
*+html .cbibtnall{
	margin-bottom:50px;
}



/*------ 20160219追加 Tezuka --------- */
div.halfcolumn-box {
    background: url(../guide_img/bgt_halfcolumn.gif) no-repeat bottom;
    margin: 20px 0 35px;
    width: 440px;
}
div.halfcolumn-box dl {
    margin: 0 20px 0 0;
    width: 440px;
	float:left;
}
dl.ssl {
	background:url(../guide_img/bgt_ssl.gif) no-repeat top; 
}
div.halfcolumn-box dl dt img {
    margin: 17px 0 0 79px;
}
div.halfcolumn-box dl dd {
	width:341px;
	text-indent:0px;
	background:none;
	padding:16px 20px 20px 79px;
}
.marginbottom0 {
	margin-bottom:0 !important;
}

/* SSL更新のお手続き方法について */
h1.ssl{
	height:45px;
	width:415px;
	background:transparent url(../guide_img/guide_ssl_h1.gif) no-repeat 0px 0px;
	margin:30px 0px;
}

ul.select {
	margin:20px 15px;
}
ul.select li {
	list-style-image:url(../guide_img/blt_list_triangle.gif);
	line-height:2;
}
.ssl_process {
	margin:0 0 30px;
}
.ssl_process p {
	margin:20px 0 0;
}
.ssl_process dl {
	padding:0 0 10px;
}
.ssl_process dt {
	width:100%;
	margin:20px 0 13px;
	padding:0 0 0 18px;
	line-height: 1.3;
}
.ssl_process dl>dd {
	display:inline;
	background:none;
	padding:2px 20px;
	text-align:center;
	text-indent:0;
	border-left:1px solid #000;
	float:none;
}
.ssl_process dl>dd:last-child {
	border-right:1px solid #000;
}
.shared {
	color:#257ae5;
	background:url(../guide_img/ico_shared.png) no-repeat left 3px;
}
.managed {
	color:#88b300;
	background:url(../guide_img/ico_managed.png) no-repeat left 3px;
}
/* ssl証明書お手続きガイド詳細 */
.plan {
    background: #eaf6fa none repeat scroll 0 0;
    margin: 20px 0 30px;
    padding: 10px 20px;
    width: 860px;
}
.plan p {
	margin:20px 0;
}
.plan span {
	font-size:15px;
	padding:0 0 0 18px;
}

h1.cpissl {
    background: transparent url(../ssl_renewal/img/renewal_cpissl_h1.gif) no-repeat scroll 0 0;
    height: 45px;
    margin: 30px 0;
    width: 632px;
}
h1.syssl {
    background: transparent url(../ssl_renewal/img/renewal_syssl_h1.gif) no-repeat scroll 0 0;
    height: 45px;
    margin: 30px 0;
    width: 741px;
}
h1.gtssl {
    background: transparent url(../ssl_renewal/img/renewal_gtssl_h1.gif) no-repeat scroll 0 0;
    height: 45px;
    margin: 30px 0;
    width: 735px;
}
h1.gsssl {
    background: transparent url(../ssl_renewal/img/renewal_gsssl_h1.gif) no-repeat scroll 0 0;
    height: 45px;
    margin: 30px 0;
    width: 771px;
}
h1.secomsr {
    background: transparent url(../ssl_renewal/img/renewal_secomsr_h1.gif) no-repeat scroll 0 0;
    height: 45px;
    margin: 30px 0;
    width: 748px;
}

#detailarea .text_renew {
	width:380px;
	padding:15px 10px 15px 80px;
	line-height:20px;
	float:left;
	margin:10px 0 10px 10px;
	display:block;
	min-height: 60px;
}
#detailarea .renew01 {
background:url(../ssl_renewal/img/txt_renew_01.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew02 {
background:url(../ssl_renewal/img/txt_renew_02.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew03 {
background:url(../ssl_renewal/img/txt_renew_03.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew04 {
background:url(../ssl_renewal/img/txt_renew_04.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew05 {
background:url(../ssl_renewal/img/txt_renew_05.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew06 {
background:url(../ssl_renewal/img/txt_renew_06.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew07 {
background:url(../ssl_renewal/img/txt_renew_07.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew08 {
background:url(../ssl_renewal/img/txt_renew_08.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew09 {
background:url(../ssl_renewal/img/txt_renew_09.gif) no-repeat #eaf6fa left 18px;
}
#detailarea .renew10 {
background:url(../ssl_renewal/img/txt_renew_10.png) no-repeat #eaf6fa left 18px;
}

#detailarea .cap_renew_area {
	clear:both;
}
#detailarea .cap_renew_area img {
	width:400px;
	float:left;
	margin:10px 15px 60px 0;
	clear:both;
}
#detailarea .cap_renew_area .text_renew h3 {
	font-weight:bold;
	color:#2ea8da;
	font-size:13px;
	padding-bottom:5px;
	display:block;
	text-indent:0;
}
 .text_renew li {
	 margin:0 0 10px;
 }
 
 .marginleft50 {
	 margin-left:50px !important;
 }
/* add 20200720 koizumi */
.renew06_note {
 padding: 10px 0;
 margin: 0 15px 10px 0;
 border: 1px solid #f97d0f;
 color: #f97d0f;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
}