/* CSS Document */
body{
	padding:0px;
	text-align:center;
	margin:0px auto;
	display:block;
	background-color:#FFFFFF;
	font-family:sans-serif;
	font-size:80%;
	background-image: url(images/gradation.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

p{
	margin:0;
	font-size:xx-small;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


div#wrapper{
	width:100%;
	width:100%;
}

div#container{
	width:1000px; 
	margin:0px auto;
	text-align:center;
text-align: left;
margin-left: auto;
margin-right: auto;

}


/*メインコピー*/
div#copy{
background-image: url(images/copy.png);
background-repeat: no-repeat;
width:658px;
height:64px;
position:relative;
margin-left:50px;
behavior: url(/script/lib/iepngfix/iepngfix.htc);
}

/*メッセージボタン*/
div#message{
width:219px;
position:relative;
margin-left:730px;
margin-top:-50px;
}

/*BOX1*/
div#box1{
float:left;
width:300px;
position:absolute;
margin-left:-30px;
margin-top:30px;
}

div#menu{
width:183px; height:381px; /*background:url(images/menu.gif); */margin-left:100px; float:left;}

* html body	div#menu	{width:183px; height:381px; /*background:url(images/menu.gif);*/ margin-left:50px; float:left;}

div#menu ul		{ list-style:none; font-size: 1px; line-height: 1px; margin: 0; padding:0; display: block;}

div#menu li		{ display: inline;}

div#menu li a	{
	display: block;
	width:183px;
	height:74px;
	background:url(images/menu.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
	/*\*/
	overflow: hidden;
	/**/}


div#menu li.calendar a	{background-position:0 0;}
div#menu li.calendar a:hover{background-position:-183px 0;}

div#menu li.blog a{background-position:0 -76px;}
div#menu li.blog a:hover{background-position:-183px -76px;}

div#menu li.campaign a	{background-position:0 -153px;}
div#menu li.campaign a:hover{background-position:-183px -153px;}

div#menu li.special a{background-position:0 -230px;}
div#menu li.special a:hover{background-position:-183px -230px;}

div#menu li.download a	{background-position:0 -308px;}
div#menu li.download a:hover{background-position:-183px -308px;}

/*BOX2*/
div#box2{
float:left;
width:450px;
position:absolute;
margin-left:280px;
margin-top:30px;
}


div#cast{
width:450px;
padding-bottom:10px;
}

div#cast .exp{
width:450px;
padding-bottom:10px;
font-size:12px;
line-height:15px;
}


div#latest{
width:450px;
}

div#latest .title{
	width:429px;
	padding-bottom:10px;
}

div#latest .scroll{
	overflow: auto;
	width: 420px;
	height:170px;
	background-color: white;
	margin-left: 0px;
	border: 1px solid #BBB19D;
	padding: 5px;
	text-align:left;
	font-size:12px;
}



div#recommend{
width:435px;
position:relative;
margin-top:20px;
}

div#recommend .title{
width:435px;
}

div#recommend .qr{
width:435px;
float:left;
font-size:12px;
}




div#mobile{
width:235px;
position:relative;
margin-top:20px;
}

div#mobile .title{
width:235px;
}

div#mobile .qr{
width:111px;
float:left;
}

div#mobile .qrexplain{
width:124px;
float:right;
font-size:10px;
text-align:left;
padding-top:10px;
}

div#dvd1{
width:402px;
padding-top:10px;
}



/*BOX3*/
div#box3{
float:left;
width:200px;
position:absolute;
margin-left:750px;
margin-top:30px;
}

div#update{
width:200px;
text-align:left;
padding-bottom:10px;
}

div#updateexplain{
width:200px;
font-size:10px;
text-height:10em;
text-align:left;
}

div#updateexplain p{
font-size:12px;
}

div#gadget{
width:200px;
text-align:left;
padding-top:20px;
padding-bottom:10px;
}

div#gadgetexplain{
width:200px;
font-size:10px;
text-height:10em;
text-align:left;
}

div#gadgetdl{
width:173px;
text-align:left;
padding-top:10px;
}


div#container:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

div#footer{
background-image: url(images/copyright.png);
background-repeat: no-repeat;
width:536px;
height:43px;
text-align:left;
position:absolute;
margin-top:1300px;
margin-left:50px;
padding-bottom:20px;
behavior: url(/script/lib/iepngfix/iepngfix.htc);
}