@charset "utf-8";
/* CSS Document */

.select-gyoshu-dialog{
	position:absolute;
	z-index:99999;
	top:0;
	left:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	.select-gyoshu-dialog .select-gyoshu-dialog-bg{
		position:absolute;
		top:0;
		left:0;
		background:#000;
		opacity:0.7;
		filter:alpha(opacity=70);
	}
	.select-gyoshu-dialog .select-gyoshu-dialog-box{
		position:absolute;
		top:288px;
		left:50%;
		width:964px;
		border:1px solid #bfbfbf;
		border-radius:3px;
	}
		.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-title{
			padding-left:30px;
			font-size:18px;
			font-weight:bold;
			line-height:57px;
			color:#fff;
			background:#999;
			border-radius:3px 3px 0 0;
		}

		.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns{
			padding:82px 10px 85px 10px;
			font-size:18px;
			font-weight:bold;
			line-height:57px;
			background:#fff;
			border-radius:0 0 3px 3px;
		}
			.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li{
				float:left;
				padding:0 5px 10px;
			}
			.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a{
				display:block;
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
				border:1px solid #c7c7c7;
				border-radius:5px;
			}
			.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a:hover{
				opacity:0.7;
				filter:alpha(opacity=70);
			}
				.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a span{
					display:table-cell;
					width:128px;
					height:60px;
					font-size:18px;
					font-weight:bold;
					/*color:#333;*/
					vertical-align:middle;
					padding: 0 0 0 48px;
				}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-0 span{
						color:#333;
						background:url("../images/btn_0.png") no-repeat 10px 13px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-1 span{
						color:#333;
						background:url("../images/btn_1.png") no-repeat 6px 18px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-2 span{
						color:#333;
						background:url("../images/btn_2.png") no-repeat 12px 11px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-3 span{
						color:#333;
						background:url("../images/btn_3.png") no-repeat 11px 11px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-4 span{
						color:#333;
						background:url("../images/btn_4.png") no-repeat 9px 11px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-5 span{
						color:#333;
						background:url("../images/btn_5.png") no-repeat 9px 15px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-6 span{
						color:#333;
						background:url("../images/btn_6.png") no-repeat 9px 15px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-7 span{
						color:#333;
						background:url("../images/btn_7.png") no-repeat 9px 15px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-8 span,
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-9 span{
						color:#333;
						text-align: center;
						padding: 0;
						width:176px;
					}

					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-10 {
						width: 176px;
						position: relative;
						float: right;
						margin-bottom: 20px;
						line-height: 40px;
						text-align: center;
						background: #666;
						color: #fff;
						top: -226px;
						left: 752px;
						height: 60px;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-10:hover {
						opacity: .7;
					}
					.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-10 span {
						padding-left: 25px;
						/*background: url(*/
						/*../images/icon_btn_close_white.png) no-repeat left center;*/
					}

@media only screen and (max-width: 640px) {
	#js-select-gyoshu-dialog.select-gyoshu-dialog .select-gyoshu-dialog-box{
		width:100%;
		top: 30px;
	}
	#js-select-gyoshu-dialog.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns {
		padding:15px 10px 10px 10px;
		/*height: 430px !important;*/
		height: 100% !important;
		text-align: center;
		line-height:33px;
	}
	#js-select-gyoshu-dialog.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li {
		width: 140px;
		display: inline-block;
		float: none;
		padding: 0 5px 0;
	}
	#js-select-gyoshu-dialog.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a span {
		font-size: 12px;
	}
	#js-select-gyoshu-dialog.select-gyoshu-dialog .select-gyoshu-dialog-box .select-gyoshu-dialog-btns li a.select-gyoshu-dialog-btn-10 {
		/*width: 140px;*/
		/*top: 0;*/
		/*left: -74px;*/
		width: initial;
		top: initial;
		left: initial;
		margin-bottom: initial;

	}
}