/* /// Model Course top /// */

#main {
	/*font-family: sans-serif;*/
	text-align:left;
}

#title_box {
	width: 800px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#title_box .photobox {
	float: left;
	width: 393px;
	height: 245px;
	background: url(images/model_course_photo_bg.gif) no-repeat right bottom;
	margin-right: 27px;
}

#title_box .titlecolumn {
	float: left;
	width: 380px;
	margin-top: 30px;
}

#title_box .titlecolumn h2, #title_box .titlecolumn h3 {
	color: #4c4c4c;
	/*font-family: "ＭＳ Ｐ明朝", 細明朝体, "ヒラギノ明朝 Pro W3", serif;*/
}

#title_box .titlecolumn h2 {
	color: #4c4c4c;
	border-bottom: 1px solid #666;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

#title_box .titlecolumn h3 {
	margin-bottom: 30px;
}

.row {
	margin-bottom: 10px;
	width: 800px;
}

.containerL, .containerR {
	float: left;
	background: url(../model_course/images/model_course_frame.gif) no-repeat;
	width: 388px;
	height: 133px;
}

.containerL {
	margin-right: 24px;
}

.map {
	margin-top: 24px;
	width: 134px;
	float: left;
	text-align: center;
}

.catchcolumn {
	margin-top: 35px;
	float: left;
	width: 253px;
}

.catchcolumn p.catchcopy {
}

.catchcolumn p.areaname {
	background-color: #6889c6;
}

.catchcolumn p.areaname a {
	display: block;
}

.catchcolumn p.areaname a:hover {
	background-color: #695eff;
}

/* /// Model Course1~6 /// */

#course_titleBox {
	width: 800px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#course_titleBox .photobox {
	float: left;
	width: 393px;
	height: 245px;
	background: url(images/model_course_photo_bg.gif) no-repeat right bottom;
	margin-right: 27px;
}

#course_titleBox .columnR {
	float: left;
	width: 380px;
	margin-top: 30px;
}

#course_titleBox .columnR .areamap {
	width: 80px;
	float: left;
	margin: 0;
}

#course_titleBox .titlecolumn {
	float: left;
	width: 300px;
	margin: 0;
}

#course_titleBox .columnR .titlecolumn h2 {
	/*font: bold 24px "ＭＳ Ｐ明朝", 細明朝体, "ヒラギノ明朝 Pro W3", serif;*/
	padding-bottom: 4px;
}

#course_titleBox .titlecolumn h3 {
	padding: 4px 3px 3px 4px;
	background-color: #6889c6;
	color: #fff;
	font-size: 15px;
}

#course_titleBox .columnR p {
	color: #4c4c4c;
	font-size: 86%;
	padding-top: 30px;
}
.course_row {
	margin-bottom: 10px;
	color: #333;
}

.course_row_btm {
	margin-bottom: 20px;
	color: #333;
}

.course_column1st {
	float: left;
	width: 185px;
}

.course_column {
	float: left;
	width: 185px;
	margin-left: 20px;
}

.course_column1st p, .course_column p {
	text-align: center;
}

.course_row p.catchcopy {
	border-top: 6px solid #f37b06;
	font-weight: bold;
	font-size: 12px;
	padding-top: 4px;
	text-align: left;
}

.course_row p.coursePhoto {
	margin-top: 8px;
	margin-bottom: 3px;
}

.course_row p.courseTitle {
	font-weight: bold;
	font-size: 12px;
}

.course_row p.courseNote {
	text-align: left;
}

div.course_chart {
	width: 185px;
	margin-bottom: 10px;
}

div.course_chart div.coursePoint {
	margin: 0;
	padding: 0 0 3px;
	background: url(images/model_course_placebox_bg.gif) no-repeat 0 bottom;
}

div.course_chart div.coursePoint p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: url(images/model_course_placebox_top.gif) no-repeat 0 top;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 0;
}

div.course_chart p.interPoint {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 46px;
	border-left: 14px solid #999;
	padding-left: 6px;
	text-align: left;
	height: 100%;
}
#sawayaka_frame .coursePoint a:link,#sawayaka_frame .coursePoint a:visited{color:#FFF;}
#sawayaka_frame .coursePoint a:hover,#sawayaka_frame .coursePoint a:active{color: #ff2d96;}

/* end css */