@charset "utf-8";
@import url(default.css);

html {
	background: url(../img/main-visual-back.png) no-repeat center 96px;
}

body {
	background: url(../img/footer-back.png) no-repeat center bottom;
	color: #333333;
}

#page {
	margin: 0 auto;
	width: 980px;
}

a {
	color: #ec6941;
	text-decoration: none;
}

a[href]:hover {
	text-decoration: underline;
}

.rollover:hover {
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/*----------------------------------------------------------------
 * ヘッダー
 */
#page > header {
	position: relative;
	height: 96px;
}

/* ロゴ */
#page > header h1 {
	position: absolute;
	left: 10px;
	top: 0;
}

#page > header h1 a {
	display: block;
	width: 179px;
	height: 161px;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
}

/* 言語ナビゲーション */
#page > header #language-nav {
	position: absolute;
	right: 10px;
	top: 0;
}

#page > header #language-nav li {
	float: left;
	margin-left: 3px;
}

#page > header #language-nav li a,
#page > header #language-nav li span {
	display: block;
	width: 56px;
	height: 42px;
	text-indent: -9999px;
}

#page > header #language-nav li.japanese a {
	background: url(../img/language-nav-japanese.png) no-repeat;
}

#page > header #language-nav li.english a {
	background: url(../img/language-nav-english.png) no-repeat;
}

#page > header #language-nav li.english span {
	background: url(../img/language-nav-english-disabled.png) no-repeat;
}

#page > header #language-nav li.simplified-chinese a {
	background: url(../img/language-nav-simplified-chinese.png) no-repeat;
}

#page > header #language-nav li.simplified-chinese span {
	background: url(../img/language-nav-simplified-chinese-disabled.png) no-repeat;
}

/* グローバルナビゲーション */
#page > header #global-nav {
	position: absolute;
	right: 10px;
	top: 56px;
}

#page > header #global-nav li {
	float: left;
	margin-left: 30px;
}

#page > header #global-nav li a {
	display: block;
	height: 28px;
	background-image: url(../img/global-nav.png);
	text-indent: -9999px;
}

#page > header #global-nav li.home a {
	width: 36px;
	background-position: 0 0;
}

.page-home #page > header #global-nav li.home a,
#page > header #global-nav li.home a:hover {
	background-position: 0 -28px;
}

#page > header #global-nav li.aboutus a {
	width: 83px;
	background-position: -36px 0;
}

.page-aboutus #page > header #global-nav li.aboutus a,
#page > header #global-nav li.aboutus a:hover {
	background-position: -36px -28px;
}

#page > header #global-nav li.business a {
	width: 49px;
	background-position: -119px 0;
}

.page-business #page > header #global-nav li.business a,
#page > header #global-nav li.business a:hover {
	background-position: -119px -28px;
}

#page > header #global-nav li.cooperation a {
	width: 156px;
	background-position: -168px 0;
}

.page-cooperation #page > header #global-nav li.cooperation a,
#page > header #global-nav li.cooperation a:hover {
	background-position: -168px -28px;
}

#page > header #global-nav li.enrollment a {
	width: 72px;
	background-position: -324px 0;
}

.page-enrollment #page > header #global-nav li.enrollment a,
#page > header #global-nav li.enrollment a:hover {
	background-position: -324px -28px;
}

#page > header #global-nav li.news a {
	width: 48px;
	background-position: -396px 0;
}

.page-news #page > header #global-nav li.news a,
#page > header #global-nav li.news a:hover {
	background-position: -396px -28px;
}

#page > header #global-nav li.contact a {
	width: 72px;
	background-position: -444px 0;
}

.page-contact #page > header #global-nav li.contact a,
#page > header #global-nav li.contact a:hover {
	background-position: -444px -28px;
}

/*----------------------------------------------------------------
 * コンテンツ
 */

#contents {
	margin: 40px 10px 0;
}

#contents #main {
	position: relative;
}

/* page top */
#contents #page-top {
	position: absolute;
	right: 0;
	bottom: -140px;
}

#contents #page-top a {
	display: block;
	width: 81px;
	height: 54px;
	background: url(../img/button-page-top.png) no-repeat;
	text-indent: -9999px;
}

/*----------------------------------------------------------------
 * フッター
 */

#page > footer {
	position: relative;
	margin-top: 130px;
	height: 61px;
}

#page > footer .copyright {
	position: absolute;
	top: 30px;
	width: 100%;
	font-size: 85%;
	line-height: 1;
	text-align: center;
}