@charset "UTF-8";

/*common style
----------------------------------*/

body, table, td, th, h1, h2, h3, h4, h5 ,p, ul, dl, ol, li, dt, dd, form, input, object, param, embed {
	font-family: 'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
	color: #fff;
}
a{
	text-decoration: none;
	cursor:pointer;
	_cursor: hand;
}
a:active{
	outline: none;
}
a:focus{
	-moz-outline-style: none;
}
p{
	line-height:170%;
}
img{
	vertical-align:top;
}
hr{
	display: none;
}
strong{
	font-weight:bold;
}

/*bg pattern
----------------------------------*/

html,body{ 
    height:100%; 
} 
html{ 
    overflow-y:scroll; 
}
body{
	background-color:#000;
}

div#flash {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:1;
	background:url(../images/bg_hosi.gif) repeat left top;
}
div#flash object,
div#flash param{
	z-index:1;
}
div#wrap {
	display:block;
	z-index:99;
	position:absolute;
	width:100%;
	text-align:center;
}

/*for win IE6*/
* html, 
* html body{ 
	overflow-y:hidden; 
} 
* html div#wrap{ 
	height:100%; 
	overflow-y:scroll; 
} 
* html div#flash{ 
	position:absolute; 
	bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1); 
}

/*common
----------------------------------*/

a:link,
a:visited {
	color:#fbd524;
	text-decoration:none;
}
a:hover,
a:active {
	color:#fbd524;
	text-decoration:underline;
}

/*container
----------------------------------*/

#container{
	margin:0 auto;
	width:800px;
	text-align:left;
	position:relative;
}

/*header
----------------------------------*/

#header{
	height:134px;
}

#header h1{
	position:absolute;
	top:30px;
	left:0;
}
#header ul{
	position:absolute;
	top:70px;
	right:0;
}
#header ul li{
	float:left;
}

/*----------------------------------
TOP
----------------------------------*/

/*contents
----------------------------------*/

#top_contents h2{
	background:url(../images/bg_01.png) repeat left top;
	padding:10px 0;
}
#top_contents h2 img{
	position:relative;
	left:10px;
}

/*top_newsarea*/

#top_contents #top_newsarea{
	width:380px;
	float:left;
}
#top_contents #top_newsarea h3{
	margin:25px 0 20px 0;
}

#top_contents #top_newsarea table{
	padding:0;
	margin-bottom:25px;
}
#top_contents #top_newsarea table td,
#top_contents #top_newsarea table th{
	text-align:left;
	line-height:140%;
	font-size:77%;
	vertical-align:top;
}
#top_contents #top_newsarea table th{
	display:none;
}
#top_contents #top_newsarea table td{
	padding:0 8px 8px 0;
}

/*bnrarea*/

#top_contents #bnrarea{
	width:400px;
	float:right;
	margin-bottom:25px;
}

#top_contents #bnrarea ul{
	background:url(../images/bg_01.png) repeat left top;
	padding:4px 0 4px 5px;
	/*margin-top:40px;*/
}
#top_contents #bnrarea li{
	float:left;
}
#top_contents #bnrarea li img{
	margin-right:4px;
}

/*footer
----------------------------------*/

#top_footer{
	clear:both;
	background:url(../images/bg_02.png) repeat left top;
	border:1px solid #553333;
	padding:15px 5px 0 15px;
	margin-bottom:40px;
}
#top_footer p{
	font-size:10px;
	line-height:1.4;
	width:440px;
	float:left;
	padding-bottom:15px;
	_padding-bottom:1px;
}
#top_footer ul{
	width:333px;
	float:right;
}
#top_footer li{
	float:left;
}
#top_footer li img{
	margin-right:10px;
}

/*----------------------------------
UNDER
----------------------------------*/

#contents{
	padding:0 40px;
}

#contents h2{
	margin-bottom:10px;
}
#contents h3{
	margin-bottom:10px;
}
#contents h4{
	margin-bottom:20px;
}
#contents h3.plain{
	background:url(../images/headline3_01.gif) no-repeat 0 50%;
	padding:17px;
	clear:both;
	font-size:107%;
}
#contents h4.plain{
	background-color:#000;
	border:1px dotted #555;
	padding:10px;
	clear:both;
}
#contents div.plain_h4 h4{
	background-color:#000;
	border:1px dotted #555;
	padding:10px;
	clear:both;
}
#contents .indent p{
	text-indent:1em;
}

#contents ruby{
	ruby-align: distribute-space;
	ruby-overhang: auto;
	ruby-position: inline;
} 
#contents ruby rp,
#contents ruby rt{
	font-size:78%;
}
#contents ruby rp{
	padding:0 3px;
}

/*float box*/
#contents #sidemenu{
	width:200px;
	float:left;
}
#contents #contents_inner{
	width:490px;
	float:right;
}

/*position*/
.margin{
	margin-bottom:20px;
}
.margin2{
	margin-bottom:30px;
}
#contents div .margin{
	margin-bottom:15px;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}

/*box*/
div.alpha{
	background:url(../images/bg_02.png) repeat left top;
	border:1px solid #553333;
	/*padding:15px 15px 0 15px;*/
}
div.alpha_inner{
	margin:15px 15px 0 15px;
}

/*border*/
div.beta{
	background:url(../images/bg_01.png) repeat 0 0;
	padding:10px 0;
}
div.beta img{
	margin:0 10px;
	display:block;
}

/*category-top*/
div.gamma{
	background:url(../images/bg_02.png) repeat left top;
	border:1px solid #553333;
}
div.gammaInner{
	margin:40px 0 0 40px;
}

/*special_comment.html*/
div.epsilon{
	float:left;
	width:275px;
}
div.epsilon img{
	display:block;
	margin-bottom:15px;
}
div.epsilon p{
	display:block;
	width:260px;
	margin-bottom:15px;
}

/*pagenate*/
p.delta{
	clear:both;
	padding-left:20px;
	font-size:92%;
	margin-bottom:15px;
}
p.delta a{
	background:url(../images/icon_01.gif) no-repeat 0 3px;
	padding-left:11px;
}

/*table*/
table.tbl_1{
	margin-bottom:15px;
}
table.tbl_1 th{
	color:#32a8de;
	padding-right:1em;
	vertical-align:top;
	white-space: nowrap;
	word-wrap: normal;
	word-break: keep-all;
}

/*font*/
.font_color1{
	color:#aaa !important;
}
.font_2l{
	font-size:152% !important;
}
.font_3l{
	font-size:167% !important;
}

.font_4s{margin:5px 0px 0px 20px;
	font-size:80% !important;}

/*link*/
a.arrow{
	background:url(../images/icon_01.gif) no-repeat 0 3px;
	padding-left:11px;
}

/*pagetop*/
#pagetop{
	text-align:right;
	padding:0 0 12px 0;
	margin:15px 40px 0 0;
	clear:both;
}
.pagetop_middle{
	text-align:right;
	padding:0 0 12px 0;
	margin:15px 0 0 0 !important;
	clear:both;
}

/*news
----------------------------------*/

#sidemenu #newslist li{
	margin-bottom:15px;
}
#sidemenu #newslist li a{
	background:url(../images/icon_01.gif) no-repeat 0 3px;
	padding-left:11px;
}
#contents #contents_inner #news_box h3{
	background-color:#000;
	border:1px dotted #555;
	padding:10px;
}
#contents #contents_inner #news_box .kiji,
#contents #contents_inner #news_box .day{
	margin-bottom:15px;
}
#contents #contents_inner #news_box .day{
	color:#aaa;
}
#contents #contents_inner #news_box .kiji img{
	border:1px solid #553333;
	padding:5px;
	margin-bottom:15px;
}
#contents #contents_inner #news_box .news_pagenate{
	margin-bottom:20px;
}

/*font-size*/
#contents #contents_inner #news_box h3,
#contents #contents_inner #news_box .kiji,
#contents #contents_inner #news_box .day,
#contents #contents_inner #news_box .news_pagenate{
	font-size:92%;
}
#sidemenu #newslist li{
	font-size:85%;
}

/*staff
----------------------------------*/

#staff_box table{
	margin:0 auto;
	width:670px;
}
#staff_box th,
#staff_box td{
	padding-bottom:20px;
	vertical-align:top;
	width:50%;
}
#staff_box th{
	color:#32a8de;
}
#staff_box th span,
#staff_box td span{
	padding-left:7px;
	color:#aaa;
}

/*font-size*/
#staff_box th,
#staff_box td{
	font-size:92%;
}
#staff_box th span,
#staff_box td span{
	font-size:77%;
}

/*story
----------------------------------*/

#story_box p{
	text-align:justify;
	margin-bottom:15px;
}
#story_box #story_box_inner h4{
	background-color:#000;
	border:1px dotted #555;
	padding:10px;
	clear:both;
}
#story_box #story_box_inner p{
	text-align:justify;
}
#story_box #story_box_inner .img{
	float:left;
	width:258px;
	margin-bottom:15px;
}
#story_box #story_box_inner .img img{
	border:1px solid #553333;
	padding:5px;
	margin-bottom:15px;
}
#story_box #story_box_inner .txt{
	float:right;
	width:430px;
	margin-bottom:15px;
}
#story_box .story_pagenate{
	clear:both;
	padding-left:20px;
	font-size:92%;
	margin-bottom:15px;
}
#story_box .story_pagenate a{
	background:url(../images/icon_01.gif) no-repeat 0 3px;
	padding-left:11px;
}

/*font-size*/
#story_box p,
#story_box #story_box_inner h4,
#story_box #story_box_inner p,
#story_box .story_pagenate{
	font-size:92%;
}

/*character / MS
----------------------------------*/

#menu_chara,
#menu_ms{
	background:url(../images/bg_02.png) repeat left top;
	border:1px solid #553333;
	padding:10px 5px 5px 0;
	margin-bottom:30px;
}

/*list*/
#contents #menu_chara ul#menu{
	padding-left:14px;
}
#contents #menu_ms ul#menu{
	padding-left:70px;
}
#contents #menu_chara ul#menu,
#contents #menu_ms ul#menu{
	background:url(../images/bg_menu.gif) no-repeat left bottom;
	height:33px;
	padding-bottom:1px;
	_padding-bottom:0;
	margin-left:15px;
}
#contents #menu_chara ul#menu li,
#contents #menu_ms ul#menu li{
	float:left;
}
#contents #menu_chara ul#thumbnail,
#contents #menu_ms ul#thumbnail{
	padding-top:15px;
	margin-left:15px;
}
#contents #menu_chara ul#thumbnail li,
#contents #menu_ms ul#thumbnail li{
	float:left;
	padding:0 10px 10px 0;
}

/*detail*/
#contents div#chara01,
#contents div#chara02,
#contents div#chara03,
#contents div#chara04,
#contents div#chara05,
#contents div#chara06,
#contents div#chara07,
#contents div#chara08,
#contents div#ms01,
#contents div#ms02,
#contents div#ms03,
#contents div#ms04,
#contents div#ms05,
#contents div#ms06,
#contents div#ms07,
#contents div#ms08{
	width:350px;
	background:url(../images/bg_02.png) repeat left top;
	border:1px solid #553333;
	margin-bottom:15px;
	float:left;
}
#contents .chara_aeug #chara02,
#contents .chara_aeug #chara04,
#contents .chara_aeug #chara06,
#contents .chara_titans #chara02,
#contents .chara_titans #chara04,
#contents .chara_titans #chara06,
#contents .chara_earth #chara02,
#contents .chara_karaba #chara02,
#contents .chara_axis #chara02,
#contents .ms_aeug #ms02,
#contents .ms_aeug #ms04,
#contents .ms_aeug #ms06,
#contents .ms_aeug #ms08,
#contents .ms_titans #ms02,
#contents .ms_titans #ms04,
#contents .ms_titans #ms06,
#contents .ms_earth #ms02,
#contents .ms_karaba #ms02,
#contents .ms_axis #ms02{
	float:right !important;
}
#contents #chara_detail img{
	margin:0 15px;
	z-index:10;
}
#contents div#chara101,
#contents div#chara102,
#contents div#chara103,
#contents div#ms101,
#contents div#ms102,
#contents div#ms103,
#contents div#ms104,
#contents div#ms105{
	clear:both;
	margin-bottom:15px;
}
#contents div#chara101 img,
#contents div#chara102 img,
#contents div#chara103 img,
#contents div#ms101 img,
#contents div#ms102 img,
#contents div#ms103 img,
#contents div#ms104 img,
#contents div#ms105 img{
	margin:0 !important;
	z-index:1;
}
#contents #chara_detail span{
	display:block;
	padding:0 15px 15px 15px;
	margin:0 15px 15px 16px;
	_margin-right:13px;
	background: url(../../character/images/bg_01.gif) 0 78px no-repeat #000;
	_background: url(../../character/images/bg_01.gif) 0 78px no-repeat;
	border-bottom:1px #333 solid;
	border-right:1px #333 solid;
	border-left:1px #333 solid;
}
#contents #chara_detail dl{
	margin-top:-78px;
	margin-bottom:15px;
}
#contents #chara_detail dt{
	font-weight:bold;
	margin-bottom:5px;
}
#contents #chara_detail dd{
	color:#aaa;
}
#contents #chara_detail dt,
#contents #chara_detail dd,
#contents #chara_detail p{
	z-index:99;
}
/*font-size*/
#contents #chara_detail dt,
#contents #chara_detail dd,
#contents #chara_detail p{
	font-size:92%;
}

/*products
----------------------------------*/

#menu_products{
	background:url(../images/bg_02.png) repeat 0 0;
	border:1px solid #553333;
	padding:10px 15px 15px 15px;
	_padding-left:0;
	margin-bottom:10px;
}

#contents #menu_products ul#menu{
	background:url(../images/bg_menu.gif) no-repeat left bottom;
	height:33px;
	/*padding:0 0 1px 67px;*/
	/*230226修正*/
	padding:0 0 1px 14px;
	_margin-left:15px;
}
#contents #menu_products ul#menu li{
	float:left;
	_margin-bottom:-2px;
}
#contents #products_box .img{
	float:left;
	width:193px;
	margin-bottom:15px;
}
#contents #products_box .txt{
	float:right;
	width:471px;
}

#contents #products_box h4{
	background-color:#000;
	border:1px dotted #555;
	padding:10px;
	clear:both;
}
#contents #products_box h5{
	margin-bottom:15px;
	color:#32a8de;
}
#contents #products_box p,
#contents #products_box ul{
	margin-bottom:15px;
}
#contents #products_box li{
	list-style-type: square;
	list-style-position:outside;
	margin-left:14px;
}

#contents #products_box #bluray .img img,
#contents #products_box #dvd .img img,
#contents #products_box #book .img img,
#contents #products_box #toy .img img,
#contents #products_box #etc .img img{
	border:1px solid #553333;
	padding:5px;
}

.staffcast{margin: 10px 0px 35px 0px;
                                padding: 10px 15px 10px 15px;
                                border:1px solid #4c4c4c;
                                font-size:80%; color: #d2d2d2;
}

/*font-size*/
#contents #products_box h4{
	font-size:107%;
}
#contents #products_box h5{
	font-size:167%;
}
#contents #products_box li,
#contents #products_box p,
#contents #products_box th,
#contents #products_box td p{
	font-size:92%;
}

.gobtn {margin:0px; padding: 0px 0px 20px 20px;
	color: #8fc3f4; font-weight: bold;
}


/*streaming
----------------------------------*/

#streaming_box{
}
#streaming_box li{
	float:left;
	width:185px;
	_width:225px;
	height:210px;
	padding-right:40px;
}
#streaming_box li img{
	margin-bottom:5px;
}
#streaming_box li.nomargin{
	width:185px !important;
	padding-right:0 !important;
}
#streaming_box li a.plane{
	background:url(../images/icon_01.gif) no-repeat 0 3px;
	padding-left:11px;
}

#streaming_box .getmp{
	padding-bottom:38px;
	clear:both;
}
#streaming_box .getmp dt{
	float:left;
	padding-right:15px;
}
#streaming_box .getmp dd{
	float:left;
}

/*font-size*/
#streaming_box li{
	font-size:85%;
}
#streaming_box .getmp dd{
	font-size:77%;
}

/*special
----------------------------------*/
#special_box p{
	margin-bottom:15px;
}

/*font-size*/
#special_box p{
	font-size:92%;
}

.txts9{
	font-size:85%; color:#aaa !important;
}

/*footer
----------------------------------*/

#footer{
	clear:both;
	background:url(../images/bg_02.png) repeat left top;
	border:1px solid #553333;
	padding:15px 5px 15px 15px;
	margin:0 40px 40px 40px;
}
#footer p#copy{
	width:110px;
	float:left;
}
#footer p#txt{
	width:240px;
	float:left;
}
#footer ul{
	width:333px;
	float:right;
}
#footer li{
	float:left;
}
#footer li img{
	margin-right:10px;
}

/*font-size*/
#footer p#copy,
#footer p#txt{
	font-size:10px;
}

/*font-size*/
.uc_promo {margin: 0px;
	background-color: #ffffff;
	cursor: pointer;
	-webkit-transition: 0.1s;
	transition: 0.1s;}

.uc_promo a {padding: 0px;
	display: block;}

.uc_promo a:hover {-webkit-transition: 0.1s;
	transition: 0.1s;}
.uc_promo a:hover img {opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.1s;
	transition: 0.1s;}