/*- all ----------------------------------------------------------------------------------------*/


#leftbox { float: left; width: 70%; margin: 0;}
#rightbox { float: right; width: 28%; margin: 0;}

.ac_box { width: 100%; padding: 0; margin: 30px auto;}


.ac_title { width: 100%; margin: 30px 0;}
.ac_title img { max-width: 40%; display: block;}

.photo_caption { text-align: left; padding: 10px 0 0 0; font-size: 1em;}

.ac_combox { width: 100%; margin: 30px 2%;}

.ac_combox dd a { color: #333;}

.ac_combox01 { width: 50%; margin: 30px auto;}


.tel { margin: 0 0 0 30px; font-size: 2em; color: #900; line-height: 200%;}


.ac_combox dl { list-style: none; margin: 0; padding: 0;}
.ac_combox dd { margin: 5px 0 5px 20px;}

#map1 { width:100%; height:400px; margin: 30px auto;}

#ac_bnbox { width: 60%; margin: 30px auto; text-align: center;}

.text_large { font-size: 1.2em; font-weight: bold; diapley: block;}

#ac_bnbox img { max-width: 65%;}


#side_title { float: left; margin: 30px 10px 0 0; width: 15%;}

#side_cont { float: right; margin: 30px 0 0 10px; width: 75%;}

.sidebox { margin: 0 0 30px 0; font-size: 0.9em;}

.sidebox strong { color: #F60; font-weight: bold; display: block; font-size: 1em; margin: 5px 0 0 0;}

.sidebox a{ color: #666;}
.sidebox a:hover { color: #c00;}


/*------------------------------------------------------------------------------------------------------*/



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

#leftbox { float: none; width: 80%; margin: 0 auto;}
#rightbox { float: none; width: 80%; margin: 0 auto;}

#ac_bnbox { width: 60%; margin: 30px auto; text-align: center;}

#side_title { float: left; margin: 30px 10px 0 0; width: 8%; background-color: #CCC;}


#side_cont { float: right; margin: 30px 0 0 10px; width: 87%;}

.sidebox { margin: 0 4% 30px 0; font-size: 0.9em; float: left; width: 45%;}

#ac_bnbox { width: 70%; margin: 30px auto; text-align: center;}
#ac_bnbox img { max-width: 75%;}

}



/*------------------------------------------------------------------------------------------------------*/



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


#leftbox { float: none; width: 90%; margin: 0 auto;}
#rightbox { float: none; width: 90%; margin: 0 auto;}


#side_title { float: left; margin: 30px 10px 0 0; width: 7%; background-color: #CCC;}


#side_cont { float: right; margin: 30px 0 0 2%; width: 87%;}

#ac_bnbox { width: 80%; margin: 30px auto; text-align: center;}
#ac_bnbox img { max-width: 65%;}


}


/*------------------------------------------------------------------------------------------------------*/


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

#leftbox { float: none; width: 90%; margin: 0 auto;}
#rightbox { float: none; width: 90%; margin: 0 auto;}

#side_title { float: left; margin: 30px 10px 0 0; width: 10%; background-color: #CCC;}


#side_cont { float: right; margin: 30px 0 0 2%; width: 80%;}

.sidebox { margin: 0 0 30px 0; font-size: 0.9em; float: none; width: 90%;}

#ac_bnbox { width: 100%; margin: 30px auto; text-align: center;}
#ac_bnbox img { max-width: 75%;}
.text_large { font-size: 1em; font-weight: bold; diapley: block;}


}