@import url("./layout.css");

/*
 * index.css
 */

/*
===============================================================================
id:Contents
===============================================================================
*/

#Contents {
	position: relative;
}

/*
-------------------------------------------------------------------------------
id:ContentsBody
-------------------------------------------------------------------------------
*/

#banner_special {
	margin: 20px 0 10px;
}

#ContentsBody {
	position: relative;
}

#ContentsBody .left {
	width: 650px;
}

#ContentsBody .right {
	width: 140px;
}

#ContentsBody #ApriNews ,
#ContentsBody #ShopNews {
	float: left;
	width: 355px;
}

#ContentsBody #NewItem {
	float: right;
	width: 285px;
}

#ContentsBody #ApriNews .block ,
#ContentsBody #ShopNews .block ,
#ContentsBody #NewItem .block {
	overflow-y: scroll;
	border-style: solid;
	border-width: 2px;
/*	border-color: common.css */
	padding: 5px 10px;
}

#ContentsBody #ApriNews .block {
	height: 200px;
}
#ContentsBody #ShopNews .block {
	height: 200px;
}
#ContentsBody #NewItem .block {
	height: 445px;
}

#ContentsBody #NewItem h2 {
	line-height: 1.1;
	margin-bottom: 0.3em;
	text-align: center;
}

#ContentsBody #Outline dl {
	margin: 1em 0 0 0;
}

#ContentsBody #Outline .sameline .japanese ,
#ContentsBody #Outline .sameline .english {
	display: block;
}

#ContentsBody #Outline .sameline .english {
	line-height: 1;
	font-size: 80%;
}

#ContentsBody #Outline .sameline dt {
	width: 75px;
	margin: 0;
}

#ContentsBody #Outline .sameline dd {
	margin-left: 75px;
	margin-bottom: 0.6em;
	text-align: right;
}

#ContentsBody #Outline #Recruit {
	margin-top: 15px;
}

#ContentsBody #Outline #Recruit a {
	display: block;
	background: url(../../images/index/recruit.gif) no-repeat 0 0;
	width: 140px;
	height: 35px;
}

#ContentsBody #Outline #Recruit a:hover {
	background-position: bottom;
}

#ContentsBody #Outline #Recruit a span {
	display: block;
	height: 0px;
	overflow: hidden;
}

* html #ContentsBody #Outline #Recruit a span {
	text-indent: -5000px;
}

#ContentsBody #Outline #Map {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 2px solid;
/*	border-color: common.css */
}

#ContentsBody #Outline #Map img {
	width: 140px;
}

/*
===============================================================================
HACK
===============================================================================
*/

/* clear Fix */

#Wrapper ,
#GlobalNav ul ,
#Contents ,
#Contents #ContentsBody {
	overflow:hidden;
}

#Wrapper:after ,
#GlobalNav ul:after ,
#Contents:after ,
#Contents #ContentsBody:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}

/*\*/
* html #Wrapper ,
* html #GlobalNav ul ,
* html #Contents ,
* html #Contents #ContentsBody {
	height:0;
	overflow:visible;
}
/**/