@charset "utf-8";
/* ===================================================================
商品詳細ページ設定 
=================================================================== */

#products { zoom:1; text-align:left; width:100%; background-color:white; border-bottom:#999999 solid 1px; overflow:hidden;}
#products-L { float:left; width:50%;}
#products-R { float:right; width:50%;}
#products-C { clear:both; width:100%;}
#products .prdBox { clear:both; margin-bottom:1em;}
#products .center { text-align:center; }

#products h3 {margin-bottom:1.5em;}

#products h4 {
font-weight:bold;
margin-bottom:8px; padding:6px 6px 6px 20px; border:#cccccc solid 1px;
background:url(https://www.hakui-uni.com/images/products/icon_ring.gif) left center no-repeat;}

#products h5 {
color:#996633; font-weight:bold;
margin:6px 0; padding:6px;
border-top:#D5B78A dotted 1px; border-bottom:#D5B78A dotted 1px;
}

#products dl { font-size:11px; }
#products dt, #products dd { padding:3px; }
#products dt { float:left; font-weight:bold; width:58px;}
#products dd { padding-left:66px; border-bottom:#CCCCCC dotted 1px;}

#products .catch {
	text-align:center;
	font-weight:bold;
	color:#FF9933;
	margin-bottom:1em;
}
#products .infoText {
	margin-bottom:1em;
	padding:8px;
}

/*サイズ　テーブル指定*/
#products table.size {
	clear:both;
	width:100%;
	font-size:11px;
	margin:0px 0 1em 0;
	table-layout:auto;
	border-bottom:#CCCCCC solid 1px; 
}

#products table.size thead th {
	padding:4px 5px;
	background-color:#e9f6a3;
	border-top:1px solid #cbe14e; border-bottom:1px solid #cbe14e;
	border-right:1px dotted #cbe14e;
	color:#5c8b00;
	vertical-align:middle;
}
#products table.size tbody tr {
}
#products table.size tbody tr.odd {
	background:#f5f5f5;
}
#products table.size tbody th,
#products table.size tbody td { padding:7px 6px 8px 6px; }
#products table.size tbody th { color:#6b9c0a; vertical-align:middle; }
#products table.size tbody td { color:#333; vertical-align:middle; border-left:#CCCCCC dotted 1px; }

/*----------------------------------------------------
		#marking マーキング加工について
----------------------------------------------------*/
#marking {width:100%; text-align:left;}

#marking h2 {}
#marking h3 {}
#marking h4 {font-size:12px; font-weight:bold;}
#marking h5 {font-size:12px; font-weight:bold;}

/* マーキング加工イントロ */
#marking .mkgIntro {margin-bottom:20px; padding-bottom:20px; border-bottom:#999999 dotted 1px;}
#marking .mkgIntro p {margin-bottom:10px;}
#marking .mkgIntro ul.mkgNav {zoom:1;}
#marking .mkgIntro ul.mkgNav li {
	float:left;
	margin-right:8px; padding-left:12px;
	background:url(../images/share/arrow_blue01.gif) left center no-repeat;}

/* 納品までの流れ */
#marking .mkgFlow {	
	text-align:left; margin-bottom:20px; padding:0 0 20px 64px;
	border-bottom:#cccccc solid 1px;
	background:url(../images/info/marking_step.gif) 0 0 no-repeat;}
#marking .mkgFlow ul {}
#marking .mkgFlow li {border-top:#999999 dotted 1px; height:100px;}

/* 各マーキング加工の特徴 */
#marking .mkgTech {
	zoom:1; text-align:left; width:100px;
	margin-bottom:20px; padding-bottom:20px;  border-bottom:#cccccc solid 1px;}
#marking .mkgTech ul { zoom:1; margin:0 0 16px 8px; }
#marking .mkgTech ul li   { float:left; display:inline; width:186px; margin-right:6px;}
#marking .mkgTech ul li p { font-size:11px; }
#marking .mkgTech dl    {padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgTech dl dt {font-weight:bold}
#marking .mkgTech dl dd {font-size:11px; margin-bottom:8px;}

/* ロゴデータの入稿方法 */
#marking .mkgData {}
#marking .mkgData p {margin-bottom:1em;}
#marking .mkgData h4 {padding:3px 3px 3px 12px; background:url(../images/share/arrow_red01.gif) left center no-repeat;}
#marking .mkgData-digital {margin-bottom:20px;}
#marking .mkgData-digital table {border-style:none;border-collapse:collapse;border-spacing:0px;}
#marking .mkgData-digital table {width:100%; border:#999999 solid 1px;}
#marking .mkgData-digital table th,
#marking .mkgData-digital table td {border:#999999 solid 1px; padding:6px;}
#marking .mkgData-digital table th {
	text-align:center; font-weight:bold;
	background:url(../images/share/bg_dot_gray.gif);}
#marking .mkgData-digital table td {}

#marking .mkgData-analog {}
#marking .mkgData-analog dl {margin-bottom:20px;border-bottom:#999999 dotted 1px;}
#marking .mkgData-analog dt {font-weight:bold;}
#marking .mkgData-analog dd {margin-bottom:1em;}
#marking .mkgData-analog dl.mkgData-att {
	margin-bottom:20px;
	border-bottom:none; padding:8px; background:url(../images/info/bg_pinktex.gif);}
#marking .mkgData-analog dl.mkgData-att dt {}
#marking .mkgData-analog dl.mkgData-att dd {margin-bottom:0; font-size:11px;}

#marking .mkgAddress {background:url(../images/info/bg_bluetex.gif); padding:8px;}




a:hover img {  
opacity: 0.8;  
filter: alpha(opacity=80);  
-ms-filter: "alpha( opacity=80 )";  
-moz-opacity: 0.8;  
-khtml-opacity: 0.8;  
}  


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}