@charset "UTF-8";

/*
  基本タグCSS
*/


/***********************************************************
#1 独自リセット
***********************************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}




/***********************************************************
#1 HTML
***********************************************************/
html {
  overflow-y: scroll;
}




/***********************************************************
#1 本文
***********************************************************/
body {
  color: #333;
  background: #fff;
  font-size: 100%;
  line-height: 170%;
  text-align: center;
  /* ゴシック系 */
  /*font-family: 'Segoe UI',Arial,'Helvetica Neue',Roboto,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;*/
  font-family: 'BIZ UDPGothic', sans-serif;
	/* 明朝系 */
  /*font-family: Georgia,'HGS明朝E','ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho ProN',serif;*/
  min-height: 100vh;
}




/***********************************************************
#1 テキスト
***********************************************************/
address {
  font-style: normal;
}




/***********************************************************
#1 リンク
***********************************************************/
a:link {
  color: #165a8c;
  text-decoration: underline;
}
a:visited {
  color: #e24222;
  text-decoration: none;
}
a:hover,
a:active {
  color: #e24222;
  text-decoration: underline;
}

/* 画像ロールオーバー */
a img {
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.5s;
  transition-property: opacity;
  transition-duration: 0.5s;
}
a:hover img,
a:active img {
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;

  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  transition-property: opacity;
  transition-duration: 0.3s;
}




/***********************************************************
#1 表
***********************************************************/
table {
  border-collapse: collapse;
}
caption {
  text-align: left;
}
th {
  font-weight: normal;
}




/***********************************************************
#1 画像
***********************************************************/
img {
  border: none;
  vertical-align: bottom;

  /* IE6,7対策 */
  -ms-interpolation-mode: bicubic;
}


/*//////////////////
#4 レスポンシブ
//////////////////*/
img {
  max-width: 100%;
  height: auto;
  width /***/: auto;
}




/***********************************************************
#1 区切り
***********************************************************/
hr {
  height: 1px; /* IE用 */
  border: none 0; /* Mozilla用 */
  border-bottom: solid 1px #666;
  margin-bottom: 1em;
}

/***********************************************************
#1 パンくずリスト
***********************************************************/
.breadcrumbs {
  text-align: right;
  background: #0e2047;
}

.breadcrumbs p {
  margin: 0 0 0 0;
  padding: 1.0em 1.0em 1.0em 0  ;
  line-height: 100%;
  font-size: 12px;
  color: #fff;
}

.breadcrumbs a {
  color: #fff;
  text-decoration: none;
}
.breadcrumbs a:hover,
.breadcrumbs a:visited{
  color: #fff;
  text-decoration: none;
}

/***********************************************************
#1 検索窓
***********************************************************/


#inline-wrap{
	background-color: #ffffff;
	padding: 2.0em 1.0em;
	width: 96%;
	max-width: 96%;
	margin: auto;
	border-radius: 0.3em;
}

#inline-wrap01{
	background-color: #ffffff;
	padding: 2.0em 1.0em;
	width: 40%;
	max-width: 40%;
	margin: auto;
	border-radius: 0.5em;
}

