@charset "utf-8";
@import url("/5javascript/facebox/facebox.css?$staticlink$");
@import url("/5shopping/templates/share/contents/css/geforce.css?$staticlink$");
@import url("/5css/bnr_generator.css?$staticlink$");
@import url("/5css/module.css?$staticlink$");
@import url("/5css/base.css?$staticlink$");

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

ミニPCをかんたん自作！ベアボーンキット特集

Copyright (c) Dospara Co., Ltd. All rights reserved. 
---------------------------------------*/

/*-------------------------------------
　PCページ基本設定
---------------------------------------*/
#main {
	float: none!important;
	width: auto!important;
}
#lp_page {
	width: 920px;
	margin: 0 auto;
	color: #333333;
	line-height: 1.5em;
	font-size: 14px;
  position: relative;
}


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

　　共通

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

#lp_barebone {
	width: 940px;
	margin: 15px auto;
	color: #111111;
	line-height: 1.5em;
	font-size: 12px;
}

.tit_copy {
	text-align: left;
	font-size: 14px !important;
	color: #666666;
	display: inline-block;
	padding-top: 10px;
	font-weight: bold;
}

h3 {
	margin: 20px 0 20px 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;
}



#barebone_lineup,
#barebone_what,
#barebone_item,
#barebone_banner {
	margin-bottom: 40px;
}

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

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

　　コンテンツ / ラインアップはこちら！

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


.barebone_table {
	border: solid 1px #BBBBBB;
	background: #F8F8F8;
	width: 880px;
	margin-left: 22px;
}

.barebone_table th,
.barebone_table td {
	border: solid 1px #BBBBBB;
	padding: 6px 10px;
	text-align: center;
}

.barebone_table th {
	width: 60px;
	background: #E8E8E8;
}
	
.barebone_table td {
	width: 160px;
}

.barebone_table td.table_catch {
	text-align: left;
}

.barebone_table td.table_catch span {
	color: #EE0000;
}

.barebone_table td p.itemBox_img {
	text-align: center;
	border: solid 1px #CCCCCC;
}

.barebone_table tr.table_item,
.barebone_table tr.table_item th {
	background: #D8D8D8;
}


.lineup_button {
	text-align: center;
	margin: 10px 0;
	padding: 10px 0;
}



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

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

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

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

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

.barebone_whatBox_info {
	border: solid 1px #DDDDDD;
	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;
}


.shuttle_campaign {
	padding:22px 0 3px 0;
	margin:20px 0;
	background-color:#F00;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#FFF;
}

.shuttle_campaign p {
	margin-bottom:12px;
}

.fontBig {
	font-size:130%;
}

.fontYellow {
	color:#FF0;
}



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

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

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

.barebone_itemBox {
	margin-bottom: 14px;
}

.barebone_itemBox_info {
	border: solid 1px #DDDDDD;
	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;
}



.itemBox_priceoff {
	background-color:#F00;
	color:#FFF;
	padding:4px;
	font-weight:bold;
}


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

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

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


.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;
}

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

　　その他

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

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

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

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

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

.cl {
	display: inline-block;
}

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

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



/*-------------------------------------
　ページTOPへ
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}






/*-------------------------------------
　SP （0〜479pxの場合に適用するCSS）
---------------------------------------*/
@media screen and (max-width:479px){
	
	.pc {
		display:none;
	}
	
	.sp_pankuzu {
		display:none;
	}
	

/*-------------------------------------
　SPページ基本設定
---------------------------------------*/
	#container{
		width: auto!important;
	}
	#lp_page {
		width: 97%;
		margin: 20px auto;
		color: #333333;
		line-height: 1.5em;
		font-size: 100%;
		position: relative;
	}
	#main img {
		max-width:100%;
		height:auto;
	}
	
/*-------------------------------------
  商品ユニット（ガレリア）
---------------------------------------*/
	.barebone_whatBox {
		width: 100%;
		margin-left: 0;
	}
	
	.barebone_whatBox_header {
		margin: 0;
		padding: 0;
		width: 100%;
		float: none;
	}
	.whatBox_left {
		margin-right: 0;
	}

	.barebone_whatBox_info {
		width: auto;
		float: none;
		margin-bottom: 20px;
	}
	
	.banner_img {
		margin-left: 0;
		text-align: center;
	}

	

}