/* CSS Document */

@import url(navi.css);
@import url(common.css);

body {
margin:0;
padding:0;
color:#333;
line-height:180%;
font-size:1em;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
overflow:hidden;
}


.wideslider {
	width:100%;
	height:445px;
}




/* --1段目------------------------------------------------------------- */

#ser1 {
	width:100%;
	height:500px;
	background:url(../img/lineup/back1.jpg) no-repeat left bottom;
	text-align:center;
}

#ser1in {
		width:100%;
	height:500px;
	background:url(../img/lineup/back3.jpg) no-repeat right bottom;
	text-align:center;
}

#ser1 #sh1 {
	width:275px;
	height:78px;
	margin:70px auto 0 auto;
}

	#ser1 #sh1 h1 {
		width:275px;
		height:76px;
		
	}
	
	#ser1 #sh1 h1 a {
		width:275px;
		height:76px;
		background:url(../img/lineup/st1.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		border-bottom:1px solid #d6d6d6;
	}
	
	#ser1 #sh1 h1 a:hover {border-bottom:1px solid #333333;}

	
	
@media screen and (max-width: 500px) {
	
#ser1 {
	width:100%;
	height:auto;
	background-size:50%;
}

#ser1in {
		width:100%;
	height:auto;
	background-size:50%;
}


#ser1 #sh1 {
	width:220px;
	height:63px;
	margin:20px auto 10px auto;
}

	#ser1 #sh1 h1 {
		width:220px;
		height:63px;		
	}
	
	#ser1 #sh1 h1 a {
		width:220px;
		height:63px;
		background-size:contain;
	}
	
#ser1 img {
	width:18%;
	height:auto;
	

}

}

/* --2段目------------------------------------------------------------- */

#ser2 {
	width:100%;
	height:470px;
	background:url(../img/lineup/back2.png) no-repeat right;
	text-align:center;
	padding:60px 0 0 0;
}

#ser2out {
	width:100%;
	height:530px;
	background:url(../img/lineup/backb.png) repeat-x;
	text-align:center;
}

#ser2 #sh2 {
	width:333px;
	height:79px;
	margin:0 auto;
}

	#ser2 #sh2 h1 {
		width:275px;
		height:76px;
		
	}
	
	#ser2 #sh2 h1 a {
		width:333px;
		height:79px;
		background:url(../img/lineup/st2.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		border-bottom:1px solid #d6d6d6;
	}
	
	#ser2 #sh2 h1 a:hover {border-bottom:1px solid #333333;}

@media screen and (max-width: 500px) {
	
#ser2 {
	width:100%;
	height:auto;
	background:none;
	padding:20px 0;
}

#ser2out {
	width:100%;
	height:auto;
	background-size:50%;
	background-position:left;
	text-align:center;
}

#ser2 #sh2 {
	width:267px;
	height:64px;
	margin:0 auto;
}

	#ser2 #sh2 h1 {
		width:267px;
		height:64px;
		
	}
	
	#ser2 #sh2 h1 a {
		width:267px;
		height:64px;
		background-size:contain;
	}
		
		
#ser2 img {
	width:20%;
	height:auto;
	

}
	
	
}

/* last ------------------------------------------------------------*/

#detox {
	width:550px;
	height:76px;
	background:url(../img/lineup/detox.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:60px auto;
}

	#detox p {margin:0; padding:0;}


@media screen and (max-width: 500px) {
	
	
#detox {
	width:90%;
	height:60px;
	background-size:contain;
	background-position:center;
	margin:30px auto;
}	
	
}
	


#cpr p {color:#000000;}



/* wideslider----------------------------------------------------------------------------------------*/


    .wideslider {
    	width: 100%;
    	text-align: left;
    	position: relative;
    	overflow: hidden;
    }
     
    .wideslider ul,
    .wideslider ul li {
    	float: left;
    	display: inline;
    	overflow: hidden;
    }
     
    .wideslider ul li img {
    	width: 100%;
    	display: none;
    }
     
    .wideslider_base {
    	top: 0;
    	position: absolute;
    }
    .wideslider_wrap {
    	top: 0;
    	position: absolute;
    	overflow: hidden;
     
    }
    .slider_prev,
    .slider_next {
    	top: 0;
    	overflow: hidden;
    	position: absolute;
    	z-index: 100;
    	cursor: pointer;
    }
    .slider_prev {background: #000 url(../img/lineup/bl.png) no-repeat right center;}
    .slider_next {background: #000 url(../img/lineup/br.png) no-repeat left center;}
     
    .pagination {
    	bottom: 10px;
    	left: 0;
    	width: 100%;
    	height: 15px;
    	text-align: center;
    	position: absolute;
    	z-index: 200;
    }
     
    .pagination a {
    	margin: 0 5px;
    	width: 3px;
    	height: 3px;
    	display: inline-block;
    	overflow: hidden;
    	background: #333;
    }
    .pagination a.active {
    	filter:alpha(opacity=100)!important;
    	-moz-opacity: 1!important;
    	opacity: 1!important;
    }
     
     
    /* =======================================
    	ClearFixElements
    ======================================= */
    .wideslider ul:after {
    	content: ".";
    	height: 0;
    	clear: both;
    	display: block;
    	visibility: hidden;
    }
     
    .wideslider ul {
    	display: inline-block;
    	overflow: hidden;
    }