@charset "UTF-8";
/*=============================================
white-space
=============================================*/
.nowrap { white-space: nowrap; }
/*=============================================
word-break
=============================================*/
.breakAll { word-break: break-all; }
/*=============================================
clearfix
=============================================*/
.clearfix {
	zoom: 1;
	overflow: hidden;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }
/* End hide from IE-mac */ 
/*=============================================
FontSize
=============================================*/
.fs9 { font-size: 65%; }
.fs10 { font-size: 77%; }
.fs11 { font-size: 85%; }
.fs12 { font-size: 93%; }
.fs13 { font-size: 100%; }
.fs14 { font-size: 108%; }
.fs15 { font-size: 116%; }
.fs16 { font-size: 123.1%; }
.fs17 { font-size: 131%; }
.fs18 { font-size: 138.5%; }
.fs19 { font-size: 146.5%; }
.fs20 { font-size: 153.9%; }
.fs21 { font-size: 161.6%; }
.fs22 { font-size: 167%; }
.fs23 { font-size: 174%; }
.fs24 { font-size: 182%; }
.fs25 { font-size: 189%; }
.fs26 { font-size: 197%; }
/*=============================================
FontWeight
=============================================*/
.font-bold { font-weight: bold; }
.font-notmal { font-weight: normal; }
/*=============================================
FontColor
=============================================*/
.red { color: #F03; }
.blue { color: #3366CC; }
.white { color: #FFF; }
.gray { color: #666; }
/*=============================================
text-align・float
=============================================*/
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
/*=============================================
margin
=============================================*/
.mt0 { margin-top: 0px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb0 { margin-bottom: 0px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mrl10 {
	margin-right: 10px;
	margin-left: 10px;
}
.mrl20 {
	margin-right: 20px;
	margin-left: 20px;
}
.mrl-10 {
	margin-right: -10px;
	margin-left: -10px;
}
.mr5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.ml100 {margin-left:100px;}
.center {
	margin-left: auto;
	margin-right: auto;
}
.pl1_5e { padding-left: 1.5em; }
/*=============================================
Width
==============================================*/
.w1 { width: 1%; }
.w2 { width: 2%; }
.w3 { width: 3%; }
.w4 { width: 4%; }
.w5 { width: 5%; }
.w6 { width: 6%; }
.w7 { width: 7%; }
.w7_5 { width: 7.5%; }
.w8 { width: 8%; }
.w9 { width: 9%; }
.w10 { width: 10%; }
.w11 { width: 11%; }
.w12 { width: 12%; }
.w12_8 { width: 12.8%; }
.w13 { width: 13%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w16 { width: 16%;}
.w16_6 { width: 16.6%; }
.w17 { width: 17%; }
.w18 { width: 18%; }
.w19 { width: 19%; }
.w20 { width: 20%; }
.w21 { width: 21%; }
.w22 { width: 22%; }
.w23 { width: 23%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w26 { width: 26%; }
.w27 { width: 27%; }
.w28 { width: 28%; }
.w29 { width: 29%; }
.w30 { width: 30%; }
.w31 { width: 31%; }
.w32 { width: 32%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w35 { width: 35%; }
.w36 { width: 36%; }
.w38 { width: 38%; }
.w39 { width: 39%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w52 { width: 52%; }
.w55 { width: 55%; }
.w56 { width: 56%; }
.w57 { width: 57%; }
.w59 { width: 59%; }
.w60 { width: 60%; }
.w61 { width: 61%; }
.w63 { width: 63%; }
.w64 { width: 64%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w80px { width: 80px; }
/*=============================================
th Width
==============================================*/
.twm1 {
  min-width: 1em;
  width: auto !important;
  width: 1em;
}
.twm1_5 {
  min-width: 1.5em;
  width: auto !important;
  width: 1.5em;
}
.twm2 {
  min-width: 2em;
  width: auto !important;
  width: 2em;
}
.twm2-2 {
  min-width: 2em;
  width: 2em;
}
.twm3 {
  min-width: 3em;
  width: auto !important;
  width: 3em;
}
.twm3-2 {
  min-width: 3em;
  width: 3em;
}
.twm4 {
  min-width: 4em;
  width: auto !important;
  width: 4em;
}
.twm5 {
  min-width: 5em;
  width: auto !important;
  width: 5em;
}
.twm6 {
  min-width: 6em;
  width: auto !important;
  width: 6em;
}
.twm6-2 {
  min-width: 6em;
  width: 6em;
}
.twm7 {
  min-width: 7em;
  width: auto !important;
  width: 7em;
}
.twm8 {
  min-width: 8em;
  width: auto !important;
  width: 8em;
}
.twm9 {
  min-width: 9em;
  width: auto !important;
  width: 9em;
}
.twm10 {
  min-width: 10em;
  width: auto !important;
  width: 10em;
}
.twm11 {
  min-width: 11em;
  width: auto !important;
  width: 11em;
}
.twm12 {
  min-width: 12em;
  width: auto !important;
  width: 12em;
}
.twm13 {
  min-width: 13em;
  width: auto !important;
  width: 13em;
}
.twm14 {
  min-width: 14em;
  width: auto !important;
  width: 14em;
}
.twm15 {
  min-width: 15em;
  width: auto !important;
  width: 15em;
}
.twm16 {
  min-width: 16em;
  width: auto !important;
  width: 16em;
}
.twm17 {
  min-width: 17em;
  width: auto !important;
  width: 17em;
}
.twm18 {
  min-width: 18em;
  width: auto !important;
  width: 18em;
}
.twm19 {
  min-width: 19em;
  width: auto !important;
  width: 19em;
}
.twm20 {
  min-width: 20em;
  width: auto !important;
  width: 20em;
}
.twm21 {
  min-width: 21em;
  width: auto !important;
  width: 21em;
}
.twm22 {
  min-width: 22em;
  width: auto !important;
  width: 23em;
}
.twm23 {
  min-width: 23em;
  width: auto !important;
  width: 23em;
}
.twm24 {
  min-width: 24em;
  width: auto !important;
  width: 24em;
}
.twm25 {
  min-width: 25em;
  width: auto !important;
  width: 25em;
}
/*=============================================
Text to Image
==============================================*/
.text-image {
	text-indent: 100%;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
/*=============================================
border
==============================================*/
#main-conts table td.border-none, #main-conts table th.border-none, .border-none { border: none; }
#main-conts table td.borderLeft-none, #main-conts table th.borderLeft-none, .borderLeft-none { border-left: none; }
#main-conts table td.borderRight-none, #main-conts table th.borderRight-none, .borderRight-none { border-right: none; }
.border-right { border-right: 1px solid; }
/*=============================================
Display
==============================================*/
.block { display: block; }
.none { display: none; }
/*=============================================
input
==============================================*/
.input-text {
	padding: 0.5em;
	font-size: 1.1em;
}
input[type=checkbox] {
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
}
.input-check {
	padding: 0.25em;
	margin-right: 1em;
}
.radio label { margin-right: 1em; font-size: 0.9em;}
.input-radio {
	margin-right: 0.5em;
}
select {
	border: 1px solid #CCC;
	font-size: 1.1em;
}
/*=============================================
Popup
==============================================*/
.RankpopUp {
	display: none;
	margin: 0;
	padding: 20px;
	position: fixed;
	_position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	height: 250px;
	width: 740px;
	margin-left: -395px;
	background: #FFF;
	border: 3px solid #CCC;
	font-size: 1.1em;
	overflow: auto;
}
.ie .RankpopUp {
	display: none;
	margin: 0;
	padding: 20px;
	position: fixed;
	_position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	height: 250px;
	width: 905px;
	margin-left: -475px;
	background: #FFF;
	border: 3px solid #CCC;
	font-size: 1.0em;
	overflow: auto;
}
/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .RankpopUp {
		display: none;
		margin: 0;
		padding: 20px;
		position: fixed;
		_position: absolute;
		z-index: 100;
		top: 50%;
		left: 50%;
		height: 250px;
		width: 905px;
		margin-left: -475px;
		background: #FFF;
		border: 3px solid #CCC;
		font-size: 1.0em;
		overflow: auto;
  }
}
.RankpopUp h3 { margin-bottom: 1em; }
.RankpopUp .selectArea ul {
	position: relative;
	z-index: 1000;
	display: block;
	list-style: none;
	margin-bottom: 1.5em;
}
.RankpopUp .selectArea li {
	width: 80%;
	float: left;
	display: block;
	margin: 0;
	margin-bottom: 1em;
	font-size: 1em;
	text-indent: -1.2em;
	margin-left: 1.3em;
}
.RankpopUp .selectArea input {
  display: inline-block;
  margin-left: 1em;
}
.RankpopUp .selectArea label {
  display: inline-block;
  width: 90%;
}
.RankpopUp .selectArea li .input-radio {
	position: relative;
	z-index: 1000;
}
.selectArea {
	position: relative;
	z-index: 1;
}
.RankpopUp .btn-area {
	width: 25%;
	margin-top: 40px;
}
.RankpopUp .btn-area li, .RankpopUp .btn-close, .RankpopUp .btn-choice {
	width: 93px;
	height: 30px;
	display: block;
}
.RankpopUp .selectArea a {
  display: inline-block;
  margin-left: 0.5em;
}
#filter {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 0;
}
* html #filter { /* ie用 */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*=============================================
suggest 
==============================================*/
.suggest {
  position: absolute;
  background-color: #FFFFFF;
  border: 2px solid #CCCCFF;
  width: 180px;
  height: 100px;
  overflow: auto;
  z-index: 9999!important;
}
.suggest div {
    display: block;
    width: 160px;
    font-size: 1.1em;
    overflow: hidden;
    white-space: nowrap;
}
.suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}