@charset "utf-8";

p { color:#fff; font-size:14px; }

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




/*-------------------------------------header*/
#sp_contents {
	background:#000000;
	text-align:left;
	
}

#sp_contents #sp_contents_in {
	background:#000000 url(../images/fringe/fringe_bg.jpg) repeat-y center top ;
	padding:0 0 10px;
	
}

#sp_contents #sp_header {
	width:1052px;
	margin:0 auto;
	
}

#sp_contents #sp_header .sp_header_img{
	text-align:center;
	background:url(../images/fringe/main_img.jpg) no-repeat center top ;
	height:521px;
	position:relative;
	
}


#sp_contents #sp_header .sp_header_img .doga_area{
	position:absolute;
	left:550px;
	top:280px;
	
}



#sp_contents #sp_header .lead {
	padding:0px 50px 10px;
	background:url(../images/fringe/lead_bg.jpg) no-repeat center top ;
	text-align:left;
}

#sp_contents #sp_header .lead p {
	line-height:1.4em;
	
}

#sp_contents #sp_header .sp_menu {
	background:url(../images/fringe/menu_bg.jpg) no-repeat center top ;
	
}

#sp_contents #sp_header ul {
	overflow:hidden;
	width:948px;
	margin:0 auto;
	
}

#sp_contents #sp_header ul li{
	float:left;
	width:237px;
	height:91px;
}


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


#sp_contents #sp_main {
	width:1052px;
	margin:0 auto;
}

#sp_contents #m1 .m1_contents .m1_contents_area01 {
	background:url(../images/fringe/m1_img01.png) no-repeat center top ;
	height:317px;
	position:relative;
}

#sp_contents #m1 .m1_contents .m1_contents_area01 p {
	width:550px;
	position:absolute;
	top:60px;
	left:50px;
}

#sp_contents #m1 .m1_contents .m1_contents_area02 {
	background:url(../images/fringe/m1_img02.png) no-repeat center top ;
	height:334px;
	position:relative;
}

#sp_contents #m1 .m1_contents .m1_contents_area02 p {
	width:480px;
	position:absolute;
	top:40px;
	left:500px;
}


/*-------------------------------------m2*/


#sp_contents #m2 .m2_contents {
	height:817px;
	background:url(../images/fringe/m2_bg.png) no-repeat center top ;
}

#sp_contents #m2 ul {
	overflow:hidden;
	width:947px;
	margin:0 auto;
}

#sp_contents #m2 ul li {
	width:309px;
	float:left;
	background:url(../images/fringe/season_bg.png)  ;
}

#sp_contents #m2 ul li.season1,#sp_contents #m2 ul li.season2 {
	margin:0 10px 0 0;
}

#sp_contents #m2 ul li .doga_area_s {
	width:276px;
	margin:0 auto;
	padding:10px 0;
}

#sp_contents #m2 ul li p {
	margin:0 10px 10px;
}

#sp_contents #m2 .m2_neta {
	margin:0 auto 10px;
	width:294px;
	height:233px;
	position:relative;
	overflow:hidden;
	background:#000000;
}

#demo .hover_block {
                clear:both;
            }
#demo .hover_in {
                list-style:none;
                float:left;
                background:#000;
                /*padding:10px;*/
                width:294px; /* 画像の幅 */
                position:relative;
                margin-right:20px;
                overflow:hidden;
            }
            #demo .hover_in a {
                display:block;
                position:relative;
                overflow:hidden;
                /*padding:16px;*/
                width:294px;    /* 画像の幅 - 32px */
                height:233px;    /* 画像の高さ - 32px */
                text-decoration:none;
                color:#fff;
                font-size:11px;
            }
            #demo .hover_in img.ue {
                position:absolute;
                top:0; left:0;
                border:0;
            }

/*-------------------------------------m3*/

#sp_contents #m3 .m3_contents {
	background:url(../images/fringe/m3_bg.png) no-repeat center top ;
	height:916px;
	position:relative;
}

#sp_contents #m3 .m3_contents strong {
	color:#ffab00;
	font-size:14px;
	display:block;
	margin:10px 0 10px 0;
}

#sp_contents #m3 .m3_contents .m3_text01 {
	width:680px;
	position:absolute;
	left:300px;
	
}

#sp_contents #m3 .m3_contents .m3_text02 {
	width:550px;
	position:absolute;
	top:500px;
	left:80px;
	
}

/*-------------------------------------リリースエリア*/

#sp_contents .release_area{
	background:url(../images/fringe/release_bg.png) no-repeat center top ;
	height:468px;
	
}

#sp_contents .release_area .release_left{
	width:623px;
	float:left;
	margin:10px 0 0 40px;
	
}

#sp_contents .release_area .release_right{
	width:322px;
	float:right;
	margin:10px 50px 0 0;
	
}

#sp_contents .release_area .release_right ul li{
  margin:0 0 10px 0;
	
}

#sp_contents .release_area .release_right ul li a:hover{
 filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity:0.70;opacity:0.70;
	
}



/*-------------------------------------フッター*/


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

#sp_contents #sp_footer ul li {
	float:left;
	margin:0 16px 0 0;
}

#sp_contents #sp_footer ul li.rSide {
    margin:0 0 0 0;
}


#sp_contents #sp_footer a.jj_banner {
	clear:both;
    margin:0 auto;
	display:block;
	width:658px;
}

#sp_contents #sp_footer p.copyright {
	text-align:center;
	margin:10px 0;
}