@charset "utf-8";

/*------------------------------------------------------------------------------
メタルアート - CSS Modules Import
Date: 2010-04-12
Copyright (C) METALART CORPORATION All Rights Reserved.
------------------------------------------------------------------------------*/

body {
	background: #fff url(../img/top/bg_body_01.png) 0 0 repeat-x;
}


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

HEADER

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

div#Header div.InSec {
	margin-bottom:16px;
}

div#Header div#MainVisual {
	margin:0 auto -5px;
	padding:3px;
	clear:both;
	width:844px;
	height:220px;
	background: url(../img/top/bg_mv_01.png) 0 0 no-repeat;
	text-align: center;
}

div#Header div#MainVisual #TopFlash{
	float:left;
	width:614px;
	height:220px;
}

div#Header div#MainVisual ul#TopNav {
	float:right;
	width:224px;
}

div#Header div#MainVisual ul#TopNav li {
	width:224px;
	height:52px;
	margin:0 0 4px;
	_margin:0 0 2px;
	padding:0;
	display:block;
}

*:first-child+html div#Header div#MainVisual ul#TopNav li {
	margin:0 0 2px;

}

div#Header div#MainVisual ul#TopNav li.Last {
	height:52px;
	margin:0;
}


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

Content 

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

div#Content {
	padding-bottom: 0px;
}

div#Content div#Main01 {
	float: left;
	width: 460px;
	margin-bottom: 0;
}

div#Content div#Main02 {
	float: right;
	width: 180px;
	margin-bottom: 0;
}


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

div#Main01
 
---------------------------------------- */

div#ProductInfo {
	background: url(../img/top/bg_center_title.png) 0 -22px no-repeat;
}

div#ProductInfo h2 {
	height:37px;
}

div#ProductInfo h2 img {
	margin:5px 0 0 9px;
}

div#ProductInfo div.ProductRaw01 {
	clear:both;
	background: url(../img/top/bg_pro_body.png) 0 -12px no-repeat;
}

div#ProductInfo div.ProductRaw02 {
	clear:both;
	padding-top:12px;
	background: url(../img/top/bg_pro_body.png) 0 0 no-repeat;
}

div#ProductInfo div.ProductRaw01:after,
div#ProductInfo div.ProductRaw02:after {
	display: block;
	visibility:hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html div.ProductRaw01,
*:first-child+html div.ProductRaw02,
*:first-child+html div#ProductInfo {
	zoom: 1;
}

/*  -- Legacy IE -- */

* html div.ProductRaw01,
* html div.ProductRaw02,
* html div#ProductInfo {
	zoom: 1;
}

div.ProductLeft {
	float:left;
	width:205px;
	padding:10px 10px 8px;	
}

div.ProductRight {
	float:right;
	width:205px;
	padding:10px 10px 8px;
}

img.ProductPhoto {
	float:left;
}

div.ProductList {
	float:right;
}

div.ProductList ul {
	width:129px;
	margin:5px 0 -3px 2px;
}

div.ProductList ul li {
	padding:0 0 0 13px;
	background: url(../img/common/icon_arrow_01.gif) 0 0.3em no-repeat;
}

div#NewsList {
	clear:both;
	padding-top:22px;
	background: url(../img/top/bg_center_title.png) 0 0 no-repeat;
}

div#NewsList h2 {
	float:left;
	height:37px;
}

div#NewsList h2 img {
	margin:5px 0 0 9px;
}

div#NewsList img#RecentBtn {
	display:inline;
	float:right;
	margin:7px 10px 0 0;
}

div#NewsList dl{ 
	clear:both;
	background: url(../img/top/line_dotted_pro.gif) repeat-x bottom;
	padding-bottom:1px;
	margin-bottom:0.5em;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

div#NewsList dl dt{ 
	float:left;
	padding-left:10px;
	width:80px;
	color:#cc4654;
	margin-bottom:5px;
	line-height:1.4;
	font-weight:bold;
}
div#NewsList dl dd{ 
	margin-bottom:5px;
	line-height:1.4;
}

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

div#Main02
 
---------------------------------------- */

div#Main02 h2 {
	margin-bottom: 10px;
}

div#Main02 ul {
	margin:0 0 20px;
}

div#Main02 ul li {
	margin-bottom:3px;
	background: url(../img/top/line_dotted_right.gif) repeat-x bottom;
	padding-bottom:1px;
	line-height:1.8;
}

div#Main02 ul li span {
	padding:0 0 0 13px;
	background: url(../img/common/icon_arrow_01.gif) 0 40% no-repeat;
}