@charset "utf-8";

/* ------------------------------------------
Since: 2009-06-18
Version: 1.0
Auther: TAKASHI MIYAZAWA(visual and echo japan)
------------------------------------------*/

/* ------------------------------------------
Since: 2010-07-01
Version: 2.0
Auther: KENTARO ANDO(MIB.inc)
------------------------------------------*/

/*******************************************
index.html
*******************************************/
.clear{
	clear:both;
}

#top_indexbg{
	background-image:url(../image_index/index_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}

#top_left{
	padding-top:0px;
	width:650px;
	float:left;
}

#top_left #promotion{
	width:650px;
	height:480px;
}

/*******************************************
コンテンツボタン
*******************************************/

#top_left .main-btn{
	height:238px;
	position: relative;
	height: 200px;
}

#top_left .main-btn ul{
	list-style: none;
}
#top_left .main-btn ul:after,li:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

#top_left .main-btn ul{
	margin:0;
	padding:0;
}
#top_left .main-btn li{
	float:left;
}
#top_left .main-btn .margin01{
	position: absolute;
	left: 11px;
	top: 5px;
}
#top_left .main-btn .margin02{
	position: absolute;
	left: 4px;
	top: 86px;
}
#top_left .main-btn .margin03{
	position: absolute;
	left: 450px;
	top: 0px;
}
#top_left .main-btn .margin04{
	position: absolute;
	left: 226px;
	top: 12px;
}

/*******************************************
キッズワンダーランド マガジン
*******************************************/

#top_left .magazine {
	width: 600px;
	background: url(../image_index/magazine_bg01.gif) no-repeat;
	min-height: 200px;
}

#top_left .magazine .m_in {
	width: 560px;
	margin:0 0 0 20px ;
}

#top_left .magazine .m_in .left {
	width: 386px;
	float: left;
	background-color: #FFF;
}

#top_left .magazine .m_in .left .ichioshi_main {
	padding: 0 8px 0 15px;
	margin: 0 0 10px 0;
}

#top_left .magazine .m_in .left .ichioshi_main h4 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #88001a;
	line-height: 1.2;
	margin-bottom: 4px;
}

#top_left .magazine .m_in .left .ichioshi_main img {
	float: right;
	padding: 0 0 4px 10px;
}

#top_left .magazine .m_in .left .ichioshi_sub {
	clear: both;
}

#top_left .magazine .m_in .left .ichioshi_sub a {
	color: #8c5028;
}

#top_left .magazine .m_in .left .ichioshi_sub h4 {
	margin: 0;
}

#top_left .magazine .m_in .left .ichioshi_sub ul {
	margin: 0 8px;
	padding: 0;
	list-style: none;
}

#top_left .magazine .m_in .left .ichioshi_sub li {
	margin: 0 0 8px 0;
	padding: 0 0 0 5px;
	width: 120px;
	float: left;
	list-style: none;
}

#top_left .magazine .m_in .left .ichioshi_sub li.sub01 {
	padding: 0;
}

#top_left .magazine .m_in .left .ichioshi_sub li img {
	margin-bottom:4px;
}

#top_left .magazine .m_in .left .ichioshi_sub p {
	clear: both;
	text-align: center;
}


/******************************
 おもしろデータ
*******************************/
#top_left .magazine .m_in .right {
	width: 174px;
	float: right;
	background: url(../image_index/interest_bg.gif) repeat-y;
	color: #FFF;
}

#top_left .magazine .m_in .right p.text {
	padding: 8px 4px 43px 20px;
	text-align: center;
}

#top_left .magazine .m_in .right h4 {
	margin: 0;
	padding: 0 4px 4px 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#top_left .magazine .m_in .right p.date {
	margin: 0;
	padding: 0 4px 78px 20px;
	text-align: center;
}

#top_left .magazine .m_in .right p.btn {
	padding: 0 4px 0 20px;
	text-align: center;
}

/***********************************
 キャラクター イベント＆グッズ情報
************************************/

#top_left .magazine .m_in .chara {
	clear: both;
	background:#ffffff;
}

#top_left .magazine .m_in .chara p {
	padding: 0 13px;
	background-color: #FFF;
	color: #3c3c3c;
	line-height: 1.7;
	min-height: 67px;
}

#top_left .magazine .m_in .chara p img {
	float: left;
	margin-right: 10px;
}

/******************************
 ワンダーランド物語
*******************************/

#top_left .magazine .m_in .story {

}

#top_left .magazine .m_in .story p {
	color: #8c5028
}

#top_left .magazine .m_in .story p img {
	float: right;
	margin: 0 0 10px 15px;
}