@charset "utf-8";


body {
	background:#ffffff;
	background-image: url("images/back.gif");
	font-family: "MS Pゴシック", "Osaka"," sans-serif";
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
a {
	font-size: 10px;
	color: #330099;
	text-decoration: none;
}
a:link {
	font-size: 10px;
	color: #330099;
	text-decoration: none;
}
a:visited {
	font-size: 10px;
	color: #330099;
	text-decoration: none;
}
a:hover {
	font-size: 10px;
	color: #effe44;
	text-decoration: none;
}

h1,h2,h3,h4,h5,p {
	margin:0px;
	padding:0px;
}

 /*クリア*/
.carea {
	clear: both;
 }

/*MAIN*/
#container{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#8d98c8;
}
.mainbox{
	padding:0;
	float:left;
	margin:10px 0 20px 10px;
	overflow:hidden;
}
.title{
	margin:0px;
	padding:0px;
}
.backtop{
	margin: 20px 0;
	text-align:right;
}
#footer{
	margin-top:20px;
	padding:18px 0;
	background:#000000;
	color:#ffffff;
	border-top: 3px double #7297fa;
	text-align: center;
}

/*NAVI*/
#navi{
	float:left;
	margin:10px 0 0 2px;
 }
.naviintro{
	background:url("images/navi_intro_mo.gif") no-repeat;
}
.naviintro a{
	background:url("images/navi_intro.gif") no-repeat;
	width:181px;
	height:41px;
	display:block;
}
.naviintro a:hover {
	background:none;
}
.navichara{
	background:url("images/navi_chara_mo.gif") no-repeat;
}
.navichara a{
	background:url("images/navi_chara.gif") no-repeat;
	width:181px;
	height:41px;
	display:block;
}
.navichara a:hover {
	background:none;
}
.naviprod{
	background:url("images/navi_info_mo.gif") no-repeat;
}
.naviprod a{
	background:url("images/navi_info.gif") no-repeat;
	width:181px;
	height:41px;
	display:block;
}
.naviprod a:hover {
	background:none;
}
/*LINK*/
#linktab{
	margin:20px 0 0 5px;
}
.linkbox{
	width:181px;
	margin:0px;
	font-size: 9px;
}
ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
li{
	margin:5px;
	font-weight: bold;
}

/*introduction*/
.mainframe{
	width:595px;
	background:#49505a;
	margin:10px 0;
}
.introcopy{
	margin-bottom:10px;
}
.introbox{
	padding:5px 5px 15px 7px;
	font-size: 12px;
	line-height: 18px;
}
.introparts1{
	width:253px;
	margin:5px;
	float:left;
}
.introparts2{
	width:312px;
	float:left;
}

/*CHARACTER&MECHANIC*/
.charamainbox{
	width:365px;
	padding-right:5px ;
	margin:10px 0 10px 8px;
	float:left;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color: #f3ff9f;
}
.charabox{
	clear: both;
	margin-bottom:10px;
}
.charapic{
	width:183px;
	margin:0 3px 10px 0;
	float:left;
}
.charatext{
	width:174px;
	float:left;
}
.mechanicmainbox{
	width:200px;
	margin:10px 0 10px 8px;
	float:left;
}
.mechanicbox{
	margin-bottom:20px;
}
.mechanictext{
	margin:8px 3px;
}

/*STAFF&CAST*/
#staffmainbox{
	background:#626b83;
	margin:0;
	padding:15px ;
	font-size: 9px;
}

/*PRODUCTS*/
.prdcbox{
	background:#ffffff;
	background-image: url("images/prdcback.gif");
	margin:20px;
	padding:15px ;
}
.jkt{
	width:142px;
	float:left;
}
.shopicon{
	margin:10px;
}
.specmain{
	color:#000000;
	margin-left:10px;
	width:350px;
	float:left;
}
.spectitle{
	font-size: 18px;
	margin:10px 0;
}
.specbox td{
 	border-width:1px;
	border-style:solid;
	border-color: #8b8b8b;
	font-size: 9px;
}
.cate{
	color:#011474;
}