@charset "utf-8";

/*/////////////////////////////////////////////////////////////
nephilim.jp

Copyright (C) Ignition Entertainment Ltd. All Rights Reserved.
------------------------------------------------------------
[Homepage] 
	0. Import Common CSS
	1. Top
	2. About
	3. Gsp Cm

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

/* ------------------------------------------------------------
	0. Import Common CSS
------------------------------------------------------------ */

@import url("/css/common.css");

h2.ttl02 {
	margin-bottom: 20px;
}

div.main {
	width: 550px;
	float: left;
}

div.main p {
	margin-bottom: 15px;
}

div.sub {
	width: 260px;
	float: right;
}

div.sub ul li {
	margin-bottom: 10px;
}

div#gspCm dl,
div#aboutGsp dl {
	padding: 15px 20px;
	margin-top: 30px;
	background-color: #efefef;
	font-size: 77%
}

div#gspCm dl dt,
div#aboutGsp dl dt {
	font-weight: bold;
}

div#gspCm dl dd,
div#aboutGsp dl dd {
	margin-bottom: 10px;
}

div#gspCm dl dd.last,
div#aboutGsp dl dd.last {
	margin: 0;
}


/* ------------------------------------------------------------
	1. Top
------------------------------------------------------------ */

div#swfNephilimContainer {
	position: absolute;
	width: 900px;
	height: 550px;
	left: 50%;
	margin-left: -450px;
}

div#topmenu ul {
	width:900px;
	margin: 0px auto;
	padding : 0; 
	list-style-type: none;
}

div#topmenu li {
	width:222px;
	margin-right:4px;
	text-align:center;
	float:left;
}

div#topmenu li.last {
	margin-right:0px;
}





/* ------------------------------------------------------------
	2. About
------------------------------------------------------------ */

div#about {
	width: 410px;
	padding-left: 140px;
	background: url(../img/about/bg_about.jpg) no-repeat top left;
}



/* ------------------------------------------------------------
	2. 3. Gsp Cm
------------------------------------------------------------ */

div#gspCm h1 {
	margin-bottom: 10px;
}

div#gspCm p span {
	font-size: 77%;
	color: #F00;
}

div#gspCm p#btnAboutPlan {
	text-align: right;
	margin: 0 0 10px 0;
	padding: 0;
}

div#gspCm p#bnrBook {
	margin-bottom: 30px;
}

div#sub p.caption {
	font-size: 77%;
	padding: 10px 15px;
}

div#sub dl {
	font-size: 77%;
	padding: 20px 15px 0;
	background: url(../img/gsp_cm/line_sub.png) no-repeat left top;
}

div#onAir {
	padding-bottom: 20px;
	margin-bottom: 15px;
	background: url(../img/gsp_cm/bg_onair.png) no-repeat left bottom;
}

p#bnrAbout {
	margin-bottom: 15px;
}

div#gsp {
	padding-bottom: 20px;
	background: url(../img/gsp_cm/bg_gsp.png) no-repeat left bottom;
}

div#gsp p {
	padding: 10px 15px;
}

/* movie
------------------------------------------------- */

div#movie {
	margin-bottom: 30px;
}

div#movie ul li {
	width: 260px;
	float: left;
	margin-bottom: 30px;
}

div#movie ul li.boxR {
	float: right;
}

div#movie dl {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

div#movie dl dt {
	background-color: #efefef;
	padding: 0.3em 1em;
	font-size: 116%;
}

div#movie dl dd.btnMovie {
	margin-bottom: 5px;
}

div#movie ol li {
	width: 72px;
	margin: 0 5px 0 0;
	float: left;
}

/* ------------------------------------------------
	talk
------------------------------------------------- */
div#talk {
	width: 550px;
	margin: 0px auto;
}

div#talk table{
	margin : auto ;
}


div#talk tr th {
	width: 50px;
	padding: 5px;	
}
div#talk tr td {
	width: 450px;
	padding: 5px;	
}

div#talk table span.take {
	font-weight: bold;
	color: #ffa509;
}

div#talk table span.yama {
	font-weight: bold;
	color: #ff0000;
}

div#talk table span.tomi {
	font-weight: bold;
	color: #81c433;
}

div#talk table span.yana {
	font-weight: bold;
	color: #e734ae;
}

div#talk table span.yuu {
	font-weight: bold;
	color: #81c433;
}

div#talk p.talkimg {
	padding: 30px;
}

div#talk p.talkttl {
	padding: 20px 0px 10px 0px;
}

div#talk ul#navBnr {
	width: 550px;
}

div#talk ul#navBnr li {
	width: 25px;
	float: left;
	margin-right: 5px;
}

div#talk ul#navBnr li.last {
	margin-right: 0;
}

div#talk ul#navBnr li.zen {
	width: 32px;
	margin-left: 0;
}

div#talk ul#navBnr li.kou {
	width: 247px;
	margin-right: 0;
}


/* ------------------------------------------------------------
	4. Book
------------------------------------------------------------ */
div#book h1 {
	margin-bottom: 15px;
}

div#book tr th,
div#book tr td {
	padding: 10px;
}

div#book tr th {
	width: 90px;
	background: #efefef;
	border-bottom: 5px solid #FFF;
}

div#book table p {
	margin-bottom: 5px;
}

div#book table span {
	font-weight: bold;
	color: #F00;
}

div#book table{
	margin-bottom: 40px;
}

div#book table.info {
	margin-bottom: 10px;
}

div#book table.info tr th,
div#book table.info tr td {
	padding: 6px;
	border: 1px solid #cccccc;
}

div#book table.info tr th {
	background: #FFF;
	text-align: center;
}

div#book p#popRead {
	width: 420px;
	padding-right: 130px;
	background: url(../img/book/bg_pop.jpg) no-repeat top right;
}

div#book p#ch_gaiyou {
	width: 440px;
	height: auto;
	padding-right: 110px;
	background: url(../img/book/bg_ch_nephi.gif) no-repeat top right;
}

div#bookSample {
	width: 140px;
	float: left;
}

div#bookInfo {
	float: left;
	margin-bottom: 30px;
}

div#book p#champion {
	margin-bottom: 30px;
}

div#book p#btnsendmail {
	text-align: center;
	margin-bottom: 20px;
	padding: 0;
}

div#book p span {
	font-weight:bold;
	color: #F00;
}

div#book ul#navBnr {
	width: 550px;
	margin-bottom: 30px;
	float: right;
}

div#book ul#navBnr li {
	width: 130px;
	float: left;
	margin-right: 10px;
}

div#book ul#navBnr li.last {
	margin-right: 0;
}

div#book div#bookwa {
	float: left;
	margin-bottom: 30px;
}

div#book p#bookwa {
	float: left;
	margin-bottom: 0px;
}

div#book p.bookwa {
	float: left;
	margin-bottom: 0px;
}

div#book p.btnpagetop {
	margin-left: 487px;
	padding: 0;
}

div#waInfo {
	width: 330px;
	float: left;
}

div#wayamamoto {
	float: right;
}


/* ------------------------------------------------------------
	4. BookSample
------------------------------------------------------------ */

div#sample {
	width: 600px;
	margin: 10px auto;
}

div#sample p {
	width: 600px;
	margin-bottom: 10px;
	border: 1px solid #000;
}

div#sample table tr td.page {
	text-align: center;
}

div#sample table tr td.next {
	text-align: right;
}

/* ------------------------------------------------------------
	5. ust
------------------------------------------------------------ */
div#ustgamen {
	width: 165px;
	float: left;
}

div#ustInfo {
	width: 335px;
	float: left;
	margin-bottom: 45px;
}

div#ustmiru {
	float:left;
	margin-left: 166px;
	margin-bottom: 28px;
}

div#kakotitle {
	float:left;
}

div#kakomiru {
	float:right;
}