@charset "utf-8";

p { color:#000; font-size:14px; line-height:1.6em; }

/*/////////////////////////////////////////////////////////////////////////////////////コンテンツ用*/

/* Text link style */
#scrollUp {
	bottom: 20px;
	right: 20px;
	width:60px;
	height:59px;
	background:url(../images/pagetop.png);
	text-indent:-9999px;
}


/*-------------------------------------header*/


#sp_contents {
	background:#f5fbf5 url(../images/main_bg.jpg) ;
	position:relative;
}



#sp_contents header {
	/*width:990px;*/
	margin:0px auto 0;
	text-align:left;
	position:relative;
	background:url(../images/main_img_bg.png) no-repeat top center;
}

#sp_contents header .header_in {
	width:990px;
	margin:0 auto -10px;
	text-align:left;
	position:relative;
}

#sp_contents header h2 {
	width:990px;
	margin:0 auto;
}


#sp_contents .sp_menu{
	/*position:absolute;
	bottom:5px;
	left:40px;*/
	background:url(../images/header_menu_bg.png) repeat-x;
	height:267px;
	position:relative;
	overflow:hidden;
	
}


#sp_contents .sp_menu p {
	margin:0px;
	/*font-weight:bold;*/
	color:#000;
	width:970px;
	margin:10px auto;
	}


#sp_contents .sp_menu ul{
	width:990px;
	margin:10px auto;
	overflow:hidden;
}

#sp_contents .sp_menu ul li {
	float:left;
	width:310px;
	margin-left:10px;
}

#sp_contents .sp_menu .icon_sp {
	position:absolute;
	top:150px;
	left:50%;
	margin-left: -490px;
}





/*-------------------------------------main*/

#sp_main{
	position:relative;
	background:url(../images/footer_bg.png) no-repeat bottom center;
	padding-bottom:310px;
	
}

#sp_main .koshin {
	position:absolute;
	left:50%;
	margin-left: -520px;
top: 270px;
	z-index:10000;

}

#sp_main .chara_bg {
	position: absolute;
left: 50%;
margin-left: -702px;
bottom: 770px;

}

#sp_main #sp_main_in{
	width:990px;
	margin:0 auto;
	position:relative;
	
}


/*m1*/

#m1{
	
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../images/sp_title_bg.png) no-repeat top center;
	
}

#m1 h3{
	
	width:990px;
	text-align:center;
	padding:40px 0 30px;
	
}

#sp_contents .commentNav{
	width:950px;
	margin: 0px auto 0px;
	overflow:hidden;
	z-index:10000;
	position:relative;
	
	
}

#sp_contents .commentNav ul{
	overflow:hidden;

}

#sp_contents .commentNav ul li {
	float:left;
	width:315px;
	margin-left:1px;
}

#sp_contents .m1Title {
	background:#fff url(../images/m1_m1_title.jpg) no-repeat top center;
	width:950px;
	height:187px;
	margin:0 auto;
	position:relative;
}

#sp_contents .m1Title p {
	width:604px;
	position:absolute;
	top: 105px;
	left: 50%;
	margin-left: -283px;
}

#sp_contents .ranking {
	background:url(../images/m1_voteArea.png) no-repeat top center;
	width:990px;
	height:654px;
	margin:0 auto;
	position:relative;
}

#sp_contents .ranking p {
	width:280px;
}

#sp_contents .ranking p.r01 {
	position:absolute;
	top: 445px;
	left: 40px;
}

#sp_contents .ranking p.r02 {
	position:absolute;
	top: 445px;
	left: 355px;
}

#sp_contents .ranking p.r03 {
	position:absolute;
	top: 445px;
	left: 670px;
}

#sp_contents .ranking .r01_vote {
	position:absolute;
	bottom: 15px;
	left: 50px;
}

#sp_contents .ranking .r02_vote {
	position:absolute;
	bottom: 15px;
	left: 365px;
}

#sp_contents .ranking .r03_vote {
	position:absolute;
	bottom: 15px;
	left: 680px;
}

#sp_contents .result {
	background:url(../images/m1_vote_result.png) no-repeat top center;
	width:950px;
	height:442px;
	overflow:hidden;
	margin:0 auto;
	/*position:absolute;
	bottom:0;*/
}

/* 0415 座談会*/

#interview{
	width:950px;
	margin:0 auto;
}

#interview p{
	margin-bottom:10px;
}

#interview p span.tojyo{
	color:#ff7607;
}

#interview p span.tomihari{
	color:#3cb75f;
}

#interview p span.ichiki{
	color:#0c6fb5;
}

#interview .int01{
	background:url(../images/sp02_02.jpg) no-repeat top center;
	position:relative;
	height:622px;
}

#interview .int01 .int01_01{
	position:absolute;
	top: 80px;
	left: 50px;
	width: 540px;
}

#interview .int01 .int01_02{
	position:absolute;
	top: 200px;
	right: 50px;
	width: 540px;
}

#interview .int01 .int01_03{
	position:absolute;
	top: 420px;
	left: 50px;
	width: 540px;
}

#interview .int02{
	background:url(../images/sp02_03.jpg) no-repeat top center;
	position:relative;
	height:575px;
}

#interview .int02 .int02_01{
	position:absolute;
	top: 80px;
	right: 50px;
	width: 540px;
}

#interview .int02 .int02_02{
	position:absolute;
	top: 290px;
	left: 50px;
	width: 480px;
}

#interview .int03{
	background:url(../images/sp02_04.jpg) no-repeat top center;
	position:relative;
	height:1142px;
}

#interview .int03 .int03_01{
	position:absolute;
	top: 60px;
	right: 50px;
	width: 540px;
}

#interview .int03 .int03_02{
	position:absolute;
	top: 270px;
	left: 50px;
	width: 540px;
}

#interview .int03 .blog01{
	position:absolute;
	top: 660px;
	left: 35px;
}

#interview .int03 .blog02{
	position:absolute;
	top: 660px;
	left: 330px;
}

#interview .int03 .blog03{
	position:absolute;
	top: 660px;
	left: 630px;
}

/*5月更新*/

#comment03 .m3Title {
	background:#fff url(../images/m3_m1_title.jpg) no-repeat top center;
	width:950px;
	height:228px;
	margin:0 auto;
	position:relative;
}

#comment03 .m3Title p {
	width:604px;
	position:absolute;
	top: 150px;
	left: 50%;
	margin-left: -283px;
}

#comment03 .ranking {
	background:url(../images/m3_voteArea.jpg) no-repeat top center;
	width:990px;
	height:654px;
	margin:0 auto;
	position:relative;
}

#comment03 .ranking p {
	width:280px;
}

#comment03 .ranking p.r01 {
	position:absolute;
	top: 445px;
	left: 40px;
}

#comment03 .ranking p.r02 {
	position:absolute;
	top: 445px;
	left: 355px;
}

#comment03 .ranking p.r03 {
	position:absolute;
	top: 445px;
	left: 670px;
}

#comment03 .ranking .r01_vote {
	position:absolute;
	bottom: 15px;
	left: 50px;
}

#comment03 .ranking .r02_vote {
	position:absolute;
	bottom: 15px;
	left: 365px;
}

#comment03 .ranking .r03_vote {
	position:absolute;
	bottom: 15px;
	left: 680px;
}

#comment03 .result {
	background:url(../images/m3_vote_result2.jpg) no-repeat top center;
	width:950px;
	height:444px;
	overflow:hidden;
	margin:0 auto;
	/*position:absolute;
	bottom:0;*/
}


/*m2*/

#m2 {
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../images/title_bg.png) no-repeat top center;

}

#m2 h3{
	
	width:990px;
	text-align:center;
	padding:20px 0 20px;
	
}

/*3月*/

#m2 .march01{
	background:url(../images/m22_m1_point.jpg) no-repeat top center;
	width:950px;
	height:887px;
	margin:0 auto;
	position:relative;
	
}

#m2 .march01 p.lead{
	position:absolute;
	top: 135px;
	right: 90px;
	width: 500px;
	line-height: 1.4em;
	
}

#m2 .march01 p.lead span{
	background:#f6d84e;
	
}

#m2 .march01 p.point1{
	position:absolute;
	top: 493px;
	left: 50px;
	width: 400px;
	line-height: 1.4em;
}

#m2 .march01 p.point2{
	position:absolute;
	top: 770px;
	right: 40px;
	width: 420px;
	line-height: 1.4em;
}

#m2 .march02{
	background:url(../images/m2_m1_story.jpg) no-repeat top center;
	width:950px;
	height:312px;
	margin:0 auto;
	position:relative;
	
}

#m2 .march02 p.story{
	width: 500px;
	position: absolute;
	top: 77px;
	right: 60px;
	
}

#m2 .march03{
	background:url(../images/m2_m1_character.jpg) no-repeat top center;
	width:950px;
	height:1252px;
	margin:0 auto;
	position:relative;
}

#m2 .march03 p{
	line-height: 1.4em;
}

#m2 .march03 p.c01{
	position:absolute;
	width: 210px;
	top: 318px;
	left: 100px;
}

#m2 .march03 p.c02{
	position:absolute;
	width: 210px;
	top: 318px;
	left: 370px;
}

#m2 .march03 p.c03{
	position:absolute;
	width: 210px;
	top: 318px;
	left: 620px;
}

#m2 .march03 p.c04{
	position:absolute;
	width: 210px;
	top: 595px;
	left: 110px;
}

#m2 .march03 p.c05{
	position:absolute;
	width: 210px;
	top: 595px;
	left: 370px;
}

#m2 .march03 p.c06{
	position:absolute;
	width: 210px;
	top: 595px;
	left: 620px;
}

#m2 .march03 .dogaArea{
	position:absolute;
	width: 600px;
	height:338px;
	bottom:150px;
	left:50%;
	margin-left:-300px;
}

#m2 .march03 .muryo{
	position:absolute;
	width: 436px;
	bottom:20px;
	left:50%;
	margin-left:-218px;
}

/*4月*/

#m2 .april01{
	background:url(../images/m2_m2_point.jpg) no-repeat top center;
	width:950px;
	height:885px;
	margin:0 auto;
	position:relative;
	
}

#m2 .april01 p.lead{
	position:absolute;
	top: 135px;
	right: 90px;
	width: 500px;
	line-height: 1.35em;
	
}

#m2 .april01 p.lead span{
	background:#f6d84e;
	
}

#m2 .april01 p.point1{
	position:absolute;
	top: 493px;
	left: 50px;
	width: 400px;
	line-height: 1.4em;
}

#m2 .april01 p.point2{
	position:absolute;
	top: 770px;
	right: 40px;
	width: 420px;
	line-height: 1.4em;
}

#m2 .april02{
	background:url(../images/m2_m2_story.jpg) no-repeat top center;
	width:950px;
	height:312px;
	margin:0 auto;
	position:relative;
	
}

#m2 .april02 p.story{
	width: 500px;
	position: absolute;
	top: 77px;
	right: 60px;
	line-height: 1.5em;
}

#m2 .april03{
	background:url(../images/m2_m2_character.jpg) no-repeat top center;
	width:950px;
	height:1124px;
	margin:0 auto;
	position:relative;
}

#m2 .april03 p{
	line-height: 1.4em;
	font-size:12px;
}

#m2 .april03 p.c01{
	position:absolute;
	width: 230px;
top: 300px;
left: 230px;
}

#m2 .april03 p.c02{
	position:absolute;
	width: 230px;
	top: 300px;
	left: 500px;
}

#m2 .april03 p.c03{
	position:absolute;
	width: 225px;
top: 575px;
left: 105px;
}

#m2 .april03 p.c04{
	position:absolute;
	width: 230px;
	top: 575px;
	left: 370px;
}

#m2 .april03 p.c05{
	position:absolute;
	width: 230px;
	top: 575px;
	left: 620px;
}


#m2 .april03 .dogaArea{
	position:absolute;
	width: 600px;
	height:338px;
	bottom:50px;
	left:50%;
	margin-left:-300px;
}

#m2 .april03 .muryo{
	position:absolute;
	width: 436px;
	bottom:20px;
	left:50%;
	margin-left:-218px;
}

/*5月*/

#m2 .may01{
	background:url(../images/m2_m3_point.jpg) no-repeat top center;
	width:950px;
	height:861px;
	margin:0 auto;
	position:relative;
	
}

#m2 .may01 p.lead{
    position: absolute;
    top: 140px;
    right: 90px;
    width: 500px;
    line-height: 1.5em;
    font-size: 16px;
}

#m2 .may01 p.lead span{
	background:#f6d84e;
	
}

#m2 .may01 p.point1{
	position:absolute;
	top: 470px;
	left: 50px;
	width: 400px;
	line-height: 1.4em;
}

#m2 .may01 p.point2{
	position:absolute;
	top: 770px;
	right: 100px;
	width: 420px;
	line-height: 1.4em;
}

#m2 .may02{
	background:url(../images/m2_m3_story.jpg) no-repeat top center;
	width:950px;
	height:342px;
	margin:0 auto;
	position:relative;
	
}

#m2 .may02 p.story{
	width: 500px;
	position: absolute;
	top: 105px;
	right: 60px;
	line-height: 1.5em;
}

#m2 .may03{
	background:url(../images/m2_m3_character.jpg) no-repeat top center;
	width:950px;
	height:1120px;
	margin:0 auto;
	position:relative;
}

#m2 .may03 p{
	line-height: 1.4em;
	font-size:12px;
}

#m2 .may03 p.c01{
	position:absolute;
	width: 230px;
	top: 290px;
	left: 230px;
}

#m2 .may03 p.c02{
	position:absolute;
	width: 230px;
	top: 290px;
	left: 500px;
}

#m2 .may03 p.c03{
	position:absolute;
	width: 225px;
top: 570px;
left: 105px;
}

#m2 .may03 p.c04{
	position:absolute;
	width: 230px;
	top: 570px;
	left: 370px;
}

#m2 .may03 p.c05{
	position:absolute;
	width: 230px;
	top: 570px;
	left: 620px;
}


#m2 .may03 .dogaArea{
	position:absolute;
	width: 600px;
	height:338px;
	bottom:50px;
	left:50%;
	margin-left:-300px;
}

#m2 .may03 .muryo{
	position:absolute;
	width: 436px;
	bottom:20px;
	left:50%;
	margin-left:-218px;
}

/*m3*/

#m3 {
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../images/title_bg.png) no-repeat top center;

}

#m3 h3{
	
	width:990px;
	text-align:center;
	padding:10px 0 20px;
	
}

#m3 .m3_contents {
	background:url(../images/m3_contents.jpg) no-repeat center top ;
	height:1069px;
	width:950px;
	position:relative;
	margin: 0 auto;
}

#m3 .m3_contents p.official01 {
	position:absolute;
	top: 270px;
	left: 273px;
}

#m3 .m3_contents p.official02 {
	position:absolute;
	top: 630px;
	left: 273px;
}


#m3 .m3_contents p.official03 {
	position:absolute;
	top: 990px;
	left: 273px;
}




/*m4*/

#m4  {
	padding-top:40px;
	position:relative;
	margin-bottom:15px;
}

#m4 .m4_contents{
	width: 950px;
	height:374px;
	margin:0 auto;
	background:url(../images/ABC.jpg) no-repeat center top ;
	
}

#m4 img.icon_abc{
	position:absolute;
	top:5px;
	right:0;
	
}

#m4 .lineup{
	position:absolute;
	bottom:15px;
	left: 45px;
	
}

/*m5*/

#m5{
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../images/title_bg.png) no-repeat top center;
}

#m5 h3{
	width:990px;
	text-align:center;
	padding:10px 0 20px;
}

#m5 .newsBox{
	width:870px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
}

#m5 a{
	display:block;
}

#m5 a:hover{
	opacity:0.8;
}

#m5 .nImg{
	width:211px;
	float:left;
}

#m5 .nTxt{
	width:640px;
	float:right;
}

#m5 .nTxt .midashi{
	background:url(../images/icon_news.png) no-repeat 0 4px ;
	padding-left:30px;
	color:#074074;
	text-decoration:underline;
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}

#m5 ul{
	width:870px;
	margin:0 auto;

}

#m5 ul li{
	width:870px;
	background:url(../images/icon_news.png) no-repeat 0 1px ;
	padding-left:30px;

}

#m5 ul li a{
	color:#074074;
	text-decoration:underline;
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}


p.copyright{
	position:absolute;
	bottom:-80px;
	left:50%;
	margin-left:-238px;
}


/*-------------------------------------フッター*/
footer {
	background:url(../images/footer_bg.png) no-repeat center top ;
	text-align:center;
	overflow:hidden;
	height:468px;
	
}



footer img.f_logo {
margin-top:25px;
}