@media screen{
	
body {
	position:relative;
	height:100%;
	min-width:700px; 
	min-height:160px;
	background:white;
	font-size:75%;
	margin:0;
	font-family:"メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.5;
}
body > .main {
	height:auto;
	min-height:140px;
}

html {
	height:100%;
	overflow-y:scroll;
}
#contents{
/*background-color:#FFF000;*/
}
.wrapper{
/*background-color:#FF9900;*/
}
.main {
	margin-bottom: 100px;
/*background-color:#FF0000;*/
background-position: center;
      background-image   : url("./img/bg-img.png");
      background-repeat  : no-repeat;
}
.error {
	/*height:165px;*/
	margin:10px;
	padding:10px;
	/*background:#F6F6F6;*/
	color:#ca0707;
	text-align:center;
	font-weight: bolder;
	font-size: 18px;
}
div.pager {
    text-align: center;
    margin: 1em 0;
}

div.pager span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    background: #0A5FA7;
    color: #fff;
    margin-right: 0.5em;
}

div.pager span.active {
    background: #559DD0;
}
h2{
  margin-bottom:30px;
  text-align: left;
  background:#F6F6F6;
  padding:5px 0 5px 20px;
  line-height: 180%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
h2 span{
  vertical-align:bottom;
  font-size:16px;
}

h3{
	text-align: left;
	margin: 10px 5px 10px 20px;
	padding:5px 0px 5px 10px;
	border-left:solid 10px #7dbf0d;
}

h4{
	text-align: left;
	margin: 10px 5px 10px 30px;
	padding:5px 0px 5px 10px;
	border-bottom:solid 1px #7dbf0d;
}

img {
	border:0;
}

button:hover {
  cursor: pointer;
}

button::-moz-focus-inner {
  border:0;
}

.button {
	background: #0D6DBF;
	background: -moz-linear-gradient(top, #62ADE3 0%, #47A2D8 50%, #1F84CB 50%, #0D6DBF 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #62ADE3), color-stop(0.5, #47A2D8), color-stop(0.5, #1F84CB), color-stop(1, #0D6DBF));
	border: 1px solid #005794;
	border-bottom: 1px solid #034C8A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 1px 0 0 #8FC5EB;
	-webkit-box-shadow: inset 0 1px 0 0 #8FC5EB;
	box-shadow: inset 0 1px 0 0 #8FC5EB;
	color: #fff;
	padding: 4px 0 4px 0;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #01356B;
	width: 150px;
	font-family:"メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.btnsmall {
	width: 60px;
}

.btnmiddle {
	width: 100px;
}

.sub_menu .button {
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #eaeaea 0%, #e1e1e1 50%, #d6d6d6 50%, #cbcbcb 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #eaeaea), color-stop(0.5, #e1e1e1), color-stop(0.5, #d6d6d6), color-stop(1, #cbcbcb));
	border: 1px solid #9d9d9d;
	border-bottom: 1px solid #939393;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 1px 0 0 #f1f1f1;
	-webkit-box-shadow: inset 0 1px 0 0 #f1f1f1;
	box-shadow: inset 0 1px 0 0 #f1f1f1;
	color: #000;
	padding: 4px 0 4px 0;
	text-decoration: none;
	text-align: center;
	text-shadow: 0 -1px 1px #fff;
	width: 150px;
	font-family:"メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.sub_menu .button:hover {
  background: #c1c1c1;
  background: -moz-linear-gradient(top, #d3d3d3 0%, #c1c1c1 50%, #ababab 50%, #969696 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d3d3d3), color-stop(0.5, #c1c1c1), color-stop(0.5, #ababab), color-stop(1, #969696));
  cursor: pointer;
}

.sub_menu .button:active {
  -moz-box-shadow: inset 0 0 10px 0 #404040, 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 0 10px 0 #404040, 0 1px 0 #fff;
  box-shadow: inset 0 0 10px 0 #404040, 0 1px 0 #fff;
  cursor: pointer;
}

.button:hover {
  background: #13569B;
  background: -moz-linear-gradient(top, #559DD0 0%, #4186C2 50%, #1B6DB4 50%, #0A5FA7 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #559DD0), color-stop(0.5, #4186C2), color-stop(0.5, #1B6DB4), color-stop(1, #0A5FA7));
  cursor: pointer;
}

.button:active {
  -moz-box-shadow: inset 0 0 10px 0 #2b430d, 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 0 10px 0 #2b430d, 0 1px 0 #fff;
  box-shadow: inset 0 0 10px 0 #2b430d, 0 1px 0 #fff;
  cursor: pointer;
}

.btn_submit {
	-webkit-appearance: none;
	font-size:12px;
	margin:5px;
}

.btn_alink {
	width: 148px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-left: 5px;
}

/*select {
  background: #8fd324;
  background: -moz-linear-gradient(top, #b1e362 0%, #a2d847 50%, #8acb1f 50%, #7dbf0d 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #b1e362), color-stop(0.5, #a2d847), color-stop(0.5, #8acb1f), color-stop(1, #7dbf0d));
  border: 1px solid #5b9400;
  border-bottom: 1px solid #568a03;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 1px 0 0 #c8eb8f;
  -webkit-box-shadow: inset 0 1px 0 0 #c8eb8f;
  box-shadow: inset 0 1px 0 0 #c8eb8f;
  padding: 4px 0 4px 0;
  text-decoration: none;
  text-align: center;
  width: 100px;
height:26px;
	font-family:"メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}*/

#header{
	width: 100%;
	height: 55px;
	position: relative;
	/*background-color:#233e6b;*/
	border-bottom: 2px solid #233e6b;
    border-top: 2px solid #233e6b;
    width: 100%;
}

#header .middle {
	position: absolute;
	top: 50%;
	text-align: left;
    width: 100%;
}

#header .middle h1{
	margin-top: -15px;
	font-size:20px;
	line-height: 30px;
	color: #233e6b;
}

#header .middle img{
	vertical-align: middle;
	margin-left:20px;
	margin-right:20px;
}

#header .middle h1 input{
float: right;
}

.left{
	float:left;
	width: 170px;
	padding:10px;
	height:100%;
	/*background-color:#0F0;*/
}

.right{
	min-width:500px; 
	min-height:300px;
	padding:0 10px 30px 0;
	height:100%;
	/*background-color:#00F;*/
	margin-left: 190px;
}

#footer{
border-top:medium solid #F6F6F6;
/*width:100%;*/
height:30px;
text-align:center;
vertical-align:middle;
padding: 15px;
}
#footer #icon_pc {
    float: right;
    /*position: relative;*/
    /*padding: 0;*/
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    }
#footer #icon_pc:before {
    content: '';
    display: inline-block;
    margin: 0 5px 0 -164px;
    width: 22px;
    height: 22px;
    background: url(../img/icon_pc.png) 0 0 no-repeat;
    vertical-align: bottom;
}

.sub_menu{
	text-align:left;
    border: 2px solid #F6F6F6;
    overflow: hidden;
	margin: 0 0 20px 20px;
	}
.sub_menu p{
    padding-left: 20px;
	float:left;
}
.sub_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.alert{
	text-align:left;
	width:480px;
	background:#ffcccc;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	padding: 20px 10px;
}

.alert .set{
	text-align:left;
	font-weight: bolder;
	width:460px;
	background:#ffffff;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4) inset;
	padding: 20px 10px;
}

.safe{
	width:480px;
	background:#ccffff;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	padding: 10px 10px;
	margin:0 0 10px 0;
}

.table{
	display:table;
	border-collapse: separate;
}

.thead{
	display:table-header-group;
	padding:2px 5px 2px 5px;
}

.tr{
	display:table-row;
}

.tr_sun{
	display:table-row;
	background:#ffcccc;
}

.tr_sat{
	display:table-row;
	background:#CCFFCC;
}

.tbody{
	display:table-row-group;
}

.td{
	text-align:center;
	display:table-cell;
	padding:2px 5px 2px 5px;
	border:outset 1px #DDDDDD;
	empty-cells: hide;
	vertical-align:middle;
}

.td_w{
	text-align:center;
	display:table-cell;
	padding:2px 5px 2px 5px;
	border:outset 1px #DDDDDD;
	background:#FFFFFF;
	empty-cells: hide;
}

.td_sat{
	text-align:center;
	display:table-cell;
	padding:2px 5px 2px 5px;
	border:outset 1px #DDDDDD;
	background:#CCFFCC;
	empty-cells: hide;
}

.td_sun{
	text-align:center;
	display:table-cell;
	padding:2px 5px 2px 5px;
	border:outset 1px #DDDDDD;
	background:#ffcccc;
	empty-cells: hide;
}

.thead .td{
	background:#DDDDDD;
	text-align:center;
	padding:2px 5px 2px 5px;
}

.tfoot{
	display:table-footer-group;
	background:#EDEDED;
}

/*\*/
* html .sub_menu {
    height: 1em;
    overflow: visible;
}
/**/



.post {
padding-top: 10px;
margin-right: 10px;
position: relative;
display: block;
}

.post2 {
padding-top: 0px;
margin-right: 10px;
position: relative;
display: block;
}

/*トップページ*/
#top{
disply:block;
}

#top h2{
	margin-bottom:30px;
text-align: left;
background:#F6F6F6;
padding:5px 0 5px 20px;
line-height: 180%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
#top h2 span{
vertical-align:bottom;
	font-size:16px;
}

/*#top #footer{
border-top:medium solid #F6F6F6;
width:100%;
height:30px;
text-align:center;
vertical-align:middle;
}
*/

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

}