@charset "utf-8";

/*============================================================================



	style info : all style 共通



==============================================================================*/


/*============================================================================

	html body

==============================================================================*/

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	text-align: center;
}

body {
background-color: #fff9c8;

/*     background: #ffe100; */
/*     background-image:url(https://www-f.keibalab.jp/img/new/bg.png); */
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ", Meiryo," "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	text-align: justify;
	font-size: 14px;
    line-height: 1.5; /* 行間 */
/*     letter-spacing: 0.1em; /* 文字間 */ 
    word-spacing: 0px; /* 半角スペースで区切られた単語と単語の間隔を指定 */
    word-wrap: break-word;
    min-width: 1160px;
}



body#db {min-width: 1136px;}
body#paper {-webkit-text-size-adjust:100%!important;}

/* ポップアップ等のbody用 */
body#emp {
	background: #FFF;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/*============================================================================

	画像

==============================================================================*/

/* .imgBox {width: 100%;} */
/*
.imgBox img{
     width: 100%;
     margin-bottom: 1em;
     text-align: center;
     margin: 0 auto;
}
*/


/* .tate {width: 100%;} */
.tate img {
    width: 50%!important;
}

.caption img {
    margin: 0 auto;
    vertical-align: middle;
    box-sizing: border-box;
}

div.caption{
/*     background-color: #e2e2e2; */
    padding: 10px;
    margin: 0 auto;
    width: 100%;
}

.caption p {
    background-color: #e2e2e2;
    text-align: center; 
    display: block;
    width: 87.5%;
    margin: 0 auto;
    vertical-align: middle;
    box-sizing: border-box;
}




.caption.tate p {
    background-color: #e2e2e2;
    text-align: center; 
    display: block;
    width: 50%;
    margin: 0 auto;
    vertical-align: middle;
        box-sizing: border-box;
}



img.ui-datepicker-trigger {width: 30px;}
/*============================================================================

	リンク

==============================================================================*/

a {
	text-decoration: none;
}

a:link {
	color: #0645ad;
}

a:visited {
	color: #0645ad;
}

a:hover {
	color: #0645ad;
	text-decoration: underline;
}

a:active {
	color: #0645ad;
}


.Linkwhite a:link {color: #FFF!important;text-decoration: underline;}
.Linkwhite a:visited {color: #FFF!important;text-decoration: underline;}
.Linkwhite a:hover {color: #FFF!important;text-decoration: underline;}
.Linkwhite a:active {color: #FFF!important;text-decoration: underline;}

/* a img {	background-color: #FFF;} */

/* .over {background-color: #FFF;} */
/*============================================================================

	汎用

==============================================================================*/

/* Headings
---------------------------------*/
/*
h1, h2, h3, h4, h5, h6 {
	margin: .8em 0 .8em 0;
}
*/

h1 {font-size: 153.9%;	/*margin: .6em 0 .6em 0;*/}
h2 {font-size: 138.5%;}
h3 {font-size: 123.1%;}
h4 {font-size: 116%;}
h5 {font-size: 108%;}
h6 {font-size: 100%;}

/* 段落
---------------------------------*/
p {
	line-break: strict;
	margin: 0;
	line-height: 1.6;
/* 	font-size: 14px; */
}

.bold {font-weight: bold;
}


/* 画像右
---------------------------------*/

img { vertical-align: bottom; }
.imgR {
	float: right;
	padding: 0 0 10px 10px;
}

/* 画像中央
---------------------------------*/
.imgC {
	display: block;
	margin: auto;
}

/* 画像左
---------------------------------*/
.imgL {
	float: left;
	padding: 0 15px 10px 0;
}


/* 中央
---------------------------------*/
.tC,
.btnC {
	text-align: center!important;
}

/* 縦中央
---------------------------------*/
.vM {
    vertical-align: middle!important
}

/* 縦中央
---------------------------------*/
.vT {
    vertical-align:top!important
}

.vB {
    vertical-align:bottom!important
}


/* 左揃え pタグ
---------------------------------*/
.tL,
.sign {
	text-align: left!important;
}



/* 右揃え pタグ
---------------------------------*/
.tR,
.sign {
	text-align: right!important;
}

.css {
    background-image: url(http://blog-imgs-65.fc2.com/k/e/i/keibakantan/001.jpg);
    background-repeat: no-repeat
}

/* 明朝
---------------------------------*/
.mincho {
	font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif;
}


/* ドロップシャドウ
---------------------------------*/
.shadow {
	behavior: url(/javascript/PIE.htc); /* for IE */
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
}


/* clearfix
---------------------------------*/
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clear {clear: both;}


.fL {
    float: left;
}

.fR {
    float: Right;
}

.vM {vertical-align: middle!important;}


/*============================================================================

	ボタン処理

==============================================================================*/
.btn-border {
	border: solid 1px #ccc;
}

/* 続きを読む
---------------------------------*/
.more {
    display: inline-block;
    margin: auto 0 0 0;
    font-size: 11px;
}

.more:hover {
    	color: #0645ad;
	text-decoration: underline;
}

.btnSocialBox{
    text-align:right;
}
.btnSocial {
    display:inline-block;
    margin-left: 10px;
}


/* ソーシャルボタン */
.contentsSb {
}

.social-button {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-button li {
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
	font-size:0;
}

.social-button li:first-child {

	margin: 0 0 0 0;
	padding: 0px;
	font-size:0;
}

.social-button li div {
	display: inline;
}

.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}

.social-button:after {
	clear: both;
}

.social-button {
	*zoom: 1;
}

.social-button iframe.twitter-share-button {
    width: 115px !important;
}

/*pocket用*/
.pocket-btn {
}

.pocket-btn iframe {
	width:92px;
}

/*FB用*/
.fb_iframe_widget {
    position: relative;
    top:-4px;
}
/* へこむ pタグ指定
---------------------------------*/
.btnHollow a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* 半透明 pタグ指定
---------------------------------*/
.btnOpacity a:hover {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}


.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
/*
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
*/
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
         
}


.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  opacity: 0.8;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.45;
  filter: alpha(opacity=45);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 10px 19px;
  font-size: 16px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}


/* ボタンカラー */

.btn.btnGreenL{	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #090;
	background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));
}

.btn.btnGreen {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #063;
	background-image: -webkit-linear-gradient(bottom, #0a6537, #197447);
	background-image: -moz-linear-gradient(bottom, #0a6537, #197447);
	background-image: -o-linear-gradient(bottom, #0a6537, #197447);
	background-image: linear-gradient(to top, #0a6537, #197447);

}

.btn.btnRed {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #090;
    background-color: #c00;
	background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));
}



.btn.btnOrange {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #f90;
	background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));
}

.btn.btnBlueL {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #39f;
	background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));

}


.btn.btnBlue {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0646d6;
	background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));


}

.btn.btnPurple {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #60c;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	background-image: -webkit-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));

}


.btn.btnPink {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #f3c;
	background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));

}

.btn.btnBlack {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #000;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	background-image: -webkit-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));

}


.btn.btnyellow {	
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #000;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.33);
	background-image: -webkit-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(top, rgba(79,79,79,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));

}





button {
    border: none!important;
}



/*============================================================================

	デフォルト テーブル

==============================================================================*/

#defTable table {
	width: 100%;
	border: 1px solid #666;
	border-collapse: collapse;
	margin-top: 10px;
}

#defTable th, #defTable td {
	padding: 10px;
	border: 1px solid #666;
}

#defTable th {
	padding: 10px;
	border: 1px solid #666;
	background: #222;
	color: #fff
}


/* 偶・奇数
---------------------------------*/

#defTable table tr.odd td {
	background: #efefef;
}

#defTable table tr.even td {
	background: #999999;
}


/* 箱 */

.box {
    padding: 1em;
       
}



/*============================================================================

	テキスト サイズ

==============================================================================*/

/* -------------------------------------------------------

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

---------------------------------------------------------- */
.std6 { font-size: 46%!important; }
.std7 { font-size: 53%!important; }
.std8 { font-size: 61%!important; }
.std9 { font-size: 67%!important; }
.std10 { font-size: 77%!important; }
.std11 { font-size: 85%!important; }
.std12 { font-size: 93%!important; }
.std13 { font-size: 100%!important; }
.std14 { font-size: 108%!important; }
.std15 { font-size: 116%!important; }
.std16 { font-size: 123.1%!important; }
.std17 { font-size: 131%!important; }
.std18 { font-size: 138.5%!important; }
.std19 { font-size: 146.5%!important; }
.std20 { font-size: 153.9%!important; }
.std21 { font-size: 161.6%!important; }
.std22 { font-size: 167%!important; }
.std23 { font-size: 174%!important; }
.std24 { font-size: 182%!important; }
.std25 { font-size: 189%!important; }
.std26 { font-size: 197%!important; }
.std80 { font-size: 80px!important; }
.std90 { font-size: 90px!important; }
/*============================================================================

	テキスト カラー

==============================================================================*/

.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.grayL { color: #999999; }
.red { color: #eb0000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.greenL {color:#5ce557;}
.orange { color: #FF6600; }
.blue { color: #0066CC; }
.blueL { color: #0099FF; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }
.purple { color: #8d00ff; }

.bgPurple {background-color: #8000ab!important;}
.bgPurpleL {background-color: #f9ecfb!important;}
.bgWhite { background-color: #FFFFFF!important; }
.bgBlack { background-color: #000000!important; }
.bgGray { background-color: #666666!important; }
.bggrayL { background-color: #999999!important; }
.bgRed { background-color: #990000!important; }
.bgRedL { background-color: #efc7c7!important; }
.bgPink { background-color: #FF3366!important; }
.bgGreen { background-color: #006700!important; }
.bgGreenL { background-color: #090!important; }
.bgOrange { background-color: #FF6600!important; }
.bgBlue { background-color: #0066CC!important; }
.bgBlueL {background-color: #39f!important;}
.bgLblue { background-color: #0099FF!important; }
.bgYellow { background-color: #FFFF00!important; }
.bgYellowL { background-color: #fdfddf!important; }
.bgGold { background-color: #996633!important; }

/*============================================================================

    マージン

==============================================================================*/
.mL10 {margin-left: 10px;}


/*============================================================================

    !icon

==============================================================================*/

.ico-g1,.ico-g2,.ico-g3,.ico-nakayama,.ico-kyoto,.ico-hanshin,.ico-cyukyo,.ico-tokyo,.ico-fukushima,.ico-niigata,.ico-hakodate,.ico-sapporo {

    display: inline-block;
    *display: inline;
    padding: 0px 8px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 8px;
    line-height: 16px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px rgba(0,0,0,.3);
    vertical-align: middle;
    font-weight: 900;
    font-style: normal;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    vertical-align: middle;
    position: relative; 
    behavior: url(/javascript/PIE.htc);
}

.ico-g1 {color:#FFF;background-color:#dac02f;}
.ico-g2 {color: #FFF;background-color:#9c9c9b;}
.ico-g3 {color: #FFF;background-color:#9c7e5b;}
.ico-nakayama {color: #FFF;background-color: #cc0000;}
.ico-kyoto {color: #FFF;background-color:#009900;}
.ico-hanshin {color: #FFF;background-color: #660099;}
.ico-cyukyo {color: #FFF;background-color: #333399;}
.ico-tokyo {color: #FFF;background-color:#0066ff;}
.ico-kokura {color: #FFF;background-color: #ff6600;}
.ico-fukushima {color: #FFF;background-color: 0099ff;}
.ico-niigata {color: #FFF;background-color:#009999;}
.ico-hakodate {color: #FFF;background-color: #663300;}
.ico-sapporo {color: #FFF;background-color: #ff0000;}

/* 画像icon */

.icoA,.icoB,.icoC,.icoNew,.icoPr,.icoNakayama,.icoKyoto,.icoChukyo,.icoHanshin,.icoTokyo,.icoKokura,.icoFukushima,.icoNiigata,.icoHakodate,.icoSapporo,.icoCamera{
	width:34px; 
	height:15px; 
	background-image:url(https://www-f.keibalab.jp/img/ico/icosprite.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	display: inline-block;
	vertical-align: text-bottom;
    position: relative; 
	z-index: 5;
}


.icoA{background-position:top 0 ;}
.icoB{background-position:0 -25px ;}
.icoC{background-position:0 -50px ;}
.icoNew{background-position:0 -75px ;}
.icoPr{background-position:0 -100px ;}
.icoNakayama{background-position:-44px 0 ;}
.icoKyoto{background-position:-44px -25px ;}
.icoChukyo{background-position:-44px -50px ;}
.icoHanshin{background-position:-44px -75px ;}
.icoTokyo{background-position:-44px -100px ;}
.icoKokura{background-position:-44px -125px ;}
.icoFukushima{background-position:-44px -150px ;}
.icoNiigata{background-position:-44px -175px ;}
.icoHakodate{background-position:-44px -200px ;}
.icoSapporo{background-position:-44px -225px ;}
.icoCamera{	background-position:-88px 0 ;width:19px; height:15px; }


/*============================================================================

	角丸

==============================================================================*/

.rCorner {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
}

.rCorner-T {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-B {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.rCorner-L {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-R {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
}

.rCorner-Tl {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-Tr {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-Bl {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
}

.rCorner-Br {
	position: relative; /* for IE */
	behavior: url(/javascript/PIE.htc); /* for IE */
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
}

 
/*    font
----------------------------------------------*/
.xlf {font-size: 125% !important;}
.lf {font-size: 115% !important;}
.sf {font-size: 85% !important;}
.xsf {font-size: 75% !important;}
 
.fb {font-weight: bold !important;}
.fn {font-weight: normal !important;}
 
/*    margin padding
----------------------------------------------*/
/* margin */
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}
/* padding */
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
 
/* detail */
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
 
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
 
.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml9 {margin-left:9px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
 
.mr0 {margin-right:0px !important;}
.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr9 {margin-right:9px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
 
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt100 {padding-top:100px !important;}
 
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
 
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
 
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
 
 
/*    visual
----------------------------------------------*/
.pointer {cursor: pointer !important;}
 
/*    collum
----------------------------------------------*/
.pane2 {width: 48% !important;}
.pane3 {width: 32% !important;}
.pane4 {width: 24% !important;}
 
 
/*    position
----------------------------------------------*/
.fl {float: left;}
.fr {float: right;}
.ft {overflow: hidden;zoom: 1;}
 
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}
 
.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
}
.center  > *{
    margin-left: auto;
    margin-right: auto;
}
.right {text-align: right !important;}
.right  > *{
    margin-left: auto;
    margin-right: 0;
}
.left {text-align: left !important;}
.left  > *{
    margin-left: 0;
    margin-right: auto;
}
/* visual none */
.none {
    display: none !important;
}
.vnone {
    visibility: hidden !important;
}
/* nobr */
.nobr {
    white-space: nowrap !important;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
  	line-break: strict;
	margin: .8em 0 .8em 0;
	line-height: 1.6;
/* 	font-size: 14px; */
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
/*
  text-align: left;
  vertical-align: top;
*/
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(https://www-f.keibalab.jp/img/glyphicons-halflings.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
}



/* ブリンク */
@-webkit-keyframes blink {
 from {
  opacity: 1;
 }
 to {
  opacity: 0;
 }
}

.blink{
-webkit-animation-name: blink;/* keyframe名 */
-webkit-animation-duration: 0.8s;/* アニメーションにかける時間 */
-webkit-animation-iteration-count:infinite;/*infiniteで無限ループ */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.4;/*透明度80%*/
 }
}
.pulse{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.4s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}






.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}



/* １着２着３着の色 */

.cyaku1 {background-color: #ffd9d9!important;}
.cyaku2 {background-color: #cfe7ff!important;}
.cyaku3 {background-color: #fff1cf!important;}