/* CSS Document */

body {
	background:#FFF;
	margin:0px;
	padding:0px;
	font-size:10pt;
	line-height:1.3em;
}
p {margin: 0px; padding: 0px;}
a:link,
a:visited,
a:active {color:#043678; text-decoration:none;}
a:hover {color:#F04050; text-decoration:none;}
img {border:none;}
br {line-height:0em; clear:both;}
ul {list-style-position:outside;padding-left:20px;}
li {color: #043678;}
.red {color:#F00;}


#widestage {
	width:100%;
	height:100%;
	margin:0px auto;
	position:absolute;
	background-image:url(../img/pageBG.png);
	background-repeat: repeat-x;
}
#mainstage {
	width:980px;
	margin:0px auto;
	padding:2px
}
#headerstage {
	margin:0px;
	padding:5px 0px;
}
#headerstage img {
	margin-left:30px;
}

#nav {
	width:840px;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
	overflow:hidden;
}
#nav li {
	width:168px;
	height:50px;
	float:left;
	text-align:center;
	line-height:100em;
}
#home a {
	background-image:url(../img/menuBG.png);
	background-position: 0px 0px;
}
#product a {
	background-image:url(../img/menuBG.png);
	background-position: -168px 0px;
}
#support a {
	background-image:url(../img/menuBG.png);
	background-position: -336px 0px;
}
#info a {
	background-image:url(../img/menuBG.png);
	background-position: -504px 0px;
}
#blog a {
	background-image:url(../img/menuBG.png);
	background-position: -672px 0px;
}
.hover-css a,
.hover-anims a,
.hover-anims span {
	display:block;
	height:50px;
	width:168px;
	position:relative;
	overflow:hidden;
}
.hover-anims span {
	position:absolute;
	left:0; top:0;
}
.hover-css a:hover,
.hover-anims #home span {
	background-image: url(../img/menuBG.png);
	background-position: 0px -50px;
}
.hover-anims #product span {
	background-image: url(../img/menuBG.png);
	background-position: -168px -50px;
}
.hover-anims #support span {
	background-image: url(../img/menuBG.png);
	background-position: -336px -50px;
}
.hover-anims #info span {
	background-image: url(../img/menuBG.png);
	background-position: -504px -50px;
}
.hover-anims #blog span {
	background-image: url(../img/menuBG.png);
	background-position: -672px -50px;
}

#topstage {
	height:420px;
	overflow:hidden;
}
#topstage img {
	position:relative;
	z-index:1;
	float:left;
}
#onsen {
	height: 100px;
	width: 420px;
	position:absolute;
	top: 380px;
	margin-left:40px;
	z-index:2;
}
#officialstart {
	height:50px;
	width:470px;
	position:absolute;
	top:380px;
	margin-left:490px;
	z-index:3;
}
#messagepaper {
	width:470px;
	height:50px;
}

#trial {
	height: 50px;
	width: 447px;
	position:absolute;
	top: 280px;
	margin-left:16px;
	z-index:4;
	background:#000;
}
.notice {
	height: 60px;
}
.notice img {
	float:left;
}
#countmv{
	height:320px;
	width:500px;
	position:absolute;
	top:125px;
	margin-left:10px;
	z-index:5;
}

#whatstage {
	width:980px;
	height:100px;
	margin-top:3px;
	margin-bottom:7px;
	background-image:url(../img/whatstageBG.jpg);
	position:relative;
	z-index:1;
}
.whatbox {
	width:279px;
	height:84px;
	margin:3px 3px;
	padding:5px 4px;
	float:left;
	background-image:url(../img/whatbox.jpg);
	position:relative;
	z-index:2;
	cursor:pointer;
}
.whatboxmulti {
	width:279px;
	height:84px;
	margin:3px 3px;
	padding:5px 4px;
	float:left;
	background-image:url(../img/whatbox.jpg);
	position:relative;
	z-index:2;
	cursor:pointer;
}
.whattitle {
	font-weight:bolder;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
	color:#FFF;
	background:#000;
	text-indent:0.5em;
	font-size:9pt;
	border-left:8px solid #F60;
	background:#123 url(../img/whath2.jpg);
	background-position:0px -7px;
	border-bottom:1px solid #996633;
	border-right:1px solid #996633;
}
.whatcont {
	line-height:1.2em;
	margin:0px 3px;
}
#rssbox {
	text-align:center;
	font-size:9pt;
	margin:0px 0px 0px 0px;
	color:#FFF;
	position:absolute;
	z-index:3;
	float:left;
	bottom:20px;
	left:73px;
}

#whatold {
	text-align:center;
	font-size:9pt;
	margin:0px 0px 0px 0px;
	color:#FFF;
	position:absolute;
	z-index:3;
	float:right;
	bottom:2px;
	left:31px;
}
#whatold a {
	color:#69C;
	width:50px;
	padding:0px 2px 0px 4px;
	display:block;
	overflow:hidden;
	line-height:1.4em;
	background-image:url(../img/whatold.jpg);
}
#whatold a:hover {
	color:#FFF;
	line-height:1.4em;
	background-image:url(../img/whatold_on.jpg);
}

#twitterstage {
	width:460px;
	height:300px;
	padding:30px 10px 0px 10px;
	margin-bottom:10px;
	float:left;
	background-image:url(../img/twitterBG.png);
}
#moviestage {
	width:470px;
	height:295px;
	padding:35px 11px 0px 10px;
	float:right;
	margin-bottom:10px;
	background-image:url(../img/movieBG.png);
}

#leftstage {
	width:200px;
	padding:10px;
	float:left;
	font-size:9pt;
	text-align:center;
	background:#EEE;
	border:1px solid #AAA;
}
#productstage {
	margin-top:7px;
}
#novelstage {
	margin-top:7px;
}

#topicsstage {
	width:730px;
	float:right;
	padding:10px;
	background:#EEF;
	border:1px solid #AAE;
}
#topicsstage img{
	margin-bottom:3px;
}

.bottommenu {
	text-align:center;
	margin:10px auto 0px auto;
	padding:2px 0px;
}
.bottommenu ul{
	margin:0px auto 0px auto;
	padding:0px;
}
.bottommenu li{
	margin:0px 0px;
	padding:0px 5px;
	text-align:center;
	border-right:1px dotted #000;
	display:inline;
}
#bottomend {
	border:none;
}

#bottomstage {
	background-image:url(../img/pageBG.png);
	padding-bottom:10px;
	text-align:center;
}
#att {
	padding:10px 0px 3px 0px;
	color:#FFF;
}
address {
	color:#FFF;
	margin-top:0px;
	font-style: normal;
}

/*** HISTORY ***/
#historystage {
	width:879px;
	min-height:700px;
	margin:0px auto 0px auto;
	padding:10px;
	background:#FFF;
}

/*** お知らせ ***/
#attbox {
	width:978px;
	border:1px solid #F60;
	margin:5px auto 5px auto;
	padding-bottom:5px 0px;
	background-color:#FFE;
	overflow:hidden;
	text-align:center;
}
#attbox p {
	padding:5px 20px;
}

#attbox_half {
	width:480px;
	height:208px;
	border:1px solid #F60;
	margin:5px auto 5px auto;
	padding:5px 0px;
	background-color:#FFE;
	overflow:hidden;
	text-align:center;
	display:block;
	float:left;
}
#attbox_half p {
	padding:5px 20px;
}

/*** 共通 ***/
#substage {
	width:960px;
	min-height:700px;
	padding:10px;
	background:#FFF;
}

.infobox,
.supportbox {
	width:850px;
	margin:0px auto 20px auto;
	border:1px solid #69F;
	overflow:hidden;
}
.infobox p,
.infobox ul,
.supportbox ul,
.supportbox p{
	margin:0px 0px 10px 20px;
	padding:0px;
	list-style:inside;
}

/*** PRODUCT ***/
.probox {
	width:940px;
	height:300px;
	margin:0px 10px 1px 10px;
	float:left;
	padding:10px 0px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.newprobox {
	width:940px;
	height:325px;
	background:#AAA;
	margin:10px auto;
	overflow:hidden;
	border:1px solid #69F;
}

/*** SUPPORT ***/
#infoatt,
#supportatt {
	width:830px;
	border:1px solid #69F;
	margin:10px auto 20px auto;
	padding:10px;
	background-image:url(../img/supportattBG.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/*** INFORMATION ***/
#infoatt {
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
}
.infobox img{
	margin-left:20px;
}

/*** LINK ***/
ul.linktab {
	width:840px;
	margin:20px auto 20px auto;
	border:1px solid #69F;
	background-image:url(../img/supportattBG.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:5px;
}
ul.linktab li {
	list-style:none;
	width:140px;
	height:30px;
	float:left;
}
ul.linktab li a{
	outline:none;
	display:block;
	line-height:30px;
	text-align:center;
}
ul.linktab li a:hover{
	display:block;
	background-color: #FCF;
	background-image: url(../img/pageBG.png);
	background-position: 0px -300px;
	color:#FFF;
}
ul.linktab li a.selected {
	text-decoration:none;
	color:#FFF;
	cursor:default;
	font-weight:bolder;
	background:#FCF url(../img/pageBG.png);
}
ul.linkpanel {
	width:850px;
	margin:0px auto 20px auto;
	border:1px solid #69F;
	overflow:hidden;
	padding:0px;
}
ul.linkpanel li {
	list-style:none;
	padding:0px;
	text-indent:1em;
	color:#F00;
}

.linkstage {
	width: 820px;
	padding:5px;
	margin:5px auto;
	border:1px dashed #749fcd;
	background-color: #ffffff;
}
.linkstage img {
	float:left;
}
.linkstage p{
	float: right;
	width: 590px;
	padding:4px;
	margin-left: 20px;
	line-height: 2.3em;
}

/*** RECRUIT ***/

.recbox {
	width:850px;
	margin:0px auto 20px auto;
	padding-top:10px;
	border:1px solid #69F;
	overflow:hidden;
}
.recbox ul,
.recbox p{
	margin:0px 0px 10px 20px;
	padding:0px;
	list-style:inside;
}

#error {
	color: #ff0000;
	text-align: center;
}
#formtable {
	margin:0px auto;
	border:1px solid #043678;
}
#formtable td {
	padding:4px;
	background:#e8f4ff;
}
#formtable .td00 {
	padding-left:10px;
	padding-right:10px;
	background: #99ccff;
	color:#043678;
	font-weight:bolder;
}
#formtable input,
#formtable textarea {
	border:1px solid #043678;
	background:#FFFFFF;
	color:#043678;
}
#noline input {
	border:none;
	background-color: transparent;
}
#formtable #trans {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}#comftable {
	width:752px;
	margin:0px auto 20px auto;
	border:1px solid #FF9933;
}
#comftable td {
	padding:4px;
	color:#FF6600;
	background:#fffce8;
}
#comftable .td00 {
	width:117px;
	padding-left:10px;
	padding-right:10px;
	background:#FFCC66;
	color:#FF6600;
	font-weight:bolder;
}
#comftable .td01 {
	width:16px;
	padding:0px;
	text-align:center;
}
#comftable input,
#comftable button{
	border:1px solid #FF6600;
	background:#FFFFFF;
	color:#FF6600;
}

#comftable #trans {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#compbox {
	width:600px;
	margin:20px auto;
	padding:30px 0px;
	border:1px solid #FF6600;
	background:#FFFCE8;
	color:#FF6600;
}
#compbox h5 {
	text-align:center;
	margin:10px auto 0px auto;
}
#compbox p {
	margin:10px auto;
	padding:0px;
	text-align:center;
}

/*** 小説 ***/
#kemonobox {
	width:960px;
	height:593px;
	margin:0px auto;
}
#novelbox {
	width:700px;
	margin:0px auto 20px auto;
}

/** 追加 **/
#plusbox {
	background-color:#FFE;
	margin:5px auto 5px auto;
	overflow:hidden;
	float:right;
}