@charset "shift_jis";
/* ******************************************************************* */
/* *  INTRA リニューアル用 スタイルシート                            * */
/* *  共通設定                                                       * */
/* ******************************************************************* */
html, body {
  height          : 100%;
  width           : 100%;
  margin          :  0px;
  padding         :  0px;
  background-color: #fff;
}

.default-body{
  font-size : 75%;
}

/* 背景関連の設定 */
.portal__hed {
  background-color : #00478b;"  /* ヘッダの色 */
  background-position: left center;
  background-repeat: norepeat;
  color: #fffaf0;
  line-height: 2.2;
  padding-left: 165px;
  text-align: left;
  vertical-align: middle;
}
.portal__hedlink {
  background-color: #187fc4;
  color: #fffff0;
  float: left;
  font-size: smaller;
  margin-right: 3px;
  padding: 0 10px;
}
.portal__menu {
  color: #fff;
  font-size: 20px;
}
.protal__color {
  background-color: #00f;
}
.portal__grid--color {
  background-color: #00a5a8;
}

/* スクロールバーを付けない場合 */
.noscroll {
  overflow: hidden;
}
/* 指定された領域全体に表示 */
.fullscreen {
  height: 100%;
  width: 100%;
}
/* 表関連のクラス */
.table {
  display: table;
}
.table__tr {
	display: table-row;
}
.table__td {
  display: table-cell;
}
/* Divを横並びにするときのクラス */
.box {
  float  : left;
  margin : 0px;
  padding: 5px 0 0 0;
}
.box--full {
  float  : left;
  margin : 0px;
  padding: 0px;
}
.boxContainer
{
	margin						:	0px;
	padding						:	0px;
	overflow					:	hidden;
	resize						:	both;
}
.boxContainer:before,
.boxContainer:after
{
	content						:"";
	display						:	table;
}
.boxContainer:after
{
	clear							:	both;
}
/* リストのマーカーを外す */
.nomark {
  list-style: none;
}
/* 罫線なし */
.noborder {
  border: 0;
}
/* ボタン関連 */
.button {
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 18px;
  text-shadow: 1px 1px 0px #17090E;
  box-shadow: 0px 0px 1px #BEE2F9;
  padding: 2px 7px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #0707A3;
  background: #4556EE;
  background: linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -ms-linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#4A7BEE), to(#468CCF));
  background: -moz-linear-gradient(top,  #4A7BEE,  #468CCF);
}
.button:hover {
  color: #ccc !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
 }
.button__small {
  font-weight: normal;
  color: #FFFFFF !important;
  font-size: 90%;
  text-shadow: 1px 1px 0px #17090E;
  box-shadow: 0px 0px 1px #BEE2F9;
  padding: 1px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #0707A3;
  background: #4556EE;
  background: linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -ms-linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#4A7BEE), to(#468CCF));
  background: -moz-linear-gradient(top,  #4A7BEE,  #468CCF);
}
.button__small:hover {
  color: #ccc !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}
.button__large {
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 110%;
  text-shadow: 1px 1px 0px #17090E;
  box-shadow: 0px 0px 1px #BEE2F9;
  padding: 2px 7px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #0707A3;
  background: #4556EE;
  background: linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -ms-linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#4A7BEE), to(#468CCF));
  background: -moz-linear-gradient(top,  #4A7BEE,  #468CCF);
}
.button__large:hover {
  color: #ccc !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}
.button__xsmall {
  font-weight: normal;
  color: #FFFFFF !important;
  font-size: small;
  text-shadow: 1px 1px 0px #17090E;
  box-shadow: 0px 0px 1px #BEE2F9;
  padding: 0px 15px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 2px solid #0707A3;
  background: #4556EE;
  background: linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -ms-linear-gradient(top,  #4A7BEE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#4A7BEE), to(#468CCF));
  background: -moz-linear-gradient(top,  #4A7BEE,  #468CCF);
}
.button__xsmall:hover {
  color: #ccc !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}
.linktag {
	cursor: pointer;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.ifrm-container {
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
	margin: 0px;
}
.ifrm {
	height: 100%;
	width: 100%;
	border: none;
	display: block;
	margin: 0px;
}
.button__oth {
  font-family: arial;
  color: #f0f0f0 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 10px 25px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #187FC4,  #0092CA);
  background: -ms-linear-gradient(top,  #187FC4,  #0092CA);
  background: -webkit-gradient(linear, left top, left bottom, from(#187FC4), to(#0092CA));
  background: -moz-linear-gradient(top,  #187FC4,  #0092CA);
}
.button__oth:hover {
  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}
:placeholder-shown{
	color: #c0c0c0;
}
:-ms-input-placeholder{
	color: #c0c0c0;
}
::-webkit-input-placeholder{
	color: #c0c0c0;
}
:-moz-placeholder{
	color: #c0c0c0;
	opacity: 1;
}
::-moz-placeholder{
	color: #c0c0c0;
	opacity: 1;
}