@charset "utf-8";

header #main_nav ul li:nth-child(4) a {
    border-bottom: 4px solid #0a3d74;
}

.index_h2{
	background:url("../img/mainimg.jpg") left top no-repeat;
}

.index_text{
	width:490px;
	float:left;
}
.index_img{
	width:240px;
	float:right;
}

.link_consult,
.link_reservation{
	width:310px;
	box-sizing:border-box;
}
.linkbtn a.link_consult,
.linkbtn a.link_reservation{
	text-align:center;
	padding:25px 0 25px 0;
}
.linkbtn a.link_consult:before{
	position:absolute;
	top:10px;
	left:10px;
	content:url("../file/mail.png");
}
.linkbtn a.link_reservation:before{
	position:absolute;
	top:10px;
	left:10px;
	content:url("../file/calendar.png");
}
.linkbtn a.link_consult:after,
.linkbtn a.link_reservation:after{
	top:26px;
}
/*.link_consult{
	width:280px;
	text-align:center;
	background:url("../file/mail.png") 15px 50% no-repeat;
}

.link_reservation{
	width:280px;
	text-align:center;
	background:url("../file/calendar.png") 15px 50% no-repeat;
}
*/
.linkbtn a.link_consult,
.linkbtn a.link_reservation{
	/*text-align:center;
	padding:20px 0 20px 0;*/
}

/***--- page ---***/

.pageindex_text{
	width:440px;
	float:left;
}
.pageindex_img{
	width:285px;
	float:right;
}

/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1000px) {

/***--- index ---***/
.index_text{
	width:64.4%;
	float:left;
}
.index_img{
	width:31.5%;
	float:right;
}

/***--- page ---***/

.pageindex_text{
	width:57.8%;
	float:left;
}
.pageindex_img{
	width:37.5%;
	float:right;
}





}

/*-----------------------------------------------------	*/
/*	for - 850px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 850px) {


	
}

/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {

header #main_nav ul li:nth-child(4) a {
    border-bottom:none;
}



}

/*-----------------------------------------------------	*/
/*	for - 700px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 700px) {



}

/*-----------------------------------------------------	*/
/*	for - 640px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 640px) {

.index_h2{
	background:url("../../common/img/mainimg_bg.png") left top repeat,url("../img/mainimg.jpg") left top no-repeat;
	background-size:100% auto;
}

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

/***--- index ---***/
.index_text{
	width:100%;
	float:none;
}
.index_img{
	width:100%;
	float:none;
	text-align:center;
}

/***--- page ---***/

.pageindex_text{
	width:100%;
	float:none;
}
.pageindex_img{
	width:100%;
	float:none;
	text-align:center;
}

}

/*-----------------------------------------------------	*/
/*	for - 360px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 360px) {



}