@charset "utf-8";
@import "mp.css";
@import "table.css";

body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "ＭＳ ゴシック", "Osaka－等幅", sans-serif, Verdana, Arial;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 2.4em;
	color: #333333;
	background-color: #ffffff;}


section{  text-align: justify;
  text-justify: inter-character;}

caption{display:none}

address {
font-style:normal;
}


select {
border-radius: 5px;
appearance: none ;
-moz-appearance: none ;
  -webkit-appearance:none ; /* これを追加 */}
select::-ms-expand {
    display: block;
}

/* セレクトボックスの矢印デザイン変更 */

.selecter-container {
  position: relative;
  float: left;
  min-width: 200px;
}

.selecter-container:after {
  content: '>';
  font: 17px "Consolas", monospace;
  color: #444;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 13px;
  padding: 0 0 2px;
  border-bottom: 1px solid #e4e4e4;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}
.selecter-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
 height: 40px;
  float: right;
  margin: 5px 0px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dbdbdb;
  -ms-word-break: normal;
  word-break: normal;
}
input,textarea {background-color: #FFFFFF;border: #e4e4e4 1px solid; border-radius: 5px; width: 100%;padding: 5px 10px;}
::placeholder{
  color:#999;
}

/*------必須------*/
.required{padding: 1px 5px 1px 5px;background-color:#EA5539;color: #FFF;margin-left: 10px; }


/*------パンくず------*/
#pankuzu {
	text-align: right;
	font-size: 10px;
	margin-bottom: 20px;
	color: #666666;
}
/*------ニュース一覧へ------*/
.more {
	text-align: right;
	padding-top: 5px;
	font-size: 11px;
}

/*------bold------*/
.f-bold,.f-700{
	font-weight: 700;
}
.f-500{
	font-weight: 500;
}

.font-small{
	font-size: 0.8em;
}
.font-big{
	font-size: 1.1em;
}
/*------------------------
基本色設定------------------------*/
/*----青------*/
.color-1,h3{color:#0066CA;}
.color-2{color:#B2C8E5;}
.font-aka,.tyuui{color: #EA5539;}


/*-----イメージオーバー------*/
.hover-style img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.hover-style img:hover {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/*------スマホのみ電話リンク------*/
@media (min-width: 896px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*------位置の共通化------*/

ol{
	padding:0px;
	list-style-type: decimal;
	list-style-position:inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ol li{
margin-left: 0px;
padding-bottom: 10px;
     text-indent: -1em;
  padding-left: 1em;
}

ul{
	padding:0px;
	list-style: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ul li{
	margin-left: 10px;
}

p{
	margin:  0em;
	text-indent: 0em;
}


.mark,.spmenu1,.spmenu2{
padding-left: 1em; 
text-indent: -1em; 
}
.mark15{
padding-left: 1.5em; 
text-indent: -1.5em; 
}
.mark2{
padding-left: 2em; 
text-indent: -2em; 
}
.mark3{
padding-left: 3em; 
text-indent: -3em; 
}
.mark4{
padding-left: 4em; 
text-indent: -4em; 
}
.mark5{
padding-left: 5em; 
text-indent: -5em; 
}

.afterclear{
    zoom:1;/*for IE 5.5-7*/
}
.afterclear:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear{
	clear: both;
	width: 100%;
    height: 0;
	visibility: hidden;
} 

.png{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------img------*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*------cpa-----*/
.cap {
	font-size: 0.9em;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
}
/*------align------*/
.center {
	text-align: center;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*------link------*/
a{	font-style: normal;
	color:#3F75BE;
	text-decoration:underline
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:visited{
	font-style: normal;
	color:#488932;
	text-decoration:none
}
a:hover{
 color: #FF9900;
	text-decoration:underline
}
a:active{
	color: #0099FF;
	text-decoration:underline
}

/*------ページの先頭へ------*/
.gotop {
	text-align: right;
	width: 90px;
	margin-left: auto;
	margin-top: 20px;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.gotop div {
	text-align: center;
	font-size: 10px;
	width: 80px;
	padding: 0px;
	background-image: url(../customimg/corecolor.jpg);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: 10px;
}
/*------リンクページの先頭へ------*/
.gotop a {
	font-style: normal;
	color: #FFFFFF;
	text-decoration:underline
}
.gotop a:visited{
	font-style: normal;
	color: #FFFFFF;
	text-decoration:underline
}
.gotop a:hover{
 color: #FF9900;
	text-decoration:underline
}
.gotop a:active{
	color: #0099FF;
	text-decoration:underline
}
/*------リンクフッター------*/
#footer a {
	font-style: normal;
	color: #333333;
	text-decoration:underline
}
#footer a:visited{
	font-style: normal;
	color: #666666;
	text-decoration:underline
}
#footer a:hover{
 color: #FF9900;
	text-decoration:underline
}
#footer a:active{
	color: #0099FF;
	text-decoration:underline
}
/*------ボタン共通　カテゴリー------*/

.btn {
	
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 100%;	
}

.btn a,.btn a:hover{
	text-decoration: none;
}
a .btn-color-common, .btn-color-common{
	padding: 12px 10px 15px 10px;
	border-radius: 0px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border-width: 1px;
border-style: solid;
		border-color: #FFF;
		background-color:#FFF;
	color: #0070C0;
	text-align: center;
}
.category-box a .btn-color-common, .category-box .btn-color-common,.document-box a .btn-color-common, .document-box .btn-color-common,.document-box2 .btn-color-common
{border-bottom: none;border-left: none;border-right: none;text-align: left;}



a:hover .btn-color-common, .btn-color-common:hover{
    border-width: 1px;
	border-style: solid;
	border-color: #0070C0;
	background-color:  #0070C0;
	color: #fff;
	
	
}
.category-box a:hover .btn-color-common,.category-box .btn-color-common:hover,.document-box a:hover .btn-color-common,.document-box .btn-color-common:hover,.document-box2 .btn-color-common:hover{border-bottom: none;border-left: none;border-right: none;}


a .btn-color-wp-navi{border: 1px #DBDBDB solid;	padding: 12px 10px 15px 10px;text-align: center;color: #666;
-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;}
a:hover .btn-color-wp-navi{border: 1px #0070C0 solid;background-color:  #0070C0;	padding: 12px 10px 15px 10px;
	color: #fff;}


a.anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}
/*------ボタン------*/

.btn-1{
  width: 200px;
  text-align: center;
  margin: 20px auto 0px auto;
}



.btn-1 a{
  text-decoration: none;
}
.btn-1 .btn-color{
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 0px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: solid 1px;
  background: #fff;
  font-weight: 500;
  color: #0066CA;
  border: solid 1px #0066CA;
}


.btn-1:hover .btn-color {
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 0px;
    border: solid 1px #0066CA;
	color: #fff;
	  font-weight: 500;
	   background: #0066CA;
}

input[type=submit]{
	font-family: FontAwesome
   }