/*=================================================
Product TOP ページ
---------------------------------------------------*/


#content{
	float:left;
	margin:0pt 12px 0pt 0pt;
	width:564px;
}


#content h2.toppage {
	border		: none;
	background	: none;
	font-size	: 18px;
	margin		: 5px 0 0;
	color		: #333333;
}

#content h3.toppage {
	border		: 1px solid #366479;
	background-color: #e6e6e6;
	font-weight	: bold;
	font-size	: 14px;
	width		: 538px;
	_width		: 564px;
	color		: #333333;
	padding		: 8px 12px;
}

div.products_top_box {
	float		: left;
	border		: 1px solid #cccccc;
	padding		: 6px;
	_padding	: 6px 0 6px 6px;
	margin		: 6px;
	width		: 538px;
	_width		: 552px;
}

img.product_pic {
	border		: none; 
	float		: left;
	margin		: 0 14px 0 0;
}

div.product_link {
	float		: left;
	padding		: 8px 0;
}

div.product_link a {
	font-weight	: bold;
	text-decoration	: none;
	font-size	: 14px;
	color		: #336699;
}

div.product_link a:visited {
	text-decoration	: none;
	color		: #336699;
}	


div.product_link a:hover {
	text-decoration	: underline;
	color		: #8D0000;
}	



div.product_text {
	float		: left;
	border		: 1px solid #cccccc;
	background-color : efefef;
	padding		: 10px 6px;
	width		: 350px;
	_width		: 364px;
	font-size	: 12px;
	line-height	: 140%; 
	color		: #333333;
	margin		: 0;
}


.related_top {
	background-color	: #3d6584;
	-moz-border-radius-topleft	: 6px;
	-moz-border-radius-topright	: 6px;
 	-webkit-border-top-left-radius	: 6px;
 	-webkit-border-top-right-radius	: 6px;
	border-top-left-radius		: 6px;
	border-top-right-radius		: 6px;
	padding				: 6px 12px;
	margin				: 5px 0 0;
	font-size	: 12px;
	font-weight	: bold;
	text-decoration	: none;
	color		: white;
	_background	: #ffffff url('/common/image/related_menu_top.gif') no-repeat left top;
}



.related_menu {
	border		: 1px solid #336699;
}

.related_menu a {
	display		: block;
	padding		: 6px 12px;
	margin		: 0;
	font-size	: 12px;
	font-weight	: normal;
	text-decoration	: none;
	color		: #333333;
}

#content_menu .related_menu a:hover {
	background-color	: #ccc;
	text-decoration	: none;
	color		: #333333;
}	

#content_menu .related_menu a:focus {
	background-color	: #ccc;
	text-decoration	: none;
	color		: #333333;
}	


#content_menu .related_menu a:visited {
	text-decoration	: none;
	color		: #333333;
}	











/*=================================================
 Plat'Home製品用CSS(070117以前作成したページで利用)
---------------------------------------------------*/
/**** 070327:/nossl/support/labo/以下で利用。文字サイズ制御laboの改修が済むまでは残す。 ****/
#products_main{
	width: 100%;
	line-height: 125%;
	font-size: 75%;
	color: #292929;
}
#products_main h1{
	width: 540px;
	color: #9a9a9a;
}



/*=================================================
 Plat'Home製品用CSS(070115以降に作成したページで利用)
---------------------------------------------------*/
#content_extra, #extra {
	display                   : none;
}
/**** content ****/
#content h2 {
	background-color          : #eee;
	color                     : #555;
	font-size                 : 90%;
	padding                   : 3px 8px;
	font-weight               : bold;
	margin                    : 2em 0 1em 0;
	clear                     : both;
}

#content h3 {
	font-size		  : 80%;
	font-weight		  : bold;
	line-height		  : 100%;
	padding			  : 1px 0 2px 6px;
	margin			  : 1.5em 0 0.5em 0;
/*	border-left		  : 5px solid #666;  */
	clear                     : both;
	color                     : #777;
	border-bottom             : solid 1px #777;
}

#content h4 {
	color                     : #555;
	margin                    : 1em 0 0.5em 0;
	font-size                 : 75%;
	line-height               : 125%;
}

#content p {font-size: 75%; color: #333; line-height:150%;}
#content li {font-size: 75%; color: #333; line-height:130%;}
#content dt {font-size: 75%; color: #333; line-height:130%;}
#content dd {font-size: 75%; color: #333; line-height:130%;}
#content li li, #content td dt, #content td dd, #content td li  {
	font-size: 100%;
}
#content td ul {
	margin                    : 0 0 0 1.5em;
	padding                   : 0;
}
#content td ul li {
	margin                    : 0;
	padding                   : 0;
}
#content td dl {
	margin                    : 0;
	padding                   : 0;
}
#content td dt {
	margin                    : 0;
}
#content td dd {
	margin                    : 0 0 0 2em;
}



/******************* ridge 536px以下にしてください、E*****************/
.ridge{
	margin:15px 0px 20px 0px;
	text-align:center;
}
.ridge img{
	border:3px double #CCCCCC;
	padding:2px 2px 5px 2px;
	margin:0 0 10px 0;
}


/**** 仕様テーブル ****/
.spec_table {
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size:75%;
	margin:0.5em 0 1em 0;
}
.spec_table th { 
	padding:3px 3px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-weight:normal;
	background-color:#eff7ff;
	/*background-color:#eff7ff;*/
	background-color:#eee;
}
.spec_table td { 
	padding:3px 3px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}



/**** 仕様テーブル(小) ****/
.spec_table_s {
	font-size                 : 70%;
	border-right              : 1px solid #ccc;
	border-top                : 1px solid #ccc;
	margin                    : 0.5em 0;
}
.spec_table_s th { 
	padding                   : 2px 2px 2px 4px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
	font-weight               : normal;
	background-color          : #eee;
}
.spec_table_s td { 
	padding                   : 2px 2px 2px 4px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
}

/**** 価格一覧テーブル(price.html) ****/
.price_table {
	font-size:75%;
	margin-top:1em;
	border-top: 1px solid #CCCCCC;
}
.price_table td { 
	padding:3px 0px 3px 5px;
	background: transparent url('/common/image/border.gif') repeat-x scroll bottom left;
}
.price_table th { 
	padding:3px 0px 3px 5px;
	background: transparent url('/common/image/border.gif') repeat-x scroll bottom left;
	font-weight:bold;
	background-color:#E6E6E6;
}
.price_table .col_name {
}
.price_table .col_price {
	width                     : 105px;
}
.price_table .col_spec {
	width                     : 88px;
}
.price_table .col_inq {
	width                     : 88px;
}



/*** 価格テーブル(表見出し付) ****/
.price_table_h {
	font-size                 : 70%;
	margin                    : 0 0 1em 0;
	text-align                : center;
	border-top                : 1px solid #ccc;
}
.price_table_h th, .price_table_h td {
	padding                   : 3px 6px;
	border-bottom             : solid 1px #ccc;
}
.price_table_h th {
	font-weight               : normal;
}
.price_table_h tr.func th {
	/*background                : #e6e6e6;*/
	background                : #ccc;
}
.price_table_h tr.raid_engine th {
	background                : #fff;
	color                     : #999;
	text-align                : left;
}
.price_table_h tr.raid_engine th.min_price {
	text-align                : right;
}



/**** index.html トピックス 擬似テーブル() ****/
#product_topics {
	/*width                    : 100%;*/
	margin                   : 0;
	padding                  : 0;
}
#product_topics dt {
	width                    : 7em;
	margin                   : 0;
	padding                  : 0.1em;
	line-height              : 1.25em;
}
#product_topics dd {
	margin                   : -1.45em 0 0 0;
	padding                  : 0.1em 0.1em 0.1em 8em;
	line-height              : 1.25em;
}



/* spec_table用の注釈 */
#content p.spec_notes {
	margin                    : 0.5em 12px;
	font-size                 : 75%;
	line-height               : 110%;
}
/* 仕様ページ用メニュー */
#content .spec_list {
	margin                   : 1em 0 2em 8px;
	font-size                : 75%;
	line-height              : 110%;
}
.spec_list a {
	font-weight             : bold;
}

/* コンテンツの先頭へ */
.content_top {
	margin                   : 1em 0 2em 0;
	font-size                : 75%;
	line-height              : 110%;
	text-align               : right;
}



.col1_1 {
	float                    : left;
	width                    : 49%;
}
.col2_2 {
	float                    : right;
	width                    : 49%;
}



/**** 汎用Table Class ****/
.no_border {
	margin                   : 1em 0;
}
.no_border th {
	background-color         : #eec;
	padding                  : 3px;
	font-size                : 75%;
	line-height              : 110%;
	border-bottom            : solid 1px #ddd;
}
.no_border td {
	padding                  : 3px;
	font-size                : 75%;
	line-height              : 110%;
	border-bottom            : solid 1px #ddd;
}



/**** ラインナップ・モデルページ コンテンツヘッダ部 右製品写真(製品写真リンク付) ****/
p.model_h_l {
	float                    : left;
	width                    : 48%;
}
div.model_h_r {
	float                    : right;
	width                    : 48%;
	font-size                : 75%;
	text-align               : center;
}



#content .dokuwiki .middle {
	margin                   : 0 2px 0 4px;
	position                 : relative;
	top                      : 2px;
	border                   : 0;
}



#content #sc_lineup {
	margin                   : -1em 0 -2em 0;
	font-size                : 70%;
	text-align               : right;
}
#index #content #sc_lineup {
	margin                   : 2em 0 -0.5em 0;
	font-size                : 70%;
	text-align               : left;
}