@charset                                         
"UTF-8";

/*
====================================
base.css for charanime
====================================
*/

@import "common.css";
body
{
	background-color: #FFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: medium;
	line-height: 1.2;
	
}

/*
++++++++++++++++++++++++++++++++
link style
++++++++++++++++++++++++++++++++
*/

/*
++++++++++++++++++++++++++++++++
page structure
++++++++++++++++++++++++++++++++
*/

body div#wrapper
{
	position: relative;
	width: 980px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 1px0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	background-image: url(../img/bg_body02.gif);
}

html>body div#wrapper { font-size: 100%; }
#header,
#bodier,
#footer {
	position: relative;
	z-index: 0;
}

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

#header
{
	width: 980px;
	height: 100px;
	background-image: url(../img/bk_head.gif);
	background-repeat: repeat-x;
}

#header h1 {
	display: block;
	height: 95px;
	width: 252px;
	float: left;
}

#header .url a
{
	display: block;
	width: 244px;
	height: 20px;
	position: absolute;
	top: 156px;
	left: 338px;
}

#header .url a:hover { }
#header .url a span { display: none; }
#toTop a {
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 210px;
}

/* summery */
#summary
{
	width: 320px;
	height: 190px;
	position: absolute;
	top: 200px;
	left: 360px;
}

#summary h2 a
{
	font-size: 30px;
	color: #FF0000;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	line-height: 32px;
	display: block;
	padding-bottom: 20px;
}

#summary span
{
	display: block;
	width: 200px;
	height: 28px;
	background: url(../img/bg_balloon.gif) no-repeat;
	text-align: center;
	color: Red;
	font-weight: bold;
	font-size: 14px;
	padding: 7px;
	float: right;
	margin-top: 10px;
	margin-right: 9px;
	margin-bottom: 0;
	margin-left: 9px;
}

#summary p
{
	font-size: 12px;
	line-height: 1.5;
	background: url(../img/cut_daruma.gif) 5px 0 no-repeat;
	padding-left: 110px;
	padding-right: 5px;
	width: 200px;
	display: block;
	height: 130px;
	padding-top: 10px;
}

#summary .btn { }

#summary .btn a
{
	display: block;
	width: 270px;
	height: 34px;
	background: url(../img/btn_charanime.png) no-repeat;
	margin: 15px auto;
}

#summary .btn a span { display: none; }

/*
----------------------------
bodier
----------------------------
*/

#bodier { }

#awards
{
	width: 980px;
	position: relative;
	left: 0px;
	height: 590px;
}
* html #awards
{
	width: 980px;
	position: relative;
	left: 0px;
	height: 590px;
}
.award
{
	clear: both;
	margin-bottom: 20px;
}

.award h2
{
	padding: 5px;
	padding-left: 30px;
	color: White;
	position: relative;
	height: 14px;
	font-size: 12px;
	letter-spacing: 0.4em;
}

.award h2 span
{
	position: absolute;
	left: 155px;
	letter-spacing: 0;
}

#no1 h2 { background: url(../img/bg_head_award1.gif) -1px 0 no-repeat; }
#no2 h2 { background: url(../img/bg_head_award2.gif) -1px 0 no-repeat; }

.award ul
{
	padding: 15px 0 15px 15px;
	background: White;
	width: 583px;
}

#no1 ul { border: 1px solid #4DBBD4; }
#no2 ul { border: 1px solid #F93; }

.award li
{
	float: left;
	width: 180px;
	margin-right: 14px;
}

.award li.last { margin-right: 0; }

.award p
{
	font-size: smaller;
	margin-bottom: 0.5em;
}

.award h3
{
	color: #F30;
	margin-bottom: 0.5em;
}

.award h3 span
{
	color: #666;
	background: url(../img/icon_user.png) no-repeat;
	padding-left: 15px;
}

/* Singnin */
#Signin
{
	width: 725px;
	float: left;
	padding: 0px;
	height: 47px;
	margin-right: auto;
	margin-left: auto;
}

#Signin h2
{
	color: #F60;
	font-size: 14px;
}

#Signin h2 span
{
	display: block;
	font-size: 12px;
	margin-bottom: 0.2em;
}

#Signin ul.points { margin: 20px 0; }

#Signin ul.points li
{
	margin: 10px 0;
	font-size: 12px;
}

#Signin ul.points h3 { color: #039; }

#Signin .copy
{
	margin: 20px 0;
	color: #F00;
	font-weight: bold;
	font-size: 12px;
}

#Signin .nav a
{
	display: block;
	width: 145px;
	height: 47px;
}

#Signin .nav a span { display: none; }
#Signin .link a {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -435px 0px;
}
#Signin .que a {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -580px 0px;
}
#Signin .prize01 a {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -290px 0px;
}
#Signin .gallery a {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -145px 0px;
}
#Signin .outline a {
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#Signin table { margin: 5px 0; }

#Signin form .submit { margin-bottom: 1em;}

/* .rounded */
span.rHead
{
	display: block;
	height: 3px;
	position: relative;
	background: url(../img/corner_ddd.png) no-repeat;
}

span.rHead span
{
	display: block;
	width: 3px;
	height: 3px;
	overflow: hidden !important;
	position: absolute;
	right: 0;
	background: url(../img/corner_ddd.png) 0 -3px no-repeat;
}

span.rFoot
{
	display: block;
	height: 3px;
	position: relative;
	background: url(../img/corner_ddd.png) 0 -9px no-repeat;
}

span.rFoot span
{
	display: block;
	width: 3px;
	height: 3px;
	overflow: hidden !important;
	position: absolute;
	right: 0;
	background: url(../img/corner_ddd.png) 0 -6px no-repeat;
}

.rBody { padding: 7px 10px; }

/*
----------------------------
Banners
----------------------------
*/

#Banners
{
	clear: both;
	background: #DDD;
	margin-bottom: 10px;
	width: 980px;
}

#Banners p
{
	line-height: 1;
	padding-top: 2px;
	color: #06C;
	font-weight: bold;
}

#Banners .rBody
{
	position: relative;
	height: 16px;
	z-index: 0;
}

#Banners .rBody ul
{
	position: absolute;
	right: 10px;
	top: 2px;
}

#Banners .rBody li
{
	float: left;
	margin-left: 10px;
}

#Banners .rBody li a { display: block; }
.spBanner a span { display: none; }

/*jam*/
.spBanner a.bn01
{
	width: 105px;
	height: 26px;
	background: url(../img/banner_sp_jam.png) no-repeat;
}

/*poplar*/
.spBanner a.bn02
{
	width: 74px;
	height: 26px;
	background: url(../img/banner_sp_pop.png) no-repeat;
}

/*yag*/
.spBanner a.bn03
{
	width: 104px;
	height: 26px;
	background: url(../img/banner_sp_yag.jpg) no-repeat;
}

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

#footer
{
	width: 920px;
	height: 60px;
	margin-top: 20px;
	font-size: x-small;
	position: relative;
	border-top: 2px solid #039;
}

#footer * { }
#footer a { color: Black; }
#Copyright { }

#Copyright .copy
{
	position: absolute;
	top: 14px;
	right: 168px;
	width: 5em;
}

#Copyright .logo a
{
	position: absolute;
	top: 12px;
	right: 5px;
	display: block;
	width: 156px;
	height: 14px;
	background: url(../img/logo_takaratomy.gif) no-repeat;
}

#Copyright .logo span { display: none; }

#Links
{
	position: absolute;
	top: 14px;
	left: 0;
}

#Links a span { }

#Links a
{
	display: block;
	float: left;
	margin: 0 5px;
	line-height: 1.4;
}

/* mvp01 */

#mvp01
{
	width: 300px;
	height: 250px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;

}



#mvp01 p
{
	font-size: 12px;
	line-height: 1.2;
	padding-left: 5px;
	padding-top: 0px;
}

#mvp01 .btn { }

#mvp01 .btn a
{
	display: block;
	width: 230px;
	height: 20px;
	background: url(../img/page.gif) no-repeat;
	margin: 3px auto;
}

#mvp01 .btn a span { display: none; }


.mvp_old span a {
	color: #FF6600;
	font-weight: bold;
	text-align: right;
	display: block;
}
.mvp_old span a:hover {
	color:#999999;
	}
#wrapper #bodier #mvp01 .mvp_old a {
	color: #FF6600;
	font-weight: bold;
	text-align: right;
	display: block;
	padding-right: 10px;
	padding-top: 5px;
}
#wrapper #bodier #mvp01 .mvp_old a:hover {
	color:#999999;
	}	

/* tenkai01 */
* html #tenkai01
{
	width: 233px;
	height: 210px;
	position: absolute;
	top: 285px;
	left: 50px;
	z-index: 100;
}
#tenkai01
{
	width: 233px;
	height: 210px;
	position: absolute;
	top: 265px;
	left: 650px;
	z-index: 100;
}

#tenkai01 h2
{
	width: 233px;
	height: 25px;
	margin-bottom: 2px;
	background-image: url(../img/tenkai_bk.gif);
	background-repeat: no-repeat;
}
#tenkai01 h2 span { display: none; }

#tenkai01 p
{
	font-size: 12px;
	line-height: 1.2;
	padding-left: 5px;
	padding-top: 0px;
}

#tenkai01 .btn { }

#tenkai01 .btn a
{
	display: block;
	width: 230px;
	height: 20px;
	background: url(../img/page.gif) no-repeat;
	margin: 3px auto;
}

#tenkai01 .btn a span { display: none; }

#wrapper #bodier #tenkai01 .mvp_old a {
	color: #FF6600;
	font-weight: bold;
	text-align: right;
	display: block;
	padding-right: 10px;
	padding-top: 5px;
}
#wrapper #bodier #tenkai01 .mvp_old a:hover {
	color:#999999;
	}	

/* chara01 */
#chara01
{
	width: 310px;
	height: 210px;
	position: absolute;
	top: 200px;
	left: 50px;
}

#chara01 h2
{
	width: 233px;
	height: 25px;
	margin-bottom: 2px;
	background-image: url(../img/tenkai_bk.gif);
	background-repeat: no-repeat;
}
#chara01 h2 span { display: none; }

#chara01 p
{
	font-size: 12px;
	line-height: 1.2;
	padding-left: 5px;
	padding-top: 0px;
}

#chara01 .btn { }

#chara01 .btn a
{
	display: block;
	width: 230px;
	height: 20px;
	background: url(../img/page.gif) no-repeat;
	margin: 3px auto;
}

#chara01 .btn a span { display: none; }
/* menu01 */
#menu01
{
	width: 580px;
	height: 47px;	/*
	position: absolute;
	top: 10px;
	left: 44px;
	*/
	position: absolute;
	left: 250px;
	top: 49px;
}

#menu01 h2
{
	width: 233px;
	height: 25px;
	margin-bottom: 2px;
	background-image: url(../img/tenkai_bk.gif);
	background-repeat: no-repeat;
}
#menu01 h2 span { display: none; }

#menu01 p
{
	font-size: 12px;
	line-height: 1.2;
	padding-left: 5px;
	padding-top: 0px;
}

#menu01 .btn { }

#menu01 .btn a
{
	display: block;
	width: 230px;
	height: 20px;
	background: url(../img/page.gif) no-repeat;
	margin: 3px auto;
}

#menu01 .btn a span { display: none; }


.tenkai_title {
	width: 650px;
	display: block;
	float: right;
}
#info {
	height: 150px;
	width: 862px;
	margin-bottom: 5px;
	padding-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
#info2 {
	height: 350px;
	width: 860px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/bk_orange.gif);
}
#main_swf {
	height: 410px;
	width: 860px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	margin-left: 60px;
	clear: both;
	margin-top: 10px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/bk_blue.gif);
}
#info h2 {
	background-image: url(../img/bg_head_news.gif);
	background-repeat:repeat-x;
	height:15px;
	color:#FFFFFF;
	letter-spacing: 0.2em;
	font-size: 12px;
	border: 1px solid #EF4832;
	padding: 4px;
	}
#info #news {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #EF4832;
	border-bottom-color: #EF4832;
	border-left-color: #EF4832;
	height: 150px;
	width: 860px;
	overflow: auto;
	background-color: #FFFFFF;
}
#info #news p {
	color:#666666;
	font-size:12px;
	line-height:18px;
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#info #news ul {
	padding:5px;
	}	
#info #news li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	color:#666666;
	font-size:12px;
	line-height:18px;
	text-indent:5px;
	}	


#wrapper #header #summary img {
	padding-top: 5px;
}


#dropin {
	position:absolute;
	visibility:hidden;
	left:191px;
	top:121px;
	width:620px;
	height:auto;
	background-color:#FFFFFF;
	z-index: 1000;
	border: 4px solid #E7E7E7;
	padding: 5px;
	text-align: left;
	background-image: url(../img/list_bk.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#dropin .flame .chara_name {
	background-color: #FD8D04;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
#dropin .flame {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-bottom: 10px;
	padding-right: 2px;
	padding-left: 2px;
}
#dropin .flame .a_name {
	color: #666666;
	font-size: 12px;
	text-align: left;
}
#dropin .flame .c_name {
	color: #FF6600;
	font-size: 14px;
	font-weight: bold;
}
#dropin .flame .creater {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	text-align: left;
}
#dropin .flame .king_explain {
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#dropin .flame .explain {
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#dropin .flame .anime_name {
	background-color: #009900;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
#dropin .flame .d_name {
	color: #006666;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#dropin .list_title {
	height: 20px;
	padding-bottom: 30px;
	text-indent: -9999px;
}
#dropin .list_btn {
	height: 43px;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 15px;
	display: block;
	margin-bottom: 10px;
}
#dropin .list_btn02 {
	height: 20px;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
	display: block;
	margin-bottom: 10px;
}
#Signin .nav li {
	float: left;
}
.swf {
	width:492px;
	padding:5px;
	background-color:#ffffff;
	height: 402px;
	}
#mvp01 td {
	color: #666666;
}
#menu {
	width:920px;
	height: 55px;
	padding-bottom: 10px;
	}

#wrapper #main_swf #articleListContainer #articleList h2
{
	height: 25px;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-left: 1px;
}
#wrapper #main_swf h2
{
	width: 233px;
	height: 25px;
	margin-bottom: 2px;
	padding-top: 10px;
}
#info2 td {
	font-size: 12px;
	color: #666666;
	padding:3px;
}
#info2 .old_title {
	font-size:14px;
	font-weight:bold;
	color:#003399;
	background-color:#FFFFFF;
	padding:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCC00;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	margin-bottom: 5px;
	}
#info2 .old_prize {
	color:#0080C0;
	background-color:#FFFFFF;
	padding:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-left-color: #FF9900;
	}
#info2 .old_area {
	background-color:#FFFF93;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px;
	border: 1px solid #FFFFFF;
	}
#info2 .old_text {
	background-color:#FFFFCC;
	padding: 3px;
	}
#info2 .old_name {
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../img/bk_04.gif);
	background-repeat: repeat-x;
	border: 1px solid #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}