@charset "utf-8";
/* style.css */



/**************************************************
 共通ページレイアウトスタイル
***************************************************/


/* コンテンツ */
div#contents {
    font-size: 1.2em;
    line-height: 1.35;
    text-align:left;
    padding:0 14px;
    clear:both;
    max-width: 960px;
    margin: 0 auto;
}


/**************************************************
 共通見出しレイアウトスタイル
***************************************************/
h1 {
    border: 2px solid #2E8B57;
    background: #2E8B57;
    padding: 12px 15px 11px 15px;
    font-size: 130%;
    color: #ffffff;
    line-height: 1.7em;
    zoom:1;
}
/**　電子入札入り口用開始　　**/
h1.blue{
    border: 2px solid #0066FF;
    background: #0066FF;
    padding: 12px 15px 11px 15px;
    font-size: 130%;
    color: #ffffff;
    line-height: 1.7em;
    zoom:1;
}
h2.h2TypeD {
    background: #0066FF;
    color: #ffffff;
    border-color: #0066FF;
    margin: 5px 0 0 0;
}
ol.TypeA{
	font-size: 16px;
}
ul.menuBtnB{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin:0 -10px 45px 0;
	padding: 0;
	list-style-type: none;
	font-size: 16px;
}

ul.menuBtnB li{
    width: calc((100% - 60px) / 4);
    margin: 20px 15px 0 0;
	min-height: 70px;
	box-sizing: border-box;
	border:2px solid #0000CC;
	border-radius: 5px;
	box-shadow: 5px 5px 0px 0px rgba(35, 71, 139, 0.35);
}
ul.menuBtnB li a{
	display: block;
	padding: 10px;
}


/**　電子入札入り口用終了　　**/


h2 {
    border: 2px solid #2E8B57;
    background: #2E8B57;
    padding: 11px 5px 10px 15px;
    font-size: 100%;
    color: #ffffff;
    margin: 30px 0 0 0;
    zoom:1;
}
h2.h2TypeB {
    background: #2E8B57;
    color: #ffffff;
    border-color: #2E8B57;
}
h2.h2TypeC {
    background: #0066FF;
    color: #ffffff;
    border-color: #0066FF;
}
h3 {
    background: #ffffff;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    margin: 25px 0 0 0;
    zoom:1;
}
a {
  text-decoration: none;
  display: block;
}
a:link {
 color: #000000;
}
a:visited {
 color: #000000;
}
a:hover {
 color: #0000CC;
}


/**************************************************
 ボタンスタイル
***************************************************/

ul.menuBtn{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	margin:0 -10px 45px 0;
	padding: 0;
	list-style-type: none;
	font-size: 16px;
}
ul.menuBtn li{
    width: calc((100% - 60px) / 4);
    margin: 20px 15px 0 0;
	min-height: 70px;
	box-sizing: border-box;
	border:2px solid #2E8B57;
	border-radius: 5px;
	box-shadow: 5px 5px 0px 0px rgba(35, 71, 139, 0.35);
}
ul.menuBtn li a{
	display: block;
	padding: 10px;
}
ul.menuBtnB li{
    width: calc((100% - 60px) / 4);
    margin: 20px 15px 0 0;
	min-height: 70px;
	box-sizing: border-box;
	border:2px solid #0066FF;
	border-radius: 5px;
	box-shadow: 5px 5px 0px 0px rgba(35, 71, 139, 0.35);
}	
ul.menuBtnB li{
    width: calc((100% - 60px) / 4);
    margin: 20px 15px 0 0;
	min-height: 70px;
	box-sizing: border-box;
	border:2px solid #0066FF;
	border-radius: 5px;
	box-shadow: 5px 5px 0px 0px rgba(35, 71, 139, 0.35);
}
ul.menuBtnB li a{
	display: block;
	padding: 10px;
}


