@CHARSET "UTF-8";

/* =========================================================
  base.css
  共通スタイル。
========================================================= */

/* StickyFooter
--------------------------------------------------------- */
html, body {
  height: 100%;
}
body {
  padding-top: 70px;
}

#jsi-body-wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -55px;
  padding: 0 0 55px;
}


/* サンプル・ガイド用CSS
--------------------------------------------------------- */
#jsi-sample-guide{
	color: white;
	background-color: #CC3300;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
	margin: 5px;
}


/* ボタン用CSS
--------------------------------------------------------- */
.jsi-btn-update {
  padding: 8px 40px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
}


/* ページャ
--------------------------------------------------------- */
.pagination {
	float: right;
	margin-top:28px;
}
.pagination-label {
	font-weight:bold;
	padding-right: 7px;
}
.pagination ul {
	display: inline;
	list-style:none;
}
.pagination li {
	display: inline;
	list-style:none;
	margin: 4px;
}
.pagination a[disabled] {
	cursor: default;
}
.pagination a[disabled]:HOVER {
	background-color: #fff;
}
.pagination-current,
.pagination-current:HOVER {
	color: #ff0000;
	font-weight: bold;
}

/* validationエラー時のスタイル
--------------------------------------------------------- */
.error,
tr.error td {
background-color: #F7CBCB !important;
}

/* メッセージのスタイル */
div.message-style {
  color: red;
}

/* 汎用サイズ
--------------------------------------------------------- */
.w10 { width: 10px !important; }
.w15 { width: 15px !important; }
.w20 { width: 20px !important; }
.w25 { width: 25px !important; }
.w30 { width: 30px !important; }
.w35 { width: 35px !important; }
.w40 { width: 40px !important; }
.w45 { width: 45px !important; }
.w50 { width: 50px !important; }
.w55 { width: 55px !important; }
.w60 { width: 60px !important; }
.w65 { width: 65px !important; }
.w70 { width: 70px !important; }
.w75 { width: 75px !important; }
.w80 { width: 80px !important; }
.w85 { width: 85px !important; }
.w90 { width: 90px !important; }
.w95 { width: 95px !important; }
.w100 { width: 100px !important; }
.w105 { width: 105px !important; }
.w110 { width: 110px !important; }
.w115 { width: 115px !important; }
.w120 { width: 120px !important; }
.w125 { width: 125px !important; }
.w130 { width: 130px !important; }
.w135 { width: 135px !important; }
.w140 { width: 140px !important; }
.w145 { width: 145px !important; }
.w150 { width: 150px !important; }
.w155 { width: 155px !important; }
.w160 { width: 160px !important; }
.w165 { width: 165px !important; }
.w170 { width: 170px !important; }
.w175 { width: 175px !important; }
.w180 { width: 180px !important; }
.w185 { width: 185px !important; }
.w190 { width: 190px !important; }
.w195 { width: 195px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w375 { width: 375px !important; }
.w400 { width: 400px !important; }
.w425 { width: 425px !important; }
.w450 { width: 450px !important; }
.w475 { width: 475px !important; }
.w500 { width: 500px !important; }

.h10 { height: 10px !important; }
.h15 { height: 15px !important; }
.h20 { height: 20px !important; }
.h25 { height: 25px !important; }
.h20 { height: 20px !important; }
.h25 { height: 25px !important; }
.h30 { height: 30px !important; }
.h35 { height: 35px !important; }
.h40 { height: 40px !important; }
.h45 { height: 45px !important; }
.h50 { height: 50px !important; }
.h55 { height: 55px !important; }
.h60 { height: 60px !important; }
.h55 { height: 55px !important; }
.h60 { height: 60px !important; }
.h65 { height: 65px !important; }
.h70 { height: 70px !important; }
.h75 { height: 75px !important; }
.h80 { height: 80px !important; }
.h85 { height: 85px !important; }
.h90 { height: 90px !important; }
.h95 { height: 95px !important; }
.h100 { height: 100px !important; }