@charset "utf-8";
/* -----------------------------------------------------------
default
----------------------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/* -----------------------------------------------------------
 body
----------------------------------------------------------- */
body {
	font-family: arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	-webkit-text-size-adjust:100%;
}

/* レイアウト ------------------------------ */

.layoutCenter { margin: 0 auto; }
.hide         { display: none; }
.show         { display: block; }
.invisible    { visibility: hidden; }

/* 余白 ------------------------------ */
.mNone { margin: 0 !important; }
.mT0  { margin-top: 0px !important; }
.mT5  { margin-top: 5px !important; }
.mT10 { margin-top: 10px !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; }
.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: 0px !important; }
.mL5  { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }
.mR0  { margin-right: 0px !important; }
.mR5  { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }
.pNone { padding: 0 !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; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }
.pT60 { padding-top: 60px !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: 0px !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: 0px !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; }

/* テキスト位置＆太さ＆色 ------------------------------ */
.tCenter { text-align: center !important; }
.tRight  { text-align: right !important; }
.tLeft   { text-align: left !important; }
.tNormal { font-weight: normal !important; }
.tBold   { font-weight: bold !important; }

.small { font-size: 85%; }
.x-small { font-size: 77%; } 
.large { font-size: 116% ; }
.x-large { font-size: 123.1%; }


/* インデント ------------------------------ */
small.indent,
p.indent,
ul.indent li,
ol.indent li,
dl.indent dd {
	overflow:visible !important;
	text-indent: -1em !important;
	margin-left: 1em !important;
}
small.indent2,
p.indent2,
ul.indent2 li,
ol.indent2 li,
dl.indent2 dd {
	overflow:visible !important;
	text-indent: -2em !important;
	margin-left: 2em !important;
}

/* フロート ------------------------------ */
.fL { float: left; margin: 0; }
.fR { float: right; margin: 0; }
.clear { clear:both; }


/*-----------------------------
    CUSTOM SCROLL
-----------------------------*/
.scrollbox:focus {
  outline: none;
}
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  background-color: #ebebeb;
}
.jspHorizontalBar {
  bottom: 0;
  height: 12px;
  left: 0;
  position: absolute;
  width: 100%;
  background-color: #ebebeb;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: transparent;
  position: relative;
}
.jspDrag {
  background: #b09b39;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspVerticalBar .jspDrag .jspDragTop,
.jspVerticalBar .jspDrag .jspDragBottom{
	height: 6px;
	width: 6px;
	position: absolute;
	left:0;	
}
.jspHorizontalBar .jspDrag .jspDragLeft,
.jspHorizontalBar .jspDrag .jspDragRight{
	height: 12px;
	width: 12px;
	position: absolute;
	top:0;	
}

.jspVerticalBar .jspDrag .jspDragTop{
	top:0;
	background: url(../images/common/scrollarrow_top.gif) 50% 50% no-repeat;
}
.jspVerticalBar .jspDrag .jspDragBottom{
	bottom:0;
	background: url(../images/common/scrollarrow_bottom.gif) 50% 50% no-repeat;
}
.jspHorizontalBar .jspDrag .jspDragLeft{
	left:0;
	background: url(../images/common/scrollarrow_left.gif) 50% 50% no-repeat;
}
.jspHorizontalBar .jspDrag .jspDragRight{
	right:0;
	background: url(../images/common/scrollarrow_right.gif) 50% 50% no-repeat;
}

.jspArrow {
  background: #ff4691;
  cursor: pointer;
  display: block;
  text-indent: -20000px;
}
.jspArrow.jspDisabled {
  background: #ff4691;
  cursor: default;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  float: left;
  height: 100%;
  width: 16px;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #ff4691;
  float: left;
  height: 100%;
}
.ie6 .jspCorner {
  margin: 0 -3px 0 0;
}