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


#mainHead { margin: 0 0 30px; padding: 6px 0 0; color: #4c3925; background: url(/short/select/img/bg_head_t.jpg) left top repeat-x;}
#mainHead .title { position: relative; padding: 10px 15px 10px 90px; font-size: 14px; background: url(/short/select/img/bg_head_c.jpg); overflow: hidden;}
#mainHead .title .flag { position: absolute; top: 10px; left: 15px;}
#mainHead .title h2 { margin: 3px 0; font-size: 20px; font-weight: bold;}
#mainHead .title .titleText {float: left;}
#mainHead .code {font-size: 13px; float: right; margin: 44px 0 0 15px;}
#mainHead .end {}
#mainHead .end img { position: absolute; top: 10px; right: 15px;}
#mainHead .catch { position: relative; padding: 15px 0 15px 50px; font-size: 18px; font-weight: bold; background: url(/short/select/img/bg_head_b.jpg) left bottom repeat-x #F8F8F8;}
#mainHead .catch:after { position: absolute; content: " "; top: 0; left: 15px; bottom: 0; width: 25px; background: url(/short/select/img/icon_star.png) left center no-repeat;}

.boxes { margin: 0 0 40px; font-size: 16px;}
.boxes h3 { position: relative; margin: 0 0 10px; padding: 0 10px 17px; font-size: 20px; color: #4c3925; background: url(/short/select/img/img_headline.jpg) left bottom repeat-x;}
.boxes h3:after { position: absolute; content: " "; width: 39px; top: 0; bottom: 0; left: 5px; background: url(/short/select/img/img_lines.jpg) left bottom no-repeat;}
.boxes h3 span { letter-spacing: 0; font-size: 14px; font-weight: normal;}
.boxes table { width: 100%;}
.boxes table * { font-size: 14px;}
.boxes th { padding: 5px; color: #fff; border: 1px solid #ccc; vertical-align: middle; background-color: #CEC28D;}
.boxes th.w120 { width: 120px;}
.boxes td { padding: 5px; border: 1px solid #ccc;}
.notice { font-size: 12px; vertical-align: top;}


#box01 .left { float: left; width: 300px;}
#box01 .left img { margin: 2px 0 0;}
#box01 .left .photo { margin: 15px 0 0;}
#box01 .right { float: right; width: 630px;}

#box02 p,
#box03 p { padding: 0 5px;}
#box03 span.course_caution { margin:0px 5px; font-size: 14px;}

#box04 { margin: 0 0 20px;}
#box04 .single { padding: 0 0 20px;}
#box04 table { table-layout: fixed;}
#box04 table td { text-align: center;}
#box04 table td.item_time { width: 9em;}
#box04 tr.bg { background-color: #B4A569; color: #FFFFFF; text-align: center;}
#box04 th { text-align: center; white-space: nowrap;}
#box04 td { vertical-align: middle;}
#box04 ul { margin:0px 5px; font-size: 14px;}
#box04 h4,
#box06 caption { margin: 0 0 5px 3px; padding: 0 8px; border-left: 3px solid #4c3925; font-size: 14px; font-weight: bold; color: #4c3925; text-align: left;}

#box05 th { width: 60px; text-align: center;}
#box05 td b { color: #0000CC; font-weight: bold;}

#box06 { margin: 0px;}
#box06 table { margin: 0 0 5px;}
#box06 tr.bg { background-color: #FAF6CF;}
#box06 th { text-align: center;}
#box06 th strong { font-size:14px;}
#box06 td { text-align: center; vertical-align: middle;}
#box06 .title { width: 105px;}
#box06 .item { text-align: left; white-space:nowrap;}
#box06 ul { margin: 0 5px;}
#box06 .price_caption { margin: 0px 5px 20px;}
#box06 li { margin: 0 0 0 1.1em; text-indent: -1.1em; font-size: 14px;}
#box06 li.pink { color: #ff7e63;}


#box_columns { margin: 0 0 40px; padding: 10px; border: 1px solid #cec38e; background: #f7f4ea; border-radius: 6px;}
#box_columns h3 { margin: 0 0 10px;}
#box_columns h4,
#box_columns li h4 { font-weight: bold; margin-bottom: 5px;}
#box_columns ol.list_point { display:inherit;}
#box_columns ol.list_suggest li { font-weight:bold; font-size:14px;}
#box_columns li { margin-left:2em; padding-top:5px;}
#box_columns ol.list_point li { padding-top:0;}
#box_columns li p strong { color:#FF6600;}
#box_columns ul.inner { padding: 8px 0;}
#box_columns ul.inner li { float: left; width: 33%; padding: 0; margin: 0;}

#box_english { margin: 0 0 40px;}


#box_country { margin-bottom:40px;}
#box_country table { table-layout: fixed;}
#box_country th { color: #FFFFFF; background: #CEC28D;}
#box_country th,
#box_country td { border: 2px solid #FFFFFF; line-height: 1.5em; padding-left: 2px; letter-spacing: 0;}


#bottom_entry { padding: 25px 0; text-align: center;}
#bottom_entry p strong { color: red;}
#bottom_entry .tel { margin: 10px 0 0;}

#bottom_navi { width: 740px; margin: 0 auto 30px;}
#bottom_navi li { float: left; width: 175px; padding: 0 5px;}
#bottom_navi li a { display: table-cell; /display: block; width: 145px; height: 60px; padding: 0 0 0 30px;
vertical-align: middle; text-decoration: none; font-size: 13px; font-weight: bold; line-height: 1.25; letter-spacing: 0; color: #ff3366;
background: url(/img/conset/btn_foot_4p.png) center top no-repeat;}
#bottom_navi li a:visited { color: #C64B68;}
#bottom_navi li a:hover { color: #ff3366; background-position: center bottom;}


.entryArea p {text-align: center; font-size: 18px; font-weight: bold;}
.entryArea {background-color: #fef3d9; padding: 35px 0 25px; margin: 35px 0 40px;}
.entryArea ul {text-align: center;}
.entryArea ul li {display: inline-block; padding: 10px; margin: 10px;}

.entryArea .btn01 a {
	width: 300px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #50b4d2 !important;
	padding: 13px 0px;
	background-color: #fff;
	border: 1px solid #50b4d2;
	border-radius: 5px;
	text-decoration: none;
}

.entryArea .btn02 a {
	width: 300px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff !important;
	padding: 13px 0px;
	background-color: #ff6400;
	border: 1px solid #ff6400;
	border-radius: 5px;
	text-decoration: none;
}

/*中高生　年齢アイコン用*/
#mainHead { position: relative;}
#mainHead .mrk_age_cmn { float: right; line-height: 1;}
#mainHead .mrk_age_cmn p {display: inline-block;}

