body, html { 
	font-size: 12px; 	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0; margin: 0;
}
body { 
  color: #333;
 }

html {
  min-height: 100%;
  /*position: relative;*/
}
       
#footer {
  /*bottom: 0;*/
  width: 100%;
  height: 50px;
  position: absolute;
}

#footer p{
  margin: 8px;
  height: 36px;
  background: #999;
  color: #eee;
  /*padding: 8px;*/
  line-height: 36px;
   text-indent: 1em;
}


#footer { 
  bottom: 0;  /*ie8はトル*/
  position: absolute;
}

/* -------------------------------------------------------------
IE9  or less ( as of 2014 )
------------------------------------------------------------- */
#footer  {   position: static\9; }      /* IE9 or less */



html { 
  min-height: 100%;
  position: relative;
  position: static\9;　/* IE10以下 */
}




body {
  margin-bottom: 50px;
}
 

ul { 	padding: 0; margin: 0;}

h1 { padding: 0; margin: 0;}

img#title{
  cursor: pointer;
}

a { color:#000; }
#header {
	padding: 8px;
	background: #78A6B2;
	height: 150px;
  position: relative;
}



/*#staffing{
  width:100%;
  height:54px;
}*/
#menu_tab {
/*  width:100%;*/
  bottom: 0;
  height: 50px;
  position: absolute;
  right: 8px;
  left:8px;
}

#menu_tab ul{
  display: table;
  border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 2px 0;  /* 左右 上下で記述 */
  width: 100%;
  min-width: 320px;
  border-right: 1px solid #78A6B2;
}
#menu_tab ul li{
  display: table-cell;
  line-height: 16px;
  vertical-align: middle;
  /*padding: 10px 0;*/
  width: 25%;
  text-align: center;
  margin-right: 10px;
  background: #eee;
  height: 36px;

}
#menu_tab ul li.active{
  background-color: #333;
  transition: background 0.3s ease 0s;
  color: #eee;
}
#menu_tab ul li.active a{
  color: #eee;
}
#menu_tab ul li:hover, #menu_tab ul li.active:hover {
  background-color: #973;
  transition: background 0.3s ease 0s;
  color: #eee;
}
#menu_tab ul li a{
  display: block;
  text-decoration: none;
  color:#888;
}



#search {
		padding: 8px;
    min-width: 320px;
}
/* 本事典について */

.util{
  bottom: 50px;
  height: 50px;
  position: absolute;
  right: 8px;
  left:8px;
}

.util ul{
  /*margin-top: 30px;*/
  display: table;
  border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 2px 0;  /* 左右 上下で記述 */
  width: 100%;
  height:40px;
  bottom: 60px;
  
  min-width: 320px;
}
.util ul li:first-child{
   /*border-left: 1px solid #bbb;*/
}

.util ul li{
  border-right: 1px solid #bbb;       
  display: table-cell;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
    width:15%;
}

.util ul li.staffing {
    display: table-cell;
    width: 25%;
}

.util ul li:hover, .util ul li .active:hover {
  background-color: #973;
  transition: background 0.3s ease 0s;
  color: #eee;
}
.util ul li a{
  display: block;
  text-decoration: none;
  font-size: 80%;
}

.staffing{
  pointer-events: none;
}


input {
  padding:0; 
  margin: 0;
}


#query_area{
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 2px 0;  /* 左右 上下で記述 */
	width: 100%
}
.query_item1{
    display: table-cell;
    padding-right: 6px; /*  ??  */
}
.query_item1 input {
	width: 100%;
	height: 30px;
	margin : 10px 0 20px 0;
}
.query_item2 {
	display: table-cell;
	width: 25%;
	/*vertical-align: bottom;*/
}
.query_item2 #query_button{
	font-size: 12px;
	height: 36px;
	color: #eee;
	text-align: center;
	line-height: 36px;
}

/* page-top */
      #page-top {
              position: fixed;
              bottom: 0;
              right: 8px;
              font-size: 77%;
      }
      #page-top a {
              background: #724a4a;
              text-decoration: none;
              color: #fff;
              width: 100px;
              padding: 9px 0;
              text-align: center;
              display: block;
              /*            
              border-radius: 20px;
              -webkit-border-radius: 20px;
              -moz-border-radius: 20px;
              */
      }
      #page-top a:hover {
              text-decoration: none;
              background: #724a4a;
      }
.menu_arrow {
  color: #ea3;
  font-size: 16px;
  margin-right:8px;
}


@media screen and (min-width: 650px){ 
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){ 
  .br-pc { display:none; }
  .br-sp { display:block; }
}