@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;		/*全要素の行の高さを1.5倍にする*/
	/*color:#333333;*/			/*文字色*/
}

html {
	height: 100%;
}

body {
	background-image: url(../image/back1.gif);	/*height:100%;*/
	background-color:#F0F0F0;	/*ページ全体の背景色*/
	/*text-align:center;*/			/*IE6以下でセンタリングするための対策*/
	height:100%;
	margin:0;
	/*overflow:hidden;*/
	overflow:auto;
	padding:0;
}

.container {
	width:100%;
	min-width:300px;
}

td {
	padding: 5px 8px;
}

th {
	padding: 5px 8px;
}

button {
	padding : 2px 15px;
}

/*============================================
メインコンテンツ
============================================*/
#main {
	color:#000000;
	height:calc(100% - 60px);
	/*width:100%;*/
	width:95%;
	/*position:fixed;*/
	/*top:50px;*/
	margin-top: 60px;
	margin-left: 10px;
	padding:10px;
}


/*============================================
  共通レイアウト
============================================*/
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.middle {
	font-size: 120%;
}

.large {
	font-size: 200%;
	font-weight: bold;
}

.margin {
	margin-top: 5px;
	margin-bottom: 10px;
}

.dropdown {
	height:50px;
}

/*============================================
 bootstrap navbar セッティング
============================================*/
.navbar {
	min-height: 50px !important;
	padding: 5px 0 0 0;
}

.navbar-brand {
	height: auto;
	padding: 10px 0 0 10px;
}

.nav > li > a{
	display: inline-block;
	margin: 0 !important;
	padding: 10px !important;
	padding-left: 20px !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

.navbar-toggle {
	padding: 0;
	margin-top: 10px;
}

.navbar .dropdown-menu {
	font-size: 0.9em;
	margin: 0 !important;
	padding: 0 !important;
}

.navbar .dropdown-menu li {
	margin: 0 !important;
}

.navbar .dropdown-menu li a {
	padding: 10px 15px;
}

.navbar .dropdown-menu li a:hover {
	background-color: #ffcddd;
	padding: 10px 15px;
}

/*============================================
 bootstrap colの高さをそろえる
============================================*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}