/*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:#CBFFD3; }*/
body {background-image:url(../img/woody.jpg); }

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

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

#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;でブロックごと右側にwidth:250pxから200に*/
.loginblock{width:250px; height:570px;
 margin:5px; padding:10px; border:3px solid green;border-radius: 10px;
 background-color:url(../img/green.jpg);margin-left: auto;}

/*float:leftでログインブロックの左側に文章を書けるようにする。width、heightで箱状にしないとはみ出る。*/
/*.bunsyoindex { width:500px;height:3800px;float: left;  background-image:url(../img/08.gif); background-repeat:repeat;padding:0 0 10px 10px;}*/
.bunsyoindex { width:500px;height:580px;float: left;  border: 3px green solid;border-radius: 10px;padding:0 0 10px 10px;margin-right: auto;}  /* 枠線を引く *//* 角丸の指定 */
.bunsyoindex2 { width:500px;height:3800px;float: left; }  /* 枠線を引く *//* 角丸の指定 */
/*.bunsyoindex2 { width:500px;height:3300px;float: left;  border: 3px green solid;border-radius: 20px;padding:0 0 10px 10px;margin-right: auto;}*/  /* 枠線を引く *//* 角丸の指定 */
    
.bunsyo { width:600px;float: left; }
.bunsyotgkritiran { width:800px;float: left; }
.bunsyoprofile { width:400px;float: left; }
.bunsyokiyaku {
	width:800px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background:#CBFFD3;overflow: auto;}
/*URLを指定する場合はurl("../..img/bg.jpg");　←こんな感じ*/
/*ボタンの余白と大きさを変えたい場合。p .login {padding:0 0 0 30px;font-size: 2.2em;} */

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

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 800px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #00AA00; /*背景色*/
  color: #fff;         /*文字色*/
  font-size: 16px;
  font-weight:bold;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #00BB00;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #007700;
}
.dropmenu li a:hover{
  background: #007700;
}
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}

table.type01 {
  width: 525px;
  border-spacing: 0;
  font-size:14px;
}
table.type01 th {
  color: #fff;
  padding: 8px 15px;
  background: #228b22;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #228b22;
  border-top:1px solid #228b22;
  border-bottom:1px solid #228b22;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.type01 th:first-child {
  border-collapse:separate;
  border-radius: 0px 0 0 0;	
}
table.type01 th:last-child {
  border-radius:0 0px 0 0;
  border-right:1px solid #228b22;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.type01 tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #228b22;
  border-left: 1px solid #228b22;
  text-align: left;
}
table.type01 tr td:last-child {
  border-right: 1px solid #228b22;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.type01 tr {
  background: #fff;
}
table.type01 tr:nth-child(2n+1) {
  background: #f1f6fc;
}
table.type01 tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.type01 tr:last-child td:first-child {
  border-radius: 0 0 0 0px;
}
table.type01 tr:last-child td:last-child {
  border-radius: 0 0 0px 0;
}
table.type01 tr:hover {
  background: #bbd4ee;
}



table.type02 {
  width: 600px;
  border-spacing: 0;
  font-size:14px;
}
table.type02 th {
  color: #000;
  padding: 8px 15px;
  background: #eee;
  background:-moz-linear-gradient(#eee, #ddd 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  font-weight: bold;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(255,255,255,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.type02 th:first-child {
  border-left:1px solid #aaa;
  border-radius: 5px 0 0 0;	
}
table.type02 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.type02 tr td {
  padding: 8px 15px;
  text-align: center;
}
table.type02 tr td:first-child {
  border-left: 1px solid #aaa;
}
table.type02 tr td:last-child {
  border-right: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.type02 tr {
  background: #fff;
}
table.type02 tr:nth-child(2n+1) {
  background: #f5f5f5;
}
table.type02 tr:last-child td {
  border-bottom:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.type02 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.type02 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table.type02 tr:hover {
  background: #eee;
  cursor:pointer;
}