@charset "utf-8";
/* reset */
* {
	margin:0;
	padding:0;
	list-style-type: none;
	border: none;
	font-weight: normal;
}
/* reset */
/* layout */
body {
	background-color: #FFD57D;
	color: #666666;
	border: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/back_body.jpg);
	background-repeat: repeat-x;
}
td,th {
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
}
td {
	text-align: left;
}
th {
	text-align: right;
}
p.primary,
div.primary {
	float: left;
}
p.secondary,
div.secondary {
	float: right;
}
p.primary img {
	margin: 2px;
}
div#header,
div#contents,
div#footer {
	clear: both;
}
div#container {
	background-image: url(../images/back_contents.gif);
	background-color: #FFFFFF;
	margin: 0 auto;
	width: 768px;
	text-align: left;
	overflow:hidden;
}
div#header div.subPage#top {
	height: 88px;
	background-repeat: repeat;
}
div#header div.subPage#top div.secondary{
	padding: 36px 8px;
}
div.story#header div.subPage#top {
	background-image: url(../images/back_top_story.gif);
}
div.characters#header div.subPage#top {
	background-image: url(../images/back_top_characters.gif);
}
div.products#header div.subPage#top {
	background-image: url(../images/back_top_products.gif);
}
div.download#header div.subPage#top {
	background-image: url(../images/back_top_download.gif);
}
div.blog#header div.subPage#top {
	background-image: url(../images/back_top_blog.gif);
}
div.special#header div.subPage#top {
	background-image: url(../images/back_top_special.gif);
}
div.goods#header div.subPage#top {
	background-image: url(../images/back_top_goods.gif);
}
div.others#header div.subPage#top {
	background-image: url(../images/back_top_others.gif);
}
div.gallery#header div.subPage#top {
	background-image: url(../images/back_top_gallery.gif);
}
div#header div#menu {
	height: 52px;
	background-image: url(../images/pinkShadow.gif);
}
div#contents {
	padding: 8px;
}
div#contents.subPage {
	padding: 8px 0;
}
div.wallpaper#contents td img {
	float: left;	
}
div.wallpaper#contents ul.linkList {
	margin-top: 8px;
}
div#contents div.primary {
	width: 432px;
}
div#contents div.secondary {
	width: 312px;
}
div#contents h2 {
	height: 24px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
div#contents h2#history {
	background-image: url(../images/h2_history.gif);
}
div#contents h2#media {
	background-image: url(../images/h2_media.gif);
}
div#contents h2#goods {
	background-image: url(../images/h2_goods.gif);
}
div#contents h2#wallpaper {
	background-image: url(../images/h2_wallpaper.gif);
}
div#contents h2#prize {
	background-image: url(../images/h2_prize.gif);
}
div#contents h2#information {
	background-image: url(../images/h2_information.gif);
}
div#contents h3 {
	margin-bottom: 8px;
	padding: 4px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #FF9933;
}
div#footer div#supplement{
	clear: both;	
}
div#footer div#bottom {
	clear: both;
	background-image: url(../images/back_footer.gif);
	background-position: bottom;
	background-color: #FFB430;
	color: #FFFFFF;
	height: 56px;
	line-height: 20px;
	padding: 4px;
	text-align: left;
	vertical-align: bottom;
}
div#footer div#bottom div.primary {
	margin-left: 4px;
}
div#footer div#bottom div.secondary li {
	display: inline;
}
/* layout */
/* decoration */
strong {
	font-weight: bold;
}
img {
	border:none;
}
a:link,a:visited {
	color: #FF6600;
	text-decoration: underline;
}
a:hover,a:active {
	text-decoration: none;
}
a img {
	text-decoration:none;
}
p {
	margin: 8px 0;
}
p.caution,
p.caption {
	color: #FF6600;
	font-weight: bold;
	border-bottom: #FF6600 4px solid;
}
table.style1 {
	width: 100%;
}
table.style1 td,th {
	padding: 4px;
}
table.style1 th {
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	border-right: #FFB430 4px solid;
}
table.style2 {
	width: 100%;
}
table.style2 th {
	border: #FF9933 1px solid;
	background-color: #FFB430;
	background-image: url(../images/back_orangeShadow.gif);
	color: #FFFFFF;
	padding: 4px;
}
table.style2 th.top {
	text-align: left;
}
table.style2 td {
	border: #FFCC66 1px solid;
	background-color: #FFF9E0;
	padding: 4px;
}
div.wallpaper table.style2 td img {
	color: #FFFFFF;
	margin-right: 8px;
}
div.wallpaper table.style2 td a:link img,
div.wallpaper table.style2 td a:visited img {
	padding: 1px;
	border: 4px transparent solid;
}
div.wallpaper table.style2 td a:hover img,
div.wallpaper table.style2 td a:active img {
	border-color: #FFCCFF;
}
div.fullWidth table.style1{
	width: 750px;
	overflow: hidden;
}
div.contentsGroup{
	border: #FFCC66 1px solid;
	background-color: #FFF9E0;
	margin: 8px 0;
}
div.contentsGroup p{
	margin: 8px;
}
div.contentsGroup table.style2 {
	clear: none;
	width: auto;
	margin-bottom: 8px;
}
div.contentsGroup table.style2 td {
	background-color: #FFFFFF;
}
div.contentsGroupLiquid{
	border: #FFCC66 1px solid;
	background-color: #FFF9E0;
	margin: 8px 0 0;
	padding: 8px;
	display:inline-block;
}
p.supplement {
	text-align: right;
}
p.blockLink {
	clear: both;
	margin: 0;
	background-color: #FF9933;
	text-align: right;
	padding: 4px;
	background-image: url(../images/back_tabListActive.gif);
	background-repeat: repeat-x;
	border: #FF9933 1px solid;

}
p.blockLink a:link,
p.blockLink a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
p.blockLink a:hover,
p.blockLink a:active {
	text-decoration: underline;
}
p#bottomSpec {
	margin: 0;
	text-align: left;
	line-height: 16px;
}
ul.linkList {
	float: left;
}
ul.linkList li {
	height: 20px;
	margin-bottom: 8px;
	padding-left: 20px;
	background-image: url(../images/back_linkList.gif);
	background-repeat: no-repeat;
}
ul.starList li {
	clear: both;
}
ul.starList li {
	padding-left: 20px;
	background-image: url(../images/back_starList.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 16px;
	margin-bottom: 8px;
}
ul.imageList li {
	margin-bottom: 4px;
}
ul.imageList li.last {
	margin-bottom: 0;
}
ul.imageList img {
	vertical-align: top;
}
ul.imageListHorizontal li {
	margin: 0 4px 4px 0;
	float: left;
}
ul.imageListHorizontal li.last {
	margin-bottom: 0;
}
ul#eventCG li {
	width: 320px;
}
ul#icon li {
	width: 100px;
}
ul.tabList {
	width: 768px;
	margin: 8px 0 0;
	border-bottom: #FF9933 6px solid;
	float: left;
}
ul.tabList li {
	float: left;
	margin: 0 0 0 8px;
}
ul.tabList li a:link,
ul.tabList li a:visited {
	background-color: #FFEEAC;
	background-image: url(../images/back_tabList.gif);
	background-repeat: repeat-x;
	border: #FF9933 1px solid;
	border-bottom: none;
	color: #FF9933;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 1%;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	width: 96px;
}
ul.tabList li a:hover,
ul.tabList li a:active,
ul.tabList li.active a:link,
ul.tabList li.active a:visited,
div.tab01#tabListContainer ul.tabList li.tab01 a,
div.tab02#tabListContainer ul.tabList li.tab02 a {
	color: #FFFFFF;
	background-color: #FF9933;
	background-image: url(../images/back_tabListActive.gif);
	border-bottom: none;
}
ul.tabList li.long a,
ul.tabList li.long a:link,
ul.tabList li.long a:visited,
ul.tabList li.long a:hover,
ul.tabList li.long a:active {
	width: 160px;
}
ul#bottomMenu {
	width: 768px;
	float: left;
	padding: 4px 8px 0;
	background-image: url(../images/back_bottomMenu.gif);
	background-repeat: no-repeat;
}
ul#bottomMenu li {
	float: left;
}
ul#bottomMenu li.first {
}
ul#bottomMenu li.last {
	float: right;
	margin-right: 8px;
}
ul#bottomMenu li a {
	font-size: 12px;
	color: #FF6600;
	display: block;
	padding: 4px 4px;
	text-decoration: none;
}
ul#bottomMenu li a:link img,
ul#bottomMenu li a:visited img {
}
ul#bottomMenu li a:hover,
ul#bottomMenu li a:active {
	color: #FFFFFF;
	background-color: #FF9933;
	/*background-image: url(../images/bottomMenuStar.gif);
	background-repeat: no-repeat;*/
}
table.supportSiteList {
	width: 700px;
}
table.supportSiteList td{
	padding: 0;
}
table.supportSiteList table {
	width: 350px;
	border-collapse: collapse;
	border: #FF9933 1px solid;
}
table.supportSiteList table td {
	width: 200px;
	padding: 0;
	padding: 2px;
	border: #FF9933 1px solid;
}
table.supportSiteList table th {
	width: 150px;
	border: #FF9933 1px solid;
}
th.upperHeader {
	text-align: left;
}
textarea {
	border: #CCCCCC 1px solid;
}
span.standLine img {
	float: none;
	vertical-align: bottom;
}
span.arrowPink {
	color: #FF6699;
}
dl.stepList {
	float: left;
	width: 500px;
}
dl.stepList dt {
	font-weight: bold;
	color: #FF6699;
	border-left: #FF6699 6px solid;
	padding-left: 8px;
}
dl.stepList dd {
	padding-left: 20px;
	margin-bottom: 8px;
}
table.movie th{
	text-align: left;
	padding: 8px;
}
div.comic#contents div.TabbedPanelsContent p {
	background-color: #FFFBCB;
	background-image: url(../images/comic/comicBack.gif);
}
p.centerLine {
	text-align: center;
}
div#volumeController {
	position: absolute;
	right: 0;
	top: 0;
}
.last {
	margin-bottom: 0;

}
table.shopList th {
	text-align: left;
}
.text_small th {
	font-size: 10px;
}
span.small {
	font-size: 10px;
	line-height: 12px;
}
/* decoration */
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/* clearfix */