@charset "UTF-8";
/*
 * menu/css/style.css
 *
 */


/* menu/index.html
---------------------------------------------------------- */
.menuSectionWrap01 {
	position: relative;
	z-index: 1;
	background: url(/static/common/img/bg_section_top01.png) no-repeat left top;
	padding-top: 16px;
}
	.menuSection01 {
		background: url(/static/common/img/bg_section_mid01.png) repeat-y left top;
		padding: 0 10px 0 6px;
	}
		.menuSectionIn01 {
		}
.menuSectionBtm01 {
	overflow: hidden;
	height: 0;
	position: relative;
	z-index: 1;
	background: url(/static/common/img/bg_section_btm01.png) no-repeat left top;
	padding-bottom: 20px;
	margin-bottom: 15px;
	text-indent: -9999px;
}
.menuAnchorList01 {
}
	.menuAnchorList01 li {
		padding: 8px 75px 8px 30px;
		display: block;
		min-height: 1%;
	}
	.menuAnchorList01 li:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html .menuAnchorList01 li {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	.menuAnchorList01 li.odd {
		background: #ddd;
	}
		.menuAnchorList01 li p.menu {
			float: left;
		}
		.menuAnchorList01 li p.price {
			float: right;
		}
			.menuAnchorList01 li p a {
				color: #00c;
			}

.menuCourseText {
	padding: 0 27px 13px;
	margin-bottom: 20px;
	font-weight: bold;
}
.menuCourseText01 {
	border-bottom: 1px solid #999;
	padding: 0 27px 13px;
	margin-bottom: 20px;
	font-weight: bold;
}
.menuCourseText02 {
	padding:0px;
	margin:0px;
	font-weight: bold;
}
.menuCoursePrice01 {
	text-align: center;
}
	.menuCoursePrice01 table {
		margin: 0 auto;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
		.menuCoursePrice01 table th {
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			background-color: #eee;
			vertical-align: middle;
			text-align: center;
			font-size: 115%;
			font-weight: bold;
			width: 180px;
		}
		.menuCoursePrice01 table td {
			text-align: center;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			width: 317px;
		}
			.menuCoursePrice01 table th div,
			.menuCoursePrice01 table td div {
				padding: 8px;
			}
				.menuCoursePrice01 table td div span {
					font-size: 75%;
				}
.menuCourseImage01 {
	margin:0px 0px 0px 10px;
	float: right;
	width: 350px;
	background: url(/static/img/bg_menu_course01.gif) no-repeat left top;
}
	.menuCourseImage01 table {}
		.menuCourseImage01 table td {
			width: 350px;
			height: 350px;
			vertical-align: middle;
			text-align: center;
		}
			.menuCourseImage01 table td img {
				max-width: 340px;
				max-height: 340px;
			}
			* html .menuCourseImage01 table td img {
				width: expression(this.offsetWidth > 350? "350px" : this.offsetWidth + "px");
				height: expression(this.offsetHeight > 350? "350px" : this.offsetHeight + "px");
			}
			
.menuCourseImage02 {
	margin:0px 0px 30px 10px;
	float: right;
	width: 350px;
	text-align:right;
	background: url(/static/img/bg_menu_course02.gif) no-repeat right top;
}
	.menuCourseImage02 table {
		width: 120px;
		float:right;}
		.menuCourseImage02 table td {
			width: 120px;
			height: 120px;
			vertical-align: middle;
			text-align: center;
		}
			.menuCourseImage02 table td img {
				float:right;
				max-width: 120px;
				max-height: 120px;
			}
			* html .menuCourseImage02 table td img {
				width: expression(this.offsetWidth > 120? "120px" : this.offsetWidth + "px");
				height: expression(this.offsetHeight > 120? "120px" : this.offsetHeight + "px");
			}



.menuCourseImage03 {
	margin:10px 0px 20px 0px;
	width: 350px;
}
.menuCourseImage03 table td {
	width: 66px;
	height: 66px;
	vertical-align: middle;
	text-align: center;
	background: url(/static/img/bg_menu_course03.gif) no-repeat right top;
}
.menuCourseImage03 table td.space {
	width: 5px;
	height: 66px;
	vertical-align: middle;
	text-align: center;
	background: none;
}
.menuCourseImage03 table td img {
	max-width: 62px;
	max-height: 60px;
}


* html .menuCourseImage03 table td img {
	width: expression(this.offsetWidth > 66? "66px" : this.offsetWidth + "px");
	height: expression(this.offsetHeight > 66? "66px" : this.offsetHeight + "px");
}

.menu01price{width:350px; text-align:right; font-size:130%; font-weight:bold; line-height:2em; clear:both;}
.menu_price_summary{width:235px; float:right; font-size:110%; text-align:right; line-height:1em;}

.menu04price{text-align:right; font-size:130%; font-weight:bold; padding:0 15px 0 0;}
.menu04_price_summary{width:235px; float:right; font-size:110%; text-align:right; padding:0 15px 10px 0; line-height:1em;}

.push{
	display:block;
	/* width:50px;*/
	width:auto;
	height:20px;
	background:#f03;
	text-align:center;
	line-height:20px;
	font-size: 0.7em;
	color:#fff;
	float:left;
	margin:3px 5px 0 3px;
	padding:0 5px;
}

.productNoImage01 {
	margin:0px 0px 0px 10px;
	float: right;
	width: 350px;
}

.service_imgbox1 {
	width:340px;
	margin:0 auto;
}
	
.service_imgbox2 {
	width:62px;
	margin:0 auto;
}