@charset "Shift_JIS";

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

/- file   : style.css
/- admin  : moag, Inc.
/- update : 20120215
/- desc   : css for modern browser

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

@media screen, print { /* MacIE除外用 */


/************* index Styles *************/

/* ---- BASE ----------------------*/
body {
	background: url(../images/bg_top.jpg) repeat-x center top #fbfcfe;
}

/* ---- LAYOUT ----------------------*/
div#containerTop {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

/* ---- TOP AREA ----------------------*/
div#containerTop div#topArea{
	position: relative;
	width: 1000px;
	height: 745px;
	background: url(../images/top_img.jpg) no-repeat left top;
	}

div#containerTop div#topArea h1,
div#containerTop div#topArea div{
	position: absolute;
	}
div#containerTop div#topArea h1{
	top: 67px;
	left: 300px;
	}
	
div#containerTop div#topArea div.topBtn_01{
	top: 222px;
	left: 65px;
	}

div#containerTop div#topArea div.topBtn_02{
	top: 357px;
	left: 750px;
	}

div#containerTop div#topArea div.topBtn_03{
	top: 92px;
	left: 730px;
	}
	
div#containerTop div#topArea div.topTxt{
	top: 562px;
	left: 285px;
	}
	
div#containerTop div#topNews{
	position: relative;
	width: 890px;
	height: 35px;
	margin: 0 auto;
	background: url(../images/top_news.gif) no-repeat left top;
	text-align: center;
	}
div#containerTop div#topNews p{
	color: #231815;
	font-size: 93%;
	line-height: 1.1;
	padding: 13px 0 0 0;
	}

/* ---- TOP NAVI ----------------------*/

div#containerTop ul#topNav{
	position: relative;
	width: 855px;
	height: 180px;
	margin: 17px 0 10px 80px;
	overflow: hidden;
	}
div#containerTop ul#topNav li,
div#containerTop ul#topNav li a{
	display: block;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	outline-style: none;
	}
div#containerTop ul#topNav li {
	float: left;
	width: 285px;
	height: 90px;
	}
div#containerTop ul#topNav li a{
	width: 272px;
	height: 77px;
	background-image: url(../images/top_nav.gif);
	background-repeat: no-repeat;
	}

div#containerTop ul#topNav li.download a{
	background-position: 0 0;
	}
div#containerTop ul#topNav li.download a:hover{
	background-position: 0 -180px;
	}

div#containerTop ul#topNav li.sketch a{
	background-position: -285px 0;
	}
div#containerTop ul#topNav li.sketch a:hover{
	background-position: -285px -180px;
	}

div#containerTop ul#topNav li.moji a{
	background-position: -570px 0;
	}
div#containerTop ul#topNav li.moji a:hover{
	background-position: -570px -180px;
	}

div#containerTop ul#topNav li.check a{
	background-position: 0 -90px;
	}
div#containerTop ul#topNav li.check a:hover{
	background-position: 0 -270px;
	}

div#containerTop ul#topNav li.theater a{
	background-position: -285px -90px;
	}
div#containerTop ul#topNav li.theater a:hover{
	background-position: -285px -270px;
	}

div#containerTop ul#topNav li.cmMovie a{
	background-position: -570px -90px;
	}
div#containerTop ul#topNav li.cmMovie a:hover{
	background-position: -570px -270px;
	}

/************* Portal Footer Styles *************/

#Foot ul, #Foot li {
	margin: 0px;
	padding: 0px;
}

#Foot a:link, #Foot a:visited {
	color: #6671c4;
	text-decoration: none;
}
#Foot a:hover, #Foot a:active {
	color: #6671c4;
}

#Foot {
	width: 840px;
	margin: 0 auto;
	padding: 10px 0px 20px;
	border-top: 1px solid #d6e5f9;
	font-size: 10px;
	color: #6671c4;
}
#Foot address {
	float: left;
	display: inline;
	font-style: normal;
	margin-left: 5px;
}
#Foot ul {
	float: right;
	display: inline;
}
#Foot ul li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #6671c4;
}
#Foot ul li a {
	font-size: 10px;
}
#Foot ul li.noBorder {
	border: none;
}

} /* MacIE除外用 */