@charset "Shift_JIS";

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

@import url("/mb/shared/css/v11a/general.css");
@import url("/mb/shared/css/v11a/header.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;
}


/* Nav
-------------------------------------------------------------------------------- */

/* -- Headings -- */

body#frm div#sidenav h4 a {
	background-image: url(/mb/shared/img/v11a/nav/h4_support.png);
}

body#frm div#nav.ln_contact div#sidenav ul li.index div div a {
	background-image: url(/mb/shared/img/v11a/nav/btn_contact.png);
}
body#frm div#nav.ln_data_recovery div#sidenav ul li.index div div a {
	background-image: url(/mb/shared/img/v11a/nav/btn_data_recovery.png);
}
body#frm div#nav.ln_online_repair div#sidenav ul li.index div div a {
	background-image: url(/mb/shared/img/v11a/nav/btn_online_repair.png);
}

/* -- banner -- */
#nav #relation_nav ul li a {
	text-align: left;
	padding-left: 10px;
}
body#frm #nav #banner {
	margin: 20px 0px 0px;
}
body#frm #nav #banner dd {
	display: block;
	border: #bfbfbf 1px solid;
	padding: 0;
	margin-bottom: 10px;
}
body#frm #nav #banner a {
	display: block;
	border: #ffffff 1px solid;
	background: #f5f5f5;
	padding: 13px 5px 13px 8px;
	text-decoration: none;
	color: #333;
}
body#frm #nav #banner a span{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 16px;
	text-indent: 0;
	display: block;
	background:url(/mb/shared/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 3px;

}
body#frm #nav #banner a:link span {
	color:#006699;
	text-decoration:underline;
}
body#frm #nav #banner a:visited span {
	color:#800080;
	text-decoration:underline;
}
body#frm #nav #banner a:hover span,
body#frm #nav #banner a:active span {
	color:#800080;
	text-decoration:none;
}

/* 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(/mb/shared/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(/mb/shared/img/v11a/support/general/bg_content.png) repeat-y;
}
body#frm #tab_contents div#content-bottom {
	background: url(/mb/shared/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(/mb/shared/img/v09b/support/contact/bg_mysb_login_bottom.png) left bottom no-repeat;
}

.mysb_login {
	background: url(/mb/shared/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(/mb/shared/img/v09b/support/contact/btn_mysb_login.png);
}


/* 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%;
}