@charset "Shift_JIS";

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

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

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

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


/************* Common Styles *************/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/************* Layout Styles *************/

div#container {
	position: relative;
	width: 950px;
	margin: 0px auto;
	text-align: left;
}

/* Header -------------- */
div#header{
	position: relative;
	width: 950px;
	height: 73px;
	background: url(../images/hd_bg.jpg) no-repeat left top;
	}
	
div#header h1{
	padding: 17px 0 0 0;
	}

div#header ul#hdNav{
	position: absolute;
	top: 17px;
	left: 590px;
	width: 360px;
	height: 50px;
	}
div#header ul#hdNav li,
div#header ul#hdNav li a{
	display: block;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	outline-style: none;
	background-image: url(../images/hd_nav.gif);
	background-repeat: no-repeat;
	}
div#header ul#hdNav li { float: left; }

div#header ul#hdNav li.top {
	margin: 15px 0 0 0;
	}
div#header ul#hdNav li.top,
div#header ul#hdNav li.top a{
	width: 60px;
	height: 30px;
	background-position: 0 -15px;
	}
div#header ul#hdNav li.top a:hover{
	background-position: 0 -75px;
	}

div#header ul#hdNav li.about,
div#header ul#hdNav li.about a{
	width: 147px;
	height: 40px;
	background-position: -60px 0px;
	}
div#header ul#hdNav li.about a:hover{
	background-position: -60px -60px;
	}

div#header ul#hdNav li.info,
div#header ul#hdNav li.info a{
	width: 153px;
	height: 48px;
	background-position: -207px 0px;
	}
div#header ul#hdNav li.info a:hover{
	background-position: -207px -60px;
	}
	
/* Navigation -------------- */
ul#globalNav {
	width: 950px;
	height: 56px;
	margin: 0 0 8px 0;
	}
ul#globalNav li,
ul#globalNav li a{
	display: block;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	outline-style: none;
	background-image: url(../images/gr_nav.gif);
	background-repeat: no-repeat;
	height: 56px;
	}
ul#globalNav li { 
	float: left;
	}

ul#globalNav li.download a{
	width: 158px;
	background-position: 0px 0px;
	}
ul#globalNav li.download a:hover{
	background-position: 0px -66px;
	}
ul#globalNav li.download_on{
	width: 158px;
	background-position: 0px -132px;
	}

ul#globalNav li.sketch a{
	width: 159px;
	background-position: -158px 0px;
	}
ul#globalNav li.sketch a:hover{
	background-position: -158px -66px;
	}
ul#globalNav li.sketch_on{
	width: 159px;
	background-position: -158px -132px;
	}

ul#globalNav li.moji a{
	width: 159px;
	background-position: -317px 0px;
	}
ul#globalNav li.moji a:hover{
	background-position: -317px -66px;
	}
ul#globalNav li.moji_on{
	width: 159px;
	background-position: -317px -132px;
	}

ul#globalNav li.check a{
	width: 159px;
	background-position: -476px 0px;
	}
ul#globalNav li.check a:hover{
	background-position: -476px -66px;
	}
ul#globalNav li.check_on{
	width: 159px;
	background-position: -476px -132px;
	}

ul#globalNav li.theater a{
	width: 159px;
	background-position: -635px 0px;
	}
ul#globalNav li.theater a:hover{
	background-position: -635px -66px;
	}
ul#globalNav li.theater_on{
	width: 159px;
	background-position: -635px -132px;
	}

ul#globalNav li.cmMovie a{
	width: 156px;
	background-position: -794px 0px;
	}
ul#globalNav li.cmMovie a:hover{
	background-position: -794px -66px;
	}
ul#globalNav li.cmMovie_on{
	width: 156px;
	background-position: -794px -132px;
	}

/************** Content styles ***************/

div#content{
	position: relative;
	background: url(../images/box_bg_line.gif) repeat-y left top #fff;
	}

div#content div.toTopNav {
	position: relative;
	background: url(../images/box_bg_end.gif) no-repeat left bottom;
	}

div#content div.toTopNav p {
	padding: 0 30px 30px 30px;
	line-height: 0;
	font-size: 0;
	text-align: right;
	}

/************* Portal Header Styles *************/
#SearchArea input.Window {
	margin-top: 1px;
	}

/************* 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: 950px;
	margin: 0 auto;
	padding: 10px 0px 20px;
	border-top: none;
	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除外用 */