@charset "utf-8";


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

	全体共通
	
---------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka,Verdana,Arial,Helvetica,sans-serif;
}

html { font-size: 12px; }
.content img { vertical-align: bottom; }

.content h2 {
	background: url(/5goods_parts/img/parts_list_h1_bg.gif) no-repeat;
	height: 30px;
	width: 600px;
	color: #333333;
	line-height: 30px;
	text-indent: 20px;
	font-size: 16px;
	margin-bottom: 10px;
}

#wrapper a img { border: none; }

#content-wrapper a {
	color: #0000cc;
	text-decoration: underline;
}

#wrapper {
	width: 971px;
	overflow: hidden;
	height: auto;
}

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

	トピックステーブル
	
---------------------------------------*/
#topics {
	width: 600px;
	border: none;
	margin-bottom: 0.5em;
}

	#topics td {
		font-size: 12px;
		width: 50%;
		padding: 3px 1em 3px 0;
		vertical-align: middle;
	}
	
	#topics td.left-topics {
		border-right: 1px dashed #cccccc;
	}
	
	#topics td.new {
		background: url(/5goods_parts/img/new.gif) no-repeat;
		background-position: left center;
		text-indent: 33px;
		padding-left: 0;
	}




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

	メインカラム＋メニュー部分
	
---------------------------------------*/
#container {
	float: left;
	width: 760px;
	margin-right: 10px;
}

#content-wrapper {
	width: 600px;
	float: right;
	overflow: hidden;
	padding-top: 10px;
}

.content {
	clear: both;
	margin-bottom: 1.5em;
}

#content-wrapper ul,
#r-menu ul {
	list-style: none;
}

#parts-list-wrapper { width: 630px; }

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

	特集・キャンペーン
	
---------------------------------------*/
#sale-wrapper li { margin-right: 10px; }

.bunner-list ul {
	margin-left: 5px;
	width: 630px;
}

	.bunner-list li { display: inline; }

		.bunner-list li a {
			display: inline-block;
			margin-bottom: 5px;
		}




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

	PCパーツ一覧
	
---------------------------------------*/
#parts-list-wrapper h3 {
	font-size: 14px;
	color: #003663;
	text-indent: 16px;
	line-height: 24px;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #c1ddf4;
	background: url(/5goods_parts/img/parts_h_bg.gif) no-repeat;
	background-position: left center;
	/*background: #c1ddf4;*/
}

	/*#parts-list-wrapper-sub h3 {
		border-bottom: 1px solid #cccccc;
	}*/

#parts-list-wrapper div.cl { margin-bottom: 1.5em; }

#parts-list-wrapper div.cl div {
	float: left;
	width: 300px;
	margin-right: 10px;
}

/*#dual-title div.cl div { margin-right: 0; }*/

	#parts-list-wrapper div.cl div img {
		width: 100px;
		float: left;
		display: block;
	}
	
	#parts-list-wrapper div.cl div ul { margin: 1em 0 0 110px; }
	
		#parts-list-wrapper li,
		#parts-list-wrapper-etc li {
			margin-bottom: 7px;
			padding-left: 8px;
			background: url(/5goods_parts/img/list_dot.gif) no-repeat;
			background-position: left 5px;
		}

/*テキストのみ*/
#parts-list-wrapper-etc li {
	float: left;
	width: 170px;
	margin-right: 10px;
}



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

	過去の特集ページ
	
---------------------------------------*/
#content-page-list p {
	width: 220px;
	float: left;
	position: relative;
	padding: 3px 0 0 80px;
	height: 50px;
	line-height: 1.5;
}

	#content-page-list p img {
		position: absolute;
		width: 75px;
		margin: -3px 0 0 -80px;
	}



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

	メインメニュー
	
---------------------------------------*/
#menu {
	width: 148px;
	/*_width: 150px;*/
	float: left;
	background: url(/5include/menu/img/icon/menu_back.gif);
	padding: 0 0 32768px 0;
	margin: 0 10px -32768px 0;
	border: 1px solid #333333;
}


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

	右メニュー
	
---------------------------------------*/
/* 右メニュー包括 */
#r-menu {
	width: 195px;
	float: right;
	text-align: left;
	padding: 10px 3px 0 0;
}

	#r-menu h3 {
		/width: 195px;
		color: #003663;
		font-size: 14px;
		text-indent: 18px;
		line-height: 24px;
		margin-bottom: 0.5em;
		border-bottom: 2px solid #c1ddf4;
		background: url(/5goods_parts/img/parts_h_bg.gif) no-repeat;
		background-position: left center;
	}
	
	/* 右メニュー見出し */
	#r-menu h4 {
		text-align: left;
		font-size: 12px;
		color: #333333;
		padding-bottom: 3px;
		margin-bottom: -1px;
		border-bottom: 1px solid #cccccc;
	}
	
	/* 右メニューバナーリスト */
	#r-menu ul.banner {
		margin-bottom: 15px;
	}

		#r-menu li {
			margin-bottom: 5px;
		}

/* お役立ちブログ包括 */
#r-menu-blog {
	border-bottom: 1px solid #cccccc;
}

	#r-menu-blog dl {
		border-top: 1px dashed #cccccc;
		/*margin-bottom: 5px;*/
		padding-top: 5px;
		text-align: left;
		width: 100%;
		line-height: 1.5;
		display: inline-block;
	}

	#r-menu-blog dl:after {
		content: "";
	    display: block;
	    clear: both;
	}

		#r-menu-blog dt {
			clear: both;
			float: left;
			width: 45px;
		}

/* ブログ訴求文言 */
#r-menu-blog .title-2 {
	padding-top: 5px;
}

#r-menu-blog dd {
	padding-top: 14px;
	margin-left: 60px;
}

	#r-menu-blog dd a {
		color: #0000cc;
	}


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

	フッター
	
---------------------------------------*/
#footer {
	width: 971px;
	clear: both;
}

/* ボックスが伸びるおまじない */
.cl { display: inline-block; }
.cl:after {
	content: "";
  display: block;
  clear: both;
}

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