@charset "utf-8";
/* --------------------------------------------------------------------------------
   ・ｽ・ｽ・ｽS・ｽﾚ行・ｽ・ｽ・ｽ・ｽ/mb/shared/css/v12a/iphone/iphone.css・ｽﾆ搾ｿｽ・ｽ・ｽ・ｽﾖゑｿｽ
-------------------------------------------------------------------------------- */

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

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


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

body#frm {background: #ffffff!important;}
body#frm div#layout { 
	/*padding-bottom: 40px; 2013/3/26まで MLC*/
	padding:0 0 40px !important;/*2013/3/27リリース分追加 MLC ※どのsubstyle.cssにも影響されないように!important付加*/
}

div#header {
	height: 75px;
	margin: 0;
}
div#frm-H-bcs { height: 30px;}

/* Category Menu
-------------------------------------------------------------------------------- */
body#frm div#category_menu{
	background: #404040;
	margin-bottom: 5px;
}
body#frm div#category_menu dl{
	/*width: 958px; 2013/3/26まで MLC*/
	width: 948px;/*2013/3/27リリース分の追加 MLC*/
	border-right: #666666 1px solid;
	border-left: #333333 1px solid;
	height: 56px;
	margin: 0 auto;
}
body#frm div#category_menu dt,
body#frm div#category_menu dd {
	float: left;
}
body#frm div#category_menu dl a{
	display: block;
	background-image: url(/mobile/set/common/p/img/v12a/iphone/bg_category_menu_iphone.png);
	background-repeat: no-repeat;
}
/*body#frm div#category_menu dl dt a { background-position: -2px 0; }
body#frm div#category_menu dl #cat_menu-product a { background-position: -142px 0; }
body#frm div#category_menu dl #cat_menu-program a { background-position: -259px 0; }
body#frm div#category_menu dl #cat_menu-price_plan a { background-position: -376px 0; }
body#frm div#category_menu dl #cat_menu-network a { background-position: -493px 0; }
body#frm div#category_menu dl #cat_menu-purchase a { background-position: -610px 0; }
body#frm div#category_menu dl #cat_menu-service a { background-position: -727px 0; }
body#frm div#category_menu dl #cat_menu-support a { background-position: -844px 0; }

body#frm div#category_menu dl dt a:hover { background-position: -2px bottom; }
body#frm div#category_menu dl #cat_menu-product a:hover { background-position: -142px bottom; }
body#frm div#category_menu dl #cat_menu-program a:hover { background-position: -259px bottom; }
body#frm div#category_menu dl #cat_menu-price_plan a:hover { background-position: -376px bottom; }
body#frm div#category_menu dl #cat_menu-network a:hover { background-position: -493px bottom; }
body#frm div#category_menu dl #cat_menu-purchase a:hover { background-position: -610px bottom; }
body#frm div#category_menu dl #cat_menu-service a:hover { background-position: -727px bottom; }
body#frm div#category_menu dl #cat_menu-support a:hover { background-position: -844px bottom; } 2013/3/26まで MLC*/


body#frm div#category_menu dl dt a { background-position: 0px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-product a { background-position: -141px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-program a { background-position: -258px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-price_plan a { background-position: -375px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-network a { background-position: -492px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-purchase a { background-position: -609px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-service a { background-position: -726px 0; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-support a { background-position: -843px 0; }/*2013/3/27リリース分の追加 MLC*/

body#frm div#category_menu dl dt a:hover { background-position: 0px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-product a:hover { background-position: -141px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-program a:hover { background-position: -258px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-price_plan a:hover { background-position: -375px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-network a:hover { background-position: -492px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-purchase a:hover { background-position: -609px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-service a:hover { background-position: -726px bottom; }/*2013/3/27リリース分の追加 MLC*/
body#frm div#category_menu dl #cat_menu-support a:hover { background-position: -843px bottom; }/*2013/3/27リリース分の追加 MLC*/

body#frm div#category_menu dl a span{
	display: block;
	height: 56px;
	/*width: 115px; 2013/3/26まで MLC*/
	width: 114px;/*2013/3/27リリース分の追加 MLC*/
	text-align: left;
	text-indent: -9999px;
	border-right: #333333 1px solid;
	border-left: #666666 1px solid;
	cursor: pointer;
}
body#frm div#category_menu dl dt a span{
	/*width: 137px; 2013/3/26まで MLC*/
	width: 134px;/*2013/3/27リリース分の追加 MLC*/
}
body#frm div#category_menu dl a:hover span{
	border-left: #858585 1px solid;
}
body#frm div#category_menu dl a.current span{
	background: url(/mobile/set/common/p/img/v12a/iphone/bg_category_menu_act.png) center bottom no-repeat;
}


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

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

/* -- sidenav -- */
body#frm div#nav.ln_welcome div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_welcome_iphone.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_service div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v12a/nav/btn_app_service.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_contact div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_contact.png);
}
body#frm div#nav.ln_advantages div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_advantages.png);
}
body#frm div#nav.ln_product div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_product.png);
}
body#frm div#nav.ln_network div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_network.png);
}
body#frm div#nav.ln_purchase div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_utilization.png);
}
body#frm div#nav.ln_iphone_program_cp div#sidenav ul li.index div div a {
	background-image: url(/mobile/set/common/p/img/v11a/nav/btn_program_campaign.png);
}
/* Content
-------------------------------------------------------------------------------- */


/* ===== Heading ========================== */

h2.dotted,
h3.dotted {
    margin: 40px 0 20px;
    padding-bottom: 4px;
    line-height: 1;
    background: url(/mobile/set/common/p/img/v12a/iphone/fig_dotted.png) repeat-x left bottom;
}


/* ===== Text ========================== */

/* ------ Color ------ */
.accent_pnk { color: #F23091 !important;}


/* ===== Box ========================== */

/* ------ .box_blue ------ */
.box_no-dl {
    border: 1px solid #999999;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

/* ------ .box_blue ------ */
.box_blue {
	padding: 10px 16px;
	background-color: #f3f7f8;
}

/* ------ .box_blue ------ */
.box_gray {
	padding: 14px 16px;
	background-color: #f5f5f5;
}

/* ------ .rbox_terms ------ */
.rbox_terms,
.rbox_terms .inner {
	background-repeat: no-repeat;
	background-image: url(/mobile/set/common/p/img/v12a/iphone/bg_rbox_terms.png);
}
.rbox_terms {
	padding-bottom: 30px;
	background-position: left bottom;
}
.rbox_terms .inner {
	text-align: center;
	padding: 30px 30px 0;
	background-position: left top;
}
.rbox_terms .btn { margin: 0 auto;}

/* -- .unit_wire -- */
.unit_wire { margin: 20px 0 0 -15px;}
.unit_wire,
.unit_wire .group .group-child,
.unit_wire .inner {
	background-repeat: repeat-x;
	background-image: url(/mobile/set/common/p/img/v12a/iphone/bg_unit_wire.png);
}
.unit_wire.single {background-repeat: no-repeat;}

.unit_wire.wide,
.unit_wire.wide .inner {
	background-image: url(/mobile/set/common/p/img/v12a/iphone/bg_unit_wire_wide.png);
}
.unit_wire {
	padding-bottom: 15px;
	background-position: left bottom;
}
.unit_wire .inner {
	float: left;
	width: 300px;
	padding: 15px 15px 0 30px;
	background-position: left top;
}
.unit_wire .group {
	float: left;
	width: 345px;
	background: #ffffff;
}
.unit_wire .group .group-child {
	padding-bottom: 15px;
	background-position: left bottom;
}
.unit_wire.wide .inner { width: 645px;}

.unit_wire dt.ttl {
	font-size: 115%;
	font-weight: bold;
}
.unit_wire dd.date {
	font-size: 86%;
	font-weight: bold;
}
.unit_wire dd.txt { margin-top: 15px;}
.unit_wire img.flt_l { margin: 0 15px 10px 0;}
.unit_wire img.flt_r { margin: 0 0 10px 15px;}

/* clear */
.unit_wire:after,
.unit_wire .group:after,
.unit_wire .group .group-child:after,
.unit_wire dd:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
.unit_wire,
.unit_wire .group,
.unit_wire .group .group-child,
.unit_wire dd { zoom:100%;}

.unit_wire_top{
	margin: 20px 0 0 -15px;
	padding-top: 5px;
	background: url(/mobile/set/common/p/img/v12a/iphone/bg_unit_wire.png) repeat-x left top;
}
.unit_wire_bottom{
	padding-bottom: 5px;
	background: url(/mobile/set/common/p/img/v12a/iphone/bg_unit_wire.png) repeat-x left bottom;
}
.unit_wire_long{
	background: url(/mobile/set/common/p/img/v12a/iphone/bg_unit_wire_long.png) repeat;
}
.unit_wire_top .unit_wire{
	margin: 0;
}
.unit_wire_long .inner {
	background-image: none;
}

/* ------ Link Box style(2-Units) ------ */
.link-box_2-units {
	background: url(/mobile/set/common/p/img/v11a/iphone/bg_link-box_2-unit_btm.gif) repeat-x left bottom;
	overflow: hidden;
}
.link-box_2-units.mono {
	width: 345px;
}
.link-box_2-units .link-box {
    position: relative;
	float: left;
	width: 320px;
	padding: 14px 15px 10px 10px;
	background: url(/mobile/set/common/p/img/v11a/iphone/bg_link-box_2-unit_top.gif) no-repeat left top;
}
.link-box_2-units .link-box.no-icon {
	padding: 14px 15px 10px;
	width: 325px;
}
.link-box_2-units .link-box dt {
	margin: 0 0 0 5px;
}
.link-box_2-units .link-box.no-icon dt {
}
.link-box_2-units .link-box dd {
	padding: 10px 0 0 70px;
}
.link-box_2-units .link-box.no-icon dd {
}
.link-box dd ul.link-list_navy {
	margin-top: 10px;
}
.link-box dd ul.link-list_navy li {
	float: left;
	width: auto;
}


/* ------ Link Box style(4-Units) ------ */
.link-box_4-units {
	background: url(/mobile/set/common/p/img/v11a/iphone/bg_link-box_4-unit_btm.gif) repeat-x left bottom;
	overflow: hidden;
}
.link-box_4-units .link-box {
	float: left;
	width: 161px;
	margin-right: 8px;
	padding: 8px 5px 8px 4px;
	background: url(/mobile/set/common/p/img/v11a/iphone/bg_link-box_4-unit_top.gif) no-repeat left top;
}
.link-box_4-units .link-box dt {
	margin: 0 0 0 5px;
}
.link-box_4-units .link-box dd {
	padding: 7px 0 0 51px;
	min-height: 45px;
}

/* Clear */
.link-box_2-units:after,
.link-box_4-units:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
.link-box_2-units,
.link-box_4-units {
	zoom: 1;
}


/* ===== Link Bullet style ========================== */

/* ------ .link-list_iphone ------ */
body#frm .link-list_iphone {
	margin: 0;
	padding: 0;
	background: none;
	}
body#frm .link-list_iphone a {
	display: block;
	width: 295px;
	padding: 0 0 0 25px;
	background: url(/mobile/set/common/p/img/v09b/iphone/icn_arrow_iphone.gif) no-repeat left center;
}
body#frm .link-list_iphone a:hover {
	background: url(/mobile/set/common/p/img/v09b/iphone/icn_arrow_iphone_on.gif) no-repeat left center;
}


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


/* ===== Module ========================== */

/* ------ dl.feature ------ */
dl.feature {
	position: relative;
	margin: 18px 0 0;
	background: url(/mobile/set/common/p/img/v12a/iphone/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_app-store ------ */
.box_app-store {
	width: 413px;
	margin-top: 30px;
}
.box_app-store .inner {
	position: relative;
	min-height: 52px;
	_height: 52px;
	padding: 4px 186px 4px 11px;
	border-left: 1px solid #e4e8e9;
	border-right: 1px solid #e4e8e9;
	background: #ffffff;
}
.box_app-store span {
	overflow: hidden;
	display: block;
	font-size: 1px;
	background-repeat: none;
	background-image: url(/mobile/set/common/p/img/v12a/iphone/bg_app_store.png);
}
.box_app-store span span {
	margin-left: 5px;
}
.box_app-store span.frm-top {
	background-position: left top; 
}
.box_app-store span.frm-top span {
	height: 10px;
	background-position: right top; 
}
.box_app-store span.frm-btm {
	background-position: left bottom; 
}
.box_app-store span.frm-btm span {
	height: 10px;
	background-position: right bottom; 
}
.box_app-store p.btn {
	position: absolute;
	right: 14px;
	top: 4px;
}

/* Clear */
.box_app-store .inner:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
.box_app-store .inner {
	zoom: 1;
}

/* ------ Reserved iPhone 4S ------ */
.reserved_4s {
	border: solid 3px #566b7f;
	position: relative;
	padding: 14px 30px 12px;
	margin:30px 0;
	height: auto;
}

.reserved_4s dt {
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -9px;
}
.reserved_4s dd {
	margin-left: 280px;
	position: relative;
	left: 0;
	top: 0;
}
/* Clear */
dl.reserved_4s:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
dl.reserved_4s {
	zoom: 1;
}


/* Foot navi iphone
-------------------------------------------------------------------------------- */

body#frm #foot-navi_iphone {
	/*width: 868px; 2013/3/26まで MLC*/
	width: 858px;/*2013/3/27リリース分の追加 MLC*/
	margin: 0 2px;
	padding: 21px 44px;
	background: #f5f5f5 url(/mobile/set/common/p/img/v12a/iphone/bg_foot-navi.png) left top repeat-x;
	position: relative;
}
body#frm #foot-navi_iphone dt{
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 10px;
	font-weight: bold;
	zoom: 1;
}
body#frm #foot-navi_iphone dd.link-purchasem{
	position: absolute;
	width: 115px;
	top: 25px;
	right: 44px;
}
body#frm #foot-navi_iphone dd.purchase_unit_item{
	border-top: 1px solid #fff;
	padding-top: 15px;
	padding-bottom: 1px;
	background: #f5f5f5 url(/mobile/set/common/p/img/v12a/iphone/bg_purchase_unit_btm.png) left bottom no-repeat;
	zoom: 1;
}
body#frm #foot-navi_iphone dd.purchase_unit_item ul{
	background: #f5f5f5 url(/mobile/set/common/p/img/v12a/iphone/bg_purchase_unit_mdl.png) left top repeat-y;
}
body#frm #foot-navi_iphone dd.purchase_unit_item ul li{
	border-top: #c1c2c2 1px solid;
	width: 280px;
}
body#frm #foot-navi_iphone dd.purchase_unit_item ul li .txt {
	float: right;
	width: 190px;
	font-weight: bold;
}
body#frm #foot-navi_iphone dd.purchase_unit_item ul li .link-list_navy {
	float: right;
	width: 174px;
}
body#frm #foot-navi_iphone dd.purchase_unit_item ul li .fig-img {
	float: left;
	/*margin-left: 1px; 2013/3/26まで MLC*/
	margin-left: 3px;/*2013/3/27リリース分の追加 MLC*/
	width: 79px;
}

/*ローカルナビがあるときのfoot-naviのスタイル 2013/3/27リリース分の追加 MLC*/
body#frm #container.col2 #foot-navi_iphone{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 0;
    width: 858px;/*Old width 862px*/
	padding: 21px 45px;
}
/*ローカルナビがあるときのfoot-naviのスタイル 2013/3/27リリース分の追加 MLC*/
#container.col2 div#container-bottom{
	background:none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
	width: 948px;
}
#container.col2 div#container-bottom dl.site-link {
	width: 901px;
}


.mr_14{
	margin-right: 14px;
}
.mr_9{/*2013/3/27リリース分の追加 MLC*/
	margin-right: 9px;
}


/* Container-bottom and Site-link
-------------------------------------------------------------------------------- */

div#container-bottom {
	/*width: 960px; 2013/3/26まで MLC*/
	width: 950px;/*2013/3/27リリース分の追加 MLC*/
	margin: 0;
	padding: 0 0 4px;
	height: auto !important;
	background: url(/mobile/set/common/p/img/frm2/container_bottom.gif) repeat-x left bottom;
}
div#container-bottom dl.site-link {
	/*width: 913px; 2013/3/26まで MLC*/
	width: 903px;/*2013/3/27リリース分の追加 MLC*/
	margin: 0 2px;
	padding: 15px 0 10px 43px;
	background: url(/mobile/set/common/p/img/v11a/iphone/bg_site-link.gif) repeat-x left top;
	border-top: solid 1px #b1b3b5;
}
dl.site-link dt {
	float: left;
	width: 76px;
	margin: 0;
	padding-top: 5px;
	border: none;
}
dl.site-link dd {
	float: right;
	width: 810px;
}
dl.site-link dd li{
	font-size: 86%;
	float: left;
	padding-left: 16px;
	background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.25em;
}
 dl.site-link dd li.c1{ width: 14em; }
 dl.site-link dd li.c2{ width: 16em; }
 dl.site-link dd li.c3{ width: 9em; }
 dl.site-link dd li.c4{ width: 9em; }
 dl.site-link dd li.c5{ width: 9em; }

/*=== Box Item Details ===*/
#box_item-details {
	width: 262px;
	font-size: 86%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 10 !important;
}

#box_item-details dt {
	padding: 30px 20px 0;
	background: url("/mobile/set/common/p/img/v11a/pdct_savoia/bg_box_item-details.png") left top no-repeat;
	font-weight: bold;
}
#box_item-details dd.item_a {
	padding: 6px 20px 30px;
	background: url("/mobile/set/common/p/img/v11a/pdct_savoia/bg_box_item-details.png") left bottom no-repeat;
}
#box_item-details dd.item_a span {
	display: block;
	margin-bottom: 8px;
}
#box_item-details .link-list_navy {
	margin-top: 15px;
}
.btn_close {
	position: absolute;
	right: 15px;
	top: 12px;
	padding-left: 16px;
	background: url("/mobile/set/common/p/img/v11a/pdct_savoia/icn_bullet_list-close-win.gif") left center no-repeat;
}

/* ----- anno-iphone ----- */
ul.anno-iphone {
	text-align: left;
	/*width: 960px; 2013/3/26まで MLC*/
	width: 950px;/*2013/3/27リリース分の追加 MLC*/
	margin: 10px auto 0 !important;
	padding: 0;
	font-size:  86%;
	background: #ffffff;
}
ul.anno-iphone li.new-win-icn_inline img {
	margin: 0 0 0 0.5em;
	padding:2px 0 0 0;
	vertical-align:baseline;
}

/* -- .att_caution -- */
.att_caution {
	margin: 40px 15px 0;
	padding: 10px 15px 15px;
	background: #fffccd;
}
.att_caution h2 { margin-bottom: 15px;}
.att_caution h3 {
	color: #ff0000;
	font-size: 100%;
	font-weight: bold;
}

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

clearfix:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
clearfix {
	zoom: 1;
}