@charset "utf-8";

/* フレスタ推奨品
----------------------------------------------------------------------------------------------------*/

#syoTop {
	float: right;
	width: 700px;
}

#syoTop h2 {
	margin: 0 0 15px;
}

#syoTop .box1 {
	margin: 0 0 15px;
}

#syoTop .box2 {
	margin: 0 0 10px;
}

#syoTop .box2 .left {
	float: left;
	width: 233px;
}

/* 予約商品トップ
----------------------------------------------------------------------------------------------------*/

#yoyaku {
	float: right;
	width: 700px;
}

#yoyaku h2 {
	margin: 0 0 15px;
}

#yoyaku h3 {
	padding: 5px 0 5px 20px;
	margin: 0 0 10px 5px;
	background: url(../../../common/cmm_img005.gif) no-repeat;
	background-position: left center;
	border-bottom: #DFDFDF solid 1px;
}

#yoyaku div ol{
	padding-left:25px;
	margin-bottom:10px;
}

#yoyaku div ol li{
	list-style:decimal outside;
}

#yoyaku .box1 {
	margin: 0 0 10px;
}

#yoyaku .box1 .spc {
	margin-bottom:10px;
}

#yoyaku .box1 .box2 .left {
	float: left;
	width: 235px;
}

#yoyaku .box1 .box2 .left2 {
	float: left;
	width: 230px;
}

#yoyaku .box3{
	width:340px;
	float:left;
	margin:10px 0;
}

#yoyaku .box4{
	width:340px;
	float:right;
	margin:10px 0;
}

/* 予約商品
----------------------------------------------------------------------------------------------------*/

#yoCont {
	float: right;
	width: 700px;
}

#yoCont h2 {
	margin: 0 0 15px;
}

#yoCont h3 {
	margin: 0 0 15px;
}

#yoCont .box1 {
	margin: 10px 0;
}

#yoCont .box1 .right {
	float: right;
	width: 222px;
}




#yoCont .navi {
	float: left;
	width: 430px;
}

#yoCont .navi li {
	margin: 0 5px 0 0;
	display: inline;
}

#yoCont .navi li a {
	padding: 0 0 0 15px;
	background: url(../../../common/cmm_img001.gif) no-repeat;
	background-position: left center;
}

#yoCont .maru1 {
	width: 700px;
	height: 20px;
	background: url(../images/yoy_maru001.gif) no-repeat;
}

#yoCont .box2 {
	padding: 10px 30px;
	background: url(../images/yoy_maru003.gif) repeat-y;
}

#yoCont .title {
	padding: 5px 0 5px 20px;
	margin: 0 0 10px 5px;
	background: url(../images/yoy_back001.gif) no-repeat;
	background-position: left center;
	border-bottom: #DFDFDF solid 1px;
}

#yoCont .box3Left {
	float: left;
	padding: 10px 0;
}

#yoCont .box3Right {
	padding: 10px 0;
}

#yoCont .box3 {
	margin: 0 0 10px;
}

#yoCont .box3 .left {
	float: left;
	width: 160px;
}

#yoCont .box3 .right {
	float: right;
	width: 470px;
}

#yoCont .box3 .right .left2 {
	float: left;
	width: 355px;
}

#yoCont .price li {
	margin: 0 0 5px;
}

#yoCont .num {
	margin: 0 5px 0 0;
}

#yoCont .box3 .right .right2 {
	float: right;
	width: 105px;
}

#yoCont .box4 {
	margin: 0 0 20px;
}

#yoCont .box4 p {
	margin: 0 0 10px;
}

#yoCont .box5 {
	margin: 0 0 20px;
}

#yoCont .box4 .box5 .left {
	float: left;
	width: 200px;
	margin: 0 13px 0 0;
}

#yoCont .box4 .box5 h5 {
	border-bottom: #DFDFDF solid 1px;
	padding: 0 0 5px;
	margin: 0 0 10px;
}

#yoCont .title2 {
	border-bottom: #DFDFDF solid 1px;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	
}

#yoCont .box4 .box5 .left2 {
	float: left;
	width: 200px;
	margin: 0 13px 0 0;
}

#yoCont .box5 .left3 {
	float: left;
	width: 310px;
	margin: 0 10px 0 0;
}

#yoCont .box5 .left4 {
	float: left;
	width: 95px;
}

#yoCont .box5 .left5 {
	float: left;
	width: 130px;
}

#yoCont .box5 .left6 {
	float: left;
	width: 200px;
	margin: 0 10px 0 0;
}

#yoCont .box5 .left7 {
	float: left;
	width: 360px;
	margin: 0 10px 0 0;
}

#yoCont .box5 .left8 {
	float: left;
	width: 244px;
}

#yoCont .box5 .left9 {
	float: left;
	width: 460px;
}

#yoCont .box5 .right3 {
	float: right;
	width: 200px;
}

#yoCont .box5 .right4 {
	float: right;
	width: 170px;
}

#yoCont .box5 .right5 {
	float: right;
	width: 310px;
}

#yoCont .box5 .right6 {
	float: right;
	width: 410px;
}

#yoCont .maru2 {
	margin: 0 0 10px;
	width: 700px;
	height: 20px;
	background: url(../images/yoy_maru002.gif) no-repeat;
}

#yoCont .box7 {
	margin: 0 0 20px;
}

#yoCont .box7 h3 {
	padding: 5px 0 5px 20px;
	margin: 0 0 10px 5px;
	background: url(../../../common/cmm_img005.gif) no-repeat;
	background-position: left center;
	border-bottom: #DFDFDF solid 1px;
	font-weight: bold;
}

#yoCont .box7 h4 {
	font-weight: bold;
	color: #009D3B;
	border-left: solid 2px #009D3B;
	padding: 0 0 0 5px;
	margin: 0 0 10px;
}

#yoCont .box8 {
	margin: 0 0 20px;
}

#yoCont .box9 {
	width: 450px;
}

#yoCont .box9 .left {
	float: left;
	width: 210px;
}

#yoCont .box9 .right {
	float: right;
	width: 220px;
}

#yoCont .box10, #yoCont .box11, #yoCont .box12, #yoCont .box14, #yoCont .box15, #yoCont .box17, #yoCont .box18, #yoCont .box20, #yoCont .box21 {
	margin: 0 0 15px;
}

#yoCont .box10 .left {
	float: left;
	width: 310px;
}

#yoCont .box10 .left .left {
	float: left;
	width: 120px;
}

#yoCont .box10 .left .right {
	float: right;
	width: 190px;
	background: #FFFFFF;
}


#yoCont .box10 .left1 {
	float: left;
	margin: 0 10px 0 0;
}


#yoCont .box10 .left2 {
	float: left;
	width: 110px;
	margin: 0 10px 0 0;
}

#yoCont .box10 .right {
	float: right;
	width: 310px;
}

#yoCont .box11 .left {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

#yoCont .box11 .right {
	float: right;
	width: 200px;
}

#yoCont .box12 .left {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

#yoCont .box12 .right {
	float: right;
	width: 420px;
	background: #F5F1E2;
}

#yoCont .box12 .right h4 {
	margin: 0 0 10px;
}

#yoCont .box13 {
	padding: 10px;
}

#yoCont .box13 .left {
	float: left;
	width: 177px;
	margin: 0;
}

#yoCont .box13 .right {
	float: right;
	width: 213px;
}

#yoCont .box14 {
	padding: 10px;
	background: #F5F1E2;
}

#yoCont .box14 h4 {
	margin: 0 0 10px;
}

#yoCont .box14 .left {
	float: left;
	width: 175px;
}

#yoCont .box14 .right {
	float: left;
	width: 445px;
}

#yoCont .box14 .right .left {
	float: left;
	width: 200px;
}



#yoCont .box15 {
	background: #FEE2EC;
	padding: 10px;
}



#yoCont .box17 .left {
	float: left;
	width: 310px;
}

#yoCont .box17 .right {
	float: right;
	width: 320px;
}

#yoCont .box18 .left {
	float: left;
	width: 310px;
}

#yoCont .box18 .left h4 {
	padding: 5px 0 5px 20px;
	margin: 0 0 10px 0;
	background: url(../images/yoy_back001.gif) no-repeat;
	background-position: left center;
	border-bottom: #DFDFDF solid 1px;
}

#yoCont .box18 .right {
	float: right;
	width: 310px;
	background: url(../images/yoy_img101.jpg) repeat-x;
}

#yoCont .box19 {
	padding: 10px;
}

#yoCont .box19 h4 {
	margin: 0 0 10px;
}

#yoCont .box20 .left {
	float: left;
	width: 310px;
}

#yoCont .box20 .right {
	float: right;
	width: 310px;
}

#yoCont .box20 .right p {
	margin: 0 0 1em;
}

#yoCont .box20 .left h4, #yoCont .box20 .right h4 {
	padding: 5px 0 5px 20px;
	margin: 0 0 10px 0;
	background: url(../images/yoy_back001.gif) no-repeat;
	background-position: left center;
	border-bottom: #DFDFDF solid 1px;
}

#yoCont .box21 .left {
	float: left;
	width: 310px;
}

#yoCont .box21 .right {
	float: right;
	width: 310px;
}

#yoCont .box22 {
	position: relative;
	width: 640px;
	height: 380px;
}

#yoCont .box22 .img {
	position: absolute;
	width: 449px;
	height: 296px;
	left: 0;
	bottom: 0;
}

#yoCont .box22 .text1 {
	width: 300px;
	margin: 0 0 15px 340px;
}

#yoCont .box22 .text2 {
	width: 190px;
	margin: 0 0 0 450px;
}

#yoCont #seasonF {
	width: 640px;
	border: solid #841011 1px;
	border-right: none;
	border-bottom: none;
}

#yoCont #seasonF th,#yoCont #seasonF td {
	padding: .3em;
	border: solid #841011 1px;
	border-top: none;
	border-left: none;
}

#yoCont #seasonF th {
	margin: 2px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/yoy_img101.jpg)  repeat-x #FFF;
}

#yoCont #seasonF td span {
	display: block;
	float: left;
	width: 5em;
}