@charset "utf-8";

/* リセット：Yahoo!UI改変版
================================================== */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}img,object,param{border:0;outline:0;vertical-align:bottom;}q:before,q:after{content:"";}hr{display:none;}

/* 共通
================================================== */
html,body { height: 100%; }
body {
	width: 100%;
	background: #355984 url(img/bg_body.png) repeat-x center top;
	color: #fff;
	word-break: break-all;
	line-height: 1.6;
}
a { color: #fff; }
a:visited { color: #c3ceda; }
a:hover, a:focus { color: #efe21a; }
#container {
	position: relative;
	width: 100%;
	min-width: 960px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/* #header
================================================== */
#header {
	position: relative;
	width: 960px;
	height: 200px;
	margin: 0 auto;
}
#header p {
	padding: 30px 0 0 5px;
}
/* グローバルメニュー
 * 毎週の更内容に合わせて更新
---------------------------------------------------*/
#header ul {
	position: absolute;
	left: 575px;
	/*left: 535px;*/
	top: 45px;
	width: 340px;
	/*width: 380px;*/
	height: 180px;
}
#header li {
	position: relative;
	float: left;
	margin-right: 2px;
	width: 40px;
	height: 180px;
	overflow: hidden;
}
#header li a {
	display: block;
	_width: 0; /* IE6 */
	padding-left: 40px;
	height: 180px;
	background-image: url(img/bg_mn.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
/* -- home -- */
#mn_home a {
	background-position: 0 0;
}
#mn_home a:hover,
#mn_home a:focus {
	background-position: 0 -180px;
}
/* -- chara -- */
#mn_chara a {
	background-position: -40px 0;
}
#mn_chara a:hover,
#mn_chara a:focus {
	background-position: -40px -180px;
}
/* -- goods -- */
#mn_goods a {
	background-position: -80px -360px;
}
#mn_goods a:hover,
#mn_goods a:focus {
	background-position: -80px -540px;
}
/* -- movie -- */
#mn_movie a {
	background-position: -120px 0;
}
#mn_movie a:hover,
#mn_movie a:focus {
	background-position: -120px -180px;
}
#pg_movie #mn_movie a {
	background-position: -120px -720px;
}
/* -- dl -- */
#mn_dl a {
	background-position: -160px 0;
}
#mn_dl a:hover,
#mn_dl a:focus {
	background-position: -160px -180px;
}

/* -- link -- */
#mn_link a {
	background-position: -240px  0;
}
#mn_link a:hover,
#mn_link a:focus {
	background-position: -240px -180px;
}

#pg_link #mn_link a {
	background-position: -240px  -720px;
}
/* -- bnr -- */
#mn_bnr a {
	background-position: -280px 0px;
}
#mn_bnr a:hover,
#mn_bnr a:focus {
	background-position: -280px -180px;
}
#pg_bnr #mn_bnr a {
	background-position: -280px  -720px;
}


/* -- sp -- */
#mn_sp a {
	background-position: -200px 0;
}
#mn_sp a:hover,
#mn_sp a:focus {
	background-position: -200px -180px;
}

#pg_sp #mn_sp a {
	background-position: -200px  -720px;
}

#pg_colabo #mn_sp a {
	background-position: -200px  -720px;
}


/* #mainbody
================================================== */
#mainbody {
	width: 830px;
	margin: 0 auto;
	padding: 40px 50px 30px 20px;
	background: #0b121a url(img/bg_mainbody.png) no-repeat center top;
	color: #fff;
}

/* #contents
================================================== */
h1 {
	float: left;
	width: 60px;
}
#contents {
	float: right;
	width: 730px;
	padding-top: 10px;
}

/* #link
================================================== */
#link {
	background: transparent url(img/bg_link.png) no-repeat center top;
	color: #fff;
	width: 860px;
	padding: 30px 20px 120px;
	margin: 0 auto;
	font-size: 93%;
}
#link em {
	color: #efe21a;
}
#link img {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	border: 1px solid #fff;
}
#link ul {
	margin-bottom: 30px;
	color: #c3ceda;
	text-align: center;
}
#link li {
	display: inline;
}

/* #footer
================================================== */
#footer {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	padding: 50px 0 10px;
	background: #091322 url(img/bg_footer.png) repeat-x left top;
	color: #768aa8;
	overflow: hidden;
	font-size: 93%;
}
#footer_inner {
	width: 860px;
	margin: 0 auto;
}
#footer_inner li {
	display: inline;
}
#footer_inner a {
	color: #768aa8;
}
#footer_inner a:hover,
#footer_inner a:focus {
	color: #efe21a;
}
#footer_inner address {
	float: right;
	width: 100px;
}
#footer_inner ul {
	float: left;
	width: 700px;
}

/* .clearfix
================================================== */
.clearfix { zoom: 1; /*IE 5.5-7*/ }
.clearfix:after {
	content: "."; display: block;
	clear: both;
	height: 0; overflow: hidden; visibility: hidden;
	font-size: 1px; line-height: 0;
}