/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 699px) {	

	#body #slideArea {
		width:100%;
		height:auto;
		margin-left:0;
	}
    
	#body #slideArea li:nth-child(1){
		position:relative;
	}
    
	#body #slideArea li img{
		width:100%;
		height:auto;
	}
    
	#body #nav{
		position: relative;
        white-space: nowrap;
        width:auto;
        height:20px;
        margin-left:25px;
        margin-top: 10px;
	}
    
    
	#body #text_box{
		position: relative;
        width:auto;
        margin-left:0;
        margin-top: 10px;
		padding-left:25px;
		padding-right:25px;
        margin-bottom: 5px;
		line-height:1.6;
		clear:both;
	}
    
	#body #credit_box{
		position: relative;
        float:left;
        margin-top: 0;
        margin-left: 25px;
        font-size:10px;
        text-align:left;
		clear:both;
	}
    
	#body #back_btn{
		position: relative;
        float:left;
        margin-top:20px;
		margin-bottom:40px;
        margin-left: 25px;
        font-size:12px;
        text-align:left;
		clear:both;
	}
	
}