@charset 'utf-8';

/**
 * 【common】
 * 1.0 - common
 * 　　|- html, body
 * 　　|- a
 * 　　|- class
 *
 * 2.0 - g-header
 * 　　|- logo（Altair）
 * 　　|- logo（ALTAIR THEATER Official Website）
 * 　　|- logo（tsukino）
 * 　　|- g-nav
 *
 * 3.0 - footer
 * 　　|- nav
 * 　　|- content
 * 　　|- logo（Altair）
 * 　　|- pagetop
 * 　　|- sns
 * 　　|- bnr
 * 　　|- copyright
 *
 * --------------------------------------------------------------------------------------------------------------------------------------- */

/* 1.0 - common
------------------------------------------------------------------------------------------------------------------------------------------ */
html, body {
	font-family:verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", Sans-Serif;
	min-width:1000px;
	color:#666;
	font-size:18px;
	line-height:1.8;
	background:#fff url(../img/common/bg_body.png) repeat-x;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
* {max-height:99999px;}
img {display:block;}

/* a */
a:link {color:#666;}
a:visited {color:#666;}
a:hover {color:#c00;}
a:active {color:#3fC;}
a img {border:none;}

/* class */
.coming-soon {
	font-size:23px !important;
	color:#fff;
	letter-spacing:6px;
	width:100%;
	text-align:center;
	padding:150px 0;
	background:#bbb;
	border:1px solid #aaa;
}

/* 2.0 - g-header
------------------------------------------------------------------------------------------------------------------------------------------ */
header {
	position:relative;
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}

/* logo（Altair） */
header h1 {
	width:333px;
	height:244px;
	background:url(../img/common/ghd/logo.png) no-repeat;
	margin:46px auto 0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

header h1 a {
	display:block;
	width:333px;
	height:244px;
}

header h1:hover {opacity:0.8;}

/* logo（ALTAIR THEATER Official Website） */
header p {
	width:480px;
	height:35px;
	background:url(../img/common/ghd/h1-txt.png) no-repeat;
	margin:30px auto 0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* logo（tsukino） */
#logo-tsukino {
	position:absolute;
	top:30px;
	right:0;
}

#logo-tsukino img:hover {opacity:0.6;}

/* g-nav */
nav {
	overflow:hidden;
	width:1044px;
	height:64px;
	margin:78px 0 0 0;
}

/* g-nav > list */
nav ul li a {
	float:left;
	display:block;
	width:130px;
	height:64px;
	margin:0 44px 0 0;
	background:url(../img/common/ghd/nav.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* sprite (a) */
nav ul li.about a {background-position:0 0;}
nav ul li.information a {background-position:-174px 0;}
nav ul li.character a {background-position:-348px 0;}
nav ul li.story a {background-position:-522px 0;}
nav ul li.release a {background-position:-696px 0;}
nav ul li.event a {background-position:-870px 0;}

/* sprite (a:hover) */
nav ul li.about a:hover {background-position:0 -66px;}
nav ul li.information a:hover {background-position:-174px -66px;}
nav ul li.character a:hover {background-position:-348px -66px;}
nav ul li.story a:hover {background-position:-522px -66px;}
nav ul li.release a:hover {background-position:-696px -66px;}
nav ul li.event a:hover {background-position:-870px -66px;}

nav ul li.about a:hover, nav ul li.information a:hover, nav ul li.character a:hover,
nav ul li.story a:hover, nav ul li.release a:hover, nav ul li.event a:hover {opacity:0.7;}

/* 3.0 - footer
------------------------------------------------------------------------------------------------------------------------------------------ */
footer {
	width:100%;
	margin:70px auto 0 auto;
	background:url(../img/common/footer/bg.png) no-repeat center top;
	padding:49px 0 0 0;
}

/* nav */
footer ul {
	overflow:hidden;
	width:870px;
	height:13px;
	margin:0 auto;
}

/* nav > list */
footer ul li a {
	float:left;
	display:block;
	height:13px;
	margin:0 24px 0 0;
	background:url(../img/common/footer/nav.png) no-repeat;
	border-right:1px solid #333;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

footer ul li:last-child a {
	border-right:none;
	margin:0;
}

/* sprite (a) */
footer ul li.about a {width:99px; background-position:0 0;}
footer ul li.information a {width:193px; background-position:-125px 0;}
footer ul li.character a {width:161px; background-position:-344px 0;}
footer ul li.story a {width:95px; background-position:-530px 0;}
footer ul li.release a {width:122px; background-position:-651px 0;}
footer ul li.event a {width:80px; background-position:-799px 0;}

/* sprite (a:hover) */
footer ul li.about a:hover {background-position:0 -15px;}
footer ul li.information a:hover {background-position:-125px -15px;}
footer ul li.character a:hover {background-position:-344px -15px;}
footer ul li.story a:hover {background-position:-530px -15px;}
footer ul li.release a:hover {background-position:-651px -15px;}
footer ul li.event a:hover {background-position:-799px -15px;}

footer ul li.about a:hover, footer ul li.information a:hover, footer ul li.character a:hover, footer ul li.story a:hover, footer ul li.release a:hover,
footer ul li.event a:hover {-moz-transition-duration:0.5s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.5s; opacity:0.6;}

/* content */
#footer_content {
	position:relative;
	width:1000px;
	margin:55px auto 0 auto;
}

/* logo（Altair） */
#footer_content h2 {
	display:block;
	width:104px;
	height:102px;
	margin:0 auto;
}

#footer_content h2:hover {opacity:0.6;}

/* pagetop */
#pagetop {
	width:101px;
	height:105px;
}
#pagetop:hover {opacity:0.8;}


/* sns */
#sns {
	text-align:center;
	margin:22px 0 0 0;
	padding:0 0 0 8px;
}

#sns p {
	display:inline-block;
	vertical-align:middle;
	margin:7px;
}

.sns_tw {height:26px !important;}

.sns_fb {height:45px !important;}

#sns p:hover {opacity:0.6;}

/* bnr */
#bnr {
	text-align:center;
	margin:20px 0 0 0;
	padding:0 0 30px 0;
}

#bnr p {
	display:inline-block;
	vertical-align:middle;
	margin:13px;
}

#bnr p:hover {opacity:0.6;}

/* copyright */
footer address {
	width:100%;
	height:30px;
	background:#000;
}

footer address img {margin:0 auto;}