@charset "utf-8";
/*-------------------
navigation
-------------------*/
header{
	position:absolute;
	width:1920px;
	height:70px;
	left:50%;
	top:0;
	margin-left:-960px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#740b4d+0,0e236e+100 */
	background: #740b4d; /* Old browsers */
	background: -moz-linear-gradient(left,  #740b4d 0%, #0e236e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #740b4d 0%,#0e236e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #740b4d 0%,#0e236e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#740b4d', endColorstr='#0e236e',GradientType=1 ); /* IE6-9 */
}
header ul{
	position:relative;
	width:1005px;
	height:66px;
	margin:0 auto;
}
header ul li{
	list-style:none;
	float:left;
	margin:0 11px;
	cursor:pointer;
}


/*---------------------------
スクロールバーの全体領域
-----------------------------*/
.scroll_bar{
	position:absolute;
	width:10px;
	right:0;
	top:0;
	background:none;
}
.scroll_b .scroll_bar{
	background:url(../img/caststaff/blue.png) repeat-y center top;
}
.scroll_r .scroll_bar{
	background:url(../img/caststaff/red.png) repeat-y center top;
}

/*---------------------------
スクロールバーのグリップ
-----------------------------*/
.scroll_grip{
	position:absolute;
	width:10px;
	height:45px !important;
	border-radius:10px;
	left:0px;
	top:0;
	cursor:pointer;
}
.scroll_b .scroll_grip{
	background:#0385a2;
}
.scroll_r .scroll_grip{
	background:#cc63bc;
}
.scroll_flog{
	position:absolute;
	left:0;
	top:-3px;
}