@charset "shift_jis";

/*---------------------------------------------------------------------------------------------------------------*/

/*201005 ネット卸　「あなたのお店にパソコンを！」　制作：魚住*/

/*---------------------------------------------------------------------------------------------------------------*/

*
.section{
	clear:both;
	width:710px;}
.smb-title{}

.sbm-subtitle{
	background:url(../../netoroshi/images/sbm_40.gif) no-repeat #ebebeb;
	color:#666;
	padding:6px 0 6px 25px;}

.smb-fontred{
	color:#F00;}
.smb-fontblue{
	color:#07429c;}
	
.sbm-menu{
	border:solid 1px #CCC;
	width:708px;
	height:44px;}
.sbm-merit{
	clear:both;
	width:720px;}
.sbm-merit a{
	width:100%;
	height:100%;
	color:#000;
	display:block;}
.sbm-merit a:hover{
	text-decoration:none;
	color:red;}
.sbm-merit p{
	margin-left:30px;
	line-height:1.2;}
.sbm-merit .l-merit{
	width:356px;
	height:122px;
	background:url(../../netoroshi/images/sbm_btn_gear2_off.gif) no-repeat;
	float:left;}
.sbm-merit .r-merit{
	width:356px;
	height:122px;
	background:url(../../netoroshi/images/sbm_btn_gear_off.gif) no-repeat;
	float:left;}

.sbm-gear1name,
.sbm-gear2name{
	width:440px;
	border:solid 1px #CCC;
	float:left;
	margin-top:5px;
	text-align:center;}
.sbm-gear1name{
	height:94px;}
	
.sbm-gear1name p,
.sbm-gear2name p{
	line-height:1.5;
	margin:10px;
	text-align:left}
.sbm-gear1name p strong{
	color:#ff0000;}
	
.sbm-gear2name img{
	margin:0 auto;}

dl.sbm-gear2info{
	line-height:1.5;
	clear:both;}
dl.sbm-gear2info dd{
	background:url(../../netoroshi/images/icon_check.jpg) no-repeat;
	padding-left:25px;
	font-weight:bold;}
dl.sbm-gear2info dt{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #CCC;}
dl.sbm-gear2info dt.last{
	margin-bottom:0;}
	
.sbm-plan{
	margin:5px 0 0 0;}
.sbm-plan p{
	margin:10px 0;
	line-height:1.5;}
	
.sbm-plan .sbm-plan-data{
	border:solid 1px #ccc;
	margin-bottom:10px;}
	
.sbm-plan .sbm-plan-data p{
	margin:10px 10px 10px 15px;
	line-height:1.5;
	float:left;
	width:290px;}
	
.sbm-info{
	width:401px;}
	
.sbm-info p{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #CCC;
	margin-right:10px;}
.sbm-info p.last{
	border-bottom:none;}
	
.sbm-btnarea{
	background:#f0efef;
	text-align:center;
	width:710px;
	margin-bottom:20px;}
	
.sbm-btnarea img{
	margin:10px auto;}
	
.sbm-flow{
	margin:15px 0 10px 0;}
.sbm-flow-p{
	line-height:1.5;
	margin-bottom:15px;}

	
table {
border-collapse:collapse;
border-spacing:0;
}
	
/* splash */
div.splash {
	background:#D2D2D2 url("../images/home/splash-background.png") left top repeat-x;
	padding:1px 0 0 0;
	overflow:hidden;
	}
div.splashes {
	margin:0 auto;
	background:#FFFFFF;
	width:950px;
	overflow:hidden;
	}
div.homeflash {
	float:left;
	width:690px;
	}
div.homecampaign {
	float:right;
	background:url("../images/home/splash-body.png") left top repeat-x;
	padding:10px 10px 30px 10px;
	width:240px;
	height:240px;
	}

/* list */
div.list-box {
	width:680px;
	overflow:hidden;
	}
table.list-item {
	margin:0 0 10px 0;
	border:#CCCCCC 1px solid;
	border-collapse:separate;
	background:url("../images/background-lightgray.png") left bottom repeat-x;
	width:333px;
	}
table.list-item th {
	vertical-align:top;
	}
table.list-item td {
	vertical-align:top;
	}
table.list-item th.display {
	background:#FFFFFF;
	padding:5px 1px 1px 1px;
	width:130px;
	height:125px;
	overflow:hidden;
	text-align:center;
	}
table.list-item th.name {
	padding:5px 3px !important;
	background:url("../images/background-lightgray.png") left bottom repeat-x;
	text-align:left;
	}
table.list-item td.product {
	padding:5px 3px !important;
	}
table.list-item td.price {
	padding:5px;
	text-align:right;
	}
table.list-item td.price strong {
	padding:0 5px;
	color:#FF3300;
	font-size:150%;
	}
table.item-odd {
	float:left;
	}
table.item-even {
	float:right;
	}

/* item */
div.display {
	width:100%;
	}
div.item-main {
	float:left;
	width:330px;
	overflow:hidden;
	}
div.item-option {
	float:right;
	background:url("../images/item/plus.png") left center no-repeat;
	padding:0 0 0 40px;
	width:280px;
	}

/* orderunit */
table.orderunit {
	margin:10px 0 0 0;
	border:#AAAAAA 1px solid;
	background:#FFFFE8;
	width:678px;
	overflow:hidden;
	}
table.orderunit th,
table.orderunit td {
	text-align:left;
	vertical-align:top;
	font-size:120%;
	}
table.orderunit th {
	padding:10px 0 10px 10px;
	}
table.orderunit td {
	padding:10px;
	}
table.orderunit td div.price {
	text-align:right;
	}
table.orderunit td div.price span {
	color:#FF6600;
	font-size:200%;
	}
table.orderunit td div.button-order {
	margin:5px 0 0 0;
	}
table.orderunit td label {
	color:#FF6600;
	}

/* terminal */
table.terminal-display {
	width:100%;
	}
table.terminal-display th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	}
table.terminal-display td.effort {
	float:right;
	border:#AAAAAA 1px solid;
	padding:10px;
	}

/* data */
table.data {
	}
table.data th,
table.data td {
	border:#CCCCCC 1px solid;
	padding:5px;
	text-align:left;
	vertical-align:top;
	}
table.data th {
	background:#F3F3F3;
	}
table.large {
	width:710px;
	}

/* step */
table.step {
	width:100%;
	}
table.step th,
table.step td {
	border-bottom:#AAAAAA 1px dotted;
	text-align:left;
	vertical-align:top;
	}
table.step th {
	padding:10px 0;
	}
table.step td {
	padding:10px 5px;
	}

/* compactbox */
h3.compactbox {
	margin:0 !important;
	}
div.compactbox {
	margin:0 0 10px 0;
	border:#AAAAAA 1px solid;
	padding:10px;
	height:160px;
	overflow:auto;
	color:#666666;
	}
div.compactbox table th {
	white-space:nowrap;
	font-weight:normal;
	}
div.compactbox table th,
div.compactbox table td {
	padding:0 0 5px 0;
	text-align:left;
	vertical-align:top;
	}

/* news */
h3.news {
	margin:15px 0 0 0 !important;
	}
div.news {
	margin:0 0 10px 0;
	padding:10px;
	height:160px;
	overflow:auto;
	}
div.news table th {
	white-space:nowrap;
	font-weight:normal;
	color:#003399;
	}
div.news table th,
div.news table td {
	padding:0 0 5px 0;
	text-align:left;
	vertical-align:top;
	}