@charset "utf-8";

/* Header Area Style
------------------------------------------------------------
btTitleM
globalNav
theater
characterdetail
--------------------------------------------------------- */

#header
	{
	width:960px;
	padding:10px 0 0;
	}

body.sinple #header
	{
	padding-bottom:15px;
	}

/* btTitleM
--------------------------------------------------------- */

ul.btTitleM li,
ul.btTitleM li a
	{
	display:block;
	}

ul.btTitleM li
	{
	overflow:hidden;
	width:145px;
	height:50px;
	margin-top:10px;
	}

ul.btTitleM li a:link,
ul.btTitleM li a:visited
	{
	width:145px;
	height:150px;
	text-indent:-999em;
	cursor:pointer;
	}
ul.btTitleM li a:hover
	{
	margin-top:-50px;
	}
ul.btTitleM li a:active
	{
	margin-top:-100px;
	}

ul.btTitleM li.introduction a
	{
	background:url("../img/bt_introduction.png") no-repeat;
	}

ul.btTitleM li.special a
	{
	background:url("../img/bt_special.png") no-repeat;
	}

ul.btTitleM li.itunes a
	{
	background:url("../img/bt_itunes.png") no-repeat;
	}

ul.btTitleM li.iphone a
	{
	background:url("../img/bt_iphone.png") no-repeat;
	}

ul.btTitleM li.ipad a
	{
	background:url("../img/bt_ipad.png") no-repeat;
	}

ul.btTitleM li.goods a
	{
	background:url("../img/bt_goods.png") no-repeat;
	}

/* globalNav
--------------------------------------------------------- */

#globalNav
	{
	position:relative;
	height:50px;
	margin:0 0 10px;
	}

#globalNav ul li,
#globalNav ul li a
	{
	display:block;
	position:absolute;
	}

#globalNav ul li
	{
	overflow:hidden;
	width:130px;
	height:50px;
	}

#globalNav ul li a:link,
#globalNav ul li a:visited
	{
	width:960px;
	height:150px;
	background:url("../img/globalnav.png") no-repeat;
	text-indent:-999em;
	cursor:pointer;
	}
#globalNav ul li a:hover
	{
	margin-top:-50px;
	}
#globalNav ul li a:active,
#globalNav ul li a.on
	{
	margin-top:-100px;
	}

#globalNav ul li.home
	{
	left:390px;
	width:180px;
	}
#globalNav ul li.home a
	{
	margin-left:-390px;
	}

#globalNav ul li.titlelineup
	{
	left:0;
	}
#globalNav ul li.titlelineup a
	{
	margin-left:0;
	}

#globalNav ul li.mobile
	{
	left:130px;
	}
#globalNav ul li.mobile a
	{
	margin-left:-130px;
	}

#globalNav ul li.shop
	{
	left:260px;
	}
#globalNav ul li.shop a
	{
	margin-left:-260px;
	}

#globalNav ul li.character
	{
	left:570px;
	}
#globalNav ul li.character a
	{
	margin-left:-570px;
	}

#globalNav ul li.fun
	{
	left:700px;
	}
#globalNav ul li.fun a
	{
	margin-left:-700px;
	}

#globalNav ul li.support
	{
	left:830px;
	}
#globalNav ul li.support a
	{
	margin-left:-830px;
	}

/* theater
--------------------------------------------------------- */

#theater
	{
	position:relative;
	width:960px;
	height:455px;
	background:url("../img/theater.png") no-repeat;
	}

#theater h1
	{
	text-indent:-999em;
	}

#theater p
	{
	position:absolute;
	top:15px;
	left:15px;
	}

#theater p a:hover img
	{
	margin-top:-3px;
	margin-left:-3px;
	border:solid 3px #fff;
	}

#theater div.movie
	{
	position:absolute;
	top:45px;
	left:45px;
	width:300px;
	}

#theater div.movie p
	{
	position:relative;
	top:0;
	left:0;
	}

#theater div.movie ul.btTitleM li.introduction
	{
	float:left;
	}

#theater div.movie ul.btTitleM li.special
	{
	float:right;
	}

#theater div.movie ul.btTitleM li.iphone
	{
	float:left;
	}

#theater div.movie ul.btTitleM li.ipad
	{
	float:right;
	}
	
#theater iframe {
	border: 1px #ffffff solid;
	position: absolute;
	top: 218px;
	left: 31px;
}

/* characterdetail
--------------------------------------------------------- */

#characterdetail h1
	{
	position:absolute;
	top:0;
	left:0;
	text-indent:-999em;
	}