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


.right_icon{
	width:10%;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}
.right_icon img{
	height:16px;
	width:16px;
}
/*detail*/
h3{
	background-image:url(../img/bg_sand_title.jpg);
	text-align:center;
	line-height:20px;
	font-size:12px;
}

.course_detail{
	padding:5px 10px;
	background-color:#FFF;
}
.course_detail .wrap {
	overflow:hidden;
}
.course_detail .wrap .course_area{
	background-color:#FFF;
	color:#BBAEAC;
	font-size:12px;

}
.course_detail .wrap .course_area span.area_name{
padding : 5px 0 0 0;
	display:block;
}
.course_detail .wrap .course_area span.word{

	display:block;
}


hr.s1{
	margin:0 auto 10px;
	border:none;
	border-top:#E2DCDA dotted 1px;
	text-align:center;
}

.course_detail ul{
	list-style:none;
}
.course_detail li{
	margin-bottom:5px;
	margin-right:15px;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
	float:left;
}
.course_detail li img{
	padding-bottom:2px;
	padding-right:2px;
	height:14px;
	vertical-align:middle;
	line-height:14px;
}
.course_detail li.point{
	font-weight:bold;
}
.course_detail li.point a{
	color:#D96D00;
}

li.course_img{
	list-style:none;
	margin:10px auto;
	width:98%;
	text-align:center;
}
li.course_img img {
	width:250px;
	height : auto;
}

li.course_img span {
font-size : 12px;
text-align: left;
}



.course_detail_com{
	margin:0 auto 20px auto;
	padding:10px;
	width:90%;
	background:#F0E0CE;
	font-size:12px;
	text-align:center;
	line-height:1.5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.course_detail_com p{
	text-align:left;
}
.course_detail_com a.more{
	margin:5px auto 0;
	padding:5px;
	width:85%;
	background:#DEA258;
	text-align:center;
	vertical-align:middle;
	line-height:25px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
	display:block;
}
.course_detail_com a.more img{
	padding:0 3px 5px 0;
	width:15px;
	vertical-align:middle;
}
.course_routemap{
	margin:15px auto 10px;
	text-align:center;
}
.course_routemap img{
	width:90%;
}

.course_put_distance{
	margin:0 auto;
	width:100%;
	color:#9F8B84;
	border-bottom:#9F8B84 dotted 1px;
	background:#DBD1CC;
	text-align:center;
	line-height:18px;
}
.course_put_distance img{
	margin-right:3px;
	width:10px;
}
.course_min_box2{
	margin:0 auto;
	border-bottom:#9F8B84 dotted 1px;
	background:#FFF;
}
.course_min_box2 .in_table{
	height:auto;
	width:100%;
	display:table;
	text-decoration:none;
}
.course_min_box2 .in_table .left_photo{
	width:20%;
	vertical-align:middle;
	display:table-cell;
}
.course_min_box2 .in_table .left_photo img{
	width:100%;
	vertical-align:middle;
}
.course_min_box2 .in_table .right_text{
	width:70%;
	border:10px solid #fff;
	vertical-align:middle;
	display:table-cell;
}

#course_insertion_com {
	margin:5px auto;
	padding:10px;
	width:98%;
	color:#666;
	background-color:#F0E0CE;
	border-radius:5px;
	font-size:12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position:relative;
}
#course_insertion_com:after {
	border:7px solid transparent;
	border-bottom-color:#F0E0CE;
	border-top-width:0;
	top:-7px;
	content:"";
	display:block;
	left:48%;
	position:absolute;
	width:0;
}
#course_insertion_com a.more{
	margin:5px auto 0;
	padding:5px;
	width:85%;
	color:#746556;
	background:#CFC3BA;
	text-align:center;
	vertical-align:middle;
	line-height:25px;
	font-weight:bold;
	border:#746556 solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
	display:block;
}
#course_insertion_com a.more img{
	padding:0 3px 3px 0;
	width:15px;
	vertical-align:middle;
}
li.course_title img{
	margin-right:3px;
	padding-bottom:2px;
	width:15px;
	vertical-align:middle;
}

#content {

font-size: 12px;
padding: 10px;
}

#content h1{
	background-image:url(../img/bg_sand_title.jpg);
	text-align:center;
	line-height:44px;
	font-size:15px;
}

#content h2{
color: #26190c;
line-height: 25px;
padding: 5px 5px;
font-size : 14px;
}

#content h3 {
background : none;
text-align: left;
}

#content p {
padding : 7px 0;
}

#content img {
	width : 100%;
	height : auto;
	}

.box {

}

	.box ul {
	}

		.box ul li {

		}

			.box ul li dl {
			padding : 10px 0;
			border-bottom : dotted 1px #999;
			display: table;
			width: 100%;
			}

				.box ul li dl dt {
				padding : 0 10px 0 0;
				display: table-cell;
				vertical-align: middle;
				width : 70px;
				}

					.box ul li dl dt div {
					width : 70px;
				height: 70px;
					}

				#rthumb {
				width : 60px;
				height: 60px;
}

				.box ul li dl dd {
				float: left;
				display: table-cell;
				width: 100%;
				vertical-align: middle;
				}

				.box ul li dl dd p {
				vertical-align: middle;
				}

				.box ul li dl dd p.view {
				text-align: right;
				font-size : 12px;
				color : #777;
				}


#list_wrap {
padding : 10px 0;
border-bottom : solid 1px #999;
}

	#list_wrap p {
	color : #666;
	font-size : 13px;
	}

	#list_wrap h2 {
	padding : 15px 0 0 0;
	font-weight : bold;
	font-size   : 15px;
	color : #666;
	}

#list_page {
margin : 20px auto 0 auto;
width : 100%;
display: table;
}

	#list_page div {
	width : 113px;
	position: relative;
	height: 50px;
	}

	#left {
	display: inline-block;
	text-align: left;
	}

	#next {
	display: inline-block;
	text-align: right;
	}

	#list_page p {
	padding : 6px 0 0 0;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	width: 100%;
	}

	#list_page a {
	background-color: #cfc3ba;
    border: 1px solid #746556;
    border-radius: 5px;
    color: #483e33;
    font-size: 13px;
    height: 32px;
    left: 5px;
    line-height: 32px;
    margin-right: 5px;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
	}

		#list_page a img {
		height: 17px;
    	margin-bottom: 0.5em;
    	margin-right: 0.2em;
    	margin-top: 0.2em;
    	vertical-align: middle;
    	width: 11px;
		}

.category_list {
width : 100%;
}

.category_list li {
width : 49%;
float : left;
list-style : none;
text-align : center;

border-bottom : solid 1px #999;
}

.category_list li a {
display : block;
width : 100%;
height : 40px;
line-height : 40px;
}

.category_list li:nth-child(odd) {
border-right : solid 1px #999;
}

	.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */