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

#unit_box.reservation {
	width: 75%;
    margin: auto;
}

#main table {
    line-height: 1.5;
    font-size: 12px;
}

#main table td {
	padding:3px;
}

.p_red {
	color:#f9423a;
}

.gray {
	 background-color:#DDDDDD;
}

.gray02 {
	background-color:#EEEEEE;
}

#main table.graph, #main table.graph tr, #main table.graph td{
	border:solid 1px #dddddd;
}


@media screen and (max-width: 959px){
	#container,#contents, #unit_box table, #pagetop {width:100%;}
	#unit_box.reservation {width: 100%;}
	
}

@media screen and (min-width: 660px) {
	.title, .title02, .p_blue, 
	#main .page_title, #main .page_subtitle {display:none;}
}



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

	#main table { font-size: 10px;}

	#main .brank, .pc {display:none;}
	
	.title {
		font-weight: bold;
		font-size: 20px!important;
		text-align: center;
		border-bottom: solid 1px;
	}
	
	.title02 {
		font-size: 14px!important;
		font-weight: bold;
		border-left: solid 4px #999999;
		padding-left: 10px;
	}
	
	.p_blue {
		color:#0064B8;
		font-weight: bold;
		font-size: 15px!important;
		padding-bottom: 10px;
	}
	
	#unit_box .menu {margin-left:20%;}
	#unit_box .menu li { margin-right:5%;}
	
	#box_pagetop img {width:auto;}

}