@charset "shift_jis";

div#contents h1 {
	width:950px;
	height:228px;
	text-indent:-900em;
}

div#contents.mc{
	background: url(../images/mc_bg_01.png) no-repeat left top;
	padding: 44px 0 0 0;
}
div#contents.mc .contents_inner{
	overflow: hidden;
	background: url(../images/mc_bg_02.gif) no-repeat left bottom;
	padding-bottom: 19px;
	position: relative;
}

div#contents.mc .contents_inner .head{
	height: 134px;
	margin-bottom: 60px;
}

div#contents.mc .contents_inner .history,
div#contents.mc .contents_inner .item,
div#contents.mc .contents_inner .wallpaper_area,
div#contents.mc .contents_inner .character,
div#contents.mc .contents_inner .recipe_area,
div#contents.mc .contents_inner .movie_area,
div#contents.mc .contents_inner .game_area{
	margin-bottom: 30px;
}


/*-----ƒ{ƒ^ƒ“-----*/
div#contents.mc .to_top{
	position: absolute;
	bottom:15px;
	right:55px;
}
div#contents.mc .to_top a:hover,
div#contents.mc .wallpaper_btn li a:hover{
	opacity:0.6;
}

div#contents.mc .contents_inner .wallpaper_area{
	position: relative;
}
div#contents.mc .contents_inner .wallpaper_btn {
	position: absolute;
	bottom: 55px;
	left: 50px;
}
div#contents.mc .contents_inner .wallpaper_area .wallpaper_btn li{
	display: inline-block;
}


/*-----mc_nav-----*/
.mc_nav{
	position: absolute;
	top: 145px;
	left: 90px;
	overflow: hidden;
	background-color: #FFF;
	border-radius:6px;
	padding: 2px;
}
.mc_nav li{
	float: left;
	border-right: solid 1px #fff;
}
.mc_nav li:last-child{
	border-right: none;
}

.mc_nav li a:hover{
	opacity:0.8;
}


/*----- left_contents -----*/
div#contents.mc .contents_inner .left_contents{
	background: url(../images/marble_bg_01.jpg) repeat-y 0 0;
	width: 440px;
	float: left;
	padding: 0 0 0 35px;
}


/*----- right_contents -----*/
div#contents.mc .contents_inner .right_contents{
	background: url(../images/coffeebeat_bg_01.jpg) repeat-y left top;
	width: 460px;
	padding: 0 0 0 15px;
	float: right;
}

div#contents.mc .contents_inner .right_contents .head{
	padding: 0 0 0 35px;
}

div#contents.mc .contents_inner .right_contents .history{
	position: relative;
}
div#contents.mc .contents_inner .right_contents .item{
	position: relative;
}
div#contents.mc .contents_inner .right_contents .character{
	position: relative;
}


/*-----recipe_area-----*/
div#contents.mc .contents_inner .recipe_area{
	position: relative;
}

div#contents.mc .contents_inner .recipe_area ul{
	position: absolute;
	top: 55px;
	left: 18px;
}
div#contents.mc .contents_inner .recipe_area ul li{
	float: left;
}
div#contents.mc .contents_inner .recipe_area ul li:first-child{
	margin-right: 7px;
}
div#contents.mc .contents_inner .recipe_area .btn_recipe{
	position: absolute;
	top: 250px;
	left: 22px;
}
div#contents.mc .contents_inner .recipe_area a:hover{
	opacity:0.6;
}


/*-----movie_Area-----*/
div#contents.mc .contents_inner .movie_area{
	position: relative;
}

div#contents.mc .contents_inner .movie_area .movie{
	position: absolute;
	top: 90px;
	left: 70px;
}
div#contents.mc .contents_inner .movie_area .movie a:hover{
	opacity:0.6;
}

/*-----game_area-----*/
div#contents.mc .contents_inner .game_area{
	position: relative;
}

div#contents.mc .contents_inner .game_area .game_contents{
	position: absolute;
	top: 95px;
	left: 10px;
}

div#contents.mc .contents_inner .game_area .game_contents dl{
	display: inline-block;
	margin-right: 17px;
}
div#contents.mc .contents_inner .game_area .game_contents dl dt a:hover{
	opacity:0.6;
}