@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
}
body {
	background-image: url("../image/login/Back_screen.png");
	background-size:contain;
	padding-top: 80px;
	font-family: "BIZ UDPGothic",'メイリオ','Meiryo',sans-serif;
}
#body_flex {
	display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
	display: flex;
	min-height: 91.5vh;
}

@media print{
  .noPrint{display:none;}       /* 印刷しない */
}
/*============================================
ヘッダ
============================================*/
header {
	position:fixed;
	z-index:1;
  top:0;
  left:0;
  display: flex;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  align-items: center;
}
h1 {
	position: fixed;
	margin:0px 0px 0px 30px;
}

div#user_login {
	margin-left: auto;
	font-size: 20px
  display: inline-block;
  padding:0px 20px 0px 0px;
}

.carousel {
	left: 550px;
}

#logout_btn {
	border: none;  /* 枠線を消す */
}

/*============================================
サイドバー（左カラム）
============================================*/
div#sideber {
	position:fixed;
	margin-bottom: 0;
  top: 80px;
	z-index: 1;
	width:200px;			/*幅の指定*/
	min-height: 91.5vh;
	display:inline;			/*IE6のマージン算出のバグ対策*/
	background-color:#003755;
}
/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#sideber_header {
	height:95px;
	background-color:#eae8e1;
}
/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#sideber_body li a {
	display:block;			/*リンクをブロック表示にする*/
	padding:10px 0px 10px 0px;	/*サブメニュー項目のパディング*/
	background-color:#003755;	/*サブメニュー項目の背景色*/
	text-align:left;
}
ul#sideber_body li a:hover {
	background-color:#00a0ea;	/*リンクにマウスが乗ったら色を変える*/
}

.btn-group a {
	width: 200px;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:block;			/*リンクをブロック表示にする*/
	padding:10px 0px 10px 0px;	/*サブメニュー項目のパディング*/
	background-color:#003755;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
	text-align:left;
}

.btn-group a:hover {
	background-color:#00a0ea;	/*リンクにマウスが乗ったら色を変える*/
}

li#side_05 a:hover {
	background-image: url("../image/base/メニュー05_hover.png");	/*リンクにマウスが乗ったら画像を変える*/
	padding:10px 0px 10px 0px;	/*サブメニュー項目のパディング*/
	background-repeat: no-repeat;
}

#side_11{
	margin-left: 32px;
	max-width: 140px;
}

#side_12{
	margin-top: 190px;
}

.termsofservice {
	margin-top: 10px;
	font-size: 12px;
}

.termsofservice a {
	color: #FFFFFF;
}

#pix_copyright{
  margin-top: 10px;
	margin-right: 10px;
	font-size: 10px;
  color: #ffffff;
}

/*============================================
メイン（中央カラム）
============================================*/
div#news {
	width:auto;
	margin-left:230px;
	padding-top:10px; /*幅の指定と位置調整*/
	padding-bottom:20px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2 {
	font-size:180%; margin-bottom:10px; padding-left:5px;
	background-repeat:no-repeat; background-position:left center;
}
h3 {font-size:90%; margin-left:5px;}
p {font-size:90%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}

#container1,
#container2 {
	display: flex;
}

/*.card {
	margin-left: 70px;
	margin-top: 20px;
}*/