@charset "utf-8";

/* --------------------------------------------------------------------------------
   import(don't edit) 
-------------------------------------------------------------------------------- */

@import url("/mobile/set/common/p/css/v12a/general.css");


/* --------------------------------------------------------------------------------
   Shared
-------------------------------------------------------------------------------- */

/* -- container-bottom -- */

body#frm div#container-bottom {
	_font-size: 4px;
    _line-height: 4px;
}

/* -- utility -- */
.inline-icn {
	position: relative;
	vertical-align: middle;
	margin: -0.2em 5px 0;
	padding: 0.2em 0;
}


/* Content
-------------------------------------------------------------------------------- */

/* -- Related Info -- */
#sec_related-info {
	margin-right: 0;
}
.unit_related-info {
	float: left;
	margin-right: 15px;
	width: 205px;
	display: inline;
}
.unit_related-info h4 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #c4c4c4;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	_line-height: 1.1;
}
.unit_related-info .fig-img {
	float: left;
}
.unit_related-info .txt {
	margin-left: 100px;
	min-height: 60px;
	_height: 60px;
	font-size: 86%;
}
.unit_related-info .link-list_navy {
	font-size: 86%;
}

/* -- ul.menu-btn -- */
ul.menu-btn {
	position: relative;
	width: 648px;
	margin: -18px 0 0 -20px;
}
ul.menu-btn li {
	display: inline;
	float: left;
	padding: 18px 0 0 20px;
}
ul.menu-btn li a {
	overflow: hidden;
	display: block;
	width: 304px;
	height: 43px;
	text-indent: -9999px;
}
ul.menu-btn li a:hover { background-position: left bottom;}


/* -- #tab_contents -- */
#tab_contents {

}
body#frm #tab_contents div#content-top { background: none;}
body#frm #tab_contents div#content-top ul#tabs {
	padding: 0;
	background: none;
	border-bottom: 3px solid #84919d;
}
body#frm #tab_contents ul#tabs li {
	float: left;
	padding: 0 3px 0 0;
}
body#frm #tab_contents ul#tabs li.pc {
	padding-right: 0;
}
body#frm #tab_contents ul#tabs a {
	text-align: center;
	text-indent: 0;
	width: 223px;
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(/mobile/set/common/p/img/v11a/support/general/tab.png);
}
body#frm #tab_contents ul#tabs li.sb-smartphone_iphone a {
	font-size: 12px;
}
body#frm #tab_contents ul#tabs a.on,
body#frm #tab_contents ul#tabs a:hover {
	color: #ffffff;
	text-decoration: none;
	background-position: left bottom;
}

body#frm div#content #tab_contents div.content {
	overflow: hidden;
	width: 635px;
	padding: 20px;
	background: url(/mobile/set/common/p/img/v11a/support/general/bg_content.png) repeat-y;
}
body#frm #tab_contents div#content-bottom {
	background: url(/mobile/set/common/p/img/v11a/support/general/bg_content_btm.png) no-repeat left top;
}


/* -- table -- */
table.type_base th,
table.type_base td {
	text-align: left;
	padding: 10px 20px;
	border: 1px solid #bfbfbf;
}
table.type_base th {
	font-weight: bold;
	background: #ededed;
}


/* -- mysb_login -- */
.section.btn-wrapper {
	width: 675px;
	margin-top: 25px;
	background: url(/mobile/set/common/p/img/v09b/support/contact/bg_mysb_login_bottom.png) left bottom no-repeat;
}

.mysb_login {
	background: url(/mobile/set/common/p/img/v09b/support/contact/bg_mysb_login_top.png) left top no-repeat;
	width: 633px;
	padding: 17px 22px 15px 20px;
	position: relative;
}
.mysb_login .flt_l {
	width: 425px;
}
.mysb_login ul.inline li {
	float: left;
	padding-right: 10px !important;
}
.mysb_login .roll-over_s a {
	width: 187px;
	height: 40px;
	background-image: url(/mobile/set/common/p/img/v09b/support/contact/btn_mysb_login.png);
}


/* ============== Content Footer =============== */
#content .content-footer {
	background: url(/mobile/set/common/p/img/frm2/content.gif) repeat-y;
	width: auto;
	padding: 0 20px 20px;
}


/* ============== Concept Base FAQ =============== */
#content .wrap-cb-faq {
	width: 664px;
	padding-bottom: 10px;
	background: url(/mobile/set/common/p/img/v09b/support/bg_mail_faq_btm.gif) left bottom no-repeat;
}
#content .wrap-cb-faq #cb-faq {

}
#content .wrap-cb-faq p {
	margin-bottom: 5px;
}
#content .wrap-cb-faq #cb-faq dd {
	margin: 0 20px 4px;
	padding: 4px 0 0 0;
	background: url(/mobile/set/common/p/img/v09b/support/bg_faq_dot.gif) repeat-x;
}
#content .wrap-cb-faq #cb-faq dd.cb-faq-first {
	background: none;
}
#content .wrap-cb-faq #cb-faq dd a {
	display: block;
	font-size: 10px;
	font-weight: normal;
	padding: 4px 0 0 30px;
	background: url(/mobile/set/common/p/img/v09b/support/icon_q.gif) no-repeat 1px 0;
	_height: 21px;
	min-height: 21px;
	word-wrap: break-word;
}

/* other faq */
#content .wrap-cb-faq ul li.other-faq {
	padding-right: 21px;
	float: right;
	background:url(/mobile/set/common/p/img/v09b/support/btn_other_faq_on.gif) no-repeat left top;
}


/* Clear
-------------------------------------------------------------------------------- */

.mysb_login ul.inline:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
.mysb_login ul.inline {
	zoom:100%;
}


/* --------------------------------------------------------------------------------
   /contact/
-------------------------------------------------------------------------------- */


/* Content
-------------------------------------------------------------------------------- */

/* list */
ul.list-inq_num {
	margin: 15px 0 0 -15px;
}
ul.list-inq_num li {
	float: left;
	padding: 0 0 15px 15px;
}


/* table */
.guidance-menu {
	border-collapse: collapse;
	width: 675px;
	margin-top: 20px;
}
.guidance-menu th,
.guidance-menu td {
	font-size: 12px;
	border: 1px solid #bfbfbf;
}
.guidance-menu .short-num {
	width: 57px;
}
.guidance-menu .short-num img {
	margin-right: 1px;
}

.guidance-menu thead th {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 5px 0;
	background-color: #dfdfdf;
	width: 59px;
	white-space: nowrap;
}
.guidance-menu thead th.menu-number {
	width: auto;
}

.guidance-menu tbody th,
.guidance-menu tbody td {
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 12px;
}
.guidance-menu tbody th {
	text-align: left;
	border-top: none;
	border-right: none;
}
.guidance-menu tbody th.menu-number {
	width: 180px;
}
.guidance-menu th p {
	position: relative;
	margin: 0 5px 0 30px;
	height: 100%;
}
.guidance-menu th p .icn_num {
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -8px;
}
.guidance-menu th.menu-number p .icn_num {
	top: 0px;
	margin-top: 0;
}

.guidance-menu tbody td {
	text-align: center;
	vertical-align: middle;
}

.guidance-menu p.guidance {
	vertical-align: middle;
	margin-left: 20px;
	_padding: 0.2em 0;
	text-indent: -20px;
}
.guidance-menu td .icn_num {
	vertical-align: middle;
	position: relative;
	margin: 0 1px 0 0;
}


/* Clear
-------------------------------------------------------------------------------- */

ul.list-inq_num:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
ul.list-inq_num {
	zoom:100%;
}





/* --------------------------------------------------------------------------------
   Module
-------------------------------------------------------------------------------- */

/* Step
-------------------------------------------------------------------------------- */

/* -- Headings -- */
.section.lvl02 { margin: 0 10px;}


/* -- .step -- */
.step {
	overflow: hidden;
	width: 660px;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #b7bbbe;
}
.step.first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.step .s-item {
	float: left;
	width: 186px;
	padding-left: 51px;
}
.step.pc .s-item {
	width: 305px;
	padding-left: 50px;
}
.step .s-item.w_double {
	width: 423px;
}
.step .s-item.w_full {
	width: 660px;
}
.step .s-item.w_full .title {
	width: 153px;
}
.step.pc .s-item.w_full .title {
	width: 272px;
}
.step .s-item.w_full p.explanation_l {
	float: left;
	margin-right: 15px;
}
.step .s-item.w_full ul.explanation_r {
	width: 340px;
	float: left;
}
.step .s-item.w_full ol.explanation_r {
	width: 410px;
	float: left;
}
.step .s-item.w_double p.flt_l_img { width:186px; float:left;}
.step .s-item.w_double p.flt_r_img { width:186px; float:right;}
.step .s-item.parent {
	float: none;
	width: auto;
	padding-left: 0;
}
.step .s-item.first-child,
.step.pc .s-item.first-child {
	padding-left: 0;
}

.step .title {
	position: relative;
	min-height: 20px;
	_height: 20px;
	padding: 7px 0 10px 33px;
	font-size: 14px;
	font-weight: bold;
}
.step .title.w-digit { padding-left: 49px;}
.step .title.nonum { padding-left: 0;}
.step.ttlh2 .s-item .title { min-height: 2.8em; _height: 2.8em;}
.step.ttlh3 .s-item .title { min-height: 4.2em; _height: 4.2em;}
.step.ttlh4 .s-item .title { min-height: 5.6em; _height: 5.6em;}
.step.ttlh5 .s-item .title { min-height: 7em; _height: 7em;}
.step.ttlh6 .s-item .title { min-height: 8.4em; _height: 8.4em;}
.step.ttlh7 .s-item .title { min-height: 9.8em; _height: 9.8em;}
.step.ttlh8 .s-item .title { min-height: 10.2em; _height: 10.2em;}
.step.ttlh9 .s-item .title { min-height: 11.6em; _height: 11.6em;}
.step.ttlh10 .s-item .title { min-height: 13em; _height: 13em;}
.step.ttlh11 .s-item .title { min-height: 14.4em; _height: 14.4em;}
.step.ttlh12 .s-item .title { min-height: 15.8em; _height: 15.8em;}
.step.ttlh13 .s-item .title { min-height: 17.2em; _height: 17.2em;}

.step .title h3,
.step .title h5,
.step .title p {
	position: static;
	font-size: 14px;
	font-weight: bold;
}

.step .title span.num {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 49px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: left top;
}
.step .title span.num.n1 { background-image: url(/mobile/set/common/p/img/v12a/support/step_01.png);}
.step .title span.num.n2 { background-image: url(/mobile/set/common/p/img/v12a/support/step_02.png);}
.step .title span.num.n3 { background-image: url(/mobile/set/common/p/img/v12a/support/step_03.png);}
.step .title span.num.n4 { background-image: url(/mobile/set/common/p/img/v12a/support/step_04.png);}
.step .title span.num.n5 { background-image: url(/mobile/set/common/p/img/v12a/support/step_05.png);}
.step .title span.num.n6 { background-image: url(/mobile/set/common/p/img/v12a/support/step_06.png);}
.step .title span.num.n7 { background-image: url(/mobile/set/common/p/img/v12a/support/step_07.png);}
.step .title span.num.n8 { background-image: url(/mobile/set/common/p/img/v12a/support/step_08.png);}
.step .title span.num.n9 { background-image: url(/mobile/set/common/p/img/v12a/support/step_09.png);}
.step .title span.num.n10 { background-image: url(/mobile/set/common/p/img/v12a/support/step_10.png);}
.step .title span.num.n11 { background-image: url(/mobile/set/common/p/img/v12a/support/step_11.png);}
.step .title span.num.n12 { background-image: url(/mobile/set/common/p/img/v12a/support/step_12.png);}
.step .title span.num.n13 { background-image: url(/mobile/set/common/p/img/v12a/support/step_13.png);}
.step .title span.num.n14 { background-image: url(/mobile/set/common/p/img/v12a/support/step_14.png);}
.step .title span.num.n15 { background-image: url(/mobile/set/common/p/img/v12a/support/step_15.png);}
.step .title span.num.n16 { background-image: url(/mobile/set/common/p/img/v12a/support/step_16.png);}
.step .title span.num.n17 { background-image: url(/mobile/set/common/p/img/v12a/support/step_17.png);}
.step .title span.num.n18 { background-image: url(/mobile/set/common/p/img/v12a/support/step_18.png);}
.step .title span.num.n19 { background-image: url(/mobile/set/common/p/img/v12a/support/step_19.png);}
.step .title span.num.n20 { background-image: url(/mobile/set/common/p/img/v12a/support/step_20.png);}
.step .title span.num.n21 { background-image: url(/mobile/set/common/p/img/v12a/support/step_21.png);}
.step .title span.num.n22 { background-image: url(/mobile/set/common/p/img/v12a/support/step_22.png);}
.step .title span.num.n23 { background-image: url(/mobile/set/common/p/img/v12a/support/step_23.png);}
.step .title span.num.n24 { background-image: url(/mobile/set/common/p/img/v12a/support/step_24.png);}
.step .title span.num.n25 { background-image: url(/mobile/set/common/p/img/v12a/support/step_25.png);}
.step .title span.num.n26 { background-image: url(/mobile/set/common/p/img/v12a/support/step_26.png);}
.step .title span.num.n27 { background-image: url(/mobile/set/common/p/img/v12a/support/step_27.png);}
.step .title span.num.n28 { background-image: url(/mobile/set/common/p/img/v12a/support/step_28.png);}
.step .title span.num.n29 { background-image: url(/mobile/set/common/p/img/v12a/support/step_29.png);}
.step .title span.num.n30 { background-image: url(/mobile/set/common/p/img/v12a/support/step_30.png);}

.step .title .decimal {
	text-indent: -1.2em;
	padding-left: 1.2em;
}


/* -- .sub-step -- */

.step .sub-step.pc-border-top {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #b7bbbe;
}
.step .sub-item {
	float: left;
	width: 186px;
	padding-left: 51px;
}
.step.pc .sub-item {
	width: 305px;
	padding-left: 50px;
}
.step .sub-item.first-child,
.step.pc .sub-item.first-child {
	padding-left: 0;
}
.step .sub-item.addarrow {
	background: url(/mobile/set/common/p/img/v12a/support/icon_arrow_right.png) no-repeat left center;
}


/* Clear
-------------------------------------------------------------------------------- */

.step:after,
.sub-step:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
.step,
.sub-step { zoom:100%;}


/* .google-play */

.google-play:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

.google-play .txt {
	float: left;
}

.google-play .fig {
	float: right;
    margin: 0 20px 0 10px;
}


/* .settings-step */


ul.settings-step {
	position: relative;
	width: 680px;
	_width: auto;
	margin: 0;
	padding:0;
}

ul.settings-step:after { content: ".";height: 0px;clear: both;visibility: hidden;display: block;} /* clearfix */

ul.settings-step { zoom:100%;} /* clearfix */

ul.settings-step li {
	float: left;
	width: 222px;
	padding-right:9px;
	_padding-right:8px;
}

/* case sample */
/* 
#tab_contents #tabname ul.settings-step li {
	width: 299px;
	padding-right: 25px;
}
*/

ul.settings-step li span { display: block;}
ul.settings-step li span.fig { background: url(/mobile/set/common/p/img/v12a/support/icon_rigth.png) right center no-repeat;}
ul.settings-step li.last-of-type span.fig { background: none;}
ul.settings-step li span.txt {
	position: relative;
	min-height: 18px;
	_height: 18px;
	padding: 9px 12px 0 20px;
	font-weight: bold;
}

ul.settings-step li span.txt img.num {
	position: absolute;
	left: 0;
	top: 9px;
}

ul.settings-step li.last-of-type {
	float: left;
	width: 202px;
	padding-right: 0;
}

ul.settings-step li.last-of-type span.txt {
	padding: 9px 0 0 20px;
}