@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 630px) {
.obi {
	width: auto;
    height: 100px;
    margin: 0% auto;
    padding: 0% 0%;
    background-image: url("../img/tobyo/obi.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.float{
	width: auto;
	height: auto;
	margin: 10px auto;
	padding: 20px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	zoom:1;
	border-radius: 10px;
	border: 1px solid #dddddd;
}
.float .arc-text{
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 5px;
	font-size: 15px;
	color: #0F8891;
}
.float h3{
	text-align: center;
}

.float .img{
	width: 90%;
	margin: 15px auto;
	/*
	width: 30%;
	float: right;
	margin: 10px 0px 0px 15px;
	*/
}


}







@media print, screen and (min-width: 631px) {
.obi {
	width:auto;
    height: 150px;
    margin: 0 auto;
    padding: 0px;
    min-width: 1000px;
    background-image: url("../img/tobyo/obi.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.float{
	width: auto;
	height: auto;
	margin: 15px auto;
	padding: 30px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	zoom:1;
	border-radius: 10px;
	border: 1px solid #dddddd;
}
.float .arc-text{
	text-align: center;
	letter-spacing: 2px;
	margin: 0 auto 15px;
	font-size: 20px;
	color: #0F8891;
}
.float h3{
	text-align: center;
}

.float .img{
	width: 40%;
	margin: 15px auto;
	/*
	width: 30%;
	float: right;
	margin: 10px 0px 0px 15px;
	*/
}

}