@charset "utf-8";

/* ===================================================================
CSS information

 file name  :shared.css
 style info :共通のcss
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* -----------------------------------------------------------
	全てのコンテンツ
----------------------------------------------------------- */

html {
	background-color: #6c5826;
}

body {
}

#wrap {
	text-align: left;
	background: url(/images/shared/bg_wrap.jpg) top left repeat;
}

#page {
}

img {
	vertical-align: top;
}

/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */

#header-wrap {
	background: url(/images/shared/bg_header.jpg) top left repeat-x;
	height: 168px;
}

#header {
	width: 990px;
	height: 108px;
	margin: auto;
}

#header .headerInner {
	background: url(/images/shared/h1.jpg) top left repeat-x;
	width: 990px;
	height: 108px;
}

#header .headerInner .left {
	width: 286px;
	height: 108px;
	float: left;
}

#header .headerInner .right {
	width: 468px;
	height: 108px;
	float: right;
	padding: 0 16px 0 0;
}

#header .headerInner .left p.l5 {
	padding: 7px 0 0 21px;
	width: 70px;
	height: 34px;
	float: left;
}

#header .headerInner .left p.logo {
	width: 174px;
	height: 108px;
	float: right;
	padding-left: 10px;
}

#header .headerInner p.ps3 {
	padding: 14px 29px 0 0;
	width: 79px;
	height: 23px;
	float: right;
}

#header .headerInner div.btnBox {
	clear: both;
}

#header .headerInner p.btn {
	float: left;
	padding-left: 1px;
}

#header .headerInner p.btn02 {
	float: left;
}

#header .headerInner p.btn03 {
	text-align: left;
	height: 71px;
	float: left;
}

#header .headerInner p.btn04 {
	text-align: left;
	float: right;
}

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

#contents-wrap {
	background: url(/images/shared/bg_contents.jpg) top center no-repeat;
}

#contents {
	width: 990px;
	margin: auto;
	background: url(/images/shared/bg_contents_in.jpg) top center no-repeat;
}

/* -----------------------------------------------------------
	btn-go
----------------------------------------------------------- */

table.btn-go {
	width: 990px;
	margin: 0 0 20px 0;
	clear: both;
	height: 34px;
}

table.btn-go td.left {
	width: 314px;
	padding: 0 0 0 16px;
}

table.btn-go td.center {
	width: 330px;
	text-align: center;
}

table.btn-go td.right {
	width: 314px;
	padding: 0 16px 0 0;
	text-align: right;
}

table.btn-goTop {
	width: 990px;
	clear: both;
}

table.btn-goTop td.left {
	width: 314px;
	padding: 0 0 0 16px;
}

table.btn-goTop td.center {
	width: 330px;
	text-align: center;
}

table.btn-goTop td.right {
	width: 314px;
	padding: 0 16px 0 0;
	text-align: right;
}

div.table-bg {
	background: url(/images/shared/bg_wrap.jpg) top left repeat;
	padding: 0 0 20px 0;
	height: 34px;
	clear: both;
}

div.table-bg table.btn-go {
	margin: 0;
}

/* -----------------------------------------------------------
	グローバルナビゲーション
----------------------------------------------------------- */

div#gNavi-wrap {
	background: url(/images/shared/bg_gnavi.jpg) top left no-repeat;
	width: 990px;
	height: 60px;
	margin: auto;
}

ul#gNavi {
	height: 60px;
	margin: 0 0 0 32px;
}

ul#gNavi li {
	float: left;
	margin: 0 12px 0 0;
	height: 60px;
}

ul#gNavi li a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/images/shared/gNavi.jpg) no-repeat 0 0;
	width: 144px;
	height: 60px;
}

/* top */

ul#gNavi li.top a {
	background-position: 0 0;
}

ul#gNavi li.top a:hover {
	background-position: 0 -60px;
}

div.top ul#gNavi li.top a {
	background-position: 0 -60px;
}

/* story */

ul#gNavi li.story a {
	background-position: -144px 0;
}

ul#gNavi li.story a:hover {
	background-position: -144px -60px;
}

div.story ul#gNavi li.story a {
	background-position: -144px -60px;
}

/* about */

ul#gNavi li.about a {
	background-position: -288px 0;
}

ul#gNavi li.about a:hover {
	background-position: -288px -60px;
}

div.about ul#gNavi li.about a {
	background-position: -288px -60px;
}

/* chara */

ul#gNavi li.chara a {
	background-position: -432px 0;
}

ul#gNavi li.chara a:hover {
	background-position: -432px -60px;
}

div.chara ul#gNavi li.chara a {
	background-position: -432px -60px;
}

/* staff */

ul#gNavi li.staff a {
	background-position: -576px 0;
}

ul#gNavi li.staff a:hover {
	background-position: -576px -60px;
}

div.staff ul#gNavi li.staff a {
	background-position: -576px -60px;
}

/* movie */

ul#gNavi li.movie a {
	background-position: -720px 0;
}

ul#gNavi li.movie a:hover {
	background-position: -720px -60px;
}

div.movie ul#gNavi li.movie a {
	background-position: -720px -60px;
}

ul#gNavi li.movie {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/images/shared/gNavi.jpg) no-repeat -720px 0;
	width: 144px;
	height: 60px;
}

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

#footerWrap {
	background: url(/images/shared/bg_footer_rep.jpg) top left repeat-x #695727;
	padding: 27px 0 40px 0;
}

#footerWrap p.banner_15th {
	text-align: center;
	padding-bottom: 10px;
}

#footerWrap p.information {
	text-align: center;
}

#footerWrap .footerBox_A {
	text-align: left;
	margin: auto;
	padding: 5px 0 0 3px;
	clear: both;
	width: 920px;
}

#footerWrap .footerBox_A p.btnLevel5 {
	float: left;
	padding: 0 10px 0 0;
}

#footerWrap .footerBox_A p.contact {
	float: left;
}

#footerWrap .footerBox_A p.ninokuni111117 {
	float: right;
	padding: 6px 2px 0 0;
}

#footerWrap .footerBox_B {
	text-align: left;
	margin: auto;
	padding: 15px 0 0 3px;
	clear: both;
	width: 920px;
}

#footerWrap .footerBox_B p.monsters {
	float: left;
}

#footerWrap .footerBox_C p.books {
	float: left;
}

#footerWrap .footerBox_B p.ninokuniDS {
	float: left;
}

#footerWrap .footerBox_C {
	text-align: left;
	margin: auto;
	padding: 5px 0 0 3px;
	clear: both;
	width: 920px;
}

#footerWrap .footerBox_B p.goods {
	float: left;
	padding: 0 5px 0 0;
}

#footerWrap .footerBox_B p.sound {
	float: left;
	padding: 0 5px 0 0;
}

#footerWrap .footerBox_C p.copyright {
	float: right;
	padding: 26px 2px 0 0;
}

/*--L5追記 2012.03.19-------*/

#footer .floatL {
	width: 580px;
	float: left;
}

#footer .floatR {
	width: 190px;
	text-align: right;
	float: right;
}

div#footerBox {
	height: 120px;
}

#footer div.footerLeft2 {
	float: left;
	margin: 20px 0 0 0;
	width: 370px;
}