body {
	font-size: 12pt;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

th {
	background-color: #3C5EA8;
	font-size: 11pt;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color: #fff; 
}
td {
	font-size: 12pt;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

select {
	font-size: 12pt;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

input {
	font-size: 12pt;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    background-color: #FFFFFF;
}
input:disabled {
    background-color: #C0C0C0;
}

button {
	/* 文字を指定 */
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 12pt;
	/* 幅と高さを指定 */
	width: 150px;
}

button.button1 {
	/* 文字を指定 */
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 25pt;
	font-weight: bold;
	/* 幅と高さを指定 */
	width:  500px;
	height: 100px;
	/* 背景色を清水建設の青色に指定 */
	background-color: #3C5EA8;
	/* 文字色を白色に指定 */
	color: #fff;
	/* ボーダーをなくす */
	border-style: none;
	/* ボタンの影の指定
		影の横幅を2px
		縦長を2px
		ぼかしを3px
		広がりを1px
		色を#666（グレー）に指定 */
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* テキストの影の指定
		影の横幅を1px
		縦長を1px
		ぼかしを2px
		色を#000（黒）に指定 */
	text-shadow: 1px 1px 2px #000;
	/* 角丸の指定 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button1:hover { 
	/* 背景色を清水建設の赤色に指定 */
	background-color: #DF0032;
	/* 文字色を白色に指定 */
	color: #fff; 
}

button.button2 {
	/* 文字を指定 */
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 25pt;
	font-weight: bold;
	/* 幅と高さを指定 */
	width:  500px;
	height: 70px;
	/* 背景色を清水建設の青色に指定 */
	background-color: #3C5EA8;
	/* 文字色を白色に指定 */
	color: #fff;
	/* ボーダーをなくす */
	border-style: none;
	/* ボタンの影の指定
		影の横幅を2px
		縦長を2px
		ぼかしを3px
		広がりを1px
		色を#666（グレー）に指定 */
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* テキストの影の指定
		影の横幅を1px
		縦長を1px
		ぼかしを2px
		色を#000（黒）に指定 */
	text-shadow: 1px 1px 2px #000;
	/* 角丸の指定 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button2:hover { 
	/* 背景色を清水建設の赤色に指定 */
	background-color: #DF0032;
	/* 文字色を白色に指定 */
	color: #fff; 
}

button.button3 {
	/* 文字を指定 */
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 12pt;
	font-weight: bold;
	/* 幅と高さを指定 */
	width:  150px;
	height: 50px;
	/* 背景色を清水建設の青色に指定 */
	background-color: #3C5EA8;
	/* 文字色を白色に指定 */
	color: #fff;
	/* ボーダーをなくす */
	border-style: none;
	/* ボタンの影の指定
		影の横幅を2px
		縦長を2px
		ぼかしを3px
		広がりを1px
		色を#666（グレー）に指定 */
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* テキストの影の指定
		影の横幅を1px
		縦長を1px
		ぼかしを2px
		色を#000（黒）に指定 */
	text-shadow: 1px 1px 2px #000;
	/* 角丸の指定 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button3:hover { 
	/* 背景色を清水建設の赤色に指定 */
	background-color: #DF0032;
	/* 文字色を白色に指定 */
	color: #fff; 
}

.table1 {
	border-collapse: collapse;
}
.table1 th, .table1 td {
	border: 1px solid gray;
	text-align: center;
}

.btn {
    -webkit-appearance: none;
    padding: 10px 50px;
    margin-bottom: 10px;
    background-color: #364e96;
    text-transform: uppercase;
    color: #fff;
    outline: none;
    cursor: pointer;
}
.btn2 {
    -webkit-appearance: none;
    padding: 10px 50px;
    margin-bottom: 10px;
    background-color: #009900;
    text-transform: uppercase;
    color: #fff;
    outline: none;
    cursor: pointer;
}
.btn3 {
    -webkit-appearance: none;
    padding: 10px 35px;
    margin-bottom: 10px;
    margin-left: 5px;
    background-color: #364e96;
    text-transform: uppercase;
    color: #fff;
    outline: none;
    cursor: pointer;
}
.btn:hover,
.btn2:hover,
.btn3:hover{
	opacity: 0.7;
}

#dispimg{
	float: right;
	padding-right: 10px;
	max-width: 35px;
    box-sizing: border-box;
    padding-top: 30px;
    cursor: pointer;
}
.list_box{
	float: left;
	width: 25%;
}
.list_box ul{
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}
.list_box ul li.li1{
	height: 250px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 480px){
	.list_box{
		width: 50%;
	}
}