@charset "utf-8";

/* ---------------------------------------------
layout
---------------------------------------------*/
.container {
	width: 940px;
	max-width:940px;
	min-width:940px;
	margin: 20px auto 20px;
	text-align:left;
}

.content{background: url(/support/files/guide_h2_bg.jpg) no-repeat #d8ec9f 0 99px;}
.h3block{margin:0 10px 20px; padding:10px 20px 20px; background-color:#fafafa; border:1px solid #ececec;}

.copyright { border-top:dashed 1px #CCC; padding:10px 0; width:940px; margin:0 auto; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; }

/* ---------------------------------------------
共通
---------------------------------------------*/
a{ text-decoration:underline;}
a:hover{text-decoration:none;}

/* 回り込み解除 */
.cl {zoom: 100%;}
.cl:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.clear{clear:both;}

.fl_cnt{overflow: hidden; _zoom: 1;}

/* 見出し */
h2{margin:0 0 15px; border-bottom:1px solid #fe0000;}
.content p{padding:0 15px 15px;}

/** 20170413 追加 **/
.content h5{margin:5px 0 2px  0; padding-left:5px; border-left:3px solid #333333; color:#333333;}

/**  20170413 変更
.arrowlink{padding-left:17px; background:url(/support/files/guide_arrow13_wblue.gif) no-repeat 0 2px; line-height:15px;}
**/
.arrowlink{margin-left: 10px; padding-left:17px; background:url(/support/files/guide_arrow13_wblue.gif) no-repeat 0 2px; line-height:15px;}

.txt_c{text-align:center;}
.txt_r{text-align:right;}

/* ---------------------------------------------
個別
---------------------------------------------*/
/* .flow */
ul.flow{margin:0 -10px;}
ul.flow li{float:left; padding-right:27px; background:url(/support/files/guide_flow_arrow.gif) no-repeat 100% 51px; font-size:10px; text-align:center;}
ul.flow li.last{padding-right:0; background:none;}
ul.flow li a{margin:0 0 5px; display:block;}

ul.flow li#flow01{ width:143px;}
ul.flow li#flow02{ width:157px;}
ul.flow li#flow03{ width:157px;}
ul.flow li#flow04{ width:157px;}
ul.flow li#flow05{ width:164px;}

/* #mail */
#mail .inner{margin-bottom:15px;}
#mail .h4block{width:431px; float:left;}
#mail .h4block.first{margin-right:15px;}
#mail h2{margin:0 0 2px;}
#mail h3{margin:0 0 5px;}
#mail .h4block .arrowlink{padding-right:15px;}
#mail dl{margin:0 15px 15px;}
#mail dl dt{margin-bottom:0.7em;}
#mail dl dd{margin-bottom:0.5em;}

.accordion_head {padding-left:17px; background:url(/support/files/guide_arrow13_wblue.gif) no-repeat 0 2px; line-height:15px; cursor:pointer; color:#0000EE; text-decoration:underline; font-weight:normal;}
.accordion_head:hover{text-decoration:none;}
.accordion_cnts{padding:10px 0 0 10px;}
.accordion_cnts h5{margin:0 0 5px 10px; padding-left:5px; border-left:3px solid #FE0000; color:#FE0000;}
.accordion_cnts ol{margin:0 0 5px 0; padding:5px 0 0 15px; border-bottom:1px dotted #ccc;}
.accordion_cnts ol li{margin:0 0 5px 1.5em; text-indent:-1.5em;}

/* #step */
#step h3{margin:0 0 10px; padding-bottom:8px; border-bottom:1px dotted #ccc;}
#step h4{margin:0 0 10px;}
#step h5{margin:0 0 5px;}
#step .img{float:right; margin: 0 0 10px 15px; border:1px solid #ccc;}

#step .first{padding:4px 0 0; background:url(/support/files/guide_step_bg_top_f.gif) no-repeat 0 0;}
#step .h4block{padding:0 0 32px; background:url(/support/files/guide_step_bg_btm.gif) no-repeat 0 100%; width:876px; position:relative;}
#step .h4block .inner{padding:5px 17px 0 0; background:url(/support/files/guide_step_bg.gif) #fff repeat-y 0 0; zoom: 100%;}
#step .h4block .inner:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}

#step .last{padding:0; background:url(/support/files/guide_step_bg_btm_l.gif) no-repeat 0 100%;}
#step .last .h4block{padding:0 0 10px; background:none;}

#step .h4block .txt{padding-left:95px; background-position:5px 0; background-repeat:no-repeat;}

#step #step01 .txt{background-image:url(/support/files/guide_step_bg_01.gif); min-height:143px; height:auto!important; height:143px;}

#step #step02 .txt{padding-left:115px;}
#step img.step2{position:absolute; top:5px; left:-19px;}
#step #step02 .txt{ min-height:124px; height:auto!important; height:124px;}

#step #step03 .txt{background-image:url(/support/files/guide_step_bg_03.gif); min-height:130px; height:auto!important; height:130px;}
#step #step04 .txt{background-image:url(/support/files/guide_cp_step_bg_04.gif); min-height:131px; height:auto!important; height:131px;}
#step #step05 .txt{background-image:url(/support/files/guide_step_bg_05.gif);}

#step #step05.h4block .inner{padding-bottom:10px;}
#step05 h5{clear:both; margin-bottom:10px;}
#step05 dl{ padding:10px; background:#fff; float:left; width:342px;}
#step05 dt{ margin:0 0 5px; font-weight:bold;}

#step05 .arrowlink{padding-left:0; background:none; line-height:auto;}
#step05 .arrowlink a{padding:10px 0 10px 17px; background:url(/support/files/guide_arrow13_wblue.gif) no-repeat 0 50%; display:block; line-height:15px; width:100px; text-align:left; float:right;}

.mt{margin:0 0 0 95px; padding:5px 10px 0; background:#f3f3f3; border:1px solid #ddd; clear:both;}

/* .notice */
.notice{ margin:0 auto; width:650px;}