@charset "UTF-8";


/* ---------------------------------------------------------
■ ナビ
--------------------------------------------------------- */
/* 吹き出し */
#productFeatureHeader .balloonInner {
	display: none;
	position: absolute;
	top: 70px;
	bottom: auto;
	width: 340px;
	margin: 0 0 0 -112px;
	border: 1px solid #80808f;
	cursor: default;
	z-index: 100;
	background-color: #fff; }

#productFeatureHeader .balloonInner p {
	padding: 15px 0;
	color: #000;
	font-size: 12px;
	line-height: 20px;
	text-align: center; }

#productFeatureHeader .balloonArrow {
	position: absolute;
	left: 50%;
	top: -19px;
	margin-left: -9px; }

#productFeatureHeader .balloonInner a {
	text-decoration: underline; }

#productFeatureHeader .balloonInner .arrow {
	position: absolute;
	top: -19px;
	width: 100%;
	text-align: center; }



/* ---------------------------------------------------------
■ 快
--------------------------------------------------------- */
.kaiWrapper {
	width: 280px;
	/*margin: 0 auto 60px; */}
.kaiWrapper2 {
	width: 430px;
	margin: 0 auto 60px;}
.kaiWrapper .img {
	margin-bottom: 5px; }

.kaiWrapper p {
	color: #575c72;
	font-size: 12px;
	line-height: 20px;
	text-align: right; }

.kaiWrapper p a {
	text-decoration: underline; }

.kaiWrapper .kaiLink {
	margin-top: 10px;
	text-align: center; }

.kaiWrapper .kaiLink a {
	display: inline-block;
	padding-right: 26px;
	color: #575c72;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
    background: url(../images/common/arrow.png) no-repeat right center; 
	background-size: 14px;
}

/* ---------------------------------------------------------
■ キャンペーンバナー
--------------------------------------------------------- */
.bnr_cp{
	width:880px;
	margin: 0 auto 30px;
	overflow: hidden;
}
.bnr_cp1{
width: 430px;
margin: 0 auto 30px;
}

.bnr_cp li{
	float: left;
	width:430px;
	margin-right: 20px;
}
.bnr_cp li:last-child{
	margin-right: 0;	
}
.bnr_cp::after{
	content: "";
	clear: both;
	height: 0;
}

.bnr_cp2 li{
	width:280px;	
}
/* ---------------------------------------------------------
■ タブ
--------------------------------------------------------- */
.tabWrapper {
	width: 880px;
	margin: 0 auto 60px; }

.tabWrapper table {
	width: 100%; }

.tabWrapper td {
	width: 33%;
	color: #575c72;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #b8bccb; }

.tabWrapper td a {
	display: block;
	padding: 25px 0; }

.tabWrapper td.current {
	background-color: #808090; }

.tabWrapper td.current a {
	color: #fff; }

.tabWrapper td:hover {
	background-color: #808090; }

.tabWrapper td:hover a {
	color: #fff;
	text-decoration: none; }




/* ---------------------------------------------------------
■ 汎用
--------------------------------------------------------- */
.lh0 { line-height: 0; }

.clearFix:after{
	content: ".";
	display: block; 
	clear: both; 
	height: 0; 
	font-size:0;	
	visibility:hidden; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb70 {
  margin-bottom: 70px; }

.mb200 {
	margin-bottom: 200px!important; }

.ml30 {
	margin-left: 30px; }


span.kataduke {
	vertical-align: super;
	font-size: 10px; }


/* テキスト */
.blue {
	color: #4b5167!important; }

.blue2 {
	color: #8b92ae!important; }

.center {
	text-align: center!important; }

.textR {
	text-align: right; }





/* ---------------------------------------------------------
■ コンテンツ 共通
--------------------------------------------------------- */
/* 吹き出し */
.balloonWrapper {
	display: none;
	position: absolute;
	right: 80px;
	top: 7px;
	width: 46px; }

.balloonInner {
	display: none;
	position: absolute;
	bottom: 70px;
	width: 246px;
	margin: 0 0 0 -102px;
	border: 1px solid #80808f;
	cursor: default;
	background-color: #fff; }

.balloonInner p {
	padding: 15px 0;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	text-align: center; }

.balloonArrow {
	position: absolute;
	left: 50%;
	bottom: -19px;
	margin-left: -9px; }


/* アコーディオン中身 */
.box-feature-in {
	padding: 35px 0; }


.box-feature-in .leftBox {
	float: left;
	width: 400px; }

.box-feature-in .leftBox p,
.box-feature-in p.text14  {
	margin-bottom: 30px;
	color: #000;
	font-size: 14px;
	line-height: 28px; }

.box-feature-in .leftBox p .kome {
	vertical-align: top;
	line-height: 20px; }

.box-feature-in .imgWrapper {
	margin-bottom: 20px; }

.box-feature-in p.caption {
	margin-bottom: 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px; }

.box-feature-in p.caption2 {
	margin-bottom: 10px;
	color: #000;
	font-size: 11px;
	line-height: 16px; }


.box-feature-in .rightBox {
	float: right;
	width: 440px; }

.btnDetail {
	width: 440px; }

.btn-box {
    border: 1px solid #4d5269;
    display: block;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
    height: 48px;
    background: url(/images/icon_arrow_right.png) no-repeat right 15px center; }

.btn-box:hover {
    text-decoration: none;
    background: url(/images/icon_arrow_right_over.png) no-repeat right 15px center;
}

.box-feature-in .textRight {
	text-align: right; }




/* ---------------------------------------------------------
■ ストア
--------------------------------------------------------- */
div.store-link {
    position: relative;
    margin: 60px auto 0px auto;
    width: 898px;
    border: 1px solid #4d5269;
}

div.store-link h3 {
	padding: 21px 0 0 20px;

}

div.store-link ul {
    overflow: hidden;
    padding: 38px 0 15px 21px; }

div.store-link ul li {
    position: static;
    float: left;
    width: 197px;
    height: auto;
    margin-right: 22px; }

div.store-link ul li a {
	overflow: hidden;
    display: block;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
}

div.store-link ul li a:hover {
    opacity: 0.5;
}

.store-linkText {
    width: 880px;
    margin: 0 auto;
    padding: 5px 0 0 20px;
    color: #575c72;
    font-size: 12px; }

.intel-core-i7 {
	margin-top: 95px; }



/* 2カラム */
div.store-link2 ul {
	padding: 38px 21px 15px; }

div.store-link2 ul li {
	width: 417px;
	margin-right: 0; }

div.store-link2 ul li.personal {
	float: left; }

div.store-link2 ul li.business {
	float: right; }

/* 3カラム */
div.store-link3 ul {
	padding: 38px 21px 15px; }

div.store-link3 ul li {
	width: 272px;
	margin-right: 0; }

div.store-link3 ul li.online {
	float: left; 
	margin-right:20px;
	}

div.store-link3 ul li.mvno {
	float: left; }

div.store-link3 ul li.store {
	float: right; }


/* 5カラム */
div.store-link5 ul {
	padding: 38px 21px 15px; }

div.store-link5 ul li {
	width: 155px;
	margin-right: 0; }

div.store-link5 ul li.online {
	float: left; 
	margin-right:20px;
	}

div.store-link5 ul li.mvno {
	float: left; }

div.store-link5 ul li.store {
	float: right; }



/* 横に3カラム */
div.store-link3column ul {
	padding: 38px 8px 15px; }

div.store-link3column ul li {
	width: 274px;
	margin: 0 10px;
	border-top: 1px solid #575c72; }

div.store-link3column ul li a {
	display: block;
	height: 66px;
	padding-top: 10px;
	color: #575c72;
	font-size: 14px;
	font-family: 'DIN Next W01 Regular', YuGothic,'游ゴシック','ＭＳ Ｐゴシック','MS P Gothic','MS-PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,arial,helvetica,clean,sans-serif;
	line-height: 20px;
	background: url(../images/bg_store_arrow.png) no-repeat right bottom; }

div.store-link3column ul li a:hover {
	text-decoration: none; }

div.store-link3column ul li a span {
	font-size: 12px; }


/* 横に4カラム */
div.store-link4column ul {
	padding: 38px 8px 15px; }

div.store-link4column ul li {
	width: 200px;
	margin: 0 10px;
	border-top: 1px solid #575c72; }

div.store-link4column ul li a {
	display: block;
	height: 66px;
	padding-top: 10px;
	color: #575c72;
	font-size: 14px;
	font-family: 'DIN Next W01 Regular', YuGothic,'游ゴシック','ＭＳ Ｐゴシック','MS P Gothic','MS-PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,arial,helvetica,clean,sans-serif;
	line-height: 20px;
	background: url(../images/bg_store_arrow.png) no-repeat right bottom; }

div.store-link4column ul li a:hover {
	text-decoration: none; }

div.store-link4column ul li a span {
	font-size: 12px; }


/* 横に5カラム */
div.store-link5column ul {
	padding: 38px 8px 15px; }

div.store-link5column ul li {
	width: 156px;
	margin: 0 10px;
	border-top: 1px solid #575c72; }

div.store-link5column ul li a {
	display: block;
	height: 66px;
	padding-top: 10px;
	color: #575c72;
	font-size: 14px;
	font-family: 'DIN Next W01 Regular', YuGothic,'游ゴシック','ＭＳ Ｐゴシック','MS P Gothic','MS-PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,arial,helvetica,clean,sans-serif;
	line-height: 20px;
	background: url(../images/bg_store_arrow.png) no-repeat right bottom; }

div.store-link5column ul li a:hover {
	text-decoration: none; }

div.store-link5column ul li a span {
	font-size: 13px; }

/* グレーアウト */
.box-content .grayOut a {
	opacity: 0.6; }

.box-content .grayOut a:hover {
	opacity: 0.6; }

.box-content .grayOut .openDate {
	font-size: 12px; }

/* メルマガ */
.mailMagText {
	clear: both;
	padding: 10px 0; }

.mailMagText a {
	color: #999eae;
	font-size: 12px;
	line-height: 16px; }