/* newproduct.css 2008.10.20 */
/* 製品ごとに使うスタイル */
/*============目次============
　最終更新日：2008/10/20
　1.
　2.

============================*/

/*===========================
■1. ClearFix
-----------------------------
フロート要素の高さをクリアする。
============================*/
..commentbody:after, .ClearFix:after, .PriceBox:after {
 content: ".";
 display: block;
 visibility: hidden;
 height: 0.1px;
 font-size: 0.1em;
 line-height: 0;
 clear: both;
}
.commentbody, .ClearFix, .PriceBox {
	display: inline-block;
	zoom: 100%;
}
/*===========================
■2. 上書きスタイル
============================*/
/* 「h1」の背景画像を変更する場合 */
.Contents h1.TitleBlank {
	background-image: url(img/title_blank_3dparts.gif);
}


h1, h2, h3, h4, h5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*===========================
■9. 各素材集共通
============================*/
/*--------------------------
□製品トップ
--------------------------*/
/* メインイメージ */

.MainImage {
	margin: 0 0 20px 0;
	padding: 0;
}

.ContentInner .Section p {
	margin: 0 0 0.4em 15px;
	padding: 0;
}

.ContentInner ul {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0 0 0.7em 15px;
	padding: 0;
}
.ContentInner ul li {
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0.1em 2em;
}

.ContentInner .Section .ImgRight {
	margin: 0 0 7px 7px;
	float: right;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #777;
}

.ContentInner .Section .ImgLeft {
	margin: 0 7px 7px 0;
	float: left;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #777;
}



/* ラインナップ枠 */
.Section.lineupbox {
	width: 570px;	
	padding: 0;
	border-bottom: 1px dotted #999;
}
.Section.lineupbox02 {
	width: 570px;	
	padding: 0;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
}
.Section.lineupbox h2 {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

.ProductList {
	width: 274px;
	padding: 10px 4px 5px;
	float: left;

	
}
.ProductList.leftbox {
	border-top: 1px dotted #999;
}

.ProductList.rightbox {
	border-top: 1px dotted #999;
	padding-left: 6px;
	border-left: 1px dotted #999;
}

.ContentInner .ProductList h3 {
	margin: 0 0 5px;
	padding: 0;
}
.ContentInner .ProductList p {
	margin: 0 0 5px;
	padding: 0;
}

.ProductList .pacimage {
	float: left;
	margin: 0 10px 0 0;
}


.ProductList p.GoDetail a {
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(/common/img/btn/btn_go_detail.gif) no-repeat left top;
	width: 108px;
	height: 20px;
	overflow: hidden;
}

.ProductList p.GoDetail2 a {
	margin: 8px 0 0 0;
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(/common/img/btn/btn_go_detail.gif) no-repeat left top;
	width: 108px;
	height: 20px;
	overflow: hidden;
}
.ProductList p.GoDetail a:hover,
.ProductList p.GoDetail a:active {
	background: url(/common/img/btn/btn_go_detail.gif) no-repeat left bottom;
}

img.iconnew {
	margin-right: 3px;
}

DIV .Point {
	font-size: 75%;	
	width: 95%;
	margin: 8px 5px 5px 5px;
	padding: 2px;
	background-color:#B5ECDB;
	border: 1px solid #32C599;

}

/*--------------------------
□動作環境
--------------------------*/

.ContentInner .Section table.SpecTable {
	width: 560px;
	margin: 10px 0 10px 15px;
}
.ContentInner .Section table.SpecTable th {
	width: 200px;
}
.ContentInner .Section table.SpecTable td p {
	margin: 0 0 0.7em 0;
}

/*--------------------------
□価格・ご購入
--------------------------*/
.ContentInner #price h3 {
	color: #000;
	padding: 0;
	margin: 0 0 5px 0;
}
.ContentInner .Section#price p {
	margin: 0 0 0.4em 0;
	padding: 0;
}

/* 価格枠を囲むボックス */
.PriceBox {
	width: 570px;
	border: none;
	padding: 0;
	margin: 0;
}

.PriceBox a.CssBtn {
	margin: 7px 0 10px 0;
}

/* パッケージ画像を右にフロート表示 */
.PriceBox div.PacImage {
	border: 0;
	float: left;
	padding: 5px;
	margin: 0;
	width: 90px;
	text-align: left;
}

.PriceBox .RightBox {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 460px;
}

/*===========================
■3. 素材集ページ
============================*/
.ContentInner blockquote {
	margin: 20px 0 10px 20px;
	padding: 7px 0;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #F2F9FD;
}
.ContentInner blockquote h3 {
	margin: 0 0 5px;
	padding: 0 10px 5px;
	border-bottom: 1px dashed #ddd;
	color: #333333;
}

/* 藤堂さん推奨コメント */
.ContentInner .Section#comment {
	margin: 0 0 20px 10px;
	width: 558px;
	padding: 3px 0 7px;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #F2F9FD;
}
.ContentInner .Section#comment h2 {
	margin: 0;
	padding: 0 10px 0 5px;
	float: left;
	background: none;
	border: none;
}
.ContentInner .Section#comment p.commentinfo {
	clear: both;
	margin:0 10px 5px;
	padding:0;
	text-align: right;
}
.ContentInner .Section#comment .commentbody {
	border-top: 1px dashed #ddd; 
	border-bottom: 1px dashed #ddd;
	clear: both;
	padding: 15px 0 5px;
	margin: 0 0 10px;
}
.ContentInner .Section#comment .commentbody p {
	padding: 0;
	margin: 0 10px 0.5em;
}



/* 価格・ご購入 */
.ContentInner #price h2 {
	background: url(img/price_title_bg.jpg) no-repeat 0 0;
	height: 35px;
	padding: 0 15px;
	width: 540px;
	border-bottom: none;
	color: #FFF;
	line-height: 35px;
}
.PriceBox {
	border-bottom: 1px dotted #0073DB;
}
/* サンプルパース一覧 */
ul.samplethumblist {
	list-style: none;
	margin: 0 0 15px 15px;
}

ul.samplethumblist li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 185px;
	height: 165px;
	float: left;
	font-size: 82.5%;
	text-align: center;
}

ul.samplethumblist li a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px;
	display: block;
	width: 175px;
}
ul.samplethumblist li a:hover {
	border: 1px solid #0073DB;
	color: #0073DB;
}
ul.samplethumblist li a img {
	display: block;
	margin: 0 0 0;	
}
/* サンプルパース詳細 */
table.sampleperstable {
	width: 555px;
	margin: 0 0 15px 15px;
}
table.sampleperstable th {
	font-size: 87.5%;
	font-weight: bold;
	text-align: center;
	color: #0073DB;
	width: 50%;
}
table.sampleperstable td {
	font-size: 75%;
	text-align: left;
	vertical-align: top;
}
table.sampleperstable td a img {
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}
table.sampleperstable td a:hover img {
	border: 1px solid #0073DB;
}

.ContentInner table.sampleperstable td p {
	font-size: 100%;
	margin: 0 0 0.7em 0;
}

.ContentInner table.sampleperstable td p.Caption {
	color: #454545;
	text-align: center;
}
/*--------------------------
□ページ送りボタン
--------------------------*/
.Section.Paging {
	clear: both;
	margin: 0 0 10px;
	padding: 0;
}

.Section.Paging .btn a {
	background: url(img/btn/pagerbtn.jpg) no-repeat 0 -160px;
	width: 164px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 100%;	
}
.Section.Paging .btn a:hover {
	background-position: 0 -200px;
}



.Section.Paging .next a {
	background-position: 0 0;
	float: right;
	letter-spacing: 2px;
}
.Section.Paging .next a:hover {
	background-position: 0 -40px;
}

.Section.Paging .prev a {
	background-position: 0 -80px;
	float: left;
	letter-spacing: 2px;
}
.Section.Paging .prev a:hover {
	background-position: 0 -120px;
}


.Section.Paging .btn.goprice a {
	letter-spacing: 2px;
	float: right;
}

.Section.Paging .btn.stext a {
	font-size: 75%;
}

.Section.Paging .btn.left a {
	float: left;
}
.Section.Paging .btn.right a {
	float: right;
}

/*===========================
■4. サムネイル一覧
============================*/

.Content ul.thumblist {
	margin: 0;
	padding: 0;
	list-style: none;
}
.Content ul.thumblist li {
	float: left;
	display: block;
	font-size: 75%;
	text-align: left;
	width: 100px;
	height: 120px;
	padding: 0 5px 5px 0;
	background-color: #fff;
	line-height: 110%;
}
.Content ul.thumblist.datacenter li {
	text-align: center;
}
.Content ul.thumblist li img {
	display: block;
	margin: 0 auto 3px;
}

/*===========================
■5. 拡大画像
============================*/
TABLE.pageturn {
	width: 100%;
	background-color: #EEEEEE;
	margin: 20px 0 0 0;
	padding: 0;
}

TABLE.pageturn TD{
	padding: 5px 10px;
}

TABLE.pageturn TD A{
	font-size: 90%;
}