@charset "shift_jis";
/*=========================================*/
/*layout*/
/*=========================================*/
body { color:#222222; }
#path { width:610px; }
#contents { font-size:12px; width:740px; }

#contents a:hover {
	position:relative;
	top:-1px;
	left:-1px;
	filter:alpha(opacity= 50);
	-moz-opacity:0.50;
	opacity:0.50;
	text-decoration: none;
}

#contents a:active        { 
	top:2px;
	left:2px;
 }


.button a:hover {/*aと対象が入る要素に指定*/
position:relative;
top:1px;
left:1px;
}


/* contetns grid
-------------------------------------------*/
.box_grid {
width:740px;
}

.box_grid h2 {
	font-size:20px;
	text-shadow:0 0 1px #ECF9FF;
	height:28px;
	margin:0 0 0 0;
	padding:6px 0 0 23px;
	line-height:20px;
	color:#FFF;
}

.box3_2 { margin:0 0 0 0; }

.box3_1 { width:180px; margin: 0 4px 0 0; font-size:10px;}
.box3_2 { width:486px; }
.box4_1 { width:170px; }
.box4_or { width:118px; margin:0 0 5px 0;}
.box4_or span{ display:block; color:#444;}
.box4_or img{
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	border-left: 1px #999 solid;
}

.box4_2 {
	width:145px;
	color:#666;
	height:100px;
	margin:8px 18px 0 22px; }

.box4_2 img {
	display:block;
	margin:0 3px 0 0;
}

.box4_3 { width:550px; }
.box5_1 { width:364px; }


.mr03{margin-right:3px;}
.mr05{margin-right:5px;}
.mr08{margin-right:8px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr80{margin-right:80px;}
.mr100{margin-right:100px;}


.ml03{margin-left:3px;}
.ml05{margin-left:5px;}
.ml08{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}

/* parts
-------------------------------------------*/

.bg_03  {
	background:#FC6;
}
.bg_04 {
	background:#56AD2C;
}

.bg_05  {
	background:#BBF1FF;
}



.bg_c01 { background:url(img/top/bg_h2_c.gif) no-repeat; }


.bg_z01 {
	background:#EEE;
	font-size:12px;
	border-top:1px dotted #97A9FF;
	border-radius:0 0 6px 6px/0 0 6px 6px;
	margin:0 0 5px 0;
	line-height:16px;
	height:16px;
	padding:4px 0 3px 8px;
	color:#555;
	font-size:14px;
	font-weight:bold;
 }


/* catalogue navigation
-------------------------------------------*/
.oc_catalogue_wrap {
	width:740px;
	overflow:hidden;
	zoom:1;
	margin:3px 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #333;
}

.oc_catalogue_wrap h3 {
	line-height:18px;
	height:18px;
	font-size:15px;
	margin:0 0 5px 0;
	padding:4px 0 3px 3px;
	color:#006;
clear:both;
}

.oc_catalogue_wrap div.detail {
width:514px;
float:left;
}

.oc_catalogue_wrap div.bond {
width:620px;
float:left;
}



.tp_spec {
width:140px;
height:214px;
margin:0;
padding:0 3px;
float:left;
border-right:#CCC 1px dotted;
}

.tp_spec span {
	display:block;
	margin:1px 0;
}


.tp_spec02 {
width:114px;
height:152px;
padding:0 6px 0 6px;
float:left;
border-right:#CCC 1px dotted;
text-align:center;
}

.tp_spec02 span {
	display:block;
	margin:1px 0;
	font-size:10px;
}


.tp_spec03 {
width:225px;
height:152px;
margin:0;
float:left;
text-align:center;
}

.tp_spec03 span {
	display:block;
	margin:1px 0;
	font-size:10px;
}


.bc_CFF	{
	background: #F3F7F8;
}



.tp_spec ul li, .tp_spec02 ul li {
	font-size:12px;
	color:#336;
	text-indent:8px;
	line-height:18px;
	background: url(img/top/bg_pointer1.gif) no-repeat;
}






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

.bd_btm {
border-bottom:1px dotted #CCC;
}



.na {
	color:#C96;
}
.wh {
	color:#777;
	background-color:#FFF;
}
.blc {
	color:#000;
}

.gry {
	color:#999;
}

.bla {
	color:#600;
}

.red {
	color:#F00;
}

.ore {
	color:#F60;
}

.gre {
	color:#090;
}

.pa {
	color:#609;
}

.go {
	color:#777;
	background-color:#FF0;
}

.blu {
	color:#33F;
}

.pi {
	color:#F6F;
}



.wl_spec {
	width:170px;
	height:256px;
	margin:0 12px 15px 0;
	padding:2px 0 0 0;
	float:left;
	border-top: 1px solid #F5F5F5;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #F5F5F5;
}

.wake{
	background: #FF2424;
}

.osi{
	background: #FF6;
}

.wl_spec span.name {
	color:#336;
	text-indent:2px;
	display:block;
	height:16px;
	font-size:10px;
	font-weight:bold;
}

.wl_spec span.name02 {
	color:#336;
	text-indent:2px;
	display:block;
	height:14px;
	font-size:10px;
	font-weight:bold;
}

.wl_spec div.size {
	color:#336;
	display:block;
	height:14px;
	line-height:14px;
	font-size:10px;
	margin:0 0 0 7px;
}

.wl_spec div.size img {
	height:14px;
	line-height:14px;
	vertical-align:top;
}


.wl_spec p {
	font-size:11px;
}

/* diy
-------------------------------------------*/

.hq{
	width:708px;
	padding:15px;
	line-height:16px;
	font-size:14px;
	border:#999 1px dashed;
	font-weight:normal;
	margin:0 0 15px 0;
}

.hqw{
	width:708px;
	padding:3px 15px 15px 15px;
	line-height:16px;
	font-size:14px;
	border:#999 1px dashed;
	font-weight:normal;
	margin:0 0 15px 0;
	background: url(img/diy/b.gif) repeat;
	border-radius:7px;
}

.hqw div.memo{
	width:320px;
}

	
.hq div.qtext{
	color:#BC6301;
	padding:0 0 5px 20px;
	font-size:17px;
	font-weight:bold;
	background: url(img/diy/q.gif) no-repeat;
	}
	
	
.hq div.atext{
	color:#39F;
	padding:0 0 0 20px;
	margin:0 0 0 30px;
	font-size:17px;
	font-weight:bold;
	background: url(img/diy/a.gif) no-repeat;
	}

	
.hq div.atext span{
	color:#000;
	font-size:12px;
	font-weight:normal;
	}

.title_mg
{
	padding:5px;
	line-height:38px;
	font-size:18px;
	font-weight:bold;}
	
.title_mg img
{
	height:32px;
	vertical-align:top;
	margin:0 5px 0 0;}