@charset "utf-8";
/*
 * CSS base.css
 */
 
/* ---------------------------------------
base
--------------------------------------- */
body{
	color: #5c6366;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.001em;
	max-height: 999999px;
	background: url(../img/common/body_bg.png) repeat-x center 130px;
}
@media screen and (max-width: 959px) {
	body { width: 100%; overflow: hidden; background: url(../img/common/body_bg.png) repeat-x center 70px; }
}
@media screen and (max-width: 639px) {
	body { font-size: 13px; background: url(../img/common/body_bg.png) repeat-x center 60px; }
}
@media screen and (max-width: 479px) {
	body { background: url(../img/common/body_bg.png) repeat-x center 50px; }
}











/* 
---------------------------------------
#header
--------------------------------------- */
#header {
	width: 100%;
	height: 100px;
	background: #fff;
	border-top: 3px solid #036EB7;
}
#header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0.1em; overflow:hidden; line-height:0; font-size: 0.1em; }
#header .logo { position: absolute; top: 30px; left: 0px; width: 340px; }
#header .cap { position: absolute; top: 5px; left: 0px; font-size: 0.9em; }
#header .tel { position: absolute; top: 20px; right: 0px; }
#menubtn, #closebtn { display: none; }
@media screen and (max-width: 959px) {
	#header { position: absolute; z-index: 1000; height: 70px; border-bottom: 1px solid #ccc; }
	#header .tel { top: 15px; right: 50px; width: 40px; }
	#menubtn, #closebtn { position: absolute; top: 15px; right: 0; width: 40px; }
	#header .logo { top: 19px; width: 280px; }
	#header .cap { display: none; }
}
@media screen and (max-width: 639px) {
	#header { height: 60px; }
	#header .logo { top: 15px; }
	#header .tel { top: 15px; right: 35px; width: 32px; }
	#menubtn, #closebtn { top: 15px; width: 32px; }
}
@media screen and (max-width: 479px) {
	#header { height: 50px; }
	#header .logo { top: 13px; width: 215px; }
	#header .tel { top: 15px; right: 30px; width: 25px; }
	#menubtn, #closebtn { top: 15px; width: 25px; }
}








/* 
---------------------------------------
#gnav
--------------------------------------- */
#gnav {
	width: 100%;
	background: #fff;
}
#gnav:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
#gnav li { float: left; }
#gnav li a { text-align: center; line-height: 0.1em; font-size: 0.1em; width: 100%; display: block; padding: 0; }
@media screen and (max-width: 959px) {
	#gnav { height: auto; padding: 0; position: absolute; top: 0; right: 0; width: 100%; z-index: 999; overflow-y: auto; background: #036EB7; }
	#gnav .incnt { width: 100%!important; margin: 0!important; }
	#gnav li { float: none; width: 100%; border-top: 1px dotted #fff; }
	#gnav li:first-child { border-top: none; }
	#gnav li a:after { content: url(../img/common/icon3.png); position: absolute; top: 50%; margin-top: -9px; right: 4%; }
	#gnav li a { width: 92%; padding: 15px 4%; text-align: left; position: relative; }
	#gnav li img { height: 18px; }
	#gnav li.current { background: #68A8D4; }
}
@media screen and (max-width: 639px) {
	#gnav li a { padding: 13px 4%; }
	#gnav li img { height: 15px; }
}






}



/* ---------------------------------------
#mainv_index
--------------------------------------- */
#index #mainv_index { width: 100%; margin-top: 15px; }
@media screen and (max-width: 959px) {
	#index #mainv_index { margin-top: 85px; }
}
@media screen and (max-width: 767px) {
	#index #mainv_index { margin-top: 70px; background: #fff; border-bottom: 1px solid #ccc; }
	#index #mainv_index .incnt { margin: 0!important; width: 100%!important; }
}
@media screen and (max-width: 639px) {
	#index #mainv_index { margin-top: 60px; }
}
@media screen and (max-width: 479px) {
	#index #mainv_index { margin-top: 50px; }
}
/*
#index #mainv_index { width: 100%; margin-top: 15px; }
#index #mainv_index h2 { position: absolute; top: 36px; left: 0; }
#index #mainv_index h2 img { height: 22px; margin-left: 35px; }
@media screen and (max-width: 959px) {
	#index #mainv_index { margin-top: 85px; }
	#index #mainv_index h2 { top: 35%; }
	#index #mainv_index h2 img { height: 20px; margin-left: 30px; }
}
@media screen and (max-width: 767px) {
	#index #mainv_index { margin-top: 70px; background: url(../img/common/mv_bg.png) center center; border-bottom: 1px solid #ccc; height: 80px; }
	#index #mainv_index h2 { margin-top: 0; position: static; margin-left: 0; }
	#index #mainv_index h2 img { height: 20px; margin-left: 6%; margin-top: 31px; }
	#index #mainv_index .incnt { margin: 0!important; width: 100%!important; }
}
@media screen and (max-width: 639px) {
	#index #mainv_index { margin-top: 60px; height: 70px; }
	#index #mainv_index h2 img { margin-top: 26px; }
}
@media screen and (max-width: 479px) {
	#index #mainv_index { margin-top: 50px; height: 60px; }
	#index #mainv_index h2 img { height: 18px; margin-top: 22px; }
}
*/



/* ---------------------------------------
#mainv
--------------------------------------- */
#mainv { width: 100%; margin-top: 15px; }
#mainv h1 { position: absolute; top: 36px; left: 0; }
#mainv h1 img { height: 22px; margin-left: 35px; }
@media screen and (max-width: 959px) {
	#mainv { margin-top: 85px; }
	#mainv h1 { top: 35%; }
	#mainv h1 img { height: 20px; margin-left: 30px; }
}
@media screen and (max-width: 767px) {
	#mainv { margin-top: 70px; background: url(../img/common/mv_bg.png) center center; border-bottom: 1px solid #ccc; height: 80px; }
	#mainv h1 { margin-top: 0; position: static; margin-left: 0; }
	#mainv h1 img { height: 20px; margin-left: 6%; margin-top: 31px; }
	#mainv .incnt { margin: 0!important; width: 100%!important; }
}
@media screen and (max-width: 639px) {
	#mainv { margin-top: 60px; height: 70px; }
	#mainv h1 img { margin-top: 26px; }
}
@media screen and (max-width: 479px) {
	#mainv { margin-top: 50px; height: 60px; }
	#mainv h1 img { height: 18px; margin-top: 22px; }
}













/* ---------------------------------------
#content
--------------------------------------- */
#content {
	width: 100%;
	padding-top: 30px;
	margin-bottom: 100px;
}
#cnt_main {
	float: left;
	width: 650px;
}
@media screen and (max-width: 959px) {
	#content { margin-bottom: 50px; }
	#cnt_main { float: none; width: 100%; margin-bottom: 60px; }
}
@media screen and (max-width: 639px) {
	#content { padding-top: 20px; }
}








/* ---------------------------------------
#cnt_side
--------------------------------------- */
#cnt_side {
	float: right;
	width: 290px;
}
@media screen and (max-width: 959px) {
	#cnt_side { float: none; width: 100%; padding-top: 0px; }
}

/* #cs_bnr */
#cs_bnr ul { margin-bottom: 10px; text-align: center; }
#cs_bnr li { margin-bottom: 10px; display: inline-block; max-width: 100%; }
#cs_bnr li.yoyaku{display:none;}
@media screen and (max-width: 959px) {
	#cs_bnr ul { width: 102%; margin: 0 -1% 10px; }
	#cs_bnr li { margin-bottom: 10px; display: inline-block; max-width: 300px; margin: 0 1% 10px; }
	#cs_bnr li.yoyaku{display:inline-block;}
}

/* #cs_info */
#cs_info { margin-bottom: 10px; border: 1px solid #c2c2c2; -webkit-border-radius: 4px; border-radius: 4px; padding: 20px; }
#cs_info .logo { border-top: 3px solid #dee0e0; padding: 12px 0 15px; }
#cs_info ul { text-align: center; }
#cs_info li { margin-bottom: 6px; display: inline-block; max-width: 100%; }
#cs_info #map1 { height: 200px; margin: 10px 0; }
#cs_info .tel { margin-top: 10px; padding-bottom: 15px; border-bottom: 3px solid #dee0e0; }
#cs_info .txtbold span { display: inline-block; }
#access #map1, #access #maptxt { display: none; } 
@media screen and (max-width: 959px) {
	#cs_info { border: none; border-top: 2px solid #dee0e0; border-bottom: 2px solid #dee0e0; -webkit-border-radius: 0px; border-radius: 0px; padding: 0px; }
	#cs_info .logo { border-top: none; padding: 12px 0 15px; width: 300px; margin: 0 auto; }
	#cs_info #map { height: 300px; margin: 10px 0; }
	#cs_info li { width: 300px; margin: 0 1% 10px; }
	#cs_info .tel { border-bottom: none; margin-top: 0; }
}
@media screen and (max-width: 639px) {
	#cs_info li { width: 300px; margin: 0 0 10px; }
	#cs_info .logo { width: 100%; max-width: 280px; }
}
@media screen and (max-width: 479px) {
	#cs_info .tel { width: 100%; margin-top: 10px; max-width: 250px; }
}

/* #cs_2 */
#cs_2 { margin-bottom: 10px; }
#cs_2 { display: none; }

@media screen and (max-width: 959px) {
	#cs_2 { display: block; max-width: 300px; margin:0 auto; margin-bottom: 10px;}
}


/* ---------------------------------------
#pagetop
--------------------------------------- */
#pagetop {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 4%;
	z-index: 1001;
}






/* ---------------------------------------
#footer
--------------------------------------- */
#footer-yoyaku{margin:20px auto; text-align:center;}
#footer {
	width: 100%;
	/*background: #F4F9E8;*/
	padding-top: 20px;
}
#footer .copyright { text-align: center; font-size: 0.9em; background: #ced0d1; padding: 10px 0; }
#footer span { display: inline-block; }
#footer .txt1 { padding: 10px 0; text-align: center; background: #efeff0; margin-top: 10px; }
@media screen and (max-width: 959px) {
	#footer { padding-top: 0; }
	#footer .txt1 { padding: 10px 5% 10px; background: #efeff0; margin: 0 -5%; width: 100%; line-height: 1.6; }
}
@media screen and (max-width: 639px) {
	#footer-yoyaku{margin:20px;}
	#footer .txt1 { padding: 10px 4% ; margin: 0 0%; text-align: left; }
}

/* #fnav */
#fnav { text-align: center; }
#fnav li { display: inline-block; padding-right: 17px; }
#fnav li a { text-decoration: none; position: relative; padding-left: 18px; }
#fnav li a:before { content: url(../img/common/icon2.png); position: absolute; top: 50%; margin-top: -9px; left: 0; }
#fnav li a:hover { text-decoration: underline; }
@media screen and (max-width: 959px) {
	#fnav { width: 110%; margin: 0 -5%;}
	#fnav li { display: inline-block; padding-right: 0px; text-align: left; width: 100%; position: relative; border-bottom: 1px dotted #ADADAD; }
	#fnav li a { display: block; width: 92%; padding: 10px 4%; font-weight: bold;  font-size: 14px;}
	#fnav li a:hover { text-decoration: none; }
	#fnav li a:before { content: ""; position: static; }
	#fnav li:after { content: url(../img/common/icon1.png); position: absolute; top: 50%; margin-top: -9px; right: 5%; }
	#fnav li:first-child { border-bottom: none; }
	#fnav li:first-child a { background: #1C7CBE; text-align: center; color: #fff; }
	#fnav li:first-child:after { content: ""; position: absolute; top: 50%; margin-top: 0px; right: 5%; }
}