@charset "UTF-8";

/*----- １）カレンダー -----*/
input.calender {
  cursor: pointer;
  width: 34px;
  height: 27px;
  border: none;
  text-indent: -9999px;
  background: url(../../img/btn_calender.png) no-repeat 0 0;
}
input.calender:hover {  background: url(../../img/btn_calender.png) no-repeat 0 -27px;}

/*----- ２）電卓 -----*/
input.calculator {
  cursor: pointer;
  width: 34px;
  height: 27px;
  border: none;
  text-indent: -9999px;
  background: url(../../img/btn_calculator.png) no-repeat 0 0;
}
input.calculator:hover {  background: url(../../img/btn_calculator.png) no-repeat 0 -27px;}

/*----- ３）虫眼鏡 -----*/
input.search {
  cursor: pointer;
  width: 34px;
  height: 27px;
  border: none;
  text-indent: -9999px;
  background: url(../../img/btn_search_blue.png) no-repeat 0 0;
}
input.search:hover {  background: url(../../img/btn_search_blue.png) no-repeat 0 -27px;}

/*----- ログインボタン -----*/
.login{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height:40px;
    width:180px;
    vertical-align:middle;
    text-align:center;
    margin: 15px 0 0 10px;
    cursor: pointer;
    border: 1px solid #fff;
    overflow: visible;
    text-decoration: none;
    font-size: 1.385em;
    white-space: nowrap;
    color: #fff;
    background-color: #eb5c1c;/* 色を変更する場合はこの部分のコードを変えてください */
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;}

.login:hover{
  background-color: #e29220;
}





/*----- ログアウトボタン -----*/
.btn_logout{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height:40px;
    width:80px;
    vertical-align:middle;
    text-align:center;
    margin: 0 5px;
    cursor: pointer;
    /*border: 1px solid #fff;*/
    overflow: visible;
    text-decoration: none;
  font-size: 1.385em;
    white-space: nowrap;
    color: #fff;
    background-color: #ed6b15;/* 色を変更する場合はこの部分のコードを変えてください */
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;}

.btn_logout:hover{
  background: #ff9046;
}

/*----- メニューボタン -----*/
.btn_menu{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height:40px;
    width:80px;
    vertical-align:middle;
    text-align: center;
    margin: 0 5px;
	text-indent: 15px;
    cursor: pointer;
    border: 1px solid #fff;
    overflow: visible;
    text-decoration: none;
    font-size: 1.385em;
    white-space: nowrap;
    color: #066daf;
    background-color: #fff;/* 色を変更する場合はこの部分のコードを変えてください */
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
	background-image: url(../../img/btn_menu.png);
	background-repeat: no-repeat;
	background-position: left 10px;}

.btn_menu:hover{
  background: rgba(255,255,255,0.8);
  background: #cde2ef\9;
  background-image: url(../../img/btn_menu.png);
  background-repeat: no-repeat;
  background-position: left 10px;

}


.btn_menu:after{
  content: url(../../img/ico_caption.png);

}
/*----- div serch 内のボタン -----*/
.btn_s{
    *display: inline;
    zoom: 1;
    height:40px;
    width:180px;
    vertical-align:middle;
    text-align:center;
    margin: 20px 0 20px 20px;
    cursor: pointer;
	color: #fff;
	border: 1px solid #066daf;
    overflow: visible;
    text-decoration: none;
    font-size:1.231em;
    background-color: #066daf;/* 色を変更する場合はこの部分のコードを変えてください */
    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 5px;
	box-shadow:
    0px 1px 1px rgba(0,0,0,0.2),
  inset 0px 1px 2px rgba(255,255,255,1);
}

.btn_s:hover{
    background-color: #06a1af;
	text-decoration:none;
}


/*----- 検索ボタンのベース（searchで利用） -----*/
.btn_base{
  width: 75px;
  height:27px;
  color: #1658aa;
  padding:5px 0 25px 0;
  text-align:center;
  letter-spacing:2px;
  margin: 0;
  overflow: visible;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 2px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 2px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 2px rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 0px 0px rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e1e1e1, GradientType=0)";
    background-image: linear-gradient(top, #b1b0b0, #dddddd);/* for IE 5.5 - 7 */
}
.btn_base2{
  width: 110px;
  height:27px;
  color: #1658aa;
  padding:5px 0 25px 0;
  text-align:center;
  letter-spacing:2px;
  margin: 0;
  overflow: visible;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 2px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 2px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 2px rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 0px rgba(000, 000, 000, 0), 0px 0px 0px rgba(255, 255, 255, 0);
    -webkit-transition: none;
    transition: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e1e1e1, GradientType=0)";
    background-image: linear-gradient(top, #b1b0b0, #dddddd);/* for IE 5.5 - 7 */
}

.btn_base:hover{
	background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #dddddd, #dddddd);
	background-image: linear-gradient(to bottom, #dddddd, #dddddd);
	border-radius: 3px;
	border: 1px solid #aaaaaa;
	text-decoration:none;
	color:#000000;
	-moz-box-shadow:
		0px 1px 1px rgba(0,0,0,0.2),
		inset 0px 1px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(0,0,0,0.2),
		inset 0px 1px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 1px rgba(0,0,0,0.2),
		inset 0px 1px 2px rgba(255,255,255,1);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0),
		0px 0px 0px rgba(255,255,255,0);
	-webkit-transition: none;
	transition: none;
}
 


/*----- 明細テーブル内で利用するボタン -----*/
.btn_meisai,
.btn_meisai2,
.btn_150{
  width: 98%;
  height: 96%;
  color: #1658aa;
  letter-spacing: 1px;
  box-sizing:border-box;
  margin: 0;
  padding:0;
  font-weight: normal;
  white-space: nowrap;
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #b1b0b0, #dddddd);
  background-image: linear-gradient(to bottom, #ffffff, #dddddd);
  border-radius: 3px;
  border: 1px solid #aaaaaa;
	/* for IE 8 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e1e1e1, GradientType=0)"; 
}
.btn_meisai2{
  height: 40px;}

.btn_meisai:hover,
.btn_meisai2:hover,
.btn_150:hover{
	background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #dddddd, #dddddd);
	background-image: linear-gradient(to bottom, #dddddd, #dddddd);
	border-radius: 3px;
	border: 1px solid #aaaaaa;
	color:#000000;
}

.btn_150{
   width:150px;
}

/*----- 機能ボタン -----*/
.kinou,
.kinou2{
    *display: inline;
    zoom: 1;
    height:35px;
    width:125px;
    vertical-align:middle;
    text-align:center;
    margin: 8px 25px 0 25px;
    cursor: pointer;
	color: #fff;
	border: 1px solid #aaaaaa;
    overflow: visible;
    text-decoration: none;
    background-color: #066daf;/* 色を変更する場合はこの部分のコードを変えてください */
    background-image: linear-gradient(top, rgba(255,255,255,.3),rgba(255,255,255,0));
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    border-radius: 3px;
	box-shadow:
    0px 1px 1px rgba(0,0,0,0.2),
  inset 0px 1px 2px rgba(255,255,255,1);
}

.kinou:hover{
    background-color: #48aced;
	text-decoration:none;
	color: #fff;
}

.kinou2{
  background-color: #dbdbdb;
	color: #000;
}

.kinou2:hover{
    background-color: #b4b4b4;
	text-decoration:none;
}

.kinou_big{
  width: auto;
  padding: 0 20px;
}


/*----- ページ下部機能ボタン -----*/
div#footer{
  max-width: 1400px;
  text-align: center;
  letter-spacing: 2px;
}


/*-- 一覧ページ送り --*/

div.page{
  margin: 20px;
  max-width: 1400px; }

ul.pagenavi{
  font-size: 1.3em;
  text-align: center;
}
ul.pagenavi li {
  display: inline-block;}
  
ul.pagenavi li span,
ul.pagenavi li a {
  padding: 5px 10px 5px 12px;
  background: #fff;
  border: solid 1px #888;
  color: #000;
  text-decoration: none;
}

ul.pagenavi li span,
ul.pagenavi li a:hover {
	background: #cdeaf9;
}