@charset "Shift_JIS";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 result
--------------------------------------------------------------------------------------- */
#layout_com .result_contents {
	background:none;
}

/* main
------------------------------ */
.result_contents #main{
    width: 1004px;	
}

/* title ------------------------------ */

h1.resultTitle {
	margin-bottom: 5px;
	color: #333333;
	font-size: 123%;
	font-weight: bold;
}

h1.resultTitle img {
	margin-right: 15px;
	vertical-align: text-top;
}


/* resultBox ------------------------------ */

.resultBox {
	margin: 10px 0 18px;
	padding: 6px 15px 6px/*12px 15px 6px 15px*/;
	background: #f2f2f2;
}

.resultBox p span.school {
	color: #d62c2c;
	font-size: 100%;
}

.resultBox p span.num {
	color: #d62c2c;
	font-size: 140%;
	font-weight: bold;
}

/* refine --------------------------------- */
.refine{
	margin:0px 0 18px;
/*	height:72px;*/
	background:#93d1e4;
	border-radius:6px;
	padding:5px 5px 5px;
}
.refine_in{
	background:#fff;
	border-radius:6px;
	padding: 3px 0 5px;
/*	height:50px;*/
}
p.refine_p{
	font-size:13.5px;
	font-weight:bold;
	color:#fff;
	padding:0 5px 3px;
}
.refine_ul{
	margin:2px 14px;
}
.refine_ul li{
	float:left;
	padding: 4px 6px 5px 0;
}
.refine_ul li a img{
	vertical-align:middle;
	margin:0 4px 0 0;
}


/* serch_refine --------------------------- */
.serch_refine{
	margin:0px 0 20px;
	padding:5px 5px 5px;
	height:auto;
	border-radius:6px;	
	background:#93d1e4;
}
.serch_refine_in{
	background:#fff;
	border-radius:6px;
	padding:7px 12px;
	height: auto;
}
p.serch_p{
	font-size:13.5px;
	font-weight:bold;
	color:#fff;
	padding:0 5px 3px;
}
p.choice{
	float:left;
	margin:1px 5px 0 0;
	font-weight:bold;
	background:#d9f0f7;
	border-radius:3px;
	padding:7px 8px;
}

select.cn_none {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
.form_all {
	float:left;
	margin:0 14px 0 0;
    width:200px;
    height:30px;
	
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 0.2em;
  border: 1px solid #ccc;
  background-color: white;
}
.form_all > select {
  width: 110%;
  padding: 0.6em 2.4em 0.6em 0.6em;
}
.form_all:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url(../img/result/select_img.png) center no-repeat;
  pointer-events: none;
}

p.checkbox{
	margin:3px 8px 0;
	float: left;
}

p.checkbox input#taiken[type="checkbox"],
p.checkbox input#online[type="checkbox"] {
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%) repeat scroll 0 0;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    box-sizing: border-box;
    height: 22px;
    width: 22px;	
    margin-right: 5px;
    position: relative;
    vertical-align: -5px;
}

#submit_bt{
	margin:0 auto;
}
.bt_serchsc:hover {
	opacity: 0.75;
}

/* serch_refine --------------------------- */
.serch_box{
	margin:0px 0 20px;
	padding:5px 5px 5px;
	border-radius:6px;	
	background:#93d1e4;
}
.serch_box_in{
	background:#fff;
	border-radius:6px;
	padding:7px 12px 0;
}
.serct_txtbox{
	border:0;
	padding:5px;
	font-size:14px;
	border:solid 1px #ccc;
	margin:5px 0 6px;
	width:870px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/* noticeBox ------------------------------ */

.noticeBox {
	margin: 0 0 20px;
	padding: 5px 25px 5px;
	border: 1px solid #cccccc;
}

.noticeBox dl dt {
	margin: 10px 0 0;
	font-weight: bold;
}

#main .noticeBox dl dt img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

#main .noticeBox dl dt a:link,
#main .noticeBox dl dt a:visited {
	color: #333333;
	text-decoration: underline;
}
#main .noticeBox dl dt a:hover,
#main .noticeBox dl dt a:active {
	color: #4fa6c1;
	text-decoration: underline;
}

.noticeBox dl dd {
	padding: 0 0 5px;
	background: url(/online/img/bg_dotline.gif) repeat-x left bottom;
	font-size: 93%;
}

.noticeBox dl dd.nobg {
	background: none;
}

/* 注目の学校20110830追記 */
p.chumoku {
	height: 24px;
}


/* categoryBox ------------------------------ */

.categoryBox {
	padding: 10px 20px;
	border-bottom: 1px solid #cccccc;
}
.categoryBox.bg {
	background: #F4FCFF/*#ebf9fe*/;
}

/* pathBox */

.categoryBox .pathBox {
	width: 960px;
	margin: 0 0 5px;
}

.categoryBox .pathBox p.notice {
	float: left;
	width: 90px;
	margin-right: 20px;
}
.categoryBox .pathBox p.notice img{
	width: 90px;
	height:20px;
}

.categoryBox .pathBox ul {
	float: left;
	width: 520px;
	padding-top: 3px;
	font-size: 11px/*77%*/;
	line-height: 1.1;
}
/*
#wrap .categoryBox .pathBox ul li a{
	color: #484848;
}*/
	
.categoryBox .pathBox ul li {
	display: inline;
}

/* detailBox */

.categoryBox .detailBox {
	width: 960px;
}

.categoryBox .detailBox .leftBlock {
	float: left;
	width: 720px;/*820px*/
	margin:0 10px 0 0;
}

.categoryBox .detailBox .leftimgBlock {
    float: left;
    width: 85px;
	padding-top: 5px;	
}
.categoryBox .detailBox .leftimgBlock img{
    width: 85px;
	height:80px;
}

.categoryBox .detailBox .rightBlock {
	float: right;
	width: 120px;
	padding-top: 5px;
}
/*
#wrap .detailBox .leftBlock ul li a{
	color: #484848;
}*/
.categoryBox .detailBox h3 {
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
}

.categoryBox .detailBox h3 img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

#main .categoryBox .detailBox h3 a:link,
#main .categoryBox .detailBox h3 a:visited {
	color: #0075b5/*#000000*/;
	text-decoration: underline;
}
#main .categoryBox .detailBox h3 a:hover,
#main .categoryBox .detailBox h3 a:active {
	color: #4fa6c1;
	text-decoration: underline;
}

.categoryBox .detailBox p.catch {
	font-weight: bold;
}

.categoryBox .detailBox .leftBlock ul {
	padding-top: 5px;
}

/* ページネーション */
.pagination {
	text-align: center;
	margin: 15px 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	clear: both;
}
.pagination li {
	display: inline-block;
	margin: 0 2px;
	border: 1px #D7D7D7 solid;
	font-weight: bold;
	text-align: center;
}
.pagination .prev,
.pagination .next {
	border: none;
}
.pagination li a {
	display: block;
	color: #636363;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.pagination li a:link,
.pagination li a:visited {
	text-decoration: none;
}
.pagination li a:hover,
.pagination li a:active {
	background-color: #efefef;
	text-decoration: none;
}
.pagination li em {
	display: block;
	background: #717378;
	color: #FFFFFF;
	width: 30px;
	height: 30px;
	line-height: 30px;
}



/* recommendBox ------------------------------ */

.recommendBox {
	width: 670px;
	background: url(/online/img/result/bg_recommend01.gif) repeat-y;
}

.recommendBoxInner {
	width: 670px;
	background: url(/online/img/bg_dotline.gif) repeat-x;
}

.recommendBoxInner02 {
	width: 670px;
	padding: 10px 0;
	background: url(/online/img/bg_dotline.gif) repeat-x left bottom;
}

.recommendBox .lineBox {
	width: 640px;
	margin-left: 20px;
	background: url(/online/img/result/bg_recommend02.gif) repeat-y;
}

.recommendBox .leftBlock {
	float: left;
	width: 215px;
}

.recommendBox .leftBlock p {
	float: left;
}

.recommendBox .leftBlock p.gold {
	margin-right: 18px;
}

.recommendBox p.txt {
	float: right;
	width: 390px;
	font-size: 93%;
}


/* side
------------------------------ */

#side .searchBox {
	padding: 20px 20px 15px;
	background: #f3f3f3;
}


/* search ------------------------------ */

#side .searchBox dl.search {
	width: 225px;
	color: #333333;
}

#side .searchBox dl.search dt {
	padding: 0 0 15px;
	background: url(/online/img/result/bg_line.gif) repeat-x left bottom;
	font-size: 123%;
	font-weight: bold;
}

#side .searchBox dl.search dd {
	margin: 0 5px;
	padding: 10px 0 6px;
}

#side .searchBox dl.search dd.school {
	border-bottom: 1px solid #d8d8d8;
}


#side .searchBox dl.search dd p {
	margin-bottom: 6px;
}

/* school */

#side .searchBox dl.search dd.school span.notes {
	margin-left: 15px;
	color: #999999;
	font-size: 86%;
}

#side .searchBox dl.search dd.school p {
	padding-top:10px;
	margin:0px;
}


#side .searchBox dl.search dd.school input.txt {
	width: 175px;
	margin: 2px;
	padding: 4px 0 4px 8px;
	border: 1px solid #cccccc;
	color: #000000;
}
#side .searchBox dl.search dd.school input.txt:focus,
#side .searchBox dl.search dd.school input.txt.focused {
	margin: 0;
	border: 3px solid #a2d7e8;
	color: #000000;
}

/* condition */

#side .searchBox dl.search dd.condition select {
	font-size: 93%;
}

#side .searchBox dl.search dd p.centerBtn {
	margin-top: 6px;
	text-align: center;
}


/* other ------------------------------ */

#side .searchBox dl.other {
	margin: 15px 5px 0;
}

#side .searchBox dl.other dt {
	margin-bottom: 5px;
	color: #333333;
	font-size: 108%;
}


/* --------------------------------------------------------------------------------------
 detail
--------------------------------------------------------------------------------------- */

/* main
------------------------------ */

/* title ------------------------------ */

.titleBox {
	width: 670px;
	margin: 0 0 20px;
	padding: 10px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.titleBoxInner {
	padding: 0 0 0 30px;
	background: url(/online/img/detail/bg_title.gif) repeat-y;
}

.titleBox p.country {
	float: left;
	margin: 0 0 5px;
	font-size: 86%;
}

.titleBox p.country img {
	margin-right: 13px;
	vertical-align: text-bottom;
}

.titleBox p.country img.img_flag {
    margin-right: 0;
}
.titleBox img.img_sol{
    float: left;
    width: 60px;
    height: 56px;
    margin: -3px 10px 10px 0;
}
.title_box_in{
	min-height: 50px;
}
.title_box_in p.school_name{
/*	margin-left: 70px;*/
}

.titleBox h1 {
/*	clear: both;*/
	color: #000000;
	font-size: 154%;
	font-weight: bold;
	line-height: 1.2;
}

.titleBox h1 em{
	font-size: 14px;
	font-weight: normal;
}

/* slide ------------------------------ */

#slideShow1 {
	width: 610px;
	height: 430px;
	margin: 0 0 20px;
	padding: 0 30px 10px;
	background: #f3f3f3;
	border: 0px;
}

#slideShow1 a {
	text-decoration: none !important;
}

#slideShow1 .pagelinks {
	text-align: center;
	width:610px;
}

#slideShow1 .pagelinks a  {
	text-decoration: none;
}

#slideShow1 .pagelinks a.activeSlide {
	color: #333333;
	font-weight: bold;
}

#slideShow1 .slideCaption {
	text-align: center;
	font-weight: normal;
	width:610px;
	margin-bottom:10px;
}

/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide {
	background-image: url(/online/img/detail/spacer.gif);
}

.nextSlide:hover {
	background-image: url(/online/img/detail/nextslide.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.prevSlide:hover {
	background-image: url(/online/img/detail/prevslide.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.inputsTooltip {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

#tooltipURL {
	display: none;
}

/* seminarList----------------------------- */
.seminarList {
/*	height:21px;*/
	margin:15px 0 15px;
}
.seminarList p{
	background: url(/online/img/detail/icon_semi.png) top left no-repeat;
	padding:0 0 8px 98px;
}


/* detailTxt ------------------------------ */

.detailTxt {
	width: 670px;
	margin: 0 0 15px;
}

.detailTxt h2 {
	padding-bottom: 10px;
	color: #000000;
	font-size: 138%;
	font-weight: bold;
}

.detailTxt p.txt {
	float: left;
	width: 517px;
}

.detailTxt p.img {
	float: right;
	width: 120px;
}


/* point ------------------------------ */

dl.point {
	width: 670px;
	margin: 0 0 20px;
	background: url(/online/img/bg_dotline_black.gif) repeat-x left bottom;
}

dl.point dd {
	padding: 13px 0;
	background: url(/online/img/bg_dotline_black.gif) repeat-x;
}

.pkg_text {
	line-height:21px;
	margin:20px 0;
	padding:0 0 0 80px;
    font-size: 16px;
	background: url(/online/img/detail/icon_pkg.png) top left no-repeat;
}

/* 20110829追記 */

dl.point dt h3 {
	font-size: 17px;
	font-weight:bold;
	color:#333333;
	line-height: 26px;
	margin: 2px 0;
	padding: 0 0 0 32px;
}

dl.point dt h3.school {
	background: url(/online/img/detail/icon_seach_school.png) top left no-repeat;
}
dl.point dt h3.class {
	background: url(/online/img/detail/icon_seach_class.png) top left no-repeat;
}
dl.point dt h3.life {
	background: url(/online/img/detail/icon_seach_life.png) top left no-repeat;
}
dl.point dt h3.comment {
	background: url(/online/img/detail/icon_seach_comment.png) top left no-repeat;
}

dl.point em {
	color: #000000;
}

p.taiken_detail {
    margin: 0 auto 20px;
	width: 370px;
}

.taiken_detail a {
	display:block;
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    color: #FFF !important;
	text-decoration:none !important;
	font-weight:bold;
    border: 1px solid #2c7db8;
	background: #328ed2; /* Old browsers */
	background: -moz-linear-gradient(top,  #328ed2 0%, #2f86c4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #328ed2 0%,#2f86c4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #328ed2 0%,#2f86c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328ed2', endColorstr='#2f86c4',GradientType=0 ); /* IE6-9 */
}

/* 他の体験談を読む　20110829追記 */

#another_taiken {
	width: 670px;
	padding-bottom: 15px;
}
#another_taiken p.another_title {
	font-size: 16px;
	font-weight: bold;
 	padding: 15px 0 0 42px;
	background: url(/online/img/detail/another_taiken_t.gif) top left no-repeat;
}
#another_taiken ul{
	margin: 0 0 0 0;
/* 	background: url(/online/img/detail/another_taiken_bg.gif) top left no-repeat; */
	background: #F7F7F7;
	
}

#another_taiken ul li{
	padding: 12px 0 0 40px;
	margin: 0 0 0 40px;
	background: url(/online/img/detail/ico_experience.gif) no-repeat 0 1em;
}
#another_taiken p.taiken_bt {
	padding: 0 20px 20px 0;
	text-align: right;
 	background: url(/online/img/detail/another_taiken_bg.gif) bottom left no-repeat;
}

/* 体験談注意　20111021追記 */
p.attension {
	font-size: 11px;
	margin-bottom: 15px;
}



/* courseBox ------------------------------ */

.courseBox {
	width: 670px;
	margin: 0 0 20px;
}

.courseBox h3 {
	margin-bottom: 20px;
	padding: 6px 0 6px 25px;
	background: url(/online/img/detail/bg_title.gif) repeat-y;
	color: #000000;
	font-size: 123%;
	font-weight: bold;
	line-height: 1.3;
}

.courseBox ul.tab {
	padding: 0 0 0 10px;
	background: url(/online/img/detail/bg_tab.gif) repeat-x left bottom;
}

.courseBox ul.tab li {
	float: left;
	width: 120px;
	height:30px;
	margin-right: 8px;
}

.courseBox ul.tab li.tab01 {
	background: url(/online/img/detail/tab01_on.gif) no-repeat;
}
.courseBox ul.tab li.tab02 {
	background: url(/online/img/detail/tab02_on.gif) no-repeat;
}
.courseBox ul.tab li.tab03 {
	background: url(/online/img/detail/tab03_on.gif) no-repeat;
}

.courseBox ul.tab li.select img,
.courseBox ul.tab li.over img {
	visibility: hidden;
}

.courseBox .lineBox {
	padding: 0 22px 0 21px;
	border: 1px solid #999999;
	border-top: none;
}

/* courseList */

.courseBox .courseList {
	width: 625px;
}

.courseBox .courseList .listBox {
	padding: 15px 0 20px;
}
.courseBox .courseList .listBox.bottomLine {
	border-bottom: 1px solid #cccccc;
}

.courseBox .courseList h4 {
	margin-bottom: 5px;
	color: #000000;
	font-size: 108%;
}

.courseBox .courseList h5 {
	margin-bottom: 3px;
	color: #333333;
}

.courseBox .courseList .tblBox {
	width: 625px;
}

.courseBox .courseList .leftBlock,
.courseBox .courseList .rightBlock {
	float: left;
	width: 310px;
	padding-top: 10px;
}
.courseBox .courseList .rightBlock {
	float: right;
}

.courseBox .courseList table {
	width: 290px;
}

.courseBox .courseList table th,
.courseBox .courseList table td {
	padding: 4px 6px;
	border: 1px solid #cccccc;
	text-align: left;
	vertical-align: top;
}

.courseBox .courseList table th {
	width: 90px;
	background: #f3f3f3;
	white-space: nowrap;
}
.courseBox .courseList table td {
	width: 190px;
	white-space: normal;
	word-break:break-all;
}


/* price */

.courseBox .price {
	width: 625px;
	padding: 25px 0 0;
}

.courseBox .price h4 {
	margin-bottom: 6px;
	padding: 3px 10px;
	background: #a1d5e5;
	color: #ffffff;
	font-weight: bold;
}

.courseBox .price table {
	width: 625px;
	margin-bottom: 5px;
}

.courseBox .price table th,
.courseBox .price table td {
	padding: 4px 10px;
	border: 1px solid #cccccc;
	vertical-align: top;
}

.courseBox .price table th {
	background: #f3f3f3;
	text-align: left;
}

.courseBox .price table tr.top th {
	background: #dddddd;
	text-align: center;
}

.courseBox .price table th.w90 {
	width: 90px;
}
.courseBox .price table th.w140 {
	width: 140px;
}

.courseBox .price table th.normal {
	font-weight: normal;
}

.courseBox .price table th span {
	font-size: 86%;
	font-weight: normal;
}

.courseBox .price table td {
	text-align: right;
}

.courseBox .price table td.left {
	text-align: left;
}

.courseBox .price p.remark {
	margin-bottom: 20px;
	font-size: 86%;
}

/* experience */

.courseBox .experience {
	width: 625px;
	padding: 15px 0 20px;
}

.courseBox .experience ul li {
	padding: 12px 0 0 40px;
	background: url(/online/img/detail/ico_experience.gif) no-repeat 0 1em;
}

.courseBox .experience p.linkTxt {
	margin-top: 20px;
	text-align: right;
}

.courseBox .experience p.taiken_bt {
	margin: 0 20px 0 0;
	text-align: right;
}

/* grayBox ------------------------------ */

.grayBox {
	margin:0 0 35px;
	padding: 15px 20px 20px;
	background: #f3f3f3;
}

/* message */

.grayBox h3,
.messageBox h4 {
	color: #000000;
	font-size: 123%;
	font-weight: bold;
}

.messageBox h5 {
	padding-bottom: 5px;
	color: #333333;
	font-size: 108%;
}

.messageBox {
	padding: 15px 20px 0;
	background: #ffffff;
}

.messageBox .message {
	width: 590px;
	padding: 15px 0;
}
.messageBox .message.bottomLine {
	border-bottom: 1px solid #cccccc;
}

.messageBox p.imgL {
	float: left;
	margin-right: 15px;
	padding: 4px 0;
}

.messageBox p.imgR {
	float: right;
	margin-left: 15px;
	padding: 4px 0;
}

/* otherSchool */

.otherSchool {
	width: 630px;
	margin: 15px 0 0;
}

.otherSchool p {
	float: left;
	width: 120px;
	margin-right: 25px;
	font-size: 86%;
}

.otherSchool p span {
	display: block;
	margin-top: 10px;
	line-height: 1.2;
}


/* applyBox ------------------------------ */

.applyBox {
	width: 670px;
	margin: 35px 0 40px;
	color: #333333;
	text-align: center;
}

.applyBox .btnBlock {
	margin: 5px auto 0;
}

.applyBox .btnBlock a{
	margin:0 5px;
}

.applyBox .btnBlock form {
	display: inline-block;
	margin-left:10px;
}

.btn_aboutSearch {
	margin:10px 0;
/*	text-align:right;
*/}


/* side
------------------------------ */
#side dl.data {
	width: 265px;
	margin-bottom:20px;
}

#side dl.data dt {
	padding: 21px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: #333333;
	font-size: 123%;
	font-weight: bold;
}

#side dl.data dd {
	margin: 5px 15px 0;
}

#side dl.data dd p {
	padding: 9px 0;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3;
}

#side dl.data dd p.noline {
	border-bottom: none;
}

#side dl.data dd p em {
	color: #333333;
}

#side dl.data dd p span.txtS {
	font-size: 86%;
}

/* side_movie
----------------------- */
#side .side_movie {
	margin-bottom:10px;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.modal {
  display: none;
  background: #eee;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 500px;
  min-height: 300px;
}

/* side_cvBtn
----------------------- */
.side_cvBtn {
	margin: 0 0 10px 0;
}
.side_cvBtn li {
	margin: 0 0 5px 0;
}
.side_cvBtn li img {
	vertical-align: bottom;
}
.side_aboutLink {
	display: block;
	margin: 10px 0;
	padding: 0 0 0 15px;
	background: url(/img/com/icon_arrow_gray.png) 0 50% no-repeat;
}

/* --------------------------------------------------------------------------------------
 hoken
--------------------------------------------------------------------------------------- */

dl.hoken {
	width: 265px;
	margin-bottom:20px;
}

dl.hoken dt {
	padding: 21px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: #333333;
	font-size: 12px;
}

dl.hoken img {
	float:left;
	width:70px;
}

dl.hoken .shift-left {
	display:block;
	float:left;
	margin-left:8px;
	width:175px;
}

	
/* --------------------------------------------------------------------------------------
 search
--------------------------------------------------------------------------------------- */

/* main
------------------------------ */

/* title ------------------------------ */

h1.searchTitle {
	color:#333;
	font-size:170%;
	font-weight:bold;
	/*height:55px;
	line-height:55px;*/
	vertical-align: bottom;
	margin-bottom:6px;
	/*padding-left:20px;*/
	/*background: url(/online/img/icon_title.png) top left no-repeat;*/
}

/* map ------------------------------ */

div#map {
	margin:10px 0 0 0;
	width:670px;
	height:405px;
	background-image:url(../img/search/map_base.jpg);
	background-repeat:no-repeat;
}

div#map ul {
	position:relative;
}

div#map ul li{
	position:absolute;
}

li#btn_ie{left:8px;top:11px;}
li#btn_gb{left:28px;top:46px;}
li#btn_fr{left:40px;top:81px;}
li#btn_de{left:139px;top:81px;}
li#btn_at{left:83px;top:129px;}
li#btn_it{left:97px;top:166px;}
li#btn_mt{left:43px;top:202px;}
li#btn_es{left:8px;top:240px;}
li#btn_au{left:310px;top:313px;}
li#btn_nz{left:446px;top:335px;}
li#btn_ca{left:537px;top:92px;}
li#btn_us{left:559px;top:140px;}
li#btn_ph{left:320px;top:230px;}/*110601追加*/
li#btn_sw{left:203px;top:145px;}/*150417追加*/
li#btn_sg{left:180px;top:300px;}/*150417追加*/

/* 地図の代わりにアイコン表示　--------- */
li.reco_country_li {
    background: rgba(0, 0, 0, 0) url("../img/top/theme_btBg205.png") no-repeat scroll left top !important;
    border: medium none;
    border-radius: 0;
    font-size: 12.3px;
    height: 50px;
    margin: 0 5px 9px 6px;
    width: 212px;
	float: left;
	position:relative
}
li.reco_country_li a {
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    margin: 0 6px;
}
li.reco_country_li img {
    margin-top: 4px;
}
li.reco_country_li a span{
    font-size: 11px;
    left: 53px;
    position: absolute;
    text-decoration: underline;
    top: 5px;
}
li.reco_country_li a span b{
	font-size:14px;
}



/* notice ------------------------------ */

#search h4 {
	background-color:#f3f3f3;
	padding:10px 15px 8px;
	font-weight:bold;
	margin:10px 0;
	color:#333333;
}

#search h4 img{
	vertical-align:text-bottom;
	margin-right:8px;
}


.noticeBox {
	margin: 0 0 20px;
	padding: 5px 25px 5px;
	border: 1px solid #cccccc;
}

#search .notice_scls div h5 {
	padding: 7px 0 0;
	font-weight: bold;
	width:590px;
}


#search .notice_scls div p {
	width:590px;
}

#search .notice_scls div h5 img {
	margin-right: 5px;
	vertical-align: text-bottom;
}

#search .notice_scls div h5 a:link,
#search .notice_scls div h5 a:visited {
	color: #333333;
	text-decoration: underline;
}
#search .notice_scls div h5 a:hover,
#search .notice_scls div h5 a:active {
	color: #4fa6c1;
	text-decoration: underline;
}

#search .notice_scls div {
	padding: 0 0 5px;
	background: url(../img/bg_dotline.gif) repeat-x left bottom;
	font-size: 93%;
}

#search .notice_scls div.nobg {
	background: none;
}

#search .notice_scls div .scl_img {
	float:right;
	padding:8px 0 3px;
}

/* side
------------------------------ */

#search #side .searchBox {
	padding: 20px 20px 0;
	border-bottom:1px solid #fff;
}

#search #side .searchBox2 {
	padding:17px 20px 14px;
	background: #f3f3f3;
	border-top:1px solid #dddddd;
}

#search #side .searchBox2 p.centerBtn{
	text-align:center;
}

#search #side .searchBox dd.school {
	padding-bottom:12px;
}

#search #side .searchBox dd.condition {
	border:none;
}


#side .searchBox dl.search dd p.checkbox span {
	float:right;
	width:192px;
}

#side .searchBox dl.search dd p.checkbox {
	padding:4px 0 0;
}

#side .searchBox dl.search dd p.checkbox input {
	float:left;
	margin:2px 0 0 0;
}

#src_info {
	margin:24px 0 0;
}

#src_info p {
	color:#333;
}

#src_info ul {
	font-size:93%;
	list-style:disc;
	padding:9px 0 0 16px;
	text-align:justify;
}

/* --------------------------------------------------------------------------------------
 top
--------------------------------------------------------------------------------------- */
#toppage #contentsArea {
	background:none;
}

#toppage #side {
	width:auto;
	float:right;
}


/* search ------------------------------ */

#toppage #side .search {
	width: 390px;
	overflow:hidden;
}

#toppage #side .searchBox dl.search {
	width: 390px;
	color: #333333;
}

#toppage #side .searchBox dl.search dt {
	padding: 0 0 15px;
	background: none;
	font-size: 123%;
	font-weight: bold;
}

#toppage #side .searchBox dl.search dd {
	margin: 0 30px;
	padding: 0 0 6px;
	border-bottom: 1px solid #d8d8d8;
}

#toppage #side .searchBox dl.search dd.condition {
	margin: 0 10px;
	padding: 0 0 6px;
	border-bottom: none;
}

#toppage #side .searchBox dl.search dd p {
	margin-bottom: 6px;
}

#toppage #side .searchBox dl.search dd.condition p {
	margin-top: 6px;
}

#toppage #side .searchBox dl.search dd.condition div p {
	padding-top:5px;
	margin: 0;
}

#toppage #side .searchBox dl.search dd.condition div p select {
	width:150px;
	margin-top:5px;
}

#toppage #side .searchBox dl.search dd.condition div#topcond_clear p select {
	width:200px;
}

#toppage #side .searchBox dl.search dd.condition div#topcond_l {
	float:left;
	padding-bottom:4px;
}

#toppage #side .searchBox dl.search dd.condition div#topcond_l p,
#toppage #side .searchBox dl.search dd.condition div#topcond_r p {
	margin-top:5px !important;
}

#toppage #side .searchBox dl.search dd.condition div#topcond_r {
	float:right;
	padding-bottom:4px;
}

#toppage #side .searchBox dl.search dd.condition div#topcond_clear {
	clear:both;
	margin-top: 6px;
}


/* school */

#toppage #side .searchBox dl.search dd.school span.notes {
	margin-left: 15px;
	color: #999999;
	font-size: 86%;
}

#toppage #side .searchBox dl.search dd.school input.txt {
	width: 320px;
	margin: 0px 2px 2px 2px;
	padding: 4px 0 4px 8px;
	border: 1px solid #cccccc;
	color: #000000;
}
#toppage #side .searchBox dl.search dd.school input.txt:focus,
#toppage #side .searchBox dl.search dd.school input.txt.focused {
	margin: 0;
	border: 3px solid #a2d7e8;
	color: #000000;
}

/* condition */

#toppage #side .searchBox dl.search dd.condition select {
	font-size: 93%;
}

#toppage #side .searchBox p.centerBtn {
	margin-top: 4px;
	text-align: center;
}

#toppage .searchBox{
	background:#f4f4f4;
	width:390px;
	height:385px;
	border:5px solid #ccc;
	padding:0;
	margin:0;
}

/* main image ------------------------------ */

#showcase_box {
	width:578px;
	height:393px;
	border:1px solid #ddd;
	background:#ccc;
	position:relative;
	overflow:hidden;
	float:left;
	padding-left:0px;
}

#showcase_box #showcase {
	position:relative;
	top:19px;
	margin-left:19px;
}


/* main content ------------------------------ */

#maincontent {
	background:#fff;
	clear:both;
}

#maincontent #main_c_l {
	width:673px;
	background:#fff;
	padding-top:36px;
}

#maincontent #main_c_r {
	float:right;
	width:280px;
	background:#fff;
	padding-top:14px;
}

#maincontent img {
	vertical-align:bottom;
}

#maincontent h2 {
	height:24px;
	background:url(/online/img/top/dotted_border01.gif) repeat-x left bottom;
	margin-bottom:13px;
}

#maincontent h2 strong {
	position:absolute;
	top:-9999px;
}
#maincontent h2 span {
	float:right;
	font-size:13px;
	font-weight:normal;
	margin:2px 2px 0 0;
}

#school {
	clear:both;
	margin-bottom:30px;
}
.top_side_movie {
	margin-top:15px;
	padding:10px;
	background-color:#efefef;
}
.side_box {
	margin-top:15px;
}
.top_side_movie p {
	margin:6px 0;
}
.top_side_movieSchool {
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	background: url(../img/top/top_movieIcon.png) left 5px no-repeat;
}

/* pick up */

#maincontent .pickup_data {
	background:url(../img/top/dotted_border02.gif) repeat-x;
	clear:both;
	padding:14px 0 12px;
}

#maincontent .contents_block {
	margin-bottom:12px;
}

#maincontent .first {
	text-align:left;
	background:none;
	clear:both;
	padding:0 0 12px;
}

#maincontent .pickup_data .left{
	float:left;
}

#maincontent .pickup_data .right{
	float:right;
	width:532px;
	text-align:left;
}

#maincontent .pickup_data h3 {
	color:#333;
	font-weight:bold;
	margin-bottom:12px;
}

#maincontent .pickup_data h3 {
	color:#333;
	font-weight:bold;
	margin-bottom:12px;
}

p.place {
	font-size:85%;
	margin-bottom:3px;
}

#maincontent p.place img {
	vertical-align:text-bottom;
	margin-right:10px;
}

/* what's new */

#maincontent .whatsnew p {
	color:#666;
	padding-bottom:4px;
	clear:both;
	line-height:1.6em;
	display:inline-block;
}

#maincontent .whatsnew p span {
	float:left;
	width:64px;
	font-size:77%;
	padding-top:3px;
}

#maincontent .whatsnew p a {
	float:left;
	width:605px;
}

/* 体験談　追記2014/06/26 */
.new_taikendan {
	clear:both;
	margin-bottom:20px;
}
.new_taikendan ul li {
	font-size:14px;
	margin:3px 10px 15px 0/*3px 10px 6px 0*/;
	padding:0 0 0 34px;
	background:url(/online/img/detail/ico_experience.gif) top left no-repeat;
}
.new_taikendan ul li span {
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:3px 0;
}


/* navigation */
#toppage #maincontent .nav_data {
	width:320px;
	float:left;
	border-top:1px solid #999;
	padding-top:9px;
	height:110px;
	overflow:hidden;
	color:#666;
}

#toppage #maincontent .navigation {
	padding-top:4px;
}

#toppage #maincontent .rc {
	margin-left:32px;
}

#toppage #maincontent .nav_data .left {
	float:left;
}

#toppage #maincontent .nav_data .right {
	float:right;
	width:234px;
}

#toppage #maincontent .nav_data h3 {
	margin-bottom:8px;
}

#toppage #maincontent .nav_data h3 strong {
	position:absolute;
	top:-9999px;
}

/* feature */
#toppage #maincontent #feature {
	background:#f5f5f5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:0 14px 4px 14px;
	margin-bottom:14px;
}

#toppage #maincontent #feature p {
	color:#666;
	text-align:justify;
	font-size:93%;
	margin:8px 0 10px;
	padding:0 3px;
}

#toppage #maincontent #feature p.have_link {
	margin:8px 0 0;
}

#toppage #maincontent #feature p.link {
	margin:0 0 10px;
	text-align:right;
}




#toppage #maincontent #feature p a {
	text-align:right;
	font-size:85%;
	display:inline-block;
}

/* useful */
#toppage #maincontent #useful {
	background:#f5f5f5;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:17px 14px 12px 14px;
}

#toppage #maincontent #useful p {
	font-size:108%;
	line-height:1.8em;
}

#toppage #maincontent #useful p img {
	vertical-align:middle;
	margin-right:6px;
}

/* school */
#toppage #school {
	clear:both;
	padding-top:25px;
	font-size:85%;
}

#toppage #school img {
	vertical-align:bottom;
}

#toppage #school #school_box {
	position:relative;
}

/* --------------------------------------------------------------------------------------
 apply
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

h2.applyTitle {
	margin-bottom:16px;
}

h2.applyTitle span {
	position:absolute;
	top:-9999px;
}

h2.applyTitle small {
	float:right;
	width:470px;
	text-align:right;
	padding-top:20px;
	font-size:100%;
}


p.apply_notice {
	color:#3e8ca5;
	margin-bottom:4px;
}

/* main ------------------------------ */

.apply_box {
	margin:10px 0 0 0;
	background:url(../img/blue_arrow.gif) no-repeat center bottom;
	padding-bottom:37px;
}

#apply .first {
	margin:15px 0 0 0;
}

#apply .last {
	background:none;
	padding-bottom:30px;
}

.apply_box .apply_box_inner {
	background-color:#f2f2f2;
}

.apply_box .apply_box_inner h3 {
	width:330px;
	font-size:182%;
	color:#333;
	padding-top:18px;
	padding-left:70px;
}

.apply_box .apply_box_inner p {
	text-align:justify;
	float:left;
	width:330px;
	padding-top:4px;
	padding-left:70px;
	padding-bottom:19px;
}

.apply_box .apply_box_inner img {
	float:right;
	padding:19px 26px 19px 24px;
}

.apply_box #apply01 { background:#f2f2f2 url(../img/blue1.gif) no-repeat 28px 22px; }
.apply_box #apply02 { background:#f2f2f2 url(../img/blue2.gif) no-repeat 28px 22px; }
.apply_box #apply03 { background:#f2f2f2 url(../img/blue3.gif) no-repeat 28px 22px; }
.apply_box #apply04 { background:#f2f2f2 url(../img/blue4.gif) no-repeat 28px 22px; }
.apply_box #apply05 { background:#f2f2f2 url(../img/blue5.gif) no-repeat 28px 22px; }
.apply_box #apply06 { background:#f2f2f2 url(../img/blue6.gif) no-repeat 28px 22px; }
.apply_box #apply07 { background:#f2f2f2 url(../img/blue7.gif) no-repeat 28px 22px; }
.apply_box #apply08 { background:#f2f2f2 url(../img/blue8.gif) no-repeat 28px 22px; }
.apply_box #apply09 { background:#f2f2f2 url(../img/blue9.gif) no-repeat 28px 22px; }
.apply_box #apply10 { background:#f2f2f2 url(../img/blue10.gif) no-repeat 23px 22px; }
.apply_box #apply11 { background:#f2f2f2 url(../img/blue11.gif) no-repeat 23px 22px; }
.apply_box #apply12 { background:#f2f2f2 url(../img/blue12.gif) no-repeat 23px 22px; }
.apply_box #apply13 { background:#f2f2f2 url(../img/blue13.gif) no-repeat 23px 22px; }
.apply_box #apply14 { background:#f2f2f2 url(../img/blue14.gif) no-repeat 23px 22px; }
.apply_box #apply15 { background:#f2f2f2 url(../img/blue15.gif) no-repeat 23px 22px; }

#apply #btn2flow {
	text-align:center;
	padding-bottom:20px;
}

/* --------------------------------------------------------------------------------------
 flow
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

h2.flowTitle {
	margin-bottom:16px;
}

h2.flowTitle span {
	position:absolute;
	top:-9999px;
}

h2.flowTitle small {
	float:right;
	width:470px;
	text-align:right;
	padding-top:20px;
	font-size:100%;
}

/* main ------------------------------ */

.flow_box {
	margin:10px 0 0 0;
	background:url(../img/blue_arrow.gif) no-repeat center bottom;
	padding-bottom:37px;
}

#flow .first {
	margin:18px 0 0 0;
}

#flow .last {
	background:none;
}

.flow_box .flow_box_inner {
	background-color:#f2f2f2;
}

.flow_box .flow_box_inner h3 {
	width:560px;
	font-size:182%;
	color:#333;
	padding-top:18px;
	padding-left:70px;
}

.flow_box .flow_box_inner p {
	text-align:justify;
	width:560px;
	padding-top:4px;
	padding-left:70px;
	padding-bottom:19px;
}

.flow_box .flow_box_inner p.return1 {
	padding-bottom:0;
}

.flow_box .flow_box_inner p.return2 {
	padding-top:6px;
}

.flow_box #flow01 { background:#f2f2f2 url(../img/blue1.gif) no-repeat 28px 22px; }
.flow_box #flow02 { background:#f2f2f2 url(../img/blue2.gif) no-repeat 28px 22px; }
.flow_box #flow03 { background:#f2f2f2 url(../img/blue3.gif) no-repeat 28px 22px; }
.flow_box #flow04 { background:#f2f2f2 url(../img/blue4.gif) no-repeat 28px 22px; }
.flow_box #flow05 { background:#f2f2f2 url(../img/blue5.gif) no-repeat 28px 22px; }
.flow_box #flow06 { background:#f2f2f2 url(../img/blue6.gif) no-repeat 28px 22px; }
.flow_box #flow07 { background:#f2f2f2 url(../img/blue7.gif) no-repeat 28px 22px; }
.flow_box #flow08 { background:#f2f2f2 url(../img/blue8.gif) no-repeat 28px 22px; }
.flow_box #flow09 { background:#f2f2f2 url(../img/blue9.gif) no-repeat 28px 22px; }
.flow_box #flow10 { background:#f2f2f2 url(../img/blue10.gif) no-repeat 23px 22px; }
.flow_box #flow11 { background:#f2f2f2 url(../img/blue11.gif) no-repeat 23px 22px; }
.flow_box #flow12 { background:#f2f2f2 url(../img/blue12.gif) no-repeat 23px 22px; }
.flow_box #flow13 { background:#f2f2f2 url(../img/blue13.gif) no-repeat 23px 22px; }
.flow_box #flow14 { background:#f2f2f2 url(../img/blue14.gif) no-repeat 23px 22px; }
.flow_box #flow15 { background:#f2f2f2 url(../img/blue15.gif) no-repeat 23px 22px; }


/* --------------------------------------------------------------------------------------
 q and a
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

h2.qaTitle {
	margin-bottom:16px;
}

h2.qaTitle span {
	position:absolute;
	top:-9999px;
}

h2.qaTitle small {
	float:right;
	width:470px;
	text-align:right;
	padding-top:20px;
	font-size:100%;
}

/* main ------------------------------ */

#qa #main h3 {
	font-size:108%;
	font-weight:bold;
	background:#f2f2f2;
	padding:10px 16px 8px;
	color:#555;
}

#qa #main h4 {
	font-size:123.1%;
	color:#333;
	margin:16px 0 12px;
	padding-left:40px;
	background:url(../img/qa/q.gif) no-repeat 5px 3px;
}

#qa #main p {
	margin:16px 0 12px;
	padding-left:40px;
	padding-bottom:16px;
	background:url(../img/qa/a.gif) no-repeat 5px 3px;
	border-bottom:1px solid #ccc;
}

#qa #main p.return1 {
	margin-bottom: 8px;
	border-bottom:none;
	padding-bottom:0;
}

#qa #main p.return2 {
	margin:0 0 12px;
	background:none;
}

#qa #main p.qa_notice {
	color:#3e8ca5;
}

#qa #main p.last {
	border-bottom:none;
	padding-bottom:24px;
}


/* --------------------------------------------------------------------------------------
 ABOUT
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

h2.aboutTitle {
	margin-bottom:16px;
}

h2.aboutTitle span {
	position:absolute;
	top:-9999px;
}

h2.aboutTitle small {
	float:right;
	width:350px;
	text-align:right;
	padding-top:20px;
	font-size:100%;
}

/* main ------------------------------ */

#about #main h3 {
	background:url(../img/about/about_title1.jpg) no-repeat;
	width:666px;
	height:77px;
}

#about #main h3 span {
	position:absolute;
	top:-9999px;
}

#about #main h4 {
	font-size:123.1%;
	color:#333;
	margin:16px 0 12px;
	font-weight:bold;
}

#about #main p {
	margin:16px 0 12px;
	padding-bottom:16px;
	border-bottom:1px solid #ccc;
}

#about #main p.catch {
	margin:0;
	padding-left:0;
	padding-bottom:0;
	border-bottom:none;
}

#about #main p.return1 {
	margin-bottom: 8px;
	border-bottom:none;
	padding-bottom:0;
}

#about #main p.return2 {
	margin:0 0 12px;
	background:none;
}

#about #main p.about_notice {
	color:#999;
	font-size:93%;
}

#about #main p.last {
	border-bottom:none;
	padding-bottom:24px;
}

#about #main span.asterisk {
	vertical-align:top;
	font-size:69%;
}

/* --------------------------------------------------------------------------------------
 SIDE Include
--------------------------------------------------------------------------------------- */
#side_inc {
	float: right;
	width: 265px;
}	

#side_inc img {
	vertical-align:bottom;
}

#side_inc h2 {
	height:24px;
	background:url(../img/top/dotted_border01.gif) repeat-x 0 20px;
	margin-bottom:13px;
}

#side_inc h2 strong {
	position:absolute;
	top:-9999px;
}
#side_inc h2 span {
	float:right;
	font-size:85%;
	margin:2px 2px 0 0;
}

/* pick up */
#side_inc h2#pickup {
	margin-top:14px;
}

#side_inc .pickup_data h3 {
	color:#333;
	font-weight:bold;
	margin-bottom:6px;
}

#side_inc p.place {
	font-size:85%;
	margin-bottom:3px;
}

#side_inc p.scl_name {
	margin-bottom:10px;
}


#side_inc p.place img {
	vertical-align:text-bottom;
	margin-right:10px;
}


/* --------------------------------------------------------------------------------------
 PICK UP
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

#pickup #main h2 {
	height:24px;
	background:url(../img/top/dotted_border01.gif) repeat-x 0 20px;
	margin-bottom:13px;
	margin-top:14px;
}

#pickup #main img {
	vertical-align:bottom;
}

#pickup #main h2 {
	height:24px;
	background:url(../img/top/dotted_border01.gif) repeat-x 0 20px;
	margin-bottom:13px;
}

#pickup #main h2 strong {
	position:absolute;
	top:-9999px;
}
#pickup #main h2 span {
	float:right;
	font-size:85%;
	margin:2px 2px 0 0;
}


/* list ------------------------------ */

#pickup #main .pickup_list p {
	color:#666;
	padding-bottom:4px;
	clear:both;
	line-height:1.6em;
	display:inline-block;
}

#pickup #main .pickup_list p span {
	float:left;
	width:64px;
	font-size:77%;
	padding-top:3px;
}

#pickup #main .pickup_list p a {

	width:605px;
}

/* contetnt ------------------------------ */

#pickup #main .pickup_content .pickup_data {
	background:url(../img/top/dotted_border02.gif) repeat-x;
	clear:both;
	padding:14px 0 12px;
}

#pickup #main .pickup_content {
	margin-bottom:12px;
}

#pickup #main .pickup_content .first {
	background:none;
	clear:both;
	padding:0 0 12px;
}

#pickup #main .pickup_content .pickup_data .left{
	float:left;
}

#pickup #main .pickup_content .pickup_data .boxRight{
	float:right;
	width:530px;
}

#pickup #main .pickup_content .pickup_data h3 {
	color:#333;
	font-weight:bold;
	margin-bottom:12px;
}

#pickup #main .pickup_content .pickup_data h3 {
	color:#333;
	font-weight:bold;
	margin-bottom:12px;
}

#pickup #main .pickup_content p.place {
	font-size:85%;
	margin-bottom:3px;
}

#pickup #main .pickup_content p.place img {
	vertical-align:text-bottom;
	margin-right:10px;
}

#pickup #main .pickup_content p.description {
	color:#666;
	margin-top:8px;
}

#pickup #main .pickup_content p.date {
	margin-top:6px;
	font-size:85%;
	text-align:right;
}

#pickup #main a:link,
#pickup #main a:visited {
	color: #666;
	text-decoration: underline;
}

#pickup #main a:hover,
#pickup #main a:active {
	color: #4fa6c1;
	text-decoration: underline;
}


/* hoken_banner 20120828追記 */

#hoken_banner {
	width: 265px;
	margin-bottom: 25px;
	padding: 20px 0;
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
	line-height: 140%;
}

#hoken_banner img {
	width: 70px;
	margin: 0 8px 0 0;
	float: left;
}

#hoken_banner p {
	width: 175px;
	float: left;
}

#hoken_banner p span {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 8px;
}


/* イメージスライダー */
.slider-wrapper {
	width: 510px;
	height: 430px;
	margin: 0 0 20px;
	padding: 60px 80px 10px 80px;
	background: #f3f3f3;
	border: 0px;
}
.nivo-directionNav a {
	position:absolute;
	top:42%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:46px;
	height:46px;
	text-indent:-9999px;
	border:0;
	opacity: 0.8;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
a.nivo-nextNav {
	color:#333;
	text-align:center;
}
a.nivo-nextNav {
	background-position:-46px 0;
}

	
/* --------------------------------------------------------------------------------------
 	taikendan 2014/06/19追記
--------------------------------------------------------------------------------------- */

/* title ------------------------------ */

.listTitle {
	color:#333;
	font-size:170%;
	font-weight:bold;
	height:55px;
	line-height:55px;
	vertical-align: bottom;
	margin-bottom:16px;
	padding-left:20px;
	background: url(/online/img/icon_title.png) top left no-repeat;
}

.taikendanListBox {
	padding: 20px;
	border-bottom: 1px dotted #000000;
}
.taikendanListBox .detailBox h3 {
	margin-bottom: 7px;
	font-size: 120%;
	font-weight: bold;
}
.taikendanList_detail {
	margin:0 0 0 34px;
}
.taiken_country_list {
    background-color: #F0F0F0;
    padding: 10px 0 5px 10px;
    border-radius: 4px;
}
.taiken_country_list a {
    display:block;
    float:left;
    margin: 0 5px 5px 0;
    padding: 2px 5px;
    background-color:white;
    border-radius:3px;
    text-decoration: none !important;
}
.taiken_country_list a:hover {
    background-color:#d8ecf4;
}
.taiken_country_list a img {
    vertical-align: bottom;
    margin-right:5px;
}

/* トップ　体験談枠追加 ------------------------------ */
.new_taikendan h2 {
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding: 0 0 8px 0;
}

/* トップ　テーマ特集追加 2014/10/24 ------------------------------ */
.themeArea {
	margin: 20px 0 36px 0;
}
.themeArea h2 {
	height: 24px;
	background: url(/online/img/top/dotted_border01.gif) repeat-x bottom left;
	margin-bottom: 13px;
	padding: 0 0 8px 0;
}
.themeArea h2 a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
.themeArea h2 a:visited {
	color: #000;
}
.themeList {
	margin: 10px 0;
	padding: 0;
}
.themeList li {
	width: 160px;
	float: left;
	margin: 0 10px 0 0;
}
.themeList li:last-child {
	margin: 0;
}
.themeList li img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	margin: 0 0 5px 0;
}
.mapTitle {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	height: 24px;
	background: url(/online/img/top/dotted_border01.gif) repeat-x bottom left;
	margin-bottom: 13px;
	padding: 0 0 8px 0;
}
/* h1調整 */
.topTitleArea {
	padding:10px 0 8px 25px;
	background: url(/online/img/detail/bg_title.gif) repeat-y;
}

/* 学校登録数追記 2014/10/28 */
.schoolnumber {
	text-align: center;
	margin: 10px 0 0 0 !important;
	padding: 0 0 0 20px;
	background: white url(/online/img/icon_school.png) 30px 50% no-repeat;
	border-radius: 20px;
}
.schoolnumber strong {
	color: #F8AD52;
	font-size: 19px;
	margin: 0 0 0 5px;
	padding: 2px 0 2px 4px;
	border-radius: 50px;
	display: inline-block;
}

/* AIUバナー追記 2014/10/30 */
.bannerArea {
	margin: 20px 0;
}
.bannerArea p {
	margin: 0 0 10px 0;
}
.bannerArea img {
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}
/* amazon widgets 調整 2014/10/30 */
.amazon_wj {
	margin: 20px 0 0 0;
}
div#amzn_wdgt_t_8001_0 {
    width: 263px !important;
}

/* 学校検索TOP naviの学校検索メニュー差し替え　2015/8/24 */
.st_sideSchoolSearch,
.st_sideSchoolrecommend{
	background: url(../img/top/side_BoxBg.png) left bottom no-repeat;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}
.st_sideTtlSearch {
	color: #333;
	font-size: 17px;
	margin: 0;
	padding: 26px 0 13px 38px;
}
.st_sideTtlSearch {
	background: url(../img/top/side_ttlSearch.png) left top no-repeat;
	font-weight: bold;
}


.st_sideSreachForm select {
    height: 25px;
    width: 220px;
}
.st_sideSreachForm {
	font-weight: bold;
	width: 230px;
	margin: 8px auto ;
	line-height: 1.6;
}
.st_sideSreachForm .txt {
    height: 25px;
    width: 220px;
}
#form_city {
	margin: 0 0 6px 0;
}
.btn_submit {
	text-align: center;
	margin: 5px auto 0 auto;
}
.st_sideSreachForm .btn02 {
	background:url(/img/top/btn_search.jpg) no-repeat;
	width:110px;
	height:24px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin:5px auto;
}

.btn_school_search{
    border-radius: 4px;
    padding: 10px 90px 10px 110px;
    border: none;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    font-family: Verdana,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:url(/online/img/ico_search.png) no-repeat 88px center #2eb7e1;
}

.btn_school_search:hover{
	background:url(/online/img/ico_search.png) no-repeat 88px center #2aa8ce;
}

/* おすすめ学校 2015/8/24追加*/
.st_top_recommend{
	padding:0;
	margin:0;
}
.st_top_recommend_banner {
    font-size: 12px;
    margin: 5px auto;
    width: 205px;
}
.st_topPickupText_reco {
    clear: both;
    font-size: 12px;
    margin: 8px 0 0;
}
.st_top_recommend_banner .recommend{
	color:#fff;
	padding:2px 10px 2px 10px;
	font-weight:bold;
	background-color:#e3317d;
	border-radius: 1em;
}
.st_top_recommend_banner p{
	margin:10px 0;
}

.ttltop_recommend {
    font-size: 12px;
    margin: 0;
	font-weight:normal;
}
.img_r{
	float:left;
	margin:0 5px 5px 0;
}
.st_sideMail_banner {
    border-left: 5px solid #e3317d;
    margin-left: 15px;
    padding-left: 5px;
	}


/* groupBox ------------------------------ */

.groupBox {
	margin-bottom: 12px;
	padding: 15px 20px 20px;
	background-color: #f0f8ff;
}
.groupBox h3 {
	color: #000000;
	font-size: 123%;
	font-weight: bold;
}

/* snippetBox ------------------------------ */
.snippetBox {
	margin: 5px 3px 3px;
	padding: 10px;
	border: 1px solid #efefef;
}
p.totalRating span.rating{
	font-size:15px;	
}
.rating {
	color: #e83422;
	font-weight: bold;
	font-size: 13px;
	padding: 0 10px 0 0;
}
.snippetCaution {
	font-size: 11px;
	color: #999;
/*	background-color: #eeeeee;*/
	display: inline;	
}

/* searchonlineArea--------------------------- */
.searchonlineArea {
    margin: 20px 0 36px;
	border:5px solid #DBDBDB;
}
.searchonline_in{
	margin:5px 8px 0;
}
.searchonline_in p.first{
	font-size:14px;
	margin-bottom: 3px;
}
.searchonline_in img.sol_img{
	vertical-align:middle;
	margin:0 8px 0 0;
}
.searchonline_in img.htn_img{
    margin: 0 3px 0 0;
    vertical-align: middle;
}
.searchonline_in a{
    display: block;
    float: right;
    margin: 10px 0 0;
    width: 280px;
}
span.pen {
	background: linear-gradient(transparent 65%, #ffff66 65%);
	background: -webkit-linear-gradient(
		top,
		#fff 55%,
		#ffff66 45%
	);
	font-size: 18px;
    margin: 0 8px 0 0;
}
.searchonlineArea .button{
    text-align: center;	
}
.searchonlineArea .bt_link{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #E5F3F5 31%, #ABE1E8 100%) repeat scroll 0 0;
	background: -webkit-linear-gradient(
		top,
		#ffffff 0%,
		#E5F3F5 31%,
		#ABE1E8 100%
	);
    border: 1px solid #ABE1E8;
    border-radius: 6px;
    display: block;
    font-size: 16px;
    margin: 10px auto;
    padding: 10px 30px;
    width: 275px;	
}
.searchonlineArea .bt_link span{
	font-size:11px;
}