@charset "utf-8";
/* header
-------------------------------------------------------------------------------- */

#header {
	position: relative;
	height: 28px;
	padding: 10px;
	background-image: -webkit-gradient(linear, center top, center bottom,
    color-stop(0.0, rgb(240, 243, 244)),
    color-stop(1.0, rgb(253, 253, 254)));
	background-image: -moz-linear-gradient(top,
	rgb(240, 243, 244) 0%,
	rgb(253, 253, 254) 100%);
	border-bottom: 1px solid #ffffff;
	box-shadow: 0 1px #d5d6d7;
}
#header .logo_mysoftbank {
	width: 131px;
	margin: 0;
}
#header .logo_softbank {
	position: absolute;
	left: 150px;
	top: 20px;
	margin: 0;
	line-height: 1;
	font-size: 1px;
}
#header.v14a .logo_mysoftbank {
	position:absolute;
	top:12px;
	width: 117px;
	margin: 0;
}
#header.v14a .logo_softbank {
	top:19px;
	left: 136px;
}
#header .btn-menu {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0;
	font-size: 12px;
	font-weight:bold;
}
#header .btn-menu > span {
  padding: 7px 4px;
  border: 1px solid #253142;
  border-radius: 3px;
  color: #fff;
  display: block;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, -1px -1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b7681), color-stop(97%, #3d454e), color-stop(100%, #262c33));
  background-image: -webkit-linear-gradient( #6b7681, #3d454e 97%, #262c33);
  background-image: linear-gradient( #6b7681, #3d454e 97%, #262c33);
  background-color: #262c33;
  line-height: 1.25 !important;
  vertical-align: middle;
	font-size: 12px;
}


/* footer
-------------------------------------------------------------------------------- */

/* -- ul.footer-nav-top -- */
#footer .footer-nav-top,
#footer .footer-nav-home{
	margin: 8px 10px 0;
	padding-left: 25px;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	position: relative;
}
#footer .footer-nav-top:before,
#footer .footer-nav-home:before {
	padding: 2px;
	border: 1px solid #C7D2DA;
	box-shadow: 1px 1px 0 #FFF inset, -1px -1px 0 #FFF inset;
	background-image: url(//cdn.softbank.jp/mysoftbank/set/common/s/img/v13a/footer/sprite.png);
	background-repeat: no-repeat;
	background-position: -26px center;
	background-size: 2150px 63px;
	background-color: #F4F6F8;
}
#footer .footer-nav-home:before {
	background-position: -40px center;
}
#footer .footer-nav-top:before, 
#footer .footer-nav-home:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	top: 0.1em;
	left: 0;
}


/* -- p.copyright -- */
#footer p#copyright {
	margin: 10px 0 0;
	padding: 15px 10px;
	height: 12px;
	float: none;
	width: auto;
	background-color: #EFEFEF;
	text-align: center;
}
#footer #copyright img {
	width: 69px;
	vertical-align: top;
}


/* #menu 
-------------------------------------------------------------------------------- */

#menu {
	-webkit-user-select:none;
	display: none;
	position: absolute;
	top: 416px;
	left: 0;
	width: 100%;
	min-height: 416px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 9999;
	background-color: #84919d;
	font-size: 14px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}
#menu.sUp {
	-webkit-transform: translate(0,-380px);
	-webkit-transition: all .4s ease-out;
	-moz-transform: translate(0,-380px);
	-moz-transition: all .4s ease-out;
}
#menu.sTp {
	-webkit-transform: none;
	-webkit-transition: none;
	-moz-transform: none;
	-moz-transition: none;
	top: 36px !important;
}
#menu.sDn {
	-webkit-transform: translate(0,380px);
	-webkit-transition: all .4s ease-in;
	-moz-transform: translate(0,380px);
	-moz-transition: all .4s ease-in;
	top: 36px !important;
	display: block;
}
#noYahooNavi #menu.sUp {
	-webkit-transform: translate(0,-416px);
	-webkit-transition: all .4s ease-out;
	-moz-transform: translate(0,-416px);
	-moz-transition: all .4s ease-out;
}
#noYahooNavi #menu.sTp {
	top: 0 !important;
}
#noYahooNavi #menu.sDn {
	-webkit-transform: translate(0,416px);
	-webkit-transition: all .4s ease-in;
	-moz-transform: translate(0,416px);
	-moz-transition: all .4s ease-in;
	top: 0 !important;
	display: block;
}

#menu .menu-header {
	margin: 0 -10px 10px;
	padding: 0;
	border-bottom: 3px solid #758390;
	height: 49px;
	position: relative;
	background-color: #fff;
}
#menu .menu-header h1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 131px;
	line-height: 1;
	text-align:left;
}
#menu .menu-header h1 img {
	vertical-align: top;
}
#menu .menu-header .logo_softbank {
	position: absolute;
	left: 150px;
	top: 20px;
	margin: 0;
	line-height: 1;
	font-size: 1px;
}
#menu .menu-header.v14a .logo_softbank {
	top: 19px;
	left: 136px;
}
#menu .menu-header .btn-close {
	padding: 6px 10px;
	border: 1px solid #364549;
	border-radius: 3px;
	color: #fff;
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 1.55 !important;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #87929c), color-stop(50%, #505962), color-stop(50%, #3d454e), color-stop(100%, #3d454e));
	background-image: -webkit-linear-gradient( #87929c, #505962 50%, #3d454e 50%, #3d454e);
	background-image: linear-gradient( #87929c, #505962 50%, #3d454e 50%, #3d454e);
	background-color: #87929c;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#menu .menu-hdg {
	margin-top: 10px;
	padding: 10px 10px 14px 10px;
	border-width: 4px 4px 0;
	border-style: solid;
	border-color: #60717f;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
#menu .menu-hdg:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}
#menu .menu-hdg:before {
	border-top: 1px solid #abb3b8;
	background-color: #ccd1d2;
}
#menu .menu-hdg > span {
	padding-left: 16px;
	display: block;
	position: relative;
}
#menu .menu-hdg > span:before {
	content: "";
	display: block;
	width: 6px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
#menu .menu-hdg > span:before {
	background-image: -webkit-linear-gradient( #8893a0, #b4bbc5);
	background-image: linear-gradient( #8893a0, #b4bbc5);
	background-color: #8893a0;
}
#menu .menu-hdg-container {
	margin-top: 10px;
	border-width: 4px 4px 0;
	border-style: solid;
	border-color: #60717f;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	text-align: left;
	position: relative;
}
#menu .menu-hdg-container:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}
#menu .menu-hdg-container:before {
	border-top: 1px solid #abb3b8;
	background-color: #ccd1d2;
}
#menu .menu-hdg-container > .menu-hdg,
#menu .menu-hdg-container > .hdg-more {
	padding: 9px 10px 14px 10px;
	display: table-cell;
	vertical-align: middle;
}
#menu .menu-hdg-container > .menu-hdg {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%;
	background-color: transparent;
}
#menu .menu-hdg-container > .menu-hdg:before {
	display: none;
}

#menu .menu-box {
	border: 4px solid #60717f;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
	margin-bottom:10px;
}
#menu .menu-box > ul {
	margin: 0;
	padding: 5px 10px 10px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccd1d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f7f9fa;
	letter-spacing: -0.4em;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
#menu .menu-box > ul > li {
  margin: 5px 0 0 -1px;
  display: inline-block;
  border-width: 0 1px;
  border-style: solid;
  border-color: #e3e4e5;
  letter-spacing: normal;
}
#menu .menu-box > ul > li a {
  padding: 0 5px;
  display: block;
  text-decoration: none;
  font-weight: normal;
}

#menu .menu-list {
	border: 4px solid #60717f;
	border-radius: 4px;
	text-align: center;
	font-size: 13px;
}
#menu .menu-list:after {
	content: "";
	display: block;
	clear: both;
}
#menu .menu-list > li {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ccd1d2;
	width: 33.33333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #eceff2));
	background-image: -webkit-linear-gradient( white, #edeff2);
	background-image: linear-gradient( white, #edeff2);
	background-color: #fff;
	float: left;
}
#menu .menu-list > li > a {
	vertical-align: middle;
	width: 100%;
	/*height: 86px;*/
	padding: 46px 3px 7px;
	border: 1px solid #fff;
	display: table;
	color: #333333;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	position: relative;
	line-height: 1.2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu .menu-list > li > a:before {
	content: "";
	display: block;
	width: 97px;
	height: 31px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -48px;
	/*background-image: url(//cdn.softbank.jp/mysoftbank/set/common/s/img/v13a/menu/sprite.png);*/
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 582px 31px;
}
#menu .menu-list > li > a span {
	display: table-cell;
	vertical-align: middle;
	height: 31px;
	font-size:12px;
}
/*#menu .menu-list > li:nth-child(3n) { border-right: 1px solid #ccd1d2;}
#menu .menu-list > li.info { letter-spacing: -0.2em;}
#menu .menu-list > li.info > a:before { background-position: 0 center;}
#menu .menu-list > li.obi { letter-spacing: -0.2em;}
#menu .menu-list > li.obi > a:before { background-position: -97px center;}
#menu .menu-list > li.contract { letter-spacing: -0.2em;}
#menu .menu-list > li.contract > a:before { background-position: -194px center;}
#menu .menu-list > li.mail { letter-spacing: -0.2em;}
#menu .menu-list > li.mail > a:before { background-position: -291px center;}
#menu .menu-list > li.point { letter-spacing: -0.2em;}
#menu .menu-list > li.point > a:before { background-position: -388px center;}
#menu .menu-list > li.campaign { letter-spacing: -0.2em;}
#menu .menu-list > li.campaign > a:before { background-position: -485px center;}*/

#menu .menu-list-01 {
	border: 4px solid #60717f;
	border-radius: 4px;
	font-weight: bold;
	margin: 0 0 10px;
}
#menu .menu-list-01 > li:first-child > a {
	margin-top: 0;
}
#menu .menu-list-01 > li:last-child {
	border-bottom: none;
}
#menu .menu-list-01 > li > a {
	margin-top: -1px;
	padding: 9px 30px 8px 10px;
	border: 1px solid #ccd1d2;
	box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
	color: #333333;
	display: block;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #eceff2));
	background-image: -webkit-linear-gradient( white, #eceff2);
	background-image: linear-gradient( white, #eceff2);
	background-color: #fff;
	text-decoration: none;
	position: relative;
	text-align:left;
}
#menu .menu-list-01 > li > a:before {

	content: "";
	display: block;
	position: absolute;
	border-right: 3px solid #006699;
	border-bottom: 3px solid #006699;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#menu .menu-list-01 > li > a:before {
	margin-top: -6px;
	top: 50%;
	right: 10px;
}
#menu .menu-list-01 > li.separate {
	border-top: 4px solid #60717f;
}
#menu .menu-list-01 > li.logout {
	padding: 8px;
	background: #ffffff;
}
#menu .menu-list-01 > li.logout > a {
	border: none;
	color: #ffffff;
	padding: 9px 10px 8px;
	border: 1px solid #0087cb;
	box-shadow: 0 0 0 1px rgba(176,219,240,1.0) inset;
	background-image: -webkit-gradient(linear, center top, center bottom,
	color-stop(0.0, rgb(0, 135, 203)),
	color-stop(0.5, rgb(50, 135, 203)),
	color-stop(0.51, rgb(61, 166, 219)),
	color-stop(1.0, rgb(61, 166, 219)));
	background-image: -moz-linear-gradient(top,
	rgb(0, 135, 203) 0%,
	rgb(0, 135, 203) 50%,
	rgb(61, 166, 219) 51%,
	rgb(61, 166, 219) 100%);
}
#menu .menu-list-01 > li.logout > a:before {
	content: "";
	display: none;
}
#menu .menu-hdg-container + .menu-list,
#menu .menu-hdg + .menu-list,
#menu .menu-hdg-container + .menu-list-01,
#menu .menu-hdg + .menu-list-01 {
	margin-top: 0;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#menu .menu-bnr-list {
	text-align: center;
}
#menu .menu-bnr-list > li {
	margin-bottom: 5px;
}
#menu .newwindowicon,
#menu .pdficon,
#menu .mailicon,
#menu .wmvicon,
#menu .rssicon {
	margin: 3px 0 0 5px;
	width: 14px;
	vertical-align: top;
}
#menu .newwindowicon {
	width: 17px;
}

/* #menu .v02 2014-05-27 start */
#menu .v02 .menu-list > li > a:before{
	background-image:url(//cdn.softbank.jp/mysoftbank/set/common/s/img/v13a/menu/v02/sprite.png);
	background-size: 224px 196px;
	height: 34px;
}
#menu .v02 .menu-list > li.obi > a:before { background-position: 33px 0;}
#menu .v02 .menu-list > li.mail > a:before{ background-position:-62px 0;}
#menu .v02 .menu-list > li.contract > a:before { background-position: -160px 0;}
#menu .v02 .menu-list > li.point > a:before { background-position: 34px -82px;}
#menu .v02 .menu-list > li.campaign > a:before { background-position: -61px -80px;}
#menu .v02 .menu-list > li.anshin > a:before { background-position: -160px -78px;}
#menu .v02 .menu-list > li.card > a:before { background-position: 35px -165px;}
#menu .v02 .menu-list > li.menulist > a:before{ background-position:-62px -165px;}
#menu .v02 .menu-list > li.sid > a:before { background-position: -160px -167px;}
/* .txt_link */
#menu .v02 .menu-list > li.txt_link{
	width:99.9%;
	text-align:center;
	border:none;
	padding:12px 0;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	background: #fff;
}
#menu .v02 .menu-list > li.txt_link a:before {
	display:none;
	background:none;
}
#menu .v02 .menu-list > li.txt_link a{
	display:inline;
	color:#006699;
	padding:0;
}
#menu .v02 .menu-list > li.txt_link a:first-child{
	padding-right:8px;
	border-right:1px solid #ccd1d3;
}
#menu .menu-list > li.txt_link a:last-child{
	padding-left:8px;
}
/* .phone_num */
#menu .v02 .menu-list-01 > li.phone_num {
	margin-top: -1px;
	padding: 9px 10px 8px;
	border: 1px solid #ccd1d2;
	color: #333333;
	display: block;
	background: #fff;
}
#menu .v02 .menu-list-01 > li.phone_num span:first-child{
	display:block;
	width:4.25em;
	float:left;
}
#menu .v02 .menu-list-01 > li.phone_num span:last-child{
	display:block;
	text-align:right;
	width:10em;
	float:right;
}
/* .logout */
#menu .v02 .menu-list-01 > li.logout {
	padding:0;
	height:auto;
}
#menu .v02 .menu-list-01 > li.logout > a {
	border: none;
	color: #006699;
	padding: 20px 11px 19px;
	border: none;
	box-shadow:none;
	background:#fff;
	border-radius:0;
	text-align:center;
	font-size:14px;
}
#menu .v02 .txt_link:after,
#menu .v02 .phone_num:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/* end #menu .v02 2014-05-27 */