@charset "utf-8";

@import "base.css";
@import "common.css";


/*		Header
----------------------------------------------------*/

div#header {
	padding: 0 0 0 20px;
}
	
h1 {
	float: left;
	height: 299px;
}

div#header p {
	float: right;
	height: 299px;
}


/*		Main contents
----------------------------------------------------*/

div#maincontent {
	background: url("../images/line_black-slash.gif") top left repeat-x;
	overflow: hidden;
}

div#main-box {
	padding: 35px 20px 0 0;
	width: 560px;
	float: right;
}

div.product-box {
	margin: 30px 0 15px;
	padding: 8px; 
	width: 544px;
	background: #E8E8E8;
}

div.product-box h2 {
	margin: 0 0 3px 3px;
}

p.product01,
p.product02 {
	width: 266px;
}


/*		Over link
----------------------------------------------------*/

p.over a {
	display: block;
}
p.over a span {
    display: none;
}


p.til a {
	background: url("../images/bn_til.jpg") 0 0 no-repeat;
	height: 90px;;
}
p.til a:hover {
	background: url("../images/bn_til.jpg") 0 -90px no-repeat;
}


p.product01 a {
	background: url("../images/bn_product01.jpg") 0 0 no-repeat;
	height: 64px;
}
p.product01 a:hover {
	background: url("../images/bn_product01.jpg") 0 -64px no-repeat;
}


p.product02 a {
	background: url("../images/bn_product02.jpg") 0 0 no-repeat;
	height: 64px;;
}
p.product02 a:hover {
	background: url("../images/bn_product02.jpg") 0 -64px no-repeat;
}