@charset "UTF-8";
/*////////////////////////////////////////////////////

サイト用 Style CSS

////////////////////////////////////////////////////*/

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

Reset CSS

-------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

hr {
	display: block;
	height: 1px;
    margin: 1em 0;
    padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
}

input, select {
	font-size: inherit;
	vertical-align: middle;
}

a img {
	border: none;
}

img {
	vertical-align: bottom;
}

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

Base Setting

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

/* Text & Font
------------------------- */
body {
	line-height: 1.5;
	color: #333333;
	font-size: 62.5%;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif;
}
* html body {/*for IE6*/
	font-family: 'MS PGothic','ＭＳ Ｐゴシック',sans-serif;
}

input, select, textarea {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','MS PGothic','ＭＳ Ｐゴシック',sans-serif;
}
* html input, * html select, * html textarea {/*for IE6*/
	font-family: 'MS PGothic','ＭＳ Ｐゴシック',sans-serif;
}

h1, h2, h3, h4, h5, h6,
p, ul, ol, dl {
	font-size: 1.2em;
}

ul ul, dl dl, dl ul {
	font-size: 1em;
}

strong {
	font-weight: bold;
}

em {
	font-style: normal;
	font-weight: bold;
}

/* Link
------------------------- */
/* 標準 */
a {
	color: #e72d28;
	text-decoration: none;
}

a:link {
	color: #e72d28;
}

a:visited {
	color: #ff9900;
}

a:hover {
	color: #e72d28;
	text-decoration: underline;
}

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

Common

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

/* 汎用見出し
------------------------- */
/* 画像 大見出し */
.ttl-hd {
	margin-bottom: 40px;
}

/* 約物見出し */
.ttl-sq {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.ttl-sq:before {
	content:"■";
}

/* 汎用テキスト
------------------------- */
/* セクション */
.textContent section {
	margin-top: 1em;
	margin-bottom: 2.5em; 
}

/* 段落 */
.textContent p {
	margin-bottom: 1.5em; 
}

/* 大文字 */
.caps {
	text-transform: uppercase;
}

/* テーブル
------------------------- */
table {
	line-height: 1.5;
	font-size: 1.2em;
}

th {
	font-weight: normal;
}

/* コンテンツリスト
------------------------- */
/* リスト */
.contentsList {
	width: 250px;
	height: 11px;
	line-height: 1;
	overflow: hidden;
	font-size: 10px;
}

.contentsList li {
	float: left;
	height: 11px;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../images/border01.png) no-repeat 0 1px;
}

.contentsList li:first-child {
	margin: 0;
	padding: 0;
	background: none;
}
.contentsList li.first-child {
	margin: 0;
	padding: 0;
	background: none;
}

/* 戻るリンク
------------------------- */
.backTo {
	margin-top: 20px;
	margin-bottom: 30px;
}

.backTo a {
	display: inline-block;
	padding: 4px 9px 3px;
	border: 1px solid #cccccc;
	text-transform: uppercase;
}

.backTo a,
.backTo a:visited {
	color: #000000;
}

.backTo a:hover {
	color: #e72d28;
	border-color: #e72d28;
}

/* 汎用時計
------------------------- */
/* Box */
#gpClock {
	display: none;
	/*font-family : serif;*/
	font-size: 1.1em;
}

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

Layout Setting

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

/* 固定幅
------------------------- */
#siteHeader,
#siteFooter {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

/* 背景切れ対策
------------------------- */
body {
	min-width: 940px;
}

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

Header Style

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

/* Box
------------------------- */
.headerWrap {
	margin-bottom: 40px;
	border-bottom: 1px solid #000000;
}

#siteHeader {
	position: relative;
	height: 114px;
}

/* サイト ID
------------------------- */
.siteID {
	margin: 0;
	padding: 5px 0 0;
}

/* グローバルナビ
------------------------- */
/* Box */
.globalNav {
	position: absolute;
	top: 62px;
	left: 688px;
}

/* 時計
------------------------- */
#siteHeader #gpClock {
	position: absolute;
	top: 36px;
	right: 1px;
}

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

Footer Style

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

/* Box
------------------------- */
.footerWrap {
	border-top: 1px solid #e5e5e5;
}

#siteFooter {
	padding: 20px 0 30px;
}

/* Page Top
------------------------- */
.pageTop {
	margin: -44px 0 20px;
	padding: 0;
	text-align: right;
}

.pageTop a {
	display: inline-block;
	width: 85px;
	height: 24px;
	background: url(../images/bg_pagetop.png) no-repeat 0 0;
	text-align: center;
}

.pageTop img {
	margin-top: 8px;
	vertical-align: top;
}

/* フッターナビ
------------------------- */
/* リスト */
.footerNav {
	margin-bottom: 8px;
	line-height: 1.3;
	font-size: 1.1em;
	text-align: right;
	text-transform: uppercase;
}

.footerNav li {
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #bebfbf;
}

.footerNav li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.footerNav li.first-child {
	margin: 0;
	padding: 0;
	border: 0;
}

/* アンカー */
.footerNav a,
.footerNav a:visited {
	color: #000000;
}

.footerNav a:hover {
	color: #e72d28;
}

/* コピーライト
------------------------- */
.copyright {
	font-size: 1.1em;
	color: #666666;
	text-align: right;
}

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

Page & Content Style

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

/* スタイル
------------------------- */
/* Body */
body {
	background-color: #ffffff;
}

/* Contents */
#contents {
	width: 780px;
	min-height: 292px;
	margin: 0 auto;
	padding: 0 80px 54px;
}

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

Entrance

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

/* 入り口ページ
------------------------- */
#entrance {
	position: relative;
	width: 100%;
	height: 100%;
}

#enter {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -69px;
	text-align: center;
}

#enter img {
	cursor: pointer;
}

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

Home

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

/* スタイル
------------------------- */
/* Body */
body#home {
	background-color: #000000;
}

/* Contents */
#home #contents {
	position: relative;
	min-height: 446px;/* 500px - bottom padding */
	width: 620px;
	padding: 0 160px 54px;
}

/* ロゴ
------------------------- */
.homeLogo {
	margin: 0 0 64px;
	padding: 130px 0 0 1px;
}

/* ナビゲーション
------------------------- */
/* Box */
.indexNav {
	position: absolute;
	top: 245px;
	left: 530px;
}

/* 時計
------------------------- */
#home #gpClock {
	position: absolute;
	top: 220px;
	right: 161px;
	color: #666666;
}

/* ニュース Box
------------------------- */
/* Box */
.homeNewsBox {
	width: 620px;
	overflow: hidden;
	color: #ffffff;
}

/* アイコン */
.homeNewsBox .ttl {
	float: left;
	width: 60px;
	margin: 0;
}

/* ヘッドライン */
.homeNewsBox .feed {
	float: left;
	width: 560px;
	height: 6em;
	overflow: hidden;
}

.homeNewsBox article {
	padding-top: 2px;
}

.homeNewsBox time {
	width: 90px;
	font-size: 1.2em;
}

.homeNewsBox h2 {
	margin: -1.5em 0 0;
	padding: 0 0 0 90px;
}

/* フッター
------------------------- */
/* Box */
#home .footerWrap {
	border-color: #262626;
}

/* フッターナビ */
#home .footerNav a,
#home .footerNav a:visited {
	color: #ffffff;
}

#home .footerNav a:hover {
	color: #e72d28;
}

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

News

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

/* ニュースリスト
------------------------- */
/* Box */
.newsListBox {
	margin-bottom: 30px;
}

/* 大見出し */
#news .ttl-hd {
	margin-bottom: 10px;
}

/* ヘッドライン */
.newsListBox article {
	padding: 28px 0 26px;
	border-bottom: 1px dotted #cccccc;
}

.newsListBox time {
	width: 90px;
	font-size: 1.2em;
}

.newsListBox h2 {
	margin: -1.5em 0 0;
	padding: 0 0 0 90px;
}

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

Profile

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

/* 声優リスト
------------------------- */
/* Box */
.actorListBox {}

/* リスト */
.actorList {
	width: 780px;
	margin: 0;
	overflow: hidden;
}

.actorList li {
	display: inline;/* for IE6 */
	float: left;
	height: 54px;
	margin-right: 13px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #cccccc;
}

.actorList li:nth-child(4n) {
	margin-right: 0;
}

.actorList li.nth4 {
	margin-right: 0;
}

/* プロフィール詳細
------------------------- */
/* Box */
.profileBox {
	position: relative;
	min-height: 330px;
	padding: 29px;
	border: 1px solid #cccccc;
}
* html .profileBox { height: 330px; }/* for IE6 */

/* 名前 */
.profileBox .name {
	width: 430px;
	margin-bottom: 26px;
	padding: 0 0 10px 10px;
	border-bottom: 1px dotted #cccccc;
}

/* 写真 */
.profileBox .photo {
	position: absolute;
	top: 29px;
	right: 29px;
}

/* データ */
.profileBox .data {
	line-height: 2;
	width: 440px;
	margin-bottom: 70px;
}

/* ボイスサンプル */
.profileBox .voiceSample {
	position: absolute;
	left: 29px;
	bottom: 29px;
}

.profileBox .voiceSample .ttl {
	margin-bottom: 8px;
}

/* 出演作品 */
.roles {
	margin-top: 30px;
	border-bottom: 1px dotted #cccccc;
}

.roles .cat {
	display: inline-block;
	margin-bottom: 16px;
	padding: 3px 10px 2px;
	color: #ffffff;
	background-color: #e72d28;
}

.roles .text {
	line-height: 2;
	margin-bottom: 1.5em;
}

.roles .text .txtR {
	display: block;
	text-align: right;
}

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

Voice Sample

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

/* ボイスサンプル一覽
------------------------- */
/* リスト */
.voiceSampleList .act {
	height: 45px;
	padding: 0 0 29px 20px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #cccccc;
}
.voiceSampleList .act:after {
	content: "";
	display: block;
	clear: both;
}

/* 名前 */
.voiceSampleList .nm {
	float: left;
	margin-right: 30px;
}

/* プレーヤー */
.voiceSampleList .voiceSample {
	float: left;
	margin: 1px 0;
}

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

Contact

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

/* 見出し
------------------------- */
#contact .ttl-hd {
	margin-bottom: 70px;
}

/* リスト
------------------------- */
.contactList {
	margin-bottom: 20px;
	padding: 0;
}

.contactList dt {
	width: 228px;
}

.contactList dd {
	margin: -1.6em 0 30px;
	padding: 0 0 0 228px;
}

.contactList .note {
	line-height: 1.8;
	margin-top: 10px;
	color: #999999;
	font-size: 0.92em;
}

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

About Us

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

/* 見出し
------------------------- */
#about .ttl-hd {
	margin-bottom: 28px;
}

/* テーブル
------------------------- */
.companyProfileData {
	width: 100%;
}

.companyProfileData th {
	width: 11%;
	vertical-align: top;
	padding: 12px 0;
	text-align: right;
	white-space: nowrap;
}

.companyProfileData td {
	padding: 12px 14px;
}

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

Site Policy

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


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

画面切り替えエフェクト

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

/* フェードレイヤー
------------------------- */
html,body {
	height: 100%;
}

#fadeLayer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #000000;
}