@charset "utf-8";

/*-------------------------------------

　　共通

---------------------------------------*/

#lp_razer {
	width: 920px;
	margin: 25px auto;
	color: #111111;
	line-height: 1.6em;
	font-size: 12px;
}



h2 {
	margin: 0 0 20px 0;
	padding: 0;
}

h2 span{
	text-align: left;
	font-size: 14px;
	color: #666666;
	display: inline-block;
	padding-top: 10px;
}

h3 {
	margin: 20px 0 4px 0;
	padding-top: 10px;
}

h3 span{
	text-align: left;
	display: inline-block;
	color: #666666;
}

h4 {
	font-size: 14px;
	margin-bottom: 8px;
	color: #3D76CD;

}

h5 {
	font-size: 14px;
	margin-bottom: 10px;
	text-align: left;
}


img {
	border: none;
}


#razer_setAll,
#razer_tokkaAll,
#razer_itemAll,
#razer_footerAll {
	margin-bottom: 40px;
}

.razer_setBox,
.razer_itemBox
 {
	width: 880px;
	padding: 0 20px;
	margin-bottom: 20px;
}

#lp_razer .priceTxt {
	font-size:13pt;
	font-weight: bold;
}

@media screen and (max-width:479px){
	#container {
		margin-bottom: 0px;
	}
	
	.column2R #main {
		width: auto !important;
	}

	#lp_razer {
		width: auto;
		font-size: 1.0em;
	}
	
	#lp_razer img {
		max-width: 100%;
	}


}

/*-------------------------------------

　　コンテンツ / セット

---------------------------------------*/

.razer_setBox_contents-l,
.razer_setBox_contents {
	width: 450px;
	height: 235px;
	margin: 10px 0;
	float: left;
}

.razer_setBox_contents-l {
	margin-right: 10px;
	padding-right: 20px;
	border-right: dashed 1px #bbbbbb;
}

.razer_setBox_contents-l img,
.razer_setBox_contents img {
	position: absolute;
	float: left;
}

.razer_setBox_name,
.razer_setBox_catch,
.razer_setBox_price {
	margin-left: 210px;
	margin-bottom: 10px;
}

.razer_setBox_price span {
	color: #EE0000;
	font-weight: bold;
}

.razer_setBox_name span,
.razer_setBox_price span {
	text-decoration: underline;
	font-weight: bold;
}
.centering{
text-align:center;
}
/*-------------------------------------

　　コンテンツ / 特価品

---------------------------------------*/
.no1{
background: url(/5info/img/lp_razer/icn_no1.gif) no-repeat left;
}
.no2{
background: url(/5info/img/lp_razer/icn_no2.gif) no-repeat left;
}
.no3{
background: url(/5info/img/lp_razer/icn_no3.gif) no-repeat left;
}
.no4{
background: url(/5info/img/lp_razer/icn_no4.gif) no-repeat left;
}
.ossm{
background: url(/5info/img/lp_razer/icn_ossm.gif) no-repeat left;
}
.no1_s{
background: url(/5info/img/lp_razer/icn_no1_s.gif) no-repeat left;
}
.no2_s{
background: url(/5info/img/lp_razer/icn_no2_s.gif) no-repeat left;
}
.no3_s{
background: url(/5info/img/lp_razer/icn_no3_s.gif) no-repeat left;
}
.no4_s{
background: url(/5info/img/lp_razer/icn_no4_s.gif) no-repeat left;
}
.ossm_s{
background: url(/5info/img/lp_razer/icn_ossm_s.gif) no-repeat left;
}


.rank_mk_name{
height:50px; vertical-align:middle;padding:15px 0 15px 90px;
}
.rank_mk_name_mat{
font-size:10pt;
height:40px; vertical-align:middle;padding:10px 0 10px 70px;
}
.rank_mk_name_mat3{
font-size:10pt;
height:40px; vertical-align:middle;padding:0 0 20px 70px;
}
.rank_mk_name_audio{
font-size:12pt;
height:40px; vertical-align:middle;padding:10px 0 10px 70px;
}
.razer_contents{
	margin: 5px 0;
}

/*グレーの破線を調整*/
.bdr-btm-01{
	padding-bottom:240px;	
	border-bottom: 1px dashed #cccccc;
			}



.bdr-btm{
border-bottom: 1px dashed #cccccc;
}
.bdr-r{
border-right: 1px dashed #cccccc;
}
.bdr-l{
border-left: 1px dashed #cccccc;
}
.razer_tokkaBox,
.razer_footerBox
 {
	padding: 0 5px;
	margin:4px;
	margin-bottom: 15px;
}
.razer_fl_lft{
	float:left}
.razer_tokkaBox_contents-l,
.razer_tokkaBox_contents {
	width: 210px;
	margin: 5px;
	text-align: left;

}
.razer_tokkaBox_contents_420 {
	width: 420px;
	margin: 5px 0;
	text-align: center;

}

.heght_200
 {
	height: 200px;
}
.width_210
 {
	width: 210px;
}
.width_250
 {
	width: 250px;
}
.width_260
 {
	width: 260px;
}
.width_280
 {
	width: 280px;
}
.width_300
 {
	width: 300px;
}
.width_320
 {
	width: 320px;
}
.width_220
 {
	width: 220px;
}
.width_420
 {
	width: 420px;
}
.width_440
 {
	width: 440px;
}
.width_446
 {
	width: 446px;
}
.width_448
 {
	width: 448px;
}
.width_450
 {
	width: 450px;
}

.width_500
 {
	width: 500px;
}
.width_550
 {
	width: 520px;
}
.width_600
 {
	width: 600px;
}

.width_800
 {
	width: 800px;
}
.razer_tokkaBox_contents_250 {
	width: 250px;
	margin: 5px 0;
	text-align: center;

}

.razer_tokkaBox_contents-l {
	margin-right: 8px;
	_margin-right: 4px;
	padding-right: 4px;
	border-right: dashed 1px #bbbbbb;
}

.razer_tokkaBox_contents-l div,
.razer_tokkaBox_contents div{
	text-align:left;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#lp_razer p {margin-top:5px;
margin-bottom:5px;
}
.clr_bl{color:#0062B0;}
.f_20pt{font-size:20pt;line-height:20pt;}
.f_16pt{font-size:16pt;line-height:16pt;}
.f_14pt{font-size:14pt;line-height:14pt;}
.f_12pt{font-size:12pt;line-height:12pt;}

.border_1px_s{
border:1px solid #000;
}
.point{
width:650px;
margin:20px auto;
font-size:11pt;
background:#000;
}
.point p{
padding:8px;
color:#fff;
}
.pd_lr15px{
padding-left: 15px; padding-right: 15px;
}

.itembox_audio{
width:200px;
padding-right:10px;
margin-right:10px;
margin-left:5px;
border-right: dashed 1px #bbbbbb;
}
.itembox_audio_r{
width:200px;
margin-left:5px;
padding-right:5px;
}
.itembox_mat{
width:280px;
padding-right:9px;
margin-right:13px;
border-right: dashed 1px #bbbbbb;
}
.itembox_mat_r{
width:280px;
margin-right:12px;
}
/*-------------------------------------

　　コンテンツ / 無くなり次第終了

---------------------------------------*/

.razer_itemBox_contents-l,
.razer_itemBox_contents {
	width: 164px;
	margin: 10px 0;
	text-align: center;
	float: left;
}

.razer_itemBox_contents-l {
	margin-right: 8px;
	padding-right: 4px;
	border-right: dashed 1px #bbbbbb;
}

.razer_itemBox_contents-l div,
.razer_itemBox_contents div{
	text-align:left;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/*-------------------------------------

　　コンテンツ / 最後

---------------------------------------*/

.razer_footerBox_contents-l,
.razer_footerBox_contents {
	margin: 0 0 10px 0;
	text-align: left;
	float: left;
}

.razer_footerBox_contents-l {
	margin-right: 8px;
	padding-right: 4px;
}

.razer_footerBox_txt {
	text-decoration: underline;
}


.mouse_r{
width:210px;
margin-left: 3px; padding-left: 14px; border-left: dashed 1px #bbbbbb;}

.mouse_l{
width:200px;
padding-left: 7px;
margin-right:5px;}

.mouse_lineup_m{
	border-right: dashed 1px #bbbbbb;
	width: 270px;
	margin-right: 10px;
	}

.mouse_lineup{
	width:300px;
	margin-right:10px;
	/*padding-right:10px;*/
	padding-right:29px;
	/*border-right:dashed 1px #bbbbbb;*/
	}






/*-------------------------------------

　　コンテンツ / ベアボーンキットとは？ 

---------------------------------------*/

.barebone_whatBox {
	width: 900px;
	margin-left: 20px;
}

.barebone_whatBox_header {
	padding: 8px;
	width: 410px;
	float: left;
}

.barebone_whatBox_info {
	border: solid 1px #bbbbbb;
	background: #F5F5F5;
	padding: 8px 12px;
	width: 410px;
	float: left;
}

.barebone_whatBox_header p,
.barebone_whatBox_info p {
	margin-bottom: 20px;
}

.barebone_whatBox_header p.marker,
.barebone_whatBox_info p.title,
.barebone_whatBox_info p.marker,
.barebone_whatBox_info p span {
	font-weight: bold;
}

.barebone_whatBox_header p.marker,
.barebone_whatBox_info p.marker,
.barebone_whatBox_info p span {
	color: #3D76CD;
}

.barebone_whatBox_info p.title {
	font-size: 120%;
}

.whatBox_left {
	margin-right: 16px;
}






/*-------------------------------------

　　コンテンツ / 電源・キーボード(ry 

---------------------------------------*/

.barebone_itemBox {
	margin-bottom: 14px;
}

.barebone_itemBox_info {
	border: solid 1px #bbbbbb;
	padding: 4px 8px;
	width: 155px;
	float: left;
}

.itemBox_left {
	margin-right: 8px;
}

.itemBox_img,
.itemBox_button {
	text-align: center;
	margin-bottom: 8px;
}

.itemBox_name,
.itemBox_price,
.itemBox_buttan {
	margin-bottom: 8px;
}

.itemBox_name {
	color: #0066FF;
}



/*-------------------------------------

　　コンテンツ / フッターバナー

---------------------------------------*/


.banner_title {
	background: #5C7F9F;
	margin-bottom: 16px;
	padding: 10px 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 120%;
}

.banner_img {
	margin-left: 20px;
}


/*-------------------------------------

	金額取得関連スタイル
	<span class="price-head"><span class="parts_162827_price price"></span></span>


---------------------------------------*/

#lp_barebone .price-head {
	color: #111111;
	font-size: 10px;
}

#lp_barebone span.price {
	font-family:Osaka, Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-size: 16px;
	font-weight: bold;
}

/*-------------------------------------

　　その他

---------------------------------------*/

.column2R #main {
	float: none;
	width: 970px;
	}

.lead {
	margin-bottom: 0;
	padding: 0;
}

/*-------------------------------------

	ゲーミングPC

---------------------------------------*/
#gamingPC {
	margin:20px 10px;
	padding:15px;
	color: #4E4E4E;
	border:1px #000000 solid;
	background:#F3F3F3;
	height:60px;
	
}
#gamingPC img {
	float:left;
	margin-right:20px;
	vertical-align:middle;
	-ms-interpolation-mode: bicubic;
}
#gamingPC p {
	font-size: 14px;
	float:left;
	margin-top:20px;
	vertical-align:middle;
}

@media screen and (max-width:479px){
	#gamingPC {
		height: auto;
		text-align: center;
	}
	#gamingPC:after {
		content: " ";
    	display: block;
    	clear: both;
	}
	
	#gamingPC img {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	#gamingPC p {
		float: none;
		text-align: left;
	}
}

/*-------------------------------------

	ボックスが伸びるおまじない

---------------------------------------*/

.cl {
	display: inline-block;
	margin-top:20px;
}

.cl:after {
	content: "";
	display: block;
	clear: both;
}

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