﻿@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------*/
/*shisetulist  施設リスト-地図画面フローティング 　　　　　　　　　　　　　　　　 */
/*--------------------------------------------------------------------------------*/
#shisetulist {
	width: 80%;
	position: absolute;
	left: 10%;
	top: 70px;
}
#shisetuballoon {
	width: 80%;
	position: absolute;
	left: 10%;
	top: 70px;
}
#shisetuballoon ul  { 
	height:200px;
	overflow-y:scroll;
}
#shisetulist li
,#shisetuballoon li { 
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(1, rgba(51, 51, 51, 0.8)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51, 0.8) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51,0.8) 100%);
	text-indent:0px; 
	
	width:170px;
	height:30px;
	overflow:hidden;
}
#shisetulist li.first
,#shisetuballoon li.first { 
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(1, rgba(51, 51, 51, 0.8)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51, 0.8) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51,0.8) 100%);
	text-indent:0px; 
	
}
#shisetulist li.last
,#shisetuballoon li.last  { 
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(1, rgba(51, 51, 51, 0.8)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51, 0.8) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51,0.8) 100%);
	text-indent:0px; 
	
}
#shisetulist li:hover
,#shisetuballoon li:hover  { 
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.95)),color-stop(0.5, rgba(75, 75, 75, 0.95)),color-stop(0.5, rgba(75, 75, 75, 0.95)),color-stop(1, rgba(51, 51, 51, 0.95)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.95) 0%,rgba(75, 75, 75, 0.95) 50%,rgba(75, 75, 75, 0.95) 51%,rgba(51, 51, 51, 0.95) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.95) 0%,rgba(75, 75, 75, 0.95) 50%,rgba(75, 75, 75, 0.95) 51%,rgba(51, 51, 51,0.95) 100%);
	text-indent:0px; 
}
#shisetulist li a
,#shisetuballoon li a  {
	text-indent:30px;
	width:165px;
	height:30px;
	line-height:30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	font-size: 12px;
	color: rgb(255, 255, 255);
	text-decoration:none;
	font-weight:bold;
	position:relative;
	width:100%;
	display:block;
	background: url(./Content/images/pages/arrow_01.png) no-repeat 100% center;
	margin-right:5px;
}
#shisetulist em
,#shisetuballoon em  {
	left: 5px ;
	top: -10px ;
	height:48px;
	position:absolute;
	width:48px;
}

/*--------------------------------------------------------------------------------*/
/*keiro_app  経路検索画面-地点設定フローティング 　　　　　　　　　　　　　　　　 */
/*--------------------------------------------------------------------------------*/
#keiro_app {
	width: 100px;
	height: 60px;
	position: absolute;
	left: 100px;
	top: 90px;
}
#keiro_app li  { 
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(1, rgba(51, 51, 51, 0.8)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51, 0.8) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51,0.8) 100%);
	text-indent:0px; 
	
	text-align:center;
	width:100px;
	height:30px;
	overflow:hidden;
}
#keiro_app li.first  { 
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(1, rgba(51, 51, 51, 0.8)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51, 0.8) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51,0.8) 100%);
	text-indent:0px; 
	
}
#keiro_app li.last  { 
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(0.5, rgba(75, 75, 75, 0.8)),color-stop(1, rgba(51, 51, 51, 0.8)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51, 0.8) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.8) 0%,rgba(75, 75, 75, 0.8) 50%,rgba(75, 75, 75, 0.8) 51%,rgba(51, 51, 51,0.8) 100%);
	text-indent:0px; 
	
}
#keiro_app li:hover  { 
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgba(115, 115, 115, 0.95)),color-stop(0.5, rgba(75, 75, 75, 0.95)),color-stop(0.5, rgba(75, 75, 75, 0.95)),color-stop(1, rgba(51, 51, 51, 0.95)));
	background-image: -moz-linear-gradient(-90deg,rgba(115, 115, 115, 0.95) 0%,rgba(75, 75, 75, 0.95) 50%,rgba(75, 75, 75, 0.95) 51%,rgba(51, 51, 51, 0.95) 100%);
	background-image: linear-gradient(-90deg,rgba(115, 115, 115, 0.95) 0%,rgba(75, 75, 75, 0.95) 50%,rgba(75, 75, 75, 0.95) 51%,rgba(51, 51, 51,0.95) 100%);
	text-indent:0px; 
}
#keiro_app li a  {
	width:100px;
	height:30px;
	line-height:30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	font-size: 12px;
	color: rgb(255, 255, 255);
	text-decoration:none;
	font-weight:bold;
	position:relative;
	width:100%;
	display:block;
	margin-right:5px;
}

#keiro_app .arrow_bottom{
	position: absolute;
	right: 30px;
	bottom: -13px;
}

/*--------------------------------------------------------------------------------*/
/*#zoom 地図上フローティング    11/01/18 Add                                         */
/*--------------------------------------------------------------------------------*/
#zoom {
	height: 88px;
	width: 45px;
	position: absolute;
	overflow:hidden;
	bottom:25px;
	left:5px;
}

/*-----------------------------------------------------------------------*/
/*css3 select-btn   */
/*--------------------------------------------------------------------------------*/
.select_left_on {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(154, 175, 201)),color-stop(0.5, rgb(109, 140, 179)),color-stop(0.5, rgb(89, 125, 170)),color-stop(1, rgb(91, 128, 171)));
	background-image: -moz-linear-gradient(-90deg,rgb(154, 175, 201) 0%,rgb(109, 140, 179) 50%,rgb(89, 125, 170) 50%,rgb(91, 128, 171) 100%);
	background-image: linear-gradient(-90deg,rgb(154, 175, 201) 0%,rgb(109, 140, 179) 50%,rgb(89, 125, 170) 50%,rgb(91, 128, 171) 100%);
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
  border:solid 1px #8999AA;
}
.select_left_off {
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(184, 196, 210)),color-stop(0.5, rgb(151, 170, 192)),color-stop(0.5, rgb(130, 154, 177)),color-stop(1, rgb(138, 158, 182)));
	background-image: -moz-linear-gradient(-90deg,rgb(184, 196, 210) 0%,rgb(151, 170, 192) 50%,rgb(130, 154, 177) 50%,rgb(138, 158, 182) 100%);
	background-image: linear-gradient(-90deg,rgb(184, 196, 210) 0%,rgb(151, 170, 192) 50%,rgb(130, 154, 177) 50%,rgb(138, 158, 182) 100%);
	border:solid 1px #8999AA;
}

.select_center_on {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(154, 175, 201)),color-stop(0.5, rgb(109, 140, 179)),color-stop(0.5, rgb(89, 125, 170)),color-stop(1, rgb(91, 128, 171)));
	background-image: -moz-linear-gradient(-90deg,rgb(154, 175, 201) 0%,rgb(109, 140, 179) 50%,rgb(89, 125, 170) 50%,rgb(91, 128, 171) 100%);
	background-image: linear-gradient(-90deg,rgb(154, 175, 201) 0%,rgb(109, 140, 179) 50%,rgb(89, 125, 170) 50%,rgb(91, 128, 171) 100%);
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	border:solid 1px #8999AA;
}
.select_center_off {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(184, 196, 210)),color-stop(0.5, rgb(151, 170, 192)),color-stop(0.5, rgb(130, 154, 177)),color-stop(1, rgb(138, 158, 182)));
	background-image: -moz-linear-gradient(-90deg,rgb(184, 196, 210) 0%,rgb(151, 170, 192) 50%,rgb(130, 154, 177) 50%,rgb(138, 158, 182) 100%);
	background-image: linear-gradient(-90deg,rgb(184, 196, 210) 0%,rgb(151, 170, 192) 50%,rgb(130, 154, 177) 50%,rgb(138, 158, 182) 100%);
	border:solid 1px #8999AA;
}

.select_right_on {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(154, 175, 201)),color-stop(0.5, rgb(109, 140, 179)),color-stop(0.5, rgb(89, 125, 170)),color-stop(1, rgb(91, 128, 171)));
	background-image: -moz-linear-gradient(-90deg,rgb(154, 175, 201) 0%,rgb(109, 140, 179) 50%,rgb(89, 125, 170) 50%,rgb(91, 128, 171) 100%);
	background-image: linear-gradient(-90deg,rgb(154, 175, 201) 0%,rgb(109, 140, 179) 50%,rgb(89, 125, 170) 50%,rgb(91, 128, 171) 100%);
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	border:solid 1px #8999AA;
}
.select_right_off {
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(184, 196, 210)),color-stop(0.5, rgb(151, 170, 192)),color-stop(0.5, rgb(130, 154, 177)),color-stop(1, rgb(138, 158, 182)));
	background-image: -moz-linear-gradient(-90deg,rgb(184, 196, 210) 0%,rgb(151, 170, 192) 50%,rgb(130, 154, 177) 50%,rgb(138, 158, 182) 100%);
	background-image: linear-gradient(-90deg,rgb(184, 196, 210) 0%,rgb(151, 170, 192) 50%,rgb(130, 154, 177) 50%,rgb(138, 158, 182) 100%);
	border:solid 1px #8999AA;
}

/*css3 select-btn 2   **********************************/

.select2_left_on {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(50, 103, 169)),color-stop(1, rgb(132, 182, 248)));
	background-image: -moz-linear-gradient(-90deg,rgb(50, 103, 169) 0%,rgb(132, 182, 248) 100%);
	background-image: linear-gradient(-90deg,rgb(50, 103, 169) 0%,rgb(132, 182, 248) 100%);
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	/*border:solid 1px #1F487C;*/
	border:solid 1px #7099CE;
}
.select2_left_off {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(251, 251, 251)),color-stop(1, rgb(211, 211, 211)));
	background-image: -moz-linear-gradient(-90deg,rgb(251, 251, 251) 0%,rgb(211, 211, 211) 100%);
	background-image: linear-gradient(-90deg,rgb(251, 251, 251) 0%,rgb(211, 211, 211) 100%);
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border:solid 1px #CCCCCC;
}

.select2_right_on {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(50, 103, 169)),color-stop(1, rgb(132, 182, 248)));
	background-image: -moz-linear-gradient(-90deg,rgb(50, 103, 169) 0%,rgb(132, 182, 248) 100%);
	background-image: linear-gradient(-90deg,rgb(50, 103, 169) 0%,rgb(132, 182, 248) 100%);
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	border:solid 1px #1F487C;
}
.select2_right_off {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(251, 251, 251)),color-stop(1, rgb(211, 211, 211)));
	background-image: -moz-linear-gradient(-90deg,rgb(251, 251, 251) 0%,rgb(211, 211, 211) 100%);
	background-image: linear-gradient(-90deg,rgb(251, 251, 251) 0%,rgb(211, 211, 211) 100%);
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border:solid 1px #CCCCCC;
}

/*css3 select-btn 3   **********************************/

.select3_left_on {
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(115, 115, 115)),color-stop(0.5, rgb(75, 75, 75)),color-stop(0.5, rgb(75, 75, 75)),color-stop(1, rgb(51, 51, 51)));
	background-image: -moz-linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	background-image: linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	font-size: 10px;
	color: rgb(255, 255, 255);
}

.select3_right_off {
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(115, 115, 115)),color-stop(0.5, rgb(75, 75, 75)),color-stop(0.5, rgb(75, 75, 75)),color-stop(1, rgb(51, 51, 51)));
	background-image: -moz-linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	background-image: linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	font-size: 10px;
	color: rgb(184, 184, 184);
}

.select3_left_off {
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(115, 115, 115)),color-stop(0.5, rgb(75, 75, 75)),color-stop(0.5, rgb(75, 75, 75)),color-stop(1, rgb(51, 51, 51)));
	background-image: -moz-linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	background-image: linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	font-size: 10px;
	color: rgb(184, 184, 184);
}

.select3_right_on {
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	box-shadow: 0px 0px 1px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 1px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(115, 115, 115)),color-stop(0.5, rgb(75, 75, 75)),color-stop(0.5, rgb(75, 75, 75)),color-stop(1, rgb(51, 51, 51)));
	background-image: -moz-linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	background-image: linear-gradient(-90deg,rgb(115, 115, 115) 0%,rgb(75, 75, 75) 50%,rgb(75, 75, 75) 51%,rgb(51, 51, 51) 100%);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	font-size: 10px;
	color: rgb(255, 255, 255);
}

/*-----------------------------------------------------------------------*/
/*icon   */
/*--------------------------------------------------------------------------------*/
em.ico-001{
	background: transparent url(./Content/images/pages/tmp/100.png) no-repeat scroll left center;
}


/*-----------------------------------------------------------------------*/
/*botoon orignal */
/*--------------------------------------------------------------------------------*/

.btn-red {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(180, 159, 159)),color-stop(0, rgb(220, 116, 119)),color-stop(0.5, rgb(215, 98, 104)),color-stop(0.5, rgb(206, 42, 39)),color-stop(1, rgb(199, 42, 39)));
	background-image: -moz-linear-gradient(-90deg,rgb(180, 159, 159) 0%,rgb(220, 116, 119) 8%,rgb(215, 98, 104) 50%,rgb(206, 42, 39) 50%,rgb(199, 42, 39) 100%);
	background-image: linear-gradient(-90deg,rgb(180, 159, 159) 0%,rgb(220, 116, 119) 8%,rgb(215, 98, 104) 50%,rgb(206, 42, 39) 50%,rgb(199, 42, 39) 100%);
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	text-shadow: 0px 0px 2px rgb(219, 219, 219);
	color: rgb(255, 255, 255);
	border:solid 1px #030C03;
}

.btn-red:hover {
	color: rgb(255, 255, 255);
	text-shadow: 0px 0px 2px rgb(219, 219, 219);
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(145, 130, 128)),color-stop(0, rgb(177, 96, 97)),color-stop(0.5, rgb(178, 85, 88)),color-stop(0.5, rgb(171, 41, 37)),color-stop(1, rgb(171, 41, 37)));
	background-image: -moz-linear-gradient(-90deg,rgb(145, 130, 128) 0%,rgb(177, 96, 97) 4%,rgb(178, 85, 88) 50%,rgb(171, 41, 37) 50%,rgb(171, 41, 37) 100%);
	background-image: linear-gradient(-90deg,rgb(145, 130, 128) 0%,rgb(177, 96, 97) 4%,rgb(178, 85, 88) 50%,rgb(171, 41, 37) 50%,rgb(171, 41, 37) 100%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:solid 1px #030C03;
}

.btn-simple {
	color: rgb(111, 120, 155);
	text-shadow: 1px 1px 2px rgb(255, 255, 255);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-moz-box-shadow: 0px 0px 2px rgb(51, 51, 51);
	box-shadow: 0px 0px 2px rgb(51, 51, 51);
	-ms-box-shadow: 0px 0px 2px rgb(51, 51, 51);
}

/* 濃紺 */
.btn-darkblue {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(125, 150, 183)),color-stop(0.5, rgb(89, 119, 162)),color-stop(0.5, rgb(72, 106, 154)),color-stop(1, rgb(73, 109, 155)));
	background-image: -moz-linear-gradient(-90deg,rgb(125, 150, 183) 0%,rgb(89, 119, 162) 50%,rgb(72, 106, 154) 51%,rgb(73, 109, 155) 100%);
	background-image: linear-gradient(-90deg,rgb(125, 150, 183) 0%,rgb(89, 119, 162) 50%,rgb(72, 106, 154) 51%,rgb(73, 109, 155) 100%);
	-webkit-box-shadow: 0px 0px 1px rgba(58,69,85,0.8);
	-moz-box-shadow: 0px 0px 1px rgba(58,69,85,0.8);
	box-shadow: 0px 0px 1px rgba(58,69,85,0.8);
	text-shadow: -1px -1px 1px rgba(57,70,88,0.8);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: rgb(255, 255, 255);
	-ms-box-shadow: 0px 0px 1px rgba(58,69,85,0.8);
}
.btn-darkblue:hover {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(70, 106, 156)),color-stop(0.5, rgb(74, 99, 135)),color-stop(0.5, rgb(60, 88, 128)),color-stop(1, rgb(61, 91, 128)));
	background-image: -moz-linear-gradient(-90deg,rgb(70, 106, 156) 0%,rgb(74, 99, 135) 50%,rgb(60, 88, 128) 51%,rgb(61, 91, 128) 100%);
	background-image: linear-gradient(-90deg,rgb(70, 106, 156) 0%,rgb(74, 99, 135) 50%,rgb(60, 88, 128) 51%,rgb(61, 91, 128) 100%);
}
.btn-darkblue a{
	color:#FFFFFF;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
	text-decoration:none;
	display:block;
}
