@charset "utf-8";


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

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


/* --------------------------------------------------------------------------------
   smartphone.css
-------------------------------------------------------------------------------- */

/* Left Navi
-------------------------------------------------------------------------------- */

body#frm div#sidenav h4 a {
	background-image: url("/mobile/set/common/p/img/v11a/nav/h4_smartphone.png");
}
body#frm div#nav.ln_contact div#sidenav h4 a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/h4_support.png);
}

body#frm div#nav.ln_service div#sidenav ul li.index div div a {
	background-image: url("/mobile/set/common/p/img/v11a/nav/btn_smartphone_app_serv.png");
}
body#frm div#nav.ln_support div#sidenav ul li.index div div a {
	background-image: url("/mobile/set/common/p/img/v11a/nav/btn_support.png");
}
body#frm div#nav.ln_price-plan div#sidenav ul li.index div div a {
	background-image: url("/mobile/set/common/p/img/v11a/nav/btn_price_discount.png");
}
body#frm div#nav.ln_guide div#sidenav ul li.index div div a {
	background-image: url("/mobile/set/common/p/img/v11a/nav/btn_about_smartphone.png");
}
body#frm div#nav.ln_contact div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_contact.png);
}


/* Contents
-------------------------------------------------------------------------------- */
/* ========== Seivice ================= */

/* === Unit1 Area === */
body#frm div#content div.unit1 {
	width: 664px;
	background: url("/mobile/set/common/p/img/v11a/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("/mobile/set/common/p/img/v11a/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: 3px 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("/mobile/set/common/p/img/v11a/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("/mobile/set/common/p/img/v11a/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("/mobile/set/common/p/img/v11a/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("/mobile/set/common/p/img/v11a/smartphone/service/bg_service_unit3_1_btm.gif") no-repeat bottom;
	padding: 0 20px 20px;	
}
/* ===== Table style ========================== */

/* -- basic -- */
table.basic {
	width: 100%;
	table-layout: fixed;
}
table.basic th,
table.basic td {
	padding: 9px 10px 7px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}
table.basic th {
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #b3b3b3;
	background-color: #f0f0f0;
}
table.basic td {
	text-align: left;
}

/* -- basic.type-fee -- */
table.type-fee th {
	text-align: left;
	width: 230px;
}
table.type-fee td {	width: 404px;}


table.type-fee td {	width: 404px;}

/* -- basic.type-packet -- */
table.type-packet { margin-top:  10px;}
table.type-packet th {
	text-align: left;
	width: 226px;
}
table.type-packet td {
	text-align: center;
	border-left: 1px solid #bfbfbf;
}
table.type-packet td.fee { width: 268px;}

/* -- basic.type-plan -- */
table.type-plan {
	table-layout: auto;
}
table.type-plan th {
	font-weight: normal;
}
table.type-plan .last-of-type{
	border-right: none;
}
table.type-plan thead th {
	padding: 5px 5px 3px;
}
table.type-plan td {
	text-align: center;
	border-left: 1px solid #bfbfbf;
	padding: 29px 5px 27px;
}
table.type-plan tbody th {
	background-color: #fff;
}

/* === Models === */
body#frm div#content .compatible-models .compatible-models-list {
	margin-top: 5px;
	padding-bottom: 7px;
	background: #ebeced url("/mobile/set/common/p/img/v11a/smartphone/service/bg_models_btm.gif") no-repeat left bottom;
}
body#frm div#content .compatible-models.section .compatible-models-list {
	background: #ebeced url("/mobile/set/common/p/img/v11a/smartphone/service/bg_models_btm_section.png") no-repeat left bottom;
}
body#frm div#content .compatible-models .compatible-models-list p {
	padding: 10px 20px 0;
	background: transparent url("/mobile/set/common/p/img/v11a/smartphone/service/bg_models_top.gif") no-repeat left top;
}
body#frm div#content .compatible-models.section .compatible-models-list p {
	background: transparent url("/mobile/set/common/p/img/v11a/smartphone/service/bg_models_top_section.png") no-repeat left top;
}



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


/* ===== Footer ========================== */
ul.anno-iphone {
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 86%;
	margin: 10px auto 0;
	padding: 0;
	text-align: left;
	width: 960px;
}

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

/* ------ dl.feature ------ */
dl.feature {
	position: relative;
	margin: 18px 0 0;
	background: url(/mobile/set/common/p/img/v12a/general/bg_feature_btm.gif) no-repeat left bottom;
}
dl.feature dt {
	position: absolute;
	left: -12px;
	top: 0;
}
dl.feature dd { padding: 25px 20px 10px 50px;}

/* -- Box -- */

.link-box_lg,
.link-box_lg .inner {
	background-image: url("/mobile/set/common/p/img/v12a/smartphone/bg_link-box_lg.png");
	zoom: 1;

}
.link-box_lg {
	margin-top: 20px;
	padding-bottom: 10px;
	background-position: left bottom;
}
.link-box_lg .inner {
	padding: 10px 10px 0;
	background-position: left top;
}



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

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