@charset "utf-8";

/* CSS Document */



.taberu{ font-size:larger;

padding-top:2px;

list-style-type:none;

}



.real_time p {/* ボックスの中の予約の文字 */

    font-size: 0.7rem;

    padding: 3px 0px;

}



.leftside{

border:3px solid #900;

border-radius: 15px;         /* CSS3 */

-moz-border-radius: 15px;    /* Firefox */

-webkit-border-radius: 15px; /* Safari,Chrome */

}



.full_content {

        width:500px;

        height:460px;

        position:relative;

       margin: 0 auto 15px auto;

        clear:both;

}

ul.a>li {

    width: 95px;

    height: 30px;

    background: #fef4f4;

    float: left;

    list-style: none;

    padding: 10px 0 0;

    margin: 0px 0px;

    text-align: center;

    display: block;

    cursor: pointer;

    border: #ccc 1px solid;	

		font-size: 0.8rem;

    letter-spacing: 0.1rem;

}

ul.a li:first-child {

        margin-left:0;

}

ul {

        padding:0;

        margin:0;

}



ul.a li.activ {

        background: #FFF;

        color: #00552e;

		border-top:solid 2px #c9171e;

		border-left:solid 2px #c9171e;

		border-right:solid 2px #c9171e;

		border-bottom:none;

}





.content {

	width: 480px;

	height: 400px;

	border: #CCC 1px solid;

	background: #FFF;

	top: 43px;

	padding: 10px;

	position: absolute;

	line-height: 22px;

	overflow-y: scroll;

	border-top: none;



}



.wrap_loop {

	width: 456px;

	height: 80px;

	border-bottom: 1px dotted gainsboro;

	padding: 10px 0px;

	margin: 5px 0px;

}

.wrap_loop:after {

	　　content: ".";

	　　display: block;

	　　height: 0;

	　　font-size: 0;

	　　clear: both;

	　　visibility: hidden;

}

.loop_left {

	float: left;

	width: 90px;

}

.loop_left_2 {

	float: left;

	width: 338px;

	font-size: 87.5%;

}

.loop_img img {

	width: 65px;

	height: auto;

}



@media screen and (max-width: 800px) {

	/*768以下のスタイル*/



.full_content { 

	    width:100%;

	height:500px;

        position:relative;

        margin:0 auto;

        clear:both;

}



	ul.a>li {

    width:19%;

    height: 30px;

    background: #fef4f4;

    float: left;

    list-style: none;

    padding: 10px 0 0;

    margin: 0px 0px;

    text-align: center;

    display: block;

    cursor: pointer;

    border: #ccc 1px solid;	

		font-size: 0.6rem;

    letter-spacing: 0.1rem;

}



ul.a li.activ {

	width:20%;

        background: #FFF;

        color: #00552e;

		border-top:solid 2px #c9171e;

		border-left:solid 2px #c9171e;

		border-right:solid 2px #c9171e;

		border-bottom:none;

}

	



.content {

	width: 100%;

	height: 420px;

	border: #CCC 1px solid;

	background: #FFF;

	top: 43px;

	padding: 10px;

	position: absolute;

	line-height: 22px;

	overflow-y: scroll;

	border-top: none;



}

	

.wrap_loop {

	width: 100%;

	height: 95px;

	border-bottom: 1px dotted gainsboro;

	padding: 10px 0px;

	margin: 5px 0px;

}

.loop_left {

	float: left;

	width: 15%;

}

.loop_left_2 {

	float: left;

	width: 80%;

	font-size: 87.5%;

}

.loop_img img {

	width: 50px;

	height: auto;

}



	

}