@charset "UTF-8";

/* ***************************************************
* CSS file For jem-com.jp
	FileName: top.css
	data:2008/03/26 kinoshita

■目次 ==========================================
■[01]:TOP
**************************************************** */


/* common.cssを上書きする↓ */

/*-----------------------------------------------------------
■あああ
------------------------------------------------------------*/
div.mainImage{ margin-bottom : 2px; }

div.MenuContainer{
	float: left;
	width: 100%;
}

div.MenuContainer img{
	display:block;
}

div.MenuContainer div{
	float: left;
	color: #666;
	font-size: 10px;
	line-height: 16px;
	position: relative;
	height: 240px;
}

div.bgBox1 { width: 231px; background: url(/img/top/bg_qa_rll.gif) no-repeat left top ; }
div.bgBox2 { width: 230px; background: url(/img/top/bg_table_rll.gif) no-repeat left top ; }
div.MenuContainer div.bgBox3 { width: 460px; height: 259px; background: url(/img/top/bg_about_rll.gif) no-repeat left top ; }

.hover div.bgBox1 { width: 231px; background: url(/img/top/bg_qa_on.gif) no-repeat left top ; cursor: pointer; }
.hover div.bgBox2 { width: 230px; background: url(/img/top/bg_table_on.gif) no-repeat left top ; cursor: pointer; }
div.MenuContainer div.hover div.bgBox3 { width: 460px; height: 259px; background: url(/img/top/bg_about_on.gif) no-repeat left top ; cursor: pointer; }

div.MenuBox div.bgBox1 p{ padding: 180px 10px 10px 10px; }
div.MenuBox div.bgBox2 p{ padding: 10px 10px 10px 10px; }
div.MenuBox div.bgBox3 p{ padding: 123px 12px 10px 104px; }

div.MenuBox div.bgBox1 div{ position: absolute; top: 17px; left: 85px; }
div.MenuBox div.bgBox2 div{ position: absolute; top: 100px; left: 57px; }
div.MenuBox div.bgBox3 div{ position: absolute; top: 12px; right: 22px; }

/* .hover a:link {color: #ff0000; text-decoration: underline;}
.hover a:visited {color: #ff0000; text-decoration: underline;}
 */

div.MenuContainer div.movie{
	height: 240px;
	width: 230px;
	background: url(/img/top/bg_movie.gif) no-repeat left top ;
}

div.MenuContainer div.movie p.douga{
	margin: 13px 0px 5px 15px;
}

div.MenuContainer div.reason{ height: 260px;}


div.TopBottomBox{
	float: left;
	width: 100%;
	margin-top : 10px;
}

div.Whatsnew{
	float: left;
	width: 440px;
	margin: 0px 0px 10px 10px;
}
div.Whatsnew img{ display:block; }

div.Whatsnew dl{
	width: 440px;
	line-height: 16px;
	background: url(/img/top/whatsnew_bg_line.gif) repeat-y left top ;
	font-size: 10px;
	float: left;
	padding-top: 8px;
}

div.Whatsnew dl dt{
	float: left;
	background: url(/img/top/whatsnew_bg.gif) no-repeat 0px -10px;
	text-indent:26px;
	width: 90px;
}

div.Whatsnew dl dd{
	float: left;
	width: 350px;
}



div.SeoText{
	width: 440px;
	font-size: 10px;
	float: right;
	text-align: right;
	margin-right : 10px;
}