@charset "utf-8";
/* CSS Document */


.column2R #main {
    float: none;
    width: auto;
}

#wrapper {
	width:970px;
	font-size:14px;
	color: #111;
	background-color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 30px auto;
}

h3 {
	font-size:16px;
	font-weight:bold;
	color:#0071C5;
	border-left:4px #0071C5 solid;
	padding-left:4px;
	margin-bottom:10px;
}

#wrapper p {
	margin:0;
}



#wrapper .mt20 {
	margin-top:20px;
}
#wrapper .ml8 {
	margin-left:8px;
}
#wrapper .mb20 {
	margin-bottom:20px;
}




#leftContents {
	float:left;
	width:680px;
}
#rightContents {
	float:right;
	width:280px;
}




.leftSpec {
	float:left;
	padding-left:8px;
}

.rightSpec {
	float:right;
	text-align:center;
}

#wrapper .cpuSpec {
	font-size:24px;
	background-color:#0071C5;
	color:#FFF;
	padding:4px;
	margin-bottom:4px;
	border-left:8px #FC0 solid;
}

#wrapper .nameE {
	font-size:24px;
	font-weight:bold;
}
#wrapper .nameJ {
	font-size:18px;
	font-weight:bold;
	margin-left:0.2em;
	margin-bottom:10px;
}


#wrapper #leftContents ul {
	margin:4px;
}
#wrapper #leftContents ul li {
	list-style:disc;
	margin-left:1em;
	font-size:16px;
}
#wrapper .logoIntel {
	margin:20px 0 0;
}


#wrapper .logoAndBnrintel {
	margin: 20px 0 0;
}
#wrapper .logoAndBnr {
	margin: 20px 0 0;
}

#wrapper .pcImg {
	margin-bottom:10px;
}


#wrapper p a.btnBuy {
	background-color:#F60;
	color:#FFF;
	padding:8px;
	margin:10px 0;
	font-size:24px;
	font-weight:bold;
	display:block;
}
#wrapper p a.btnBuy:hover {
	background-color:#FC0;
}

#wrapper p.priceText {
	margin:5px 10px 20px 0;
}
.price {
	color:#F00;
	font-weight:bold;
	font-size:22px;
}
.priceSmall {
	color:#F00;
	font-weight:bold;
	font-size:14px;
	text-decoration:line-through;
}
.tax {
	font-size: 10px;
}



.price1 {
    color: #f00;
    font-size: 24px;
    font-weight: bold;
}
.price2 {
    color: #f00;
    font-size: 20px;
    font-weight: bold;
}
.en {
    color: #f00;
    font-size: 18px;
    font-weight: bold;
}
.taxkara {
	color: #f00;
	font-size: 18px;
	font-weight: bold;
}



.tokuMidashi {
	font-weight:bold;
	font-size: 16px;
}




#wrapper table {
	border-collapse:collapse;
	margin-bottom:8px;
}


#wrapper table th {
	font-weight:bold;
	background-color:#333;
	color:#FFF;
}
#wrapper table th, #wrapper table td {
	font-size:12px;
	padding:4px;
	border:1px #999 solid;
	border-collapse:collapse;
}


#wrapper .customize {
	font-weight:bold;
	font-size:12px;
}

#wrapper .caption {
	font-size:12px;
}




#rightContents ul {
	margin-bottom:20px;
}
#rightContents ul li {
	list-style:none;
	margin-bottom:12px;
}


#rightContents ul.linkCamp {
	margin-bottom:20px;
}
#rightContents ul.linkCamp li {
	margin:4px 4px 4px 0;
	padding:4px 0 4px 0.5em;
	border-bottom:1px #666 dashed;
	border-left:4px #F03 solid;
}
#rightContents ul.linkCamp li.lastCamp {
	border-bottom:none;
}

.txtRed {
	color:#FF0000;
}




/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){

body {
	min-width:100% !important;
}
#headerBody {
	width:98% !important;
}
#headerBody h1.tagLine {
	display:none;
}
#headerBody .head_lead {
	position:static !important;
	text-align: center;
}
#navBot{
	overflow:hidden;
}
#navMid .navMid_right,
#navMid .navMid_center,
#headBtn,
#siteNav,
.head_lead .mobileLink {
	display:none !important;
}
#headsearchBox {
	width:100% !important;
}
#headsearchBox #inputBox {
	width:83%;
}
#headsearchBox #btnBox {
	width:15%;
}

#container, #wrapper {
	width:98% !important;
}
#main img {
	max-width:100%;
	height:auto;
}
/*キャンペーン画像矢印*/
.saleBanner_arrow{
	display:none;
}

/* メインコンテンツ */
#leftContents  {
	width:100% !important;
}
#rightContents {
	width:100% !important;
}
/* モデルまわり */
#wrapper .cpuSpec {
	font-size:20px;
	background-color:#0071C5;
	color:#FFF;
	padding:4px;
	margin-bottom:4px;
	border-left:8px #FC0 solid;
	line-height: 110%;
}
#wrapper .nameE {
	font-size:24px !important;
	font-weight:bold !important;
	float:left;
	margin-right:10px !important;
}
#wrapper .nameJ {
	font-size:16px !important;
	font-weight:bold !important;
	margin-left:10px !important;
	margin-top:8px !important;
}
#wrapper .logoAndBnrintel {
	margin: 20px 0 0;
	max-width:20% !important;
	height:auto !important;
}
#wrapper .logoAndBnr {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.leftSpec {
	padding-left:8px;
	width:100%;
}
.rightSpec {
	text-align:center;
	width:100%;
}


/* table */
.spTable table {
	width:100% !important;
}

/*キャンペーンポップアップ設定*/
#fvpop {
	height:auto !important;
    width:90% !important;
}
#fvpop img {
    height:auto !important;
    width:100% !important;
}

/*装飾*/
.mt20 {
	margin-top:20px;
}

/* フッター周り */
.footerTagline {
	width:100% !important;
}
#footer, #footerNav2 {
	width:100% !important;
	min-width:320px;
}


}




/******************************
ヘッダーのwindowsバナー制御
*******************************/

#header #siteNav #nav1 .recomWin a {
	display:none;
}





/* こっからしたはclearfix */

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;/*¥*//*/
height: auto;
overflow: hidden;
/**/
}