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

body{
	background-color: #FEFDFA;
	
}
#warpper{
	width:1024px;
	margin:0 auto;
}


/* common */

.logo2{
	position:absolute;
	right:0px;
	bottom:0px;
	}
.icon01{
	background:url(../imgdir/icon_01.gif) no-repeat left;
	padding:0 0 0 12px;
	}
.mail{
	background:url(../imgdir/icon_mail.gif) no-repeat left;
	padding:0 0 0 15px;
	}
.fstLead{
	position:absolute;
	left:157px;
	top:78px;
	}
.nextPage{
	position:absolute;
	right:45px;
	top:210px;
	}

/* header */
#header{
	width:1024px;
	height:80px;
	position:relative;
	border-bottom:4px solid #000;
	z-index:99999;
	}
	#header h1{
		text-align:center;
		margin:20px 0 0 0;
		}
	#header h1 img{
		margin:0px 0 0 0;
		margin/*\**/: 0px 0 0 0\9;
		}
	#header h1 img#result-logo{
		margin:4px 0 0 0;
		margin/*\**/: 4px 0 0 0\9;
		}
	
	#header a{
		color:#666;
		}
	#headerNav{
		position:absolute;
		top:0px;
		overflow:hidden;
		margin:0 0 0 -10px;
		}
		#headerNav ul li{
			border-left:1px solid #dfdfdf;
			margin:0 5px 0 -1px;
			padding:0 0 0 10px;
			float:left;
			}
			#headerNav ul li.kobe a{
				/*background:url(../imgdir/icon_kobe.gif) no-repeat left;*/
				padding:0 5px 0 0;
				}
			#headerNav ul li.keitai a{
				background:url(../imgdir/icon_keitai.gif) no-repeat left;
				padding:0 5px 0 10px;
				}
	#headerNavR{
		position:absolute;
		top:0px;
		right:0px;
		/width:170px;
		}
	#headerNavR ul{
		clear:both;
		overflow:hidden;
		margin:0 -10px 0 0px;
		}
		#headerNavR ul li{
			border-left:1px solid #dfdfdf;
			margin:0 10px 0 -1px;
			padding:0 0 0 10px;
			float:left;
			}


/* contents */

#mainContents{
	width:1024px;
	position: relative;
}


#mountain{
	position:relative;
	width:1024px;
	/*height:556px;*/
	height:556px;
	}


	#name{
		position:absolute;
		font-family:Arial, Helvetica, sans-serif;
		font-size:148%;
		font-weight:bold;
		bottom:0px;
		left:0px;
		z-index:5;
		}
	#name .txt{ display: none; }	
		
	.imgArea{
		position:absolute;
		z-index:2;
		width:1024px;
		height:346px;
		overflow:hidden;
		background: url(../imgdir/kanagawa_bg.png) no-repeat bottom center;
		background-size: 100%;
		}
	.imgAreaFront{
		position:absolute;
		z-index:4;
		width:960px;
		height:346px;
		overflow:hidden;
		}
	
		.yama{
			position: relative;
			width:1024px;
			/*height:556px;*/
			height:580px;
			text-align:center;
			z-index:3;
			}
	
		#not{ 
			text-align:center;
			padding:20px 0 0 0;
			}
	
		.yama img{
			position: absolute;
			top:217px;
			left:371px;
			}
	
		.img img{
			position:absolute;
			z-index:1;
			}
	
	#inputBox{
		width:984px;
		overflow:hidden\9;
		background:#000;
		position:absolute;
		top:345px;
		/*height:204px;*/
		height: 215px;
		padding: 20px 20px 0 20px;
		margin:0 0 0 0;
		z-index:3;
		}
		
		#inputBox h2{
			font-size:145%;
			margin:30px 0 10px 0;
			}
		
		#inputBox h3{
			
			padding:0 0 10px 0;
			margin:0 0 10px 0;
			}
		
		#inputBox p{
			font-size:93%;
			color:#fff;
			letter-spacing:0.1px;
			margin:0 0 -1px 0;
			/margin:0 0 0 0;
			}
		#inputBox p input[type="checkbox"]{
			margin:-3px 3px 0 0;
			vertical-align: middle; 
			}

		#inputBox p,  x:-moz-any-link{
			margin:0 0 -2px 0;
			
			}
		
		
		#inputBox #fst{
			text-align:center;
			height:190px;
			padding:10px 0 0 0;	
			background:#000000\9;
			position: relative\9;
			z-index:30000\9;
			width:100%\9;
			
			}
		
		#inputBox .fstTitle{
			text-align:center;
			margin:0 0 15px 0;
			color:#fff;
			font-size:132%;
			}
		
		input[type="text"]{
			border:none;
			height:21px;
			line-height:21px;

			width:300px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			}
		
		input#fstOK{
			width:56px;
			height:25px;
			border:none;
			background:url(../imgdir/btn_ok.gif) no-repeat;
			text-indent:-5000px;
			color: #000;
			cursor:pointer;
			}
		
		input#fstReset{
			width:56px;
			height:25px;
			border:none;
			/*background:url(../imgdir/btn_cancel.gif) no-repeat;*/
			/*text-indent:-5000px;*/
			font-weight: bold;
			border-radius: 3px;
			color: #000;
			cursor:pointer;
			}
			.submitArea{
				margin-top: 10px;
			}
			.submitArea select{
				-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
				-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
				appearance: none; /* 標準のスタイルを無効にする */
				padding: 2px 10px;
				margin: 0 5px;
				border-radius: 3px;
				line-height: 1.7;
				vertical-align: middle;
				border: none;
			}
			.submitArea p{
				text-align: center;
				padding-bottom: 10px;
			}
			.submitArea .submitS{
				padding: 2px 10px;
				margin: 0 5px;
				border-radius: 3px;
				line-height: 1.7;
				border: none;
				background: #fff;
			}
		
		#inputBox table td{
			padding:0 30px 0 0;
			}
		#inputBox table td.r_cell{
			padding:0 0 0 0;
			}
		#inputBox table td span{
			font-size: 70%;
			}
		#inputBox table td span.name{
			font-size: 109%;
			}
		#inputBox form{
			margin:0 0 0px 0;
			}
		
		.submitBtn{
			position:absolute;
			right:100px;
			bottom:0px;
			/bottom:20px;
			z-index:40000;
			clear:both;
			padding:10px 0;
			float:right;
			}
		
		.submitBtn input#button_mfp_goconfirm{
			width:56px;
			height:25px;
			border:none;
			/*background:url(../imgdir/btn_ok.gif) no-repeat;*/
			/*text-indent:-5000px;*/
			/text-indent:0px;
			border-radius: 3px;
			font-weight: bold;
			color: #000;
			cursor:pointer;
			}
		
		.submitBtn input#button_mfp_reset{
			width:56px;
			height:25px;
			border:none;
			/*background:url(../imgdir/btn_cancel.gif) no-repeat;*/
			/*text-indent:-5000px;*/
			border-radius: 3px;
			font-weight: bold;
			color: #000;
			cursor:pointer;
			}


/*
#mainContents{
	float:left;
	width:760px;
	padding: 15px 0;
	border-radius: 6px;
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 121, color-stop(1.00, #facd9c), color-stop(0.00, #fde6c3));
	background: -webkit-radial-gradient(50% 50%, circle, #fde6c3 0%, #facd9c 100%);
	background: -moz-radial-gradient(50% 50%, circle, #fde6c3 0%, #facd9c 100%);
	background: -o-radial-gradient(50% 50%, circle, #fde6c3 0%, #facd9c 100%);
	background: -ms-radial-gradient(50% 50%, circle, #fde6c3 0%, #facd9c 100%);
	background: radial-gradient(50% 50%, circle, #fde6c3 0%, #facd9c 100%);
	-webkit-transition: all 4s linear ;
	-moz-transition: all 4s linear;
	-o-transition: all 4s linear;
	-ms-transition: all 4s linear;
	transition: all 4s linear;
}
	
	

#mainContents:hover{

	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 121, color-stop(1.00, #ffa73d), color-stop(0.00, #fde6c3));
	background: -webkit-radial-gradient(50% 50%, circle, #fde6c3 0%, #ffa73d 100%);
	background: -moz-radial-gradient(50% 50%, circle, #fde6c3 0%, #ffa73d 100%);
	background: -o-radial-gradient(50% 50%, circle, #fde6c3 0%, #ffa73d 100%);
	background: -ms-radial-gradient(50% 50%, circle, #fde6c3 0%, #ffa73d 100%);
	background: radial-gradient(50% 50%, circle, #fde6c3 0%, #ffa73d 100%);
	
}
*/


/*navi*/
#nav{
	clear:both;
	height:96px;
	border-bottom:4px solid #000;
	}
	#nav ul li{
		float:left;
		position:relative;
		cursor:pointer;
		/z-index:10000;
		

		}
	#nav ul li img.Mtop{
		position:relative;
		z-index:20000;
		

		}
		#nav ul li img.cover{
			object-fit: cover;
			height: 98%;
			
		}
	
	#nav ul li.snsArea{
		position:relative;
		z-index:20000;
		cursor: default;
		background:url(../imgdir/navb_04.gif) no-repeat;
		background-size: 100%;
		height:96px;
		width:255px;
		}
	#nav ul li.snsArea .snsBox{
		margin:48px 0 0 0;
		text-align:center;
		margin:48px auto 0 auto;
		}
	#nav ul li.snsArea .snsBox div{
		display:inline-block;
		/display:inline;
		margin:0 5px;
		}

	#nav ul li ul .close{
		width:256px;
		position: absolute;
		text-align:center;
		bottom:15px;
		z-index:16000;
		cursor:pointer;
		}
	#nav ul li ul.all .close{
		left:257px;
		}

#nav ul li ul {
            position:absolute;  
            bottom:0px;
			/left:0px;
			
			display:none; 
            margin:0 0 0 0;
			height:580px;
			background:#fff;
			border-left:1px solid #dfdfdf;
			border-right:1px solid #dfdfdf;
            padding:5px 0 0 0; 
            list-style:none;
			z-index:15000;
        }
#nav ul li ul.all {
            position:absolute; 
            left:-257px; 
            bottom:0px;
			display:none; 
            margin:0 0 0 0; 
            padding:5px 0 0 0; 
            list-style:none;
			z-index:15000;
        }
		
         
        #nav ul li ul li {
            
        	display:block; 
        	margin:0 0 0 0;
			/float:none;
			/margin:0 0 -3px 0;
        }
		
		#nav ul li ul li p {
			padding:8px 20px 0 20px;
			margin:0 0 0 0;
			/padding:0px 20px 0 20px;
			font-size: 85%;
			/font-size:92%;

			
        }
		#nav ul li ul.all li {
            position:relative;
        	display:block; 
        	margin:0 0 5px 0;
			height:556px;
			background:#fff;
			
        }
		
         
        /* display block will make the link fill the whole area of LI */
        #nav ul li ul li a {
            display:block;
			color:#333;

        }

/*footer*/
#footer{
	clear:both;
	font-size:117%;
	}
	#footerArea{
		font-size:83%;
		clear:both;
		position:relative;
		background:#f4f2f1;
		padding:20px;
		color:#666;
		}
		#footerArea a{
			color:#666;
			}
		#banner{
			position:absolute;
			top:20px;
			right:10px;
			margin:0 -1px 0 0;
			overflow:hidden;
			zoom:-1;
			}
			#banner ul li{
				border-right:1px solid #dfdfdf;
				margin:0 -1px 0 10px;
				padding:0 10px 0 0;
				height:50px;
				float:left;
				}
			#copy{
				position:absolute;
				right:20px;
				bottom:10px;
			}

/*************************************************************/
/* スポンサー
/*************************************************************/

.sponsor {
	margin-top: 40px;
}

.sponsor__title {
	font-weight: bold;
	color: #666;
	font-size: 12px;
	line-height: calc(20/12);
	letter-spacing: 0.3em;
}

.sponsor__list {
	font-size: 12px;
	line-height: calc(20/12);
}

.sponsor__list li {
	position: relative;
	padding-left: 15px;
}

.sponsor__list li:not(:first-child) {
	margin-top: 5px;
}

.sponsor__list li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 12px;
	height: 12px;
	background: #f4f2f1;
}

.sponsor__list a {
	color: #666;
}

/*
input {
	-webkit-appearance: none; /* remove default 
	display: block;
	margin: 10px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	cursor: pointer;
	vertical-align: middle;	
	box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;		
	background-color: hsla(0,0%,0%,.2);
	background-image: -webkit-radial-gradient( hsla(200,100%,90%,1) 0%, hsla(200,100%,70%,1) 15%, hsla(200,100%,60%,.3) 28%, hsla(200,100%,30%,0) 70% );
	background-repeat: no-repeat;	
	-webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),
						  -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
}
input:checked {
	-webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),
						  -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}
input:active {
	-webkit-transform: scale(1.5);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}



/* The up/down direction logic 

input,
input:active {
    background-position: 0 24px;
}
input:checked {
    background-position: 0 0;
}
input:checked ~ input,
input:checked ~ input:active {
    background-position: 0 -24px;
}

*/



/*----------------------------------------------------
result
-----------------------------------------------------*/




#mainPage{
	width:1024px;
	/*height:564px;*/
	height:580px;
	/*z-index:3;*/
}
#resultTextArea {
	position:absolute;
	left:0px;
	top:0px;
	width: 1024px;
	height: 140px;
	background-color: #fdfdfa;
	border-bottom: 4px solid #000000;
	font-weight: bold;
}
#resultMgStar {
	width:335px;
	
	height:100px;
	margin: 14px 20px 0 17px;
	float: left;
}

#resultMgStar img {
	position:absolute;
	z-index:10000;
	margin-bottom: 15px;
}
#resultMainText {
	margin: 10px 17px 0 0;
}
#resultMainText p {
	font-size: 98%;
	line-height: 1.7em;
}

ul#businessCheckedBox, ul#moneyCheckedBox, ul#familyCheckedBox, ul#personalCheckedBox,
ul#businesstaisakuBox, ul#moneytaisakuBox, ul#familytaisakuBox, ul#personaltaisakuBox {
	position: absolute;
	background-color: #FEFDFA;
	padding: 30px 10px 10px 10px;
	font-size: 100%;
	width: 390px;
	display: none;
}

ul#alltaisakuBox{
	transition: all 0.5s ease;
	background: url("../imgdir/result/taisaku_title.gif") no-repeat #ffffff 10px 10px;
	background-size: auto 15px;
	position: absolute;
	left: 40px;
    top: 360px;
	background-color: #FEFDFA;
	padding: 40px 10px 10px 10px;
	font-size: 100%;
	width: 90%;
	opacity: 0;
	visibility: hidden;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 200px;
}
ul#alltaisakuBox.open{
	opacity: 1;
	visibility: visible;
}
ul#alltaisakuBox{

	background: url("../imgdir/result/taisaku_title.gif") no-repeat #ffffff 10px 10px;
	background-size: auto 15px;
	position: absolute;
	left: 40px;
    top: 360px;
	background-color: #FEFDFA;
	padding: 40px 10px 10px 10px;
	font-size: 100%;
	width: 90%;
	display: none;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 200px;
}


ul#businessCheckedBox li, ul#moneyCheckedBox li, ul#familyCheckedBox li, ul#personalCheckedBox li,
ul#businesstaisakuBox li, ul#moneytaisakuBox li, ul#familytaisakuBox li, ul#personaltaisakuBox li  {
	float: left;
	margin: 0 2em 0 0;
	font-size: 82%;
	/float: none;
	/display: inline;
	/zoom:1;/*IE7*/ 
}

ul#alltaisakuBox li{
	float: left;
	margin: 0 2em 0 0;
	font-size: 100%;
	width: 50%;
    max-width: 450px;
	/float: none;
	/display: inline;
	/zoom:1;/*IE7*/ 
}



ul#businessCheckedBox, ul#businesstaisakuBox {
	background: url("../imgdir/result/subtitle_business.png") no-repeat #ffffff 10px 10px;
	background-size: auto 10px;
}
ul#moneyCheckedBox, ul#moneytaisakuBox {
	background: url("../imgdir/result/subtitle_money.png") no-repeat #ffffff 10px 10px;
	background-size: auto 13px;
}
ul#familyCheckedBox, ul#familytaisakuBox {
	background: url("../imgdir/result/subtitle_family.png") no-repeat #ffffff 10px 10px;
	background-size: auto 13px;
}
ul#personalCheckedBox, ul#personaltaisakuBox {
	background: url("../imgdir/result/subtitle_personal.png") no-repeat #ffffff 10px 10px;
	background-size: auto 10px;
}

.fukidashi-sen-left, .fukidashi-sen-right {
	border-top: 2px #ffffff solid;
	position: absolute;
	width: 18px;
}
.fukidashi-sen {
	border-left: 2px #ffffff solid;
	position: absolute;
	width: 2px;
}



.result-tri {
	position: absolute;
}
#resultbg {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: -10;
	overflow: hidden;
	/*height: 564px;*/
	height: 580px;
}
#resultbg2 {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: -20;
	overflow: hidden;
	/*height: 564px;*/
	height: 580px;
}
#resultPercent {
	position: absolute;
	bottom:10px;
	line-height: 1.5;
	left:20px;
	font-size: 100%;
	font-size/*\**/: 92%\9;
	font-weight: bold;
}
#resultMainText p{
	font-size/*\**/: 92%\9;
	overflow/*\**/:hidden\9;
}

#resultMainText span.caption{
	font-size: 10px;
}

#result-next-link, #result-next-link2, #checkbox-link, #facebook-share-link {
	position: absolute;
}
#facebook-share-link {
	background-color: #ffffff;
}
#taisaku-box {
	position: absolute;
	width: 380px;
	top: 150px;
	left: 40px;
	background: #ffffff;
	display: none;
	padding: 2em 0 1em 30px;
}
#taisaku-box li{
	font-size: 110%;
	font-weight: bold;
	float: left;
	margin: 0 3em 0.5em 0em;
}
#taisaku-box img{
	margin-bottom: 15px;
}
#whiteout {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100;
}
#taisaku-page{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 101;
	top:104px;
}
	#taisaku-page #taisaku-con{
		width:1024px;
		position: relative;
		margin:0 auto;
		padding:0 20px;
	}
	#taisaku-page #taisaku-con .closeBtn{
		position:absolute;
		top:20px;
		right:40px;
	}
	#taisaku-page #taisaku-conBtm{
		border:1px solid #dcdcdc;
		background:#fff;
		padding:30px;
	}
#business-graph, #personal-graph, #family-graph, #money-graph {
	position: absolute;
	left: 484px;
	width: 55px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 100%;
}

#personal-graph	{background-color: #ECBF01;}
#family-graph	{background-color: #F4D77D;}
#business-graph	{background-color: #FAEABD;}
#money-graph 	{background-color: #FEFAEE;}

#result1 {
	overflow: hidden;
	display: none;
}



input[type='checkbox']{
    filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
    position: absolute;
	line-height: 25px;
	height:25px;
	width:25px;
}
.CheckBoxLabelClass{
    background:url(../imgdir/input/no.png) no-repeat left -4px;
	height: 25px;
    line-height: 25px;
	display:block;
}
.CheckBoxLabelClass span.name{
	font-size:125%;
	margin:0 0 0 25px;
}
label{
	cursor:pointer;
}
label:hover{
	color:#F90;
}
.c_on{background:url(../imgdir/input/yes.png) no-repeat left -4px;}

.c_on .CheckBoxLabelClass{
    background:none;
}

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

slide.css
	
----------------------------------------------------*/
#inputSliderBox{ position:relative;width:984px; margin:0 0 0 0;}
p.leadTxt{ padding:0 0 0 110px;}
.btmTxt{ position:absolute; bottom:40px;}

#inputSlider ul{ display:block;}
#inputSlider ul, #inputSlider li{margin:0;padding:0;list-style:none;position:relative;}
#inputSlider li {width:764px; display:block;height:166px;/height:170px; /*ボタンが無い場合 */}	
#inputSlider {width:764px; margin:10px auto 0 auto;}
/* // Sudo Slider */	 
/* Numeric Navigation */
/*#sliderBoxFor ol {_margin:100px auto 0 auto;} */
#sliderBoxFor ol {_margin:20px auto 0 auto;}/*ボタンが無い場合 */

/* // 2012.9.16追加 */
ol#msg { position:absolute; right:-25px; top:5px; top:20px\9; width:150px;padding:0;height:28px;}
ol#msg li{margin:0 0 0 5px;_margin:0 5px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:30px;}
/*ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}*/
ol#msg li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

ol#msg li a {float:left; height:11px; width:11px; margin:0 5px 0 0; _margin:0 5px 0 0; text-align:center; color:#ffffff;
background:url(../imgdir/btn.png) no-repeat; display: block; text-indent:-5000px; cursor:pointer;}

ol#msg li a{ background-position:0px -11px;}
ol#msg li.current a{background-position:0px 0px;}
/* // 2012.9.16ここまで */

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;    color: #fff;}

.prevBtn, .nextBtn {display:block;width:32px;height:150px;position:absolute;top:20px; top:30px\9;z-index:1000;background:url(../imgdir/left_btn.gif) no-repeat 0 60px;cursor:pointer;}	
.prevBtn{left:50px;}
.nextBtn{right:50px;}	
.nextBtn {background:url(../imgdir/right_btn.gif) no-repeat 0 60px;}

.menu { display: none; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.scroll-pane
			{
				width: 1024px;
				height: 556px;
				overflow: auto;
			}


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ccc;
	position: relative;
}

.jspDrag
{
	background: #ff3399;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}