@charset "utf-8";
/*
 * CSS base.css
 */
 
/* ---------------------------------------
base
--------------------------------------- */
body{
	color: #333;
	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;
}
@media screen and (max-width: 959px) {
	body { width: 100%; overflow: hidden; }
}
@media screen and (max-width: 639px) {
	body { font-size: 13px; }
}
@media screen and (max-width: 479px) {
}





/* #header  */
#header{
	width: 100%;
	margin-top: 2.3%;
	margin-bottom: 70px;
}
#header .logo img { height: 60px; margin-bottom: 2.2%; }
#header h1 { margin-bottom: 5%; font-size: 0.93em; }
#header h1 span { font-weight: bold; font-size: 1.7em; line-height: 1.5; display: inline-block; }
#header .entxt { margin-bottom: 1%; }
#header .entxt span { font-weight: bold; font-size: 0.93em; background: url(../img/common/bg_dot_blue.png); padding: 7px 10px 5px; color: #fff; }
#header h2 { color: #2a63b1; font-size: 1.9em; line-height: 1.6; margin-bottom: 1.5%; }
#header h2 span { display: inline-block; font-weight: bold; }
#header h2 span.txtsmall { font-size: 0.7em; color: #333; line-height: 1.6; }
#header .desc { margin-bottom: 3.5%; }
#header .txtinfo { font-weight: bold; line-height: 1.5; color: #3f99e5; margin: 0px 0 10px; }
#header .txtinfo a { color: #3f99e5; }
#menubtn { position: fixed; right: 4%; top: 20px; width: 40px; z-index: 1000; cursor: pointer; display: none; }
#closebtn { position: fixed; right: 4%; top: 20px; width: 40px; z-index: 1000; cursor: pointer; display: none;}
@media screen and (max-width: 959px) {
	#header { margin-bottom: 50px; }
	#header .logo img { height: 50px; }
	#header h1 span { font-size: 1.2em }
	#header h2 { font-size: 1.3em; margin-bottom: 2%; }
}
@media screen and (max-width: 639px) {
	#header { margin-bottom: 30px; }
	#menubtn, #closebtn { top: 15px; }
	#header .desc { font-size: 0.9em; }
}





/* #gnav */
#gnav { padding: 15px 5px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; display: inline-block; }
#gnav ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; }
#gnav li { margin-right: 30px; float: left; display: inline-block; }
#gnav li a { text-decoration: none; font-weight: bold; }
#gnav li:before { content: url(../img/common/icon_blue.png); margin-right: 5px; }
#gnav li.current a { color: #2a63b1; }
@media screen and (max-width: 959px) {
	#gnav { position: fixed; border: none; top: 0; right: 0; width: 300px; padding: 80px 0 0; background: #fff; height: 100%; }
	#gnav li { margin-right: 0px; float: none; display: block; margin-bottom: 12px; border-bottom: 1px dashed #ccc; padding-bottom: 12px; padding-left: 4%; width: 92% }
	#gnav li a { display: block; }
	#gnav li:before { content: ""; margin-right: 0px; }
	#gnav li a:before { content: url(../img/common/icon_blue.png); margin-right: 5px; }
}
@media screen and (max-width: 639px) {
	#gnav { padding: 70px 0 0; }
}




/* #content */
#content {
	width: 100%;
	min-height: 200px;
}
#content h3 { background: url(../img/common/bg_dot_blue.png) repeat-y left top; font-weight: bold; font-size: 1.6em; padding-left: 25px; color: #2a63b1; line-height: 1.6; margin-bottom: 3%; }
#content p { margin-bottom: 2%; }
#content .big { margin-bottom: 4%!important; }
#content .indent { margin-bottom: 2%; }
#content .indent li { padding-left: 1em; text-indent: -1em; }
#content .secbox { margin-bottom: 60px; }
#content .inbox { margin-bottom: 30px; }
#content .secbox_top { margin-bottom: 30px; }
#content h4 { margin-bottom: 10px; font-weight: bold; font-size: 1.5em; line-height: 1.5; }
#content .cap { display: block; margin-top: 10px; font-size: 0.93em; line-height: 1.5; }
#content .captop { display: block; margin: 10px 0; font-weight: bold; line-height: 1.5; }
#content .captop:before { content: "【"; }
#content .captop:after { content: "】"; }
#content .white { color: #fff; }
#content .bg { background: #2a63b1; padding: 20px 4%; }
#content sup { padding-right: 3px; }
@media screen and (max-width: 959px) {
	#content h3 { font-size: 1.3em; padding-left: 20px; }
	#content h4 { font-size: 1.2em; }
	#content .secbox { margin-bottom: 40px; }
	#content .inbox { margin-bottom: 20px; }
}





#sec_doc .txt { font-weight: bold; font-size: 1.5em; line-height: 1.5; }
#sec_doc .img { float: right; margin-left: 20px; width: 300px; }
#sec_doc .name { font-weight: bold; font-size: 1.2em;}
@media screen and (max-width: 767px) {
	#sec_doc .txt { font-size: 1.3em; }
	#sec_doc .img { width: 210px; }
}
@media screen and (max-width: 639px) {
	#sec_doc .img { max-width: 320px; width: auto; margin: 0 auto 10px; float: none; }
}


#sec_doc2 p { margin-bottom: 0; }
#sec_doc2 .title { color: #2a63b1; font-size: 1.1em; font-weight: bold; letter-spacing: 0.1em; }
#sec_doc2 ul.li01, #sec_doc2 ul.li02, #sec_doc2 .inbox { padding-bottom: 40px; }
#sec_doc2 ul.li01 li { width: 330px; float: left; }
#sec_doc2 ul.li01 li li { width: 100%; float: none; font-size: 0.9em; text-indent: -1em; padding-left: 1em; }
#sec_doc2 ul.li01 li li:before { content:"・"; }
#sec_doc2 ul.li02 li { width: 200px; float: left; }
#sec_doc2 ul.li02 li li { width: 100%; float: none; font-size: 0.9em; }
#sec_doc2 ul.li02 li li:before { content:"・"; }
#sec_doc2 a { color: #3f99e5; text-decoration: underline; }
#sec_doc2 a:hover{ color: #8cc2ef; }
#sec_doc2 .inbox { width: 100%; float: none; font-size: 0.9em; }
#sec_doc2 .inbox li:before { content:"・"; }
#sec_doc2 dl { margin-top: -5px; }
#sec_doc2 dl dt { font-weight: bold; padding-top: 5px; text-indent: -1em; padding-left: 1em; }
#sec_doc2 dl dd { padding-left: 1em; }
#sec_doc2 dl dt:before { content:"・"; }
@media screen and (max-width: 767px) {
	#sec_doc2 ul.li01 li { width: 100%; float: none; padding-bottom: 30px; }
	#sec_doc2 ul.li01 { padding-bottom: 0px; }
	#sec_doc2 ul.li01 li li { padding-bottom: 0px; }
}
@media screen and (max-width: 640px) {
	#sec_doc2 ul.li01, #sec_doc2 ul.li02, #sec_doc2 .inbox { padding-bottom: 30px; }
	#sec_doc2 ul.li01 { padding-bottom: 0px; }
	#sec_doc2 ul.li01 li li { padding-bottom: 0px; }
	#sec_doc2 ul.li02 li { width: 100%; float: none; }
}
@media screen and (max-width: 480px) {
	#sec_doc2 ul.li01 li { padding-bottom: 20px; }
	#sec_doc2 ul.li01, #sec_doc2 ul.li02, #sec_doc2 .inbox { padding-bottom: 20px; }
	#sec_doc2 ul.li01 { padding-bottom: 0px; }
}




/* #footer */
#footer {
	width: 100%;
	margin-top: 15%;
}
#footer .entxt { font-size: 0.85em; padding-bottom: 5px; }
#footer .sitetitle { font-size: 1.3em; font-weight: bold; line-height: 1.5; margin-bottom: 15px; }
#footer .sitetitle span { font-weight: bold; display: inline-block; }
#footer .sitetitle .txtsmall { font-size: 0.7em; line-height: 1.5;  }
@media screen and (max-width: 959px) {
	#footer .sitetitle { font-size: 1.1em; }
}


/* #fnav */
#fnav { padding: 12px 5px; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; display: inline-block; }
#fnav ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; }
#fnav li { margin-right: 25px; float: left; font-size: 0.93em; display: inline-block; }
#fnav li a { text-decoration: none; font-weight: bold; }
#fnav li:before { content: url(../img/common/icon_blue.png); margin-right: 5px; }
#fnav li.current a { color: #2a63b1; }
@media screen and (max-width: 959px) {
	#fnav li { margin-right: 0px; float: none; display: block; }
	#fnav li a { display: inline-block; padding: 2px 0; }
}


/* #acdnav */
#acdnav { }
#acdnav .btn { padding: 12px 35px 12px 5px; border-bottom: 1px dashed #ccc; display: inline-block; font-weight: bold; position: relative; cursor: pointer; font-size: 0.93em; }
#acdnav .btn:after { content: url(../img/common/icon_close.png); position: absolute; right: 5px; top: 15px; }
#acdnav .cnt { display: none; font-size: 0.93em;  }
#acdnav .cnt { padding: 10px 0 10px; }
#acdnav .cnt li { padding-left: 5px; margin-bottom: 2px; }
#acdnav .cnt li a { text-decoration: none; font-weight: bold; }
#acdnav .cnt li.bb { border-bottom: 1px dashed #ccc;  display: inline-block; padding-bottom: 10px; }
#acdnav .cnt li:before { content: url(../img/common/icon_blue.png); margin-right: 5px; }

/* #copyright */
#copyright { background: url(../img/common/bg_dot_b10.png); padding: 15px 0; margin-top: 6%; line-height: 1.5; }
#copyright .txtsmall { font-size: 0.86em; }

/* #pagetop */
#pagetop { position: fixed; right: 4%; bottom: 20px; width: 40px; }