@charset 'utf-8';

@import 'int.css';
@import 'common.css';

/* 背景 */
body{
	background:url(../i/bg.gif) no-repeat top center;
}

/* left */
div.left{
	width:340px;
}
#en div.left>h1{margin-top:18px}
div.news{
	position:relative;
	background:url(../i/bg_index_news.gif) repeat-y left top;
	padding-left:2px;
	margin-top:33px;
}
div.news p{
	position:absolute;
	top:23px; right:20px;
}
#en div.news p{top:7px}
div.news a{}/* 一部indent_blueクラスにて */
div.news a:hover{}
div.news div{
	height:313px;
	margin-top:7px;
	overflow-y:auto;
}
div.news dl{
	margin-top:10px;
	padding-left:10px;
	margin-right:20px;
}
div.news dl+dl{
	border-top:1px dotted #ccc;
	padding-top:10px;
}
div.news dl dt{
	font-size:12px;
	line-height:125%;
	color:#555555;
	font-weight:bold;
}
div.news dl dt span.date{
	display:block;
	margin-bottom:0.5em;
	font-weight:normal;
}
div.news dt a{}
div.news dt a:hover span.date{
	background-position:bottom left;
}
div.news dd{
	font-size:10px;
	line-height:150%;
	margin-top:0.5em;
}
/* news */
dl.news{}
dl.news dt{}
dl.news dt span.date{}
dl.news dd{}
/* press */
dl.press{}
dl.press dt{}
dl.press dt span.date{}
dl.press dt{}
/* カタログ */
p.catalog{
	position:absolute;
	top:-177px; left:-2px;
	z-index:100;/* 最下層（3/4） */
}

/* container */
div.container{
	background:url(../i/bg_index.gif) no-repeat;
	width:610px;
	height:670px;/* ミニマム */
	position:relative;
}
div.container h1,
div.container>ul{position:absolute}
div.container h1{
	right:0;
	top:81px;
}
div.container ul{}
div.container li{
	float:left;
	font-size:0;
	line-height:0;
}
div.container>ul{
	width:480px;
	right:-11px;
	bottom:76px;
}
div.container>ul>li{
	margin-bottom:12px;
	margin-right:12px;
}
div.container ul ul{}
div.container li li{float:none}