@charset "Shift_JIS";


/* --------------------------------------------------------------------------------
   Import(Don't edit) 
-------------------------------------------------------------------------------- */

@import url("/mb/shared/css/v09c/general.css");




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

body#frm.support div#layout {
	padding: 20px 20px 40px;
}



/* ========== Left Navi ======================================== */
body#frm div#sidenav h4 {
	margin: 0 0 19px;
}
body#frm div#sidenav h4 a {
	background-image: url("/mb/shared/img/v11a/nav/h4_smartphone.png") !important;
	height: 62px !important;
}
body#frm div#sidenav h4 a:hover {
	background-position: left bottom !important;
}


/* ===== Side Navi BTN Category Top ===== */
body#frm div#nav div#sidenav ul li.index div div {
	margin-bottom: 7px;
}
body#frm div#nav div#sidenav ul li.index div div a {
	margin: 0;
	padding: 0;
	width: 195px;
	height: 41px;
	text-indent: -9999px;
}

/* Support */
body#frm div#nav.ln_support div#sidenav h4 a {
    height: 62px;
	background-repeat: no-repeat;
	background-position: left top;
}
body#frm div#nav.ln_support div#sidenav h4 a {
	background-image: url("/mb/shared/img/v11a/nav/h4_smartphone.png") !important;
}
body#frm div#nav.ln_support div#sidenav h4 a:hover  {
	background-position: left bottom !important;
}

/* .index */
body#frm div#nav.ln_support div#sidenav ul li.index div div a {
	background-repeat: no-repeat;
	background-position: left top;
}
body#frm div#nav.ln_support div#sidenav ul li.index div div a {
	background-image: url("/mb/shared/img/v11a/nav/btn_support.png");
}
body#frm div#nav.ln_support div#sidenav ul li.index div div a:hover {
	background-position: left bottom;
}

/* Service */
body#frm div#nav.ln_service div#sidenav ul li.index div div a {
	background: transparent url("/mb/shared/img/v09b/smartphone/btn_side-navi_service.gif") left top no-repeat;
}
body#frm div#nav.ln_service div#sidenav ul li.index div div a:hover {
	background: transparent url("/mb/shared/img/v09b/smartphone/btn_side-navi_service_on.gif") left top no-repeat;
}

/* Price Plan */
body#frm div#nav.ln_price-plan div#sidenav ul li.index div div a {
	background: transparent url("/mb/shared/img/v09b/smartphone/btn_side-navi_price-plan.gif") left top no-repeat;
}
body#frm div#nav.ln_price-plan div#sidenav ul li.index div div a:hover {
	background: transparent url("/mb/shared/img/v09b/smartphone/btn_side-navi_price-plan_on.gif") left top no-repeat;
}

/* Guide */
body#frm div#nav.ln_guide div#sidenav ul li.index div div a {
	background-image: url("/mb/shared/img/v11a/nav/btn_about_smartphone.png");
}


body#frm div#nav div#sidenav ul li.index div div a:hover {
	background-position: left bottom !important;
}


/* ========== Content ======================================== */

/* === Box H1 === */
#box_h1 {
	margin-bottom: 17px;
	background: transparent url("/mb/shared/img/v09b/general/bg_h1.gif") left top repeat-x;
}
#box_h1 h1 {
	margin: 0;
	padding: 0 0 1px 20px;
	background: transparent url("/mb/shared/img/v09b/smartphone/icn_bullet_h1_blue.gif") left top no-repeat;
	border-bottom: solid 1px #9a9b9a;
	font-size: 158%;
	line-height: 60px;
	font-weight: bold;
}

body#frm.guide h2,
body#frm.support h2 {
	margin: 0 0 15px;
	padding: 0 0 3px;
	background: transparent url("/mb/shared/img/v09b/smartphone/bg_h3_dot-hline.gif") left bottom repeat-x;
}

body#frm.application h2,
body#frm.international h2 {
	background:url("/mb/shared/img/v09b/smartphone/bg_h_dot-hline.gif") repeat-x scroll left bottom transparent;
	line-height:1;
	margin:40px 0 20px;
	padding-bottom:4px;
}

body#frm.international #content #main h1 {
	border-bottom: 1px solid #999999;
	margin-bottom: 20px;
	padding:14px 0;
}


/* ===== Main =====*/
body#frm.support #main,
body#frm.service #main,
body#frm.application #main.und_line {
	margin: 0 0 20px;
	padding: 6px 0 0;
	height: 44px;
	border-bottom:1px solid #C7C7C7;
}



/* ===== Notes ========================== */
body#frm #content dl.box_notes {
	border: solid 1px #afafaf;
}
body#frm #content dl.box_notes dt.h2_title {
	margin: 1px 1px 0;
	padding: 3px 8px 4px;
	background: #ebf0f3 url("/mb/shared/img/v09b/smartphone/bg_foot-notes-title_btm.gif") left bottom repeat-x;
	font-size: 86%;
}
body#frm #content dl.box_notes dt.h2_title img {
	float: left;
}
body#frm #content dl.box_notes dt.h2_title span.update {
	float: right;
	padding-top: 3px; 
	font-size: 72%;
}
body#frm #content dl.box_notes dd.notes_detail {
	margin: 10px 15px;
}



/* ===== Tool Kit ========================== */
body#frm div#content div.hub_service_products table {
	width: 100%;
	border-bottom: none;
}
body#frm div#content div.hub_service_products table th {
	width: 90px;
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #afafaf;
	background-color: #f2f2f2;
	vertical-align: top;
}
body#frm div#content div.hub_service_products table td.item {
	width: 90px;
	padding: 10px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
}

body#frm div#content div.hub_service_products table td.models {
	padding: 10px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
}

body#frm div#content div.hub_service_products table td.models p.series {
	font-weight: bold;
}




/* ========== Micro Footer ======================================== */
#micro-footer div#series .support-guide a {
	background:url("/mb/shared/img/pdct_all/btn_support-guide.gif") no-repeat scroll left top transparent;
	display:block;
	height:30px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:155px;
	float: right;
}
#micro-footer div#series .support-guide a:hover {
	background:url("/mb/shared/img/pdct_all/btn_support-guide_on.gif") no-repeat scroll left top transparent;
}

#micro-footer div#series .service-guide a {
	background:url("/mb/shared/img/pdct_all/btn_service-guide.gif") no-repeat scroll left top transparent;
	display:block;
	height:30px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:155px;
	float: right;
}
#micro-footer div#series .service-guide a:hover {
	background:url("/mb/shared/img/pdct_all/btn_service-guide_on.gif") no-repeat scroll left top transparent;
}

#micro-footer div#series .price_plan-guide a {
	background:url("/mb/shared/img/pdct_all/btn_price_plan-guide.gif") no-repeat scroll left top transparent;
	display:block;
	height:30px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:155px;
	float: right;
}
#micro-footer div#series .price_plan-guide a:hover {
	background:url("/mb/shared/img/pdct_all/btn_price_plan-guide_on.gif") no-repeat scroll left top transparent;
}


/* ========== Seivice ================= */

/* === Unit1 Area === */

body#frm div#content div.unit1	{
	width: 664px;
	background: url("/mb/shared/img/v09b/smartphone/service/bg_service_unit1_top.gif") no-repeat;
	margin: 20px 20px 0;
	padding-top: 20px;
}
body#frm div#content div.unit1 .inner	{
	background: url("/mb/shared/img/v09b/smartphone/service/bg_service_unit1_btm.gif") no-repeat bottom;
	padding:0 20px 20px;
}
body#frm div#content div.unit1 .inner .left	{
	width:360px;
}
body#frm div#content div.unit1 .inner .left .title{
	padding:10px 0 0 10px;
}
body#frm div#content div.unit1 .inner .right	{
	width:242px;
}

/* === Unit3 Area === */

body#frm div#content div.unit3	{
	width: 664px;
	background: url("/mb/shared/img/v09b/smartphone/service/bg_service_unit3_top.gif") no-repeat;
	margin: 20px 20px 0;
	padding-top: 20px;
}

body#frm div#content div.unit3 .inner {
	background: url("/mb/shared/img/v09b/smartphone/service/bg_service_unit3_btm.gif") no-repeat bottom;
	padding:0 0 20px;	
}
body#frm div#content div.unit3 .inner ul {
	width:664px;
	list-style:none;
}
body#frm div#content div.unit3 .inner ul li {
	width:174px;
	margin-right:11px;
	float:left;
	padding:0 20px;
}
body#frm div#content div.unit3 .inner ul li .title{
	padding:15px 0 0 5px;
	font-size:108%;
	font-weight:bold;
}
body#frm div#content div.unit3_1	{
	width: 214px;
	background: url("/mb/shared/img/v09b/smartphone/service/bg_service_unit3_1_top.gif") no-repeat;
	margin: 20px 471px 0 20px;
	padding-top: 20px;
}

body#frm div#content div.unit3_1 .inner {
	background: url("/mb/shared/img/v09b/smartphone/service/bg_service_unit3_1_btm.gif") no-repeat bottom;
	padding:0 20px 20px;	
}


/* === Models === */

body#frm div#content .compatible-models .compatible-models-list {
	margin-top: 5px;
	padding-bottom: 7px;
	background: #ebeced url("/mb/shared/img/v09b/smartphone/service/bg_models_btm.gif") no-repeat left bottom;
}
body#frm div#content .compatible-models .compatible-models-list p {
	padding: 10px 20px 0;
	background: transparent url("/mb/shared/img/v09b/smartphone/service/bg_models_top.gif") no-repeat left top;
}

/* -- hub_service_products -- */
.hub_service_products p.title { display: none;}
.hub_service_products p.modified,
.hub_service_products p.modified_sp {
	text-align: right;
	font-size: 86%;
}
.hub_service_products p.series { font-weight: bold;}
.hub_service_products table {
	width: 100%;
	margin-top: 2px;
}
.hub_service_products table th,
.hub_service_products table td {
	padding: 10px 12px;
	font-size: 86%;
	border: 1px solid #bfbfbf;
}
.hub_service_products table th {
	width: 24%;
	font-weight: bold;
	background-color: #f0f0f0;
	border-left: none !important;
}
.hub_service_products table td {
	width: 76%;
	border-right: none;
	border-left: none !important;
}