/*bootstrap修正*/
html,body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
    color: #1263ad;
    text-decoration: none;
}
a:hover, a:focus {
    color: #666666;
    text-decoration: underline;
}
.navbar-fixed-top{
	border-bottom:3px solid #003886;
}

.navbar-default{
	background:#000;
}

.navbar-default .navbar-nav > li > a{
	color:#fff;
}

.navbar-brand{
	padding:5px 15px;
	line-height:50px;
}

.navbar .nav > li > a{
	line-height:14px;
	text-align:center;
	transition: 0.2s linear;
}
.navbar .nav > li > a:hover{
	background:#333;
}

.navbar-nav > li > a{
	padding-bottom:16px;
	padding-top:16px;
}

.page-header{
	margin:43px 0 20px;
}

.tab-content{
	background:#fff;
	border:solid #ccc;
	border-width:0 1px 1px;
	border-radius:0 0 5px 5px;
}
.nav-tabs > li > a{
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);
	border-color:#ccc;
	color:#444;
}
ul.nav.nav-tabs > li.active > a{
	border-bottom:1px solid #fff;
	background:#fff;
}
.panel-title{
	font-size:18px;
}




.gutter0{margin:0;}
.gutter0 > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.gutter5{margin:0 -5px 0 -5px;}
.gutter5 > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}




/*common*/

/*スペーサー*/
.sps1,.sps5,.sps10,.sps15,.sps20,.sps30,.sps40,.sps50,.sps100{font-size:1px;line-height:1px;clear: both;}
.sps1 {height:1px;}
.sps5 {height:5px;}
.sps10 {height:10px;}
.sps15 {height:15px;}
.sps20 {height:20px;}
.sps30 {height:30px;}
.sps40 {height:40px;}
.sps50 {height:50px;}
.sps100 {height:100px;}
.mbottom10{margin-bottom:10px;}
.mbottom20{margin-bottom:20px;}
.mbottom40{margin-bottom:40px;}
.paddingtop63{padding-top:63px}
.mtop-20{margin-top:-20px;}
.magin0{margin:0;}
.magin0_-5{margin:0 -5px;}
.magin0_-10{margin:0 -10px;}
.magin0_-15{margin:0 -15px;}


/*font-size*/
.fs10{font-Size:10px; line-height:150%;}
.fs12{font-Size:12px; line-height:150%;}
.fs14{font-Size:14px; line-height:150%;}
.fs18{font-Size:18px; line-height:150%;}
.fs24{font-Size:24px; line-height:150%;}
.fs32{font-Size:32px; line-height:150%;}
.fs44{font-Size:44px; line-height:150%;}
.fs60{font-Size:60px; line-height:150%;}
.fbold{font-weight:bold;}

/*text インテント アライン*/
.tindent{text-indent:-1.2em;margin-left:1.0em!important;margin-bottom:10px;}
.tleft{text-align:left;}
.tcenter{text-align:center;}
.tright{text-align:right;}

/*区切り線*/
hr.hrline1 {clear:both;border: 0; height: 0;margin:0; border-top: 1px solid #c6cbce;border-bottom: 1px solid #fff;}
hr.hrline2{clear:both;height: 12px;margin-top:0;margin-bottom:10px;border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.4);border-top:1px solid #999\9;}
hr.hrline3 {clear:both;border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.30), rgba(0,0,0,0));border-top:1px solid #999\9;}

/*画像アルファ*/
.a_img_alpha a img{transition: 0.1s linear;}
.a_img_alpha a:hover img{
	opacity:0.70;
	filter:alpha(opacity=70); /*IE*/
	-ms-filter:"alpha(opacity=70)"; /*IE8*/
	transition: 0.1s linear;
	background:#000;
}

.bgfff{
	background:#fff;
}
.bgeee{
	background:#eee;
}
.bg333{
	background:#333;
}

.midashi {
	margin-bottom:20px;
	padding:5px 0 5px 10px;
	border: 1px solid #ccc;
	border-top: 3px solid #777;
	background:#fff;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	font-size:21px;
	font-weight:bold;
}


.midashi span{
	display:inline;
	margin-left:10px;
	font-size:60%;
	font-weight:normal;
}
@media (max-width:769px){
.midashi span{
	display:block;
	margin-left:0;
}
}


.boxdesign3r,.boxdesign3g,.boxdesign3b,.boxdesign3y,.boxdesign3k,.boxdesign3w{margin-bottom:20px;border-radius:8px;padding:10px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);}
.boxdesign3r{background:#ffd3df;color:#000;}
.boxdesign3g{background:#e4fcef;color:#000;}
.boxdesign3b{background:#d2e4ff;color:#000;}
.boxdesign3y{background:#ffffc2;color:#000;}
.boxdesign3k{background:#555555;color:#fff;}
.boxdesign3w{background:#ffffff;color:#000;
border:1px solid #ccc\9;}



/*個別css*/

.gotop{
	max-width:1150px;
	position:fixed;
	left:50%;
	bottom:0;
	right:20px;
}
.gotop a{
	display:block;
	width:150px;
	margin:0 0 0 auto;
	border: solid #fff;
	border-width:1px 1px 0;
	border-radius:8px 8px 0 0;
	background:#555;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
@media (max-width:769px){
.gotop{
	display:none;
}
}


.main_slider{
	margin-top:63px;
	background:#333;
	overflow:hidden;
	max-height:465px;
}
.slide{
	margin:0;
	padding:0;
}

.bx-viewport{
	background:#333;
	overflow: visible!important;
}
.bx-controls{
	display:none;
}

/*responsive-tables*/

table.responsive{width:100%;}
table.responsive th { font-weight: bold;padding: 9px 10px;text-align: center; background:#ddd;}
table.responsive td { padding: 9px 10px; text-align: center; }
table.responsive tr:nth-child(2n+1) {
    background: #eee;
}
table.responsive td:first-child{
	text-align:left;
}

@media only screen and (max-width: 767px) {
	table.responsive { margin-bottom: 0; }
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table tr:nth-child(2n+1) {background: #eee;}
	.pinned table th{background:#ddd;}
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}

.formdesign1 select{
	width:100%;
	margin-bottom:10px;
	border:1px solid #666;
	border-radius:4px;
}
.formdesign1 input{
	margin-bottom:10px;
	border:1px solid #666;
	border-radius:4px;
}
.w65p{width:65%;}
.w70p{width:70%;}
.w25p{width:25%;}
.w20p{width:20%;}



/*　16.10.08　追加　*/
/*個別css*/
.index_main{background:url(../img/160622_01.jpg) right bottom no-repeat;min-height:270px;}
.index_policy{background:#3b58a0;color:#fff;}
.index_list ul{ display:block;list-style:none;margin:0;padding:15px 0 0 0;}
.index_list li{ display:block;list-style:none;margin:0 0 15px 0;padding:0 0 0 14px;}
.index_arrow{ background:url(../img/index_arrow.gif) no-repeat 0 4px;}
.index_arrow2{ background:url(../img/index_arrow.gif) no-repeat 0 4px;text-align:right;}
.index_nmargin14{margin:0 0 0 -14px;;background-color:#52509b;color:#FFF;text-align:center;}
.height4em{min-height:4em;}



/*　リフォームページの一部cssを流用したが、上手く行きませんでした　*/
/*　コンテンツ　*/

h2.midashi{
	display:block;
	line-height:20px;
	margin-bottom:20px;
	border-left:4px solid #58b34d;
	padding-left:10px;
	color:#888;
	font-size:14px;
	font-weight:bold;
}



/*　トピックス　*/
#info{border:1px solid #ccc;padding:10px;background-color:#ffffff;}
#info dl{overflow:auto;width:autopx;height:100px;padding:0px;
display:block;}
#info_mise{border:1px solid #ccc;padding:10px;background-color:#ffffff;}
#info_mise dl{overflow:auto;width:autopx;height:225px;padding:0px;
display:block;}


#info dt{
	clear:both;
	float: left;
	width:70px;
	margin:14px 15px 5px 10px;
	padding: 0px 4px 0px 25px;
	background-image:url(images/tri_bg_gy.gif); background-repeat:no-repeat;background-position:center left;
	color:#ffffff;
	font-size:8pt;
	font-weight:bold;
	line-height:15px;
	text-align:center;
}

.info_r{background-color:#faaaab;}
.info_g{background-color:#96db64;}
.info_b{background-color:#6e9bc5;}
.info_y{background-color:#fcdd62;}
.info_k{background-color:#888888;}
.info_q{background-color:#191970;}

#info dd{
	float:left;
	font-size: 12px;
	line-height: 16px;
	margin:10px 1px 0 0;
	padding: 4px 0 4px 0px;
	border-bottom:2px dotted #CCCCCC;
	text-align:left;
}

#info dd.info_date{width:80px;color:#bbb;}
#info dd.info_date02{width:80px;color:#666;}
#p.date02{font-size: 36pxs;color:#666666;}

#info dd.info_message{width:470px;}
#info dd.info_message a{color:#34aae0;text-decoration:none;}
#info dd.info_message a:hover{color:#216eae;}
#info dd.info_message a:visited{color:#666666;}

/*tablist*/
.tablist a{
	border-bottom:1px dotted #ccc;
}

.listicon{
	margin:0px;
	padding:2px 0px 2px 14px;
	background:url(images/icon_link.gif) no-repeat 2px 6px;
}



/* ▼ タブメニュー全体の設定 */
div.tabbox { margin: 15px 0 0 0; padding: 0px; height:170px;}

/* ▼ タブ部分のマージンとパディング領域を設定 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼ リンクをタブのように見せる */
   display: block; width: 150px; float: left;
   margin: 0px 3px 0px 0px; padding: 3px;
   text-align: center;
   font-size:12px;
}
/* ▼ タブごとの配色設定 */
p.tabs a.tab1 {text-decoration:none; background-color:#fafafa;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-top: 3px solid #003886;  color: #666; font-weight:600;}
p.tabs a.tab2 {text-decoration:none; background-color:#fafafa;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-top: 3px solid #003886;  color: #666; font-weight:600;}
p.tabs a.tab3 {text-decoration:none; background-color:#fafafa;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-top: 3px solid rgba(0, 0, 170, 0.85);  color: #666; font-weight:600;}
p.tabs a:hover {opacity:0.7;filter:alpha(opacity=70);}

/* ▼ タブ中身のボックス */
div.tab {
   /* ▼ ボックス共通の装飾 */
   height: 150px;  clear: left; 
}
/* ▼ 各ボックスの配色設定 */
div#tab1 { border: 2px solid #DDD; background-color: #fbfbfb; }
div#tab2 { border: 2px solid #DDD; background-color: #fbfbfb; }
div#tab3 { border: 2px solid #DDD; background-color: #fbfbfb; }
div.tab p { margin: 0.5em; }


/* 1022 */
.newsrelease{
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
	margin:0;
	padding:10px;
}

.newsrelease dt{
	float:left;
	width:8em;
	clear:left;
	font-weight:normal;
	font-weight: 100;
    font-size: 11px;
    line-height: 150%;
}
.newsrelease dt span{
	width:5em;
	display:inline-block;
	margin-left:10px;
	border-radius:4px;
	background:#f36;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	vertical-align:2px;
}
.newsrelease dd{
	margin-bottom:10px;
	font-size: 13px;
    line-height: 150%;
	overflow: hidden;
	/*border-bottom:1px dotted #cccccc;*/
}


/*footer*/

#footer{
    text-align: center;
    padding: 0 0 40px 0;
    background-color: #555;
}

#footer .f-logo{
    margin: 0 auto 10px;
	height:50px;

}

#footer .f-nav>li {
    border-right: 1px solid #000;
}
#footer .f-nav>li.first{
    border-left: 1px solid #000;
}

#footer .f-nav li a{
    color: #fff;
}

.copy{
    margin-top: 20px;
}

.copy span{
    color: #FFF;
}
