@charset "utf-8";
/*
 * CSS base.css depoc.yoshi
 */

/*
 * base
 */
body{
	color: #333;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	font-family: 'Osaka','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.001em;
	max-height: 999999px;
}
@media screen and (max-width: 640px) {
	body { font-size: 13px; }
}
@media screen and (max-width: 480px) {
	body { font-size: 12px; }
}







/*
 * header
 */
#header{
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #d6d6d6;
	background: url(../img/common/h_bg.png) repeat-x center top;
}
#header .logo { position: absolute; top: 20px; left: 0px; width: 272px; }
#header .tel { position: absolute; top: 20px; right: 0px; }
#header #menubtn { position: absolute; top: 20px; right: 0px; width: 24px; }
@media screen and (max-width: 959px) {
	#header { height: 90px; }
	#header .logo { width: 250px; }
	#header .tel { width: 40px; right: 55px; top: 25px; }
	#header #menubtn { width: 40px; top: 28px; }
}
@media screen and (max-width: 640px) {
	#header { height: 70px; }
	#header .logo { top: 15px; left: 0px; width: 200px; }
	#header .tel { top: 25px; right: 35px; width: 25px; }
	#header #menubtn { top: 26px; right: 0px; }
	#header #menubtn { width: 24px; }
}






/*
 * mainv
 */
#mainv {
	width: 100%;
	background: url(../img/common/bg_1.png) repeat-x;
	border-bottom: 1px solid #d6d6d6;
	padding-top: 10px;
}
#mainv .incnt { width: 100%; background: url(../img/common/mv_bg.png) no-repeat; height: 100px; margin: 0px 0 10px; text-align: center; }
#mainv .logo { position: absolute; top: 10px; left: 0; }
#mainv .logo img { height: 15px; }
#mainv .title img { height: 25px; padding-top: 40px; }
@media screen and (max-width: 959px) {
	#mainv { padding-top: 7px; }
	#mainv .logo { top: 5px; left: -20px; }
	#mainv .logo img { height: 12px; }
	#mainv .incnt { width: 100%; height: 80px; margin-bottom: 7px; }
	#mainv .title img { height: 20px; padding-top: 30px; }
}




/*
 * gnav
 */
#gnav {
	height: 64px;
	border-bottom: 1px solid #d6d6d6;
}
#gnav li { float: left; }
@media screen and (max-width: 959px) {
	#gnav .incnt { width: 100%; margin: 0; }
	#gnav { height: auto; border-bottom: none; }
	#gnav li { float: none; border-bottom: 1px solid #fff;position: relative; }
	#gnav li:first-child { text-align: right; }
	#gnav li a { display: block; background: #004896; width: 92%; padding: 15px 4%;  }
	#gnav li a:after { content: url(../img/nav/icon_1.png); width: 5px; position: absolute; right: 20px; top: 50%; margin-top: -10px; }
	#gnav li a:first-child:after { content: ""; }
	#gnav li a img { height: 20px; }
}






/*
 * content
 */
#content {
	width: 100%;
	min-height: 600px;
	padding-top: 40px;
	padding-bottom: 80px;
}
#content #cnt_main {
	float: left;
	width: 590px;
}
#content #cnt_side {
	float: right;
	width: 320px;
}
@media screen and (max-width: 959px) {
	#content #cnt_main { padding-bottom: 40px; width: 100%; }
}
@media screen and (max-width: 640px) {
	#content { padding-top: 30px; padding-bottom: 40px; }
}







/*
 * aside
 */
#aside {
	width: 320px;
	float: right;
	border: 1px solid #ccc;
}
#aside .incnt { width: 280px; padding: 20px 20px 0; }
#aside .inbox { margin-bottom: 30px; }
#aside .title { background:  url(../img/common/ci_bg1.png) center top; height: 25px; text-align: center; line-height: 0.1em; font-size: 0.1em; margin-bottom: 20px; }
#aside .title img { height: 15px; padding-top: 5px; }
#aside table { margin-bottom: 10px; }
#aside table th, #aside table td { border: 1px solid #aaa; text-align: center; padding: 10px 8px; font-size: 12px; }
#aside table thead th { background: #e5edf4; }
#aside table tbody th { line-height: 1em; width: 80px; }
#aside table .bl { border-left: none; }
#aside table .br { border-right: none; }
#aside table tbody td:last-of-type { width: 70px; padding: 10px 0; }
#aside #map { height: 250px; background: #ccc; margin-bottom: 10px; }
#aside #map img { max-width: none; }
#aside .tel { margin-bottom: 40px; }
@media screen and (max-width: 959px) {
	#aside { width: 100%; }
	#aside .incnt { width: 92%; padding: 20px 0px 0; }
	#aside table tbody th { width: 20%; }
	#aside table tbody td:last-of-type { width: 20%; }
	#aside .tel, #aside .logo { text-align: center; }
	#aside .tel img, #aside .logo img { max-width: 340px; }
}
@media screen and (max-width: 959px) {
  #aside_s_banner .s_banner { display: none; }
  #aside_s_banner .inbox_s_banner { margin-bottom: 0; }
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
	#aside .tel img, #aside .logo img { max-width: 100%; }
	#aside table th, #aside table td { padding: 10px 3px; font-size: 11px; }
}


#aside_s_banner {
	width: 320px;
	float: right;
}
#aside_s_banner .incnt { width: 320px; }
#aside_s_banner .inbox { margin-bottom: 30px; }
#aside_s_banner .inbox_s_banner { margin-bottom: 30px; }





/*
 * pagetop
 */
#pagetop {
	width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
	bottom: 20px;
}
#pagetop .incnt {
	width: 100%;
}






/*
 * footer
 */
#foottxt { font-size: 0.95em; text-align: center; margin-bottom: 10px; }
#footer {
	width: 100%;
	background: url(../img/common/h_bg.png) repeat-x center top;
}
#footer .txt1 { text-align: center; font-size: 0.9em; padding: 10px 0 30px; }
@media screen and (max-width: 640px) {
	#foottxt { width: 92%; margin: 0 auto 10px; }
}