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

.title_conts{
	background-image:url(../img/titl_moo.png);
	background-repeat:no-repeat;
	background-position:top right;
	}

.no_bg{
	background-image:none;
	}


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

.main_pic{
	overflow:hidden;
	text-align:left;
	}

.main_pic img{
	float:left;
	width:49%;
	margin-top:2%;
	}

.main_pic img.right{
	margin-left:2%
	}

h4.yellow{
	text-align:left;
	font-size:15px;
	font-weight:normal;
	color:#494949;
	padding-left:1em;
	text-indent:-1em;
	}

h4.yellow span{
	font-size:18px;
	color:#ffd200;
	}

.conts_box{
	overflow:hidden;
	margin:0 0 20px 15px;
	}

.conts_box h3{
	text-align:left;
	font-size:16px;
	color:#494949;
	border-bottom:1px solid #09b48a;
	border-left:7px solid #09b48a;
	padding:5px 0 5px 10px;
	margin:0 0 15px;
	}

.conts_box p.title{
	background-image:url(../../common/img/green_dot.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 12px;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:16px;
	}

.main_pic a.dropout{
	font-size:14px;
	text-align:right;
	display:block;
	margin:10px 0 0 0;
	}

.main_pic a.credit{
	font-size:14px;
	text-align:right;
	display:block;
	margin:5px 0 0 0;
	}

.main_pic a.dropout:hover{
	text-decoration:none;
	}

.blue_ttl{
	margin:60px 0 20px 0;
	background-color:#277dcd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px 10px 10px 280px;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	position:relative;
	}

.blue_ttl p{
	color:#fff;
	}

.blue_ttl p span.tel_num{
	font-weight:bold;
	font-size:20px;
	}
	
.blue_ttl p span.tel_num a{
	color:#fff;
	}

.blue_ttl img{
	position:absolute;
	top:-20px;
	left:1%;
	}


/*------------------------------------------------------------
	table
----------------*/

.table{
	width:49%;
	float:left;
	}

.table p.kome{
	font-size:12px;
	text-align:left;
	padding-left:1em;
	text-indent:-1em;
	}

.table2,
.table4{
	margin:0 0 0 2%;
	}

.conts_left .conts_box table{
	border-collapse:collapse;
	border:1px solid #d9d9d9;
	margin:10px 0 2px;
	font-size:14px;
	color:#494949;
	width:100%;
	}

.conts_left .conts_box .add{
	background-color:#d9d9d9;
  padding:0px 0 1px 1px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-top:10px;
	}

.conts_left .conts_box .add table{
	border:none;
	margin:0;
	}

.conts_left .conts_box .add table td{
	background-color:#fff;
	border-bottom:none !important;
	border-right:none !important;
	}

.conts_left .conts_box .add table tr,
.conts_left .conts_box .add table th{
	border-bottom:none !important;
	border-left:none !important;
	}

.conts_left .conts_box table tr,
.conts_left .conts_box table th,
.conts_left .conts_box table td{
	font-weight:normal;
	border:1px solid #d9d9d9;
	padding:5px 5px;
	}

.conts_left .conts_box table th span{
	display:block;
	font-size:12px;
	}


.conts_left .conts_box table th{
	background-color:#eeeeee;
	}
	
.conts_left .conts_box table th.mt{
	background-color:#dfeffe;
	}

.conts_left .conts_box table th.at{
	background-color:#ffd7d7;
	}

.conts_left .conts_box .table3 th.mt,
.conts_left .conts_box .table4 th.mt,
.conts_left .conts_box .table3 th.qt,
.conts_left .conts_box .table4 th.qt{
	padding:5px 24px;
	}

.conts_left .conts_box .table3 th.mt2,
.conts_left .conts_box .table4 th.mt2{
	background-color:#dfeffe;
	padding:5px 10px;
	}

.conts_left .conts_box .table3 th.at2,
.conts_left .conts_box .table4 th.at2{
	background-color:#ffd7d7;
	padding:5px 10px;
	}


.conts_left .conts_box .table3 td,
.conts_left .conts_box .table4 td{
	padding:21px 5px
	}


.additional_fee{
	margin:20px 0 40px 15px;
	border:1px solid #27bfcd;
	padding:10px 30px;
	}

.additional_fee p{
	font-size:14px;
	}

.additional_fee p span.big_txt{
	font-weight:bold;
	}


/*------------------------------------------------------------
	dropout
----------------*/

#dropout ul{
	font-size:14px;
	text-align:left;
	margin:20px 0;
	color:#494949;
	}

#dropout p.bold{
	font-weight:bold;
	}


/*------------------------------------------------------------
	credit
----------------*/

#credit{
	font-size:15px;
	overflow:hidden;
	}

#credit img{
	float:left;
	margin-top:5px;
	margin-bottom:30px;
	}

#credit h2.pink_ttl{
	margin-top:20px;
	}
	
@media (max-width:800px){

.blue_ttl{
	margin:40px 0 20px 0;
	padding:10px 1% 10px 38%;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	position:relative;
	}


.blue_ttl p span.tel_num{
	font-weight:bold;
	font-size:20px;
	}

.blue_ttl img{
	position:absolute;
	top:50%;
	margin-top:-9%;
	left:1%;
	width:35%;
	}

	
/*------------------------------------------------------------
	dropout
----------------*/
#dropout p.top_txt{
	margin:30px 1% 0 1%;
	}
	
/*------------------------------------------------------------
	credit
----------------*/

#credit img{
	width:60%;
	}


}

@media (max-width:600px){

.title_conts{
	background-image:none;
	}
.blue_ttl{
	width:92%;
	margin:40px 2% 20px 2%;
	padding:10px 2% 10px 2%;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	position:relative;
	}


.blue_ttl p span.tel_num{
	font-weight:bold;
	font-size:20px;
	}

.blue_ttl img{
	display:none;
	}

	


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

.main_pic img{
	float:none;
	width:90%;
	margin:2% auto 0;
	display:block;
	}

.main_pic img.right{
	margin-left:auto;
	}

h4.yellow{
	font-size:15px;
	}

h4.yellow span{
	font-size:18px;
	}

.conts_box{
	margin:0 0 0px 2%;
	}

.conts_box h3{
	font-size:16px;
	padding:5px 0 5px 10px;
	margin:0 0 15px;
	}

.main_pic a.dropout{
	font-size:14px;
	text-align:right;
	display:block;
	margin:10px 5% 0 0;
	}

.main_pic a.credit{
	font-size:14px;
	text-align:right;
	display:block;
	margin:10px 5% 0 0;
	}

.main_pic a.dropout:hover{
	text-decoration:none;
	}

/*------------------------------------------------------------
	table
----------------*/

.table{
	width:95%;
	float:none;
	margin:10px auto 0;
	}

.table p.kome{
	font-size:12px;
	text-align:left;
	padding-left:1em;
	text-indent:-1em;
	}

.table2,
.table4{
	margin:0 0 0 2%;
	}



.additional_fee{
	margin:20px 5px 20px 5px;
	border:1px solid #27bfcd;
	padding:10px 10px;
	}

.additional_fee p{
	font-size:14px;
	}
.conts_left .conts_box table th{
	background-color:#eeeeee;
	padding:5px 0px;
	}

.conts_left .conts_box table th span{
	display:block;
	font-size:11px;
	}

.conts_left .conts_box table th.mt{
	background-color:#dfeffe;
	}

.conts_left .conts_box table th.at{
	background-color:#ffd7d7;
	}

.conts_left .conts_box .table3 th.mt,
.conts_left .conts_box .table4 th.mt,
.conts_left .conts_box .table3 th.qt,
.conts_left .conts_box .table4 th.qt{
	padding:5px 12px;
	}

.conts_left .conts_box .table3 th.mt2,
.conts_left .conts_box .table4 th.mt2{
	background-color:#dfeffe;
	padding:5px 5px;
	}

.conts_left .conts_box .table3 th.at2,
.conts_left .conts_box .table4 th.at2{
	background-color:#ffd7d7;
	padding:5px 5px;
	}


.conts_left .conts_box .table3 td,
.conts_left .conts_box .table4 td{
	padding:21px 3px
	}

/*------------------------------------------------------------
	credit
----------------*/

#credit img{
	width:90%;
	}


}