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

/*
 * 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: 750px) {
}
@media screen and (max-width: 480px) {
	body { font-size: 12px; }
}

/*
 * header
 */
#header {
	width: 100%;
	height: 140px;
}
#header .inwrap { border-bottom: 1px solid #d6d6d6; padding: 6px 0; }
#header .txt1 { padding: 3px 0 0; }
#header .logo { position: absolute; top: 20px; left: 0; }
#header .tel { position: absolute; top: 50px; right: 0; }
#header .tel a { cursor: default; }
@media screen and (max-width: 750px) {
	#header { position: fixed; z-index: 1000; background: #fff; height: 60px; }
	#header .tel { width: 36px; right: 40px; top: 10px; }
	#header .tel a { cursor: pointer; }
	#header #btn_menu { width: 36px; right: 0px; top: 10px; position: absolute; cursor: pointer; }
	#header .logo { width: 200px; top: 15px; }
}

/* gsearch */
#gsc {
	position: absolute;
	top: -1px;
	right: 0px;
    width:210px;
}
#gsc .gsc-control-cse,
#gsc .gsc-control-cse-ja,
#gsc .gsib_a { margin:0 !important; padding:0 !important; }
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input { vertical-align: top !important; }
#gsc input[type="text"]{ border: 1px solid #dddddd !important; height: 28px !important; }
#gsc #gsc-iw-id1{ border:none !important; }
#gsc #gs_tti0 input{ background-position:5px 5px !important; }
#gsc input.gsc-search-button { background: #194c8a !important; background: -ms-linear-gradient(top,  #194c8a 0%,#194c8a 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194c8a', endColorstr='#194c8a',GradientType=0 ); /* IE6-9 */ border: 1px solid #194c8a !important; padding: 7px 20px 7px !important; /* デフォルト padding: 6px 27px */ }
#gsc .gsc-search-button{ margin:0 0 0 -16px !important; border-radius:0; }
#gsc .gsib_b a { position:absolute; top:3px; left:130px; }
#gsc .gsib_b span { box-sizing: border-box; -moz-box-sizing: border-box; padding:2px 0 0 0; }
@media screen and (max-width: 750px) {
}

/* hnav */
#hnav { position: absolute; top: 20px; right: 0; margin-right: -15px; }
#hnav li { float: left; background: url(../img/common/icon_a.png) no-repeat left; list-style: none; padding: 0 20px 0 10px;}
#hnav li a { color: #00377c; text-decoration: none; }
#hnav li a:hover { text-decoration: underline; }
@media screen and (max-width: 750px) {
}

/*
 * gnav
 */
#gnav {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	position: relative;
	z-index: 1000;
}
#gnav ul { width:  960px; margin: 0 auto; }
#gnav ul li { float: left; }
#gnav ul li .sub { position: absolute; top: 50px; left: 0; padding: 30px 0px; background: url(../img/nav/gnav_bg.png); width: 100%; }
#gnav ul li dl { width: 851px; margin: 0 auto; display: table; }
#gnav ul li dt { width: 150px; text-align: left; display: table-cell;vertical-align: top; color: #fff; font-size: 1.15em; font-weight: bold; }
#gnav ul li dd { padding-left: 30px; width: 660px; display: table-cell; border-left: 1px solid #fff; }
#gnav ul li dd ul { width:  auto; }
#gnav ul li dd li { width: 220px; padding: 0; padding-bottom: 5px; }
#gnav ul li dd li a { color: #fff; text-decoration: none; }
#gnav ul li dd li a:before { content: url(../img/common/icon_aw2.png); padding-right: 5px; }
#gnav ul li dd li a:hover { text-decoration: underline; }
@media screen and (max-width: 750px) {
	#gnav { background: #00387d; height: 100%; border:none; overflow-y: scroll; }
	#gnav ul { width:  100%; margin: 0 auto; }
	#gnav ul li { float: none; border-bottom: 1px solid #fff; }
	#gnav ul li a { padding: 12px 15px; display: block; background: url(../img/common/icon5.png) no-repeat 270px 18px; }
	#gnav ul li.issub a { background: url(../img/common/icon3.png) no-repeat 270px 18px; }
	#gnav ul li.opened a { background: url(../img/common/icon4.png) no-repeat 270px 18px; }
	#gnav ul li a img { height: 15px; }
	#gnav ul li#btnclose a { background: none; }

	#gnav ul li .sub { position: static; padding: 0px; width: 100%; background: #00387d; padding-bottom: 10px; }
	#gnav ul li dl { width: 100%; margin: 0 auto; display:inherit; }
	#gnav ul li dt { display: none; }
	#gnav ul li dd { padding-left: 0px; width: 100%; display: inherit; border-left: none; }
	#gnav ul li dd ul { width:  auto; }
	#gnav ul li dd li { width: 220px; padding: 0; padding-bottom: 0px; border-bottom: none; }
	#gnav ul li dd li a { color: #fff; text-decoration: none; padding: 0px 15px 5px; }
	#gnav ul li dd li a:before { content: url(../img/common/icon_aw2.png); padding-right: 5px; }
	#gnav ul li dd li a:hover { text-decoration: underline; }

}

/*
 * pankuzu
 */
#pankuzu {
	border-bottom: 2px solid #194c8a;
	padding: 10px 0;
}
#pankuzu li { float: left; padding-right: 10px; }
#pankuzu li:before { content: url(../img/common/icon_ab_2.png); padding-right: 5px; }
#pankuzu li.home:before { content: none; padding-right: 0px; }
@media screen and (max-width: 750px) {
	#pankuzu { margin-top: 60px; border-top: 1px solid #aaa; }
}

/*
 * content
 */
#content {
	width: 100%;
	padding-top: 30px;
}
@media screen and (max-width: 750px) {
	#content { padding-top: 0px; }
}

/* cnt_main */
#cnt_main {
	float: right;
	width: 660px;
	padding-bottom: 50px;
}
@media screen and (max-width: 750px) {
	#cnt_main { float: none; width: 100%; padding-bottom: 30px; }
}

/* cnt_side */
#cnt_side {
	float: left;
	width: 260px;
}
#cnt_side p { margin-bottom: 5px; padding-bottom: 0; }
#cnt_side .section { margin-bottom: 10px; padding-bottom: 0; }
#cnt_side .section li { line-height: 0.1em; font-size: 0.1em; }
#cnt_side #side_1 { background: #fdebd7; margin-top: 10px; padding-bottom: 15px; }
#cnt_side #side_1 .title { margin-top: 0px; text-align: center; padding-bottom: 10px; }
#cnt_side #side_1 .title img { margin-top: -10px; }
#cnt_side #side_1 li { width: 230px; margin-left: 15px; }
#cnt_side #side_2 { background: #194c8a; padding-bottom: 15px; }
#cnt_side #side_2 .title { text-align: center; padding: 10px 0  5px; }
#cnt_side #side_2 .title img { width: 195px; }
#cnt_side #side_2 li { width: 224px; margin-left: 18px; padding-bottom: 1px; }
#cnt_side #side_3 { background: #fefaf5; padding: 10px 0 10px; border: 1px solid #fbe0c4; }
#cnt_side #side_3 .title { text-align: center; padding-bottom: 10px; }
#cnt_side #side_3 .title img { width: 115px; }
#cnt_side #side_3 li { width: 234px; padding-left: 13px; padding-bottom: 5px; }
#cnt_side #side_3 li.li1 input{ width: 234px;}
@media screen and (max-width: 750px) {
	#cnt_side #side_2 { padding-bottom: 0px; background: inherit; margin-bottom: 0; }
	#cnt_side #side_2 .title { text-align: center; padding: 10px 0; background: #194c8a; margin-bottom: 10px; position: relative; cursor: pointer; }
	#cnt_side #side_2 .acdcnt { padding: 0px 0 20px; }
	#cnt_side #side_2 .title img { width: 195px; }
	#cnt_side #side_2 li { width: auto;  margin-left: 0px; text-align: center; width: 100%; }
	#cnt_side #side_3 li.li1 input{ width: 81%; max-width: 260px;}
	#cnt_side #side_2 li img { width: 260px; }
	#cnt_side #side_3 { background: inherit; padding: 0px 0 0px; border: none; }
	#cnt_side #side_3 .title { text-align: center; padding: 10px 0; background: #f4a34d; margin-bottom: 10px; position: relative; cursor: pointer; }
	#cnt_side #side_3 .title img { width: 116px; }
	#cnt_side #side_3 li { width: auto; padding-left: 0px; text-align: center; }
	#cnt_side #side_2 .title:after, #cnt_side #side_3 .title:after { content:url(../img/common/icon_close.png); position: absolute; top: 50%; right: 20px; margin-top: -10px; }
	#cnt_side #side_2.opened .title:after, #cnt_side #side_3.opened .title:after { content:url(../img/common/icon_open.png); }
	#cnt_side #side_4 .bnr5 img { width: 100%; }
	#cnt_side { float: none; width: 100%; }
	#cnt_side p { margin-bottom: 5px; text-align: center; }
}

/* snav */
#snav { padding-bottom: 20px; }
#snav p { text-decoration: none; display: block; border-top: 2px solid #00387d; border-bottom: 1px solid #aaa; margin-bottom: 0; }
#snav p a { color: #fff; font-weight: bold; font-size: 1.1em; background: #00387d; display: block; padding: 12px 0 10px; padding-left: 10px; text-decoration: none; }
#snav p a:hover { background: #dce8f5; color: #00387d; }
#snav li { border-bottom: 1px dotted #aaa; }
#snav li a { text-decoration: none; display: block; padding: 10px 0;  }
#snav li a:hover { background: #dce8f5; }
#snav li a.current { background: #dce8f5; color: #00387d; font-weight: bold; }
#snav li a:before { content:url(../img/common/icon_ab_2.png); padding: 0 5px 0 10px; }
@media screen and (max-width: 750px) {
	#snav { padding-bottom: 0; }
	#snav li:last-child { border-bottom: 1px solid #aaa; }
	#snav p a { text-align: center; padding-left: 0; }
}

/*
 * cnt_btm
 */
#cnt_btm {
	width: 100%;
	background: url(../img/common/f_bg1.png);
	padding: 20px 0;
	min-width:1000px;
}
#cnt_btm ul { margin-left: 155px; }
#cnt_btm li {width: 280px;margin-left: 30px;float: left;}
#cnt_btm li a { width: 280px; background: #fff; text-align: center; padding: 12px 0; display: block; }
#cnt_btm li a:hover { width: 280px; background: #eee; text-align: center; padding: 12px 0; display: block; }
#cnt_btm li img { height: 19px; }
@media screen and (max-width: 750px) {
	#cnt_btm { min-width:0; }
	#cnt_btm ul { margin-left: 0px; }
	#cnt_btm li { width: 80%; margin: 0 auto; float: none; padding: 5px 0; }
	#cnt_btm li a { width: 100%; padding: 12px 0; }
	#cnt_btm li a:hover { width: 100%; padding: 12px 0; }
	#cnt_btm li img { height: 17px; }
}

/*
 * pagetop
 */
#pagetop {
	width: 60px;
	height: 70px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
}
@media screen and (max-width: 750px) {
}

/*
 * footer
 */
#footer {
	width: 100%;
	background: #e8f0f8;
	min-width:1000px;
}
#footer ul { padding-top: 40px; margin-bottom: 40px; }
#footer li { float: left; }
#footer li p { position: relative; padding-left: 20px; }
#footer li p:before { content: url(../img/common/icon2.png); padding-right: 5px; position: absolute; top: 3px; left: 0; }
#footer li p a { font-weight: bold; text-decoration: none; }
#footer li li { font-size: 0.86em; }
#footer li.p1 { width: 120px; }
#footer li.p2 { width: 205px; }
#footer li.p3 { width: 215px; }
#footer li.p4 { width: 230px; height: 250px;}
#footer li.p5 { width: 190px; padding-bottom: 5px;}
#footer li li { float: none; }
#footer li ul { padding: 0; }
#footer li a { text-decoration: none; }
#footer li a:hover { color: #333; text-decoration: underline; }
#footer li li:before { content: url(../img/common/icon_ab_2.png); padding-right: 5px; padding-left: 15px; }
#footer .inwrap { background: #fff; padding: 20px 0 20px; }
#footer .logo { left: 0; top: 0px; position: absolute; }
#footer .txt, #footer .copyright{ font-size: 0.86em; padding-left: 460px; }
@media screen and (max-width: 750px) {
	#footer { min-width:0; }
	#footer li.p4 { height: auto;}
	#footer .logo { left: 0; top: 0px; position: static; padding-bottom: 20px; }
	#footer .txt, #footer .copyright{ font-size: 0.86em; padding-left: 0px; }
}


@media screen and (max-width: 750px) {
	#index #footer .incnt { margin: 0 4%!important; width: 92%!important; }
}