@charset "Shift_JIS";

/* #Main */
#Main{
	width: 100%;
	height: 940px;
	text-align: center;
	position: relative;
	background: url(../common/images/main_bg01.gif) center top repeat;
}

#Main .outline{
	width: 960px;
	height: 940px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	position: relative;
}

#Main .inline{
	width:960px;
	height: 447px;
	background: url(../common/images/main_bg02.jpg) center top no-repeat;
	margin-top: -33px;
}

#Main .c1{
	margin-left: -5px;
}
#Main .c2{
	position: absolute;
	left: 119px; top: 253px;
}
#Main .c3{
	position: absolute;
	left: 81px; top: 450px;
}

#Main h1{
	padding-top: 58px;
}
#Main .tyol{
	position: absolute; left: 50%; top: 238px;
	margin-left: 217px;
}
#Main .miiverse{
	position: absolute; left: 50%; top: 398px;
	margin-left: 219px;
}
#Main .txt01{
	margin-top: 25px;
}
#Main .btn{
	margin-top: 15px;
}
#Main .txt02{
	margin-top: 7px;
}

#Main .txt03{
	margin-top: 11px;
}

#Main .txt04{
	margin-top: 13px;
}

#Main .txt05{
	margin-top: 16px;
}

#Main .txt11{
	margin-top: 16px;
}
#Main .txt12{
	margin-top: 7px;
}

#Main .shadow{
	position: absolute; left: 0; bottom: -2px;
	width: 100%;
	height: 4px;
	background: url(../common/images/shadow.png) center bottom repeat-x;
}

/* #Navi */

#Navi{
	width: 100%;
	height: 140px;
	background: url(../common/images/nav_bg01.gif) center top repeat-x;
}
#Navi .box{
	width: 960px;
	margin: 0 auto;
	padding:26px 0 0 0;
}

#Navi .box p{
	float: left;
	margin: 0 3px;
}


/* Drm */
#Drm{
	width: 868px;
	margin: 0 auto;
}

#Drm h2{
	margin-top: 24px;
	text-align: center;
}

#Drm .content{
	width: 868px;
	height: 626px;
	margin-top: 34px;
	padding-top: 12px;
	position: relative;
}

#Drm .content{
	width: 868px;
	height: 626px;
	margin-top: 34px;
	padding-top: 12px;
	position: relative;
}

#Drm .content_out{
	width: 868px;
	padding-bottom: 126px;
	background: url("../common/images/drm_bg_down.png") center bottom no-repeat;
}

#Drm .content_in{
	width: 868px;
}

#Drm .type1{background: url("../common/images/drm_bg_top.png") center top no-repeat;}
#Drm .type5{background: url("../common/images/drm_bg_top.png") center top no-repeat; height:881px;!important}
#Drm .type1 .content_in,
#Drm .type5 .content_in{background: url("../common/images/drm_bg_mid.png") center top repeat-y;}


#Drm .prev{ position: absolute; left: -40px; top: 224px; display: none;}
#Drm .next{ position: absolute; left: 841px; top: 224px;}
#Drm .nos{ position: absolute; left: 101px; top: 186px; display: none;}

#Drm .type5 .prev{ position: absolute; left: -40px; top: 352px; display: none;}
#Drm .type5 .next{ position: absolute; left: 841px; top: 352px;}
#Drm .type5 .nos{ position: absolute; left: 101px; top: 286px; display: none;}

/* frame */
#Drm .flame{
	padding-top: 20px;
	margin-left: 34px;
	padding-bottom: 30px;
}

#Drm .type5 .flame{
	padding-top: 18px;
	margin-left: 41px;
	padding-bottom: 24px;
}

/* imgs */
#Drm .imgs{
	position: absolute; left: 286px; top: 167px;
}

#Drm .type5 .imgs{
	position: absolute; left: 169px; top: 164px;
}

#Drm .imgs p{
	position: absolute;left: 0; top:0;
	display: none;
}

/* thumbs */
#Drm .thumbs{
	width: 800px;
	height: 99px;
	position: absolute; left: 34px; top: 512px;
	overflow: hidden;
}

#Drm .type5 .thumbs{
	width: 800px;
	height: 99px;
	position: absolute; left: 34px; top: 767px;
	overflow: hidden;
}

#Drm .thumbs_inner{
	padding-top: 19px;
	width: 10000px;
}
#Drm .thumbs_inner p{
	width: 152px;
	height: 80px;
	float: left;
	position: relative;
	margin-right: 10px;
	background: url(../common/images/drm_thumb_bg.gif) left top no-repeat;
	background-position: 0 -80px;
}

#Drm .thumbs_inner p .arrow{
	position: absolute; left: 66px; top: -19px;
	display: none;
}

#Drm .thumbs_inner p.active{
	background-position: 0 0 !important;
}

#Drm .thumbs_inner p.active .arrow{
	display: block !important;
}

#Drm .prev_thumb{ position: absolute; left: -9px; top: 560px; display: none;}
#Drm .next_thumb{ position: absolute; left: 851px; top: 560px;}

#Drm .type5 .prev_thumb{ position: absolute; left: -9px; top: 815px; display: none;}
#Drm .type5 .next_thumb{ position: absolute; left: 851px; top: 815px;}

/* miiverse */
#Drm .miiverse{
	margin-top: 42px;
	text-align: center;
}

/* marichan */
#Drm .marichan_info{
	width: 800px;
	margin: 44px auto 0 auto;
	background: url(../common/images/marichan_bg03.png) left top no-repeat;
}

#Drm .marichan_info .up{
	height: 17px;
	background: url(../common/images/marichan_bg03.png) left top no-repeat;
}

#Drm .marichan_info .mid{
	border-left: solid 1px #59C600;
	border-right: solid 1px #59C600;
	overflow: hidden;
	background: #fff;
}

#Drm .marichan_info .mid .left{
	float: left;
	margin: 3px 0 0 20px;
	width: 96px;
}

#Drm .marichan_info .mid .left .marichan{}

#Drm .marichan_info .mid .right{
	float: right;
	width: 621px;
	margin: 3px 42px 0 0;
}

#Drm .marichan_info .mid .right .profile{}

#Drm .marichan_info .mid .right .txt{
	margin-top: 15px;
	font-size: 120%;
}

#Drm .marichan_info .mid .right .txt .jpn_lang{
	color: #1F1F1F;
}

#Drm .marichan_info .mid .right .txt .other_lang{
	margin: 10px 0 3px 0;
	color: #999999;
}

#Drm .marichan_info .btm{
	height: 17px;
	background: url(../common/images/marichan_bg04.png) left top no-repeat;
}

#DreamNotice #Main{
	height: 1140px;
}
#DreamNotice #Main .wrap{
	width: 100%;
	height: 589px;
	text-align: center;
	background: url(../common/images/main_img02.jpg) center bottom no-repeat;
}

#DreamNotice #Main .wrap h1{
	padding-top: 0;
}