@charset "utf-8";

/*
	File Name   : content.css
	Description : コンテンツエリア関係 他
*/


/* Heading
----------------------------------------------------------- */



/* Box, Paragraph
----------------------------------------------------------- */
.align1 {
	text-align: right;
}

.align2 {
	text-align: center;
}



/* List
----------------------------------------------------------- */



/* Table
----------------------------------------------------------- */



/* Link
----------------------------------------------------------- */



/* Clearfix
----------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */




/* institution
----------------------------------------------------------- */

.institutionMainImg {
	margin-bottom: 20px;
}

h3.institution {
	color: #396a06;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background: url(../img/institution/border_dotted_solid.gif) left bottom repeat-x #fff;
}

h4.institution {
	color: #FFF;
	font-weight: bold;
	font-size: 120%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #407011;
	background: url(../img/institution/dot_pattern.gif) left top repeat;
}




.institutionPriceList {
	padding-bottom: 20px;
}

.institutionPriceList img {
	float: left;
}




.institutionOutline {
	padding-bottom: 20px;
}

.institutionOutline table {
	width: 740px;
	float: left;
}

.institutionOutline table th {
	width: 180px;
	padding: 7px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #3c6d0b;
	background-color: #f3f3f3;
	border-left: 3px solid #407011;	
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.institutionOutline table td {
	padding: 7px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.institutionOutline .imgArea {
	float: right;
}

.institutionOutline .imgArea img {
	display: block;
}

.institutionOutline .topImg {
	margin-bottom: 10px;
}




.institutionRestaurant {
	padding-bottom: 20px;
	border-bottom: 1px dotted #9CB482;
	margin-bottom: 20px;
}

.institutionRestaurant table {
	width: 200px;
}

.institutionRestaurant table th {
	padding: 7px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #3c6d0b;
	background-color: #f3f3f3;
	border-left: 3px solid #407011;	
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.institutionRestaurant table td {
	padding: 7px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.institutionRestaurant .imgArea {
	float: right;
}

.institutionRestaurantMenuTable {
	width: 960px;
	margin-bottom: 5px;
}

.institutionRestaurantMenuTable td {
	width: 230px;
	text-align: left;
	vertical-align: top;
}

.institutionRestaurantMenuTable td.cell1 {
	padding-right: 13px;
}

.institutionRestaurantMenuTable td.cell2 {
	padding-right: 13px;
}

.institutionRestaurantMenuTable td.cell3 {
	padding-right: 13px;
}

.institutionRestaurantMenuTable td.cell4 {
	text-align: right;
}

.institutionRestaurantMenuTable td.caption {
	padding: 7px 0;
}

.institutionRestaurantMenu {
	text-align: center;
	margin-bottom: 20px;
}




.institutionTournament {
	padding-bottom: 20px;
}

.institutionTournament table {
	width: 200px;
}

.institutionTournament table th {
	padding: 7px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #3c6d0b;
	background-color: #f3f3f3;
	border-left: 3px solid #407011;	
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.institutionTournament table td {
	padding: 7px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #cccccc;
}

.institutionTournament .imgArea {
	float: right;
}

.member {
	float: left;
	margin-right: 10px;
}


/* course
----------------------------------------------------------- */

.courseMainImg {
	margin-bottom: 20px;
}

h3.course {
	color: #396a06;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background: url(../img/course/border_dotted_solid.gif) left bottom repeat-x #fff;
}




.courseNavi {
	padding-bottom: 20px;
}

.courseNavi ul li {
	float: left;
}

.courseNavi ul li.harima {
	padding-right: 15px;
}

.courseNavi ul li.mimasaka {
	padding-right: 15px;
}




table.course {
	width: 960px;
}

table.course td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 30px;
}

table.course td.cell1 {
	width: 456px;
	padding-right: 48px;
}

table.course td.cell2 {
	width: 456px;
}

table.course td .img {
	float: left;
}

table.course td .infoArea {
	float: right;
	width: 337px;
}

table.course td .detail {
	color: #396a06;
	padding: 5px 0;
	border-bottom: 1px dotted #9cb482;
}

table.course td .explanation {
	padding: 7px 0 10px;
}

table.course td .map {
	clear: both;
}

/* plan
----------------------------------------------------------- */

.planMainImg {
	margin-bottom: 20px;
}

h3.plan {
	color: #396a06;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background: url(../img/course/border_dotted_solid.gif) left bottom repeat-x #fff;
}




.planNavi {
	padding-bottom: 20px;
}

.planNavi ul li {
	float: left;
}

.planNavi ul li.harima {
	padding-right: 15px;
}

.planNavi ul li.mimasaka {
	padding-right: 15px;
}


.planWrap {
	width: 760px;
	overflow: hidden;
	float: left;
}

h4.plan {
	color: #FFF;
	font-weight: bold;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	background: url(../img/institution/dot_pattern.gif) left top repeat;
}


.planList {
	width: 820px;
}


.planList li{
	width: 360px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.planList li dt{
	color: #396a06;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background: url(../img/course/border_dotted_solid.gif) left bottom repeat-x #fff;
}

.planList li dd .img {
	float: left;
}

.planList li dd .infoArea {
	float: right;
	width: 210px;
}

.planList li dd .detail {
	padding: 5px 0;
	border-bottom: 1px dotted #9cb482;
}

.planList li dd .explanation {
	padding: 7px 0 10px;
}

.planList li dd .map {
	clear: both;
}


.planList li dd .explanation a img{
	margin-bottom: 10px;
}















table.plan {
	width: 760px;
	margin-right: 20px;
	float:left;
}

table.plan td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 30px;
}

table.plan td.cell1 {
	width: 370px;
	padding-right: 20px;
}

table.plan td.cell2 {
	width: 370px;
}

table.plan td .img {
	float: left;
}

table.plan td .infoArea {
	float: right;
	width: 220px;
}

table.plan td .detail {
	padding: 5px 0;
	border-bottom: 1px dotted #9cb482;
}

table.plan td .explanation {
	padding: 7px 0 10px;
}

table.plan td .map {
	clear: both;
}

table.plan_list td {
  background-color: #396A06;
  padding: 10px;
  color: #FFFFFF;
}

table.plan_list2 {
	float: right;
}

table.plan_list2 ul{
	background-color: #396A06;
	padding:10px 10px 5px 10px;
	margin-bottom: 10px;
}

table.plan_list2 ul.day{
	background-color: #E7C3C3;
}

table.plan_list2 li{
	margin-bottom: 5px;
}

table.plan_list2 a {
	color: #fff;
}

a:hover img.over {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.reserv_btn {
	overflow: hidden;
	width:970px;
	margin-bottom: 20px;
}

.reserv_btn li{
	float: left;
	width: 313px;
	margin-right: 10px;
}


.reserv_step {
	overflow: hidden;
	color: #396A06;
	border-bottom: 1px solid #396A06;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.reserv_step dt{
	float: left;
	width: 125px;
}

.reserv_step dd {
	padding-top: 7px;
}

.reserv_step dd span{
	color: #FF6600;
}