/* CSS Document */

#student.content {width: 1140px; margin: 0 auto; padding: 0; background: #fff;}
#student.content * {font-size: 13px; line-height: 180%; color: #323232;}


#student.content .c_inner {width: 1040px; margin: 0 auto;}
#student.content .c_inner p {margin-bottom: 15px;}
#student.content h3 {margin-top: 15px;}

#student.content .fl_l {float: left; display: inline;}
#student.content .fl_r {float: right; display: inline;}


#student.content .visual {margin-bottom: 30px;}
#student.content .visual_navi {background: url(../images/visual_navi_bg.png);}
#student.content .visual_navi dl {position: relative; width: 1140px; height: 105px;}
#student.content .visual_navi dl dt ,
#student.content .visual_navi dl dd {position: relative;}
#student.content .visual_navi dl dt {top: 12px; left: 50px;}
#student.content .visual_navi dl dd.p_01 { display: inline-block;width: 340px; height: 75px; top:15px;text-align: center;margin-left: 15px;}
#student.content .visual_navi dl dd.p_02 { display: inline-block;width: 750px; height: 75px; top:15px;text-align: center;    margin-left: 15px;}
p .read {margin-bottom:20px;}
#student.content .visual_navi dl dd a {font-weight: bold; font-size: 30px; color: #00a6e4; width: 100%; height: 100%; display: block; padding: 10px; text-decoration: none;}
#student.content .visual_navi dl dd.p_01 a {background: #fff;border-radius: 25px;border: 2px solid #fff;}
#student.content .visual_navi dl dd.p_02 a {background: #ff7303;border-radius: 25px; color: #fff;border: 2px solid #fff;}

#student.content .c_box {padding-bottom: 50px;}

#student.content .c_box h2 {width: 1040px; height: 72px; padding-left:0px;    text-align: center; font-size: 30px; font-weight: bold; color: #fff; line-height: 75px; background: url(../images/bl_01_tit_bg.png) no-repeat}
#student.content #bl_02.c_box h2 { background: url(../images/bl_02_tit_bg.png) no-repeat}
#student.content #bl_03.c_box h2 { background: url(../images/bl_03_tit_bg.png) no-repeat}


#student.content .c_box h3 {width: 1040px; height: auto; padding-left:0px;    text-align: center; font-size: 24px; font-weight: bold; color: #00a6e4; line-height: 45px; border-bottom: 5px solid #00a6e4;border-top: 5px solid #00a6e4;
    padding-top: 7px;
    padding-bottom: 7px;}
#student.content #bl_02.c_box h3 {}
#student.content #bl_03.c_box h3 {}



#student.content .c_box .c_box_note { padding: 20px 0;}


#student.content #bl_01 .tour_list, 
#student.content #bl_02 .tour_list 
{background: #f4f4f4; padding: 20px 20px 5px 20px;border-radius: 10px;}
#student.content #bl_01 .tour_list dl dt ,
#student.content #bl_01 .tour_list dl dd ,
#student.content #bl_02 .tour_list dl dt ,
#student.content #bl_02 .tour_list dl dd 
{float: left; display: inline; margin-right: 35px;font-size: 16px; font-weight: normal;}
#student.content #bl_01 .tour_list dl dd a ,
#student.content #bl_02 .tour_list dl dd a 
{color: #0160e0; font-size: 16px; line-height: 32px; text-decoration: underline;}


#student.content #bl_02 .bl_sp h4 {padding-left: 13px;}
#student.content #bl_02 .bl_sp {background: url(../images/bl_02_bord_bg.png); width:1040px;  padding:5px 0 20px 0; }
#student.content #bl_02 .bl_sp ul {width: 1013px; margin: 0 auto; background: #fff; padding: 10px 0 15px 5px; border-radius: 10px; margin-bottom: 20px;}
#student.content #bl_02 .bl_sp ul li {float: left; display: inline;}
#student.content #bl_02 .bl_sp p {font-size: 11px; margin-left: 20px;}


#student.content #bl_03 .bl_box {float: left; display: inline; width: 240px; margin-right: 26px; }
#student.content #bl_03 .bl_box:last-child {float: right; margin-right: 0;}

#student.content #bl_03 .bl_box p {margin-bottom: 20px;}

#student.content #bl_03 .bl_btn {width: 100%; height: 35px; }
#student.content #bl_03 .bl_btn a {background:#0e81e0; border-radius: 5px; display: block; width:100%; height: 100%; text-align: center; position: relative; box-shadow: 0 3px 0 #0064dc;}
#student.content #bl_03 .bl_btn a span {color: #fff; font-size: 14px; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#student.content #bl_03 .bl_btn a span:after {content: ""; display: block; width:8px; height: 11px; background: url(../images/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}


#student.content #c_footer {padding-bottom: 50px;}
#student.content #c_footer p {font-size: 11px;}

/*-----------------------------------------------
.bl_tour
------------------------------------------------*/



#student.content .bl_tour .bl_tour_box {border: solid 1px #c8c8c8; padding: 0 0 170px 0; margin-bottom: 20px; float: left; display: inline; width: 330px; margin-right: 25px; position: relative;}
#student.content .bl_tour .bl_tour_box:nth-child(3n) {margin-right: 0px;}
#student.content .bl_tour .bl_tour_box .bl_tour_header {background:#00c2b1; text-align: center; padding: 0px;}
#student.content .bl_tour .bl_tour_box .bl_tour_header p {color: #fff; font-size:15px; font-weight: bold;line-height: 180%;}
#student.content .bl_tour .bl_tour_box .bl_tour_box_inner {width: 286px; margin: 10px auto;}

#student.content .bl_tour .bl_tour_box .bl_tour_tit {margin-bottom: 10px;}
#student.content .bl_tour .bl_tour_box .bl_tour_tit a {font-weight: bold; line-height: 140%;}
#student.content .bl_tour .bl_tour_box .bl_tour_pic {width:140px; float: left; display: inline;}
#student.content .bl_tour .bl_tour_box .bl_tour_pic img {width: 100%;}
#student.content .bl_tour .bl_tour_box .bl_tour_stuff {width:140px; float: right; display: inline;}
#student.content .bl_tour .bl_tour_box .bl_tour_stuff dt {background: #fda01e; color: #fff; font-size: 11px; font-weight: bold; padding: 0 0 0 5px;}
#student.content .bl_tour .bl_tour_box .bl_tour_stuff dd {font-size: 11px; color: #646464;}

#student.content .bl_tour .bl_tour_box .bl_tour_info {width: 286px; margin: 10px auto; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0);}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn {width: 15%; height: 35px; margin-right:2px; float: left; display: inline; background: #9bcdc5; text-align: center; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; cursor: pointer; border-bottom: solid 1px #fff; font-size: 18px; line-height: 18px; padding-top: 5px;    margin-bottom: -1px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn span {font-size: 9px; color: #fff; display: block; line-height: 9px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:nth-child(8) {float: right; margin-right: 0;}

#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:hover ,
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn.active {background: #46b89f;height:36px;}


#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel {background: #fff; padding: 10px 5px; position: relative;border: solid 2px #46b89f; border-top: solid 5px #46b89f;}


#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon { position: absolute; }
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon { top: 10px; left: 0px; width: 70px; height: 30px; background: url(../images/tour_det_icon.png) ; background-size: 100%; color:#fff; padding: 5px 0 0 5px; line-height: 110%; font-size: 9px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon  span {font-size: 9px; color:#fff; display: block; line-height: 11px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn {width: 100%; height: 35px; }
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a {background:#0e81e0; border-radius: 5px; display: block; width:100%; height: 100%; text-align: center; position: relative; box-shadow: 0 3px 0 #0064dc;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span {color: #fff; font-size: 14px; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span:after {content: ""; display: block; width:8px; height: 11px; background: url(../images/arrow_right.png) no-repeat; background-size: 100%; position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}



#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_note {padding: 0 0 0 75px; margin-bottom: 10px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price {font-size: 17px; color:#fa3734; font-weight: bold; line-height: 110%;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price span {font-size: 12px; color:#fa3734;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt {font-size: 10px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt span {color: #fa3734; font-size: 10px; margin-right: 10px;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt a {color: #0064d2; font-size: 11px; margin-left: 10px; text-decoration: underline;}
#student.content .bl_tour .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt a:before {content: url(../images/tour_icon_important.png); position: relative; top: 3px; margin-right: 3px;}



.content_wrapper{overflow:visible;background-color: #ffdf00;}
.content_wrapper ul {    margin-bottom: 0;    padding: 0;}
.content_wrapper dt { font-size: 16px; font-weight: normal;clear: both;}
.content_wrapper dl {margin-bottom: 10px;}


a:hover {
  opacity:.65;
}


#student.content .fl_l {
    float: left;
    display: inline;
}

#student.content .fl_r {
    float: right;
    display: inline;
}


#student.content .btn_order {
    width: 390px;
    height: 45px;
}
#student.content .btn_order a {
    border-radius: 10px;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    background: #ffe200;
    box-shadow: 0 5px 0 #e2a800;
}

#student.content .box_order {
    padding-bottom: 40px;
    width: 800px;
    margin: 0 auto;
}
#student.content .box_order p {
	text-align: center;
	margin: 10px auto 15px auto;
}

#student.content .btn_order a span {
    color: #323232;
    font-weight: bold;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
	text-decoration: none;
}
.left {
	text-align: left !important;
}

.area_box {
}

.area_box .tour_area_box{
    border: solid 1px #c8c8c8;
    padding: 0;
	color: #fff !important;
    margin-bottom: 0px;
    float: left;
    display: inline;
    width: 330px;
    margin-right: 25px;
    position: relative;
	background: #fda01e;
	font-size: 16px !important;
	font-weight: bold;
	text-align: center;
	margin-top:10px;


}
.area_box .tour_area_box:nth-child(3n) {margin-right: 0px;}