/* スマホ用CSS */
/* スマホ用CSS */
/* スマホ用CSS */
/* スマホ用CSS */
/* スマホ用CSS */

/*h1{font-size:23px;color:#ffffff;background:#286cad url(../img/head003_04.gif) 
	right top repeat-x;width:100%;height:60px;text-align:left;padding:10px 0 0 0;} */
* {
	 padding:0; 	/*全要素のパディングをリセット*/
}
/*h1{font-size:21px;color:#ffffff;background:#286cad url(../img/head003_04.gif) 
	repeat;width:100%;height:27px;text-align:left;padding:1px 0 0 0;} */
h1 {
 height:38px;margin:0px 0px 5px 0px;padding:6px 0px 0px 0px;
 font-size:24px;font-weight:bold;color:black;
 background-image:url(../img/head013_04.gif);
 background-position:bottom;background-repeat:repeat-x;
 }

/*h1{font-size:38px;color:#ffffff;background:#286cad url(../img/haronbo.jpg) right top repeat-x;width:100%;height:70px;text-align:left;padding:10px 0 0 0;} */

/*body { background:#00CC66; }*/
body {background-image:url(../img/woody.jpg); }

div#pagebody {
	font-size: 16px;
	/*line-height: 1.5em;*/
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-image:url(../img/woody.jpg);}

#footer {
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:center;	/*テキストの配置を左揃えにする*/
	background-image:url(../img/woody.jpg);}

#image-btn {
    border: 0px;
    width: 150px;
    height: 30px;
    background: url(../img/btn041_05.png) left top no-repeat;
}

#image-btnsakujo {
    border: 0px;
    width: 150px;
    height: 30px;
    background: url(../img/btn041_01.png) left top no-repeat;
}

/*↓inputにフォーカスが来た時にバックグラウンドの色を指定*/
input:focus,textarea:focus { background: #99FFFF; }

/*ログインブロックを右側に。margin-left: auto;でブロックごと右側に*/
.loginblock{width:93%; 
 margin:4px; padding:5px; border:1px solid green;
 background-color:url(../img/green.jpg);}

/*float:leftでログインブロックの左側に文章を書けるようにする。width、heightで箱状にしないとはみ出る。*/
.menubtn { width:90px;height: 40px;float: right; }
.bunsyomain { width:100%;float: left; }
.bunsyoindex { width:100%;float: left; }
.bunsyo { width:100%;float: left; }
.bunsyotgkritiran { width:100%;float: left; }
.bunsyoprofile { width:100%;float: left; }


/*URLを指定する場合はurl("../..img/bg.jpg");　←こんな感じ*/
/*ボタンの余白と大きさを変えたい場合。p .login {padding:0 0 0 30px;font-size: 2.2em;} */

/*メインブロックのスタイルです*  classで指定したものはスタイルシートではclass名の前に .（ドットまたはピリオドと呼びます）、
idで指定したものはスタイルシートではid名の前に #（シャープ）を付けます。 */ 

/* ナビボタン */
.menu_btn{ background: url(../img/055.gif); }
/*.menu_btn{ background:white; }*/
.menu_btn{
  display: block;
  background-size: 90px 30px;
  width: 90px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  }


/* 上からにゅっと降りてくるメニュー */
#menu{
  display:none; /* 最初は非表示 */
  width:100%;
  position: fixed;
  z-index:999;
  top: 0px;
  left: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 3px 0 #333;
  /* background: url(images/menu.png); /* 背景画像 */
  background: green; /* 背景画像 */
  background-size: 120px 120px;
  padding:5px;
}
#menu ul{ margin:25px; }
#menu ul li{
  padding: 10px 0;
  text-align: center;
  border-top: solid 1px #9a8d7d; /* 明るい線 */
  border-bottom: solid 1px #523820; /* 暗い線 */
  }
#menu ul li:first-child{ border-top:none; }
#menu ul li:last-child{ border-bottom:none; }
#menu a{
  display: block;
  height: 20px;
  color: #fff;
  text-shadow: 0 1px 1px #333;
  text-decoration:none;
  tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
  -webkit-tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
  }

#menu p.close{
  display: block;
  margin:0 auto;
  width: 30px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  box-shadow: 1px 1px 1px #333 inset;
  -webkit-box-shadow: 1px 1px 1px #333 inset;  
  }