@charset "UTF-8";
/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* ---------- reset ---------- */
html{width:100%;height:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,h1,h2,h3,h4,h5,h6{display:block;}
body{
	font-family: '游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background: #fff;
	color: #536b70;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	word-break: break-all;
}
a{
	color: #536b70;
	overflow: hidden;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
a:active,a:focus{outline:none;}fieldset{border:0;}a img,img{border:0;vertical-align:top;}abbr,acronym{border:0;}address,caption,cite,code,dfn,em,th,strong,var{font-style:normal;font-weight:normal;}blockquote,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol,ul,li,p,pre,span,td,th,article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;}caption,th{vertical-align:top;text-align:left;}small{font-size:100%;}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%;}hr{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ol,ul{list-style:none;}q:before,q:after{content:'';}
/* form */
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
/* table */
table{border-collapse:collapse;border-spacing:0;font-size:100%;}

/* ---------- clearfix setting ---------- */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	overflow: hidden;
}
.clearfix:after { clear: both; }

/* --------------------------------------------------
メイン 共通
-------------------------------------------------- */

/* ---------- common ---------- */
#siteWrap {
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

/* --------------------------------------------------
サイドナビゲーション
-------------------------------------------------- */

/* ---------- navi content ---------- */
#naviWrap {
	position: fixed;
	width: 280px;
	height: 100%;
	background: url(../img/navi/naviBg.jpg) no-repeat top left;
	background-size: cover;
}
#naviWrap.fix {
	position: fixed;
}
#naviWrap.abs {
	position: absolute;
}
h1.logo {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: 20px 0 45px;
}
/*     navi menu    */
.naviList > li {
	display: block;
	width: 180px;
	height: 25px;
	margin: 40px auto 40px 20px;
	background-image: url(../img/navi/navi.png);
}
.naviList > li > a {
	display: block;
	width: 180px;
	height: 25px;
	text-indent: -9999em;
}
.navi01 {
	background-position: -180px 0;
}
.navi01:hover {
	background-position: 0 0;
}
.navi02 {
	background-position: -180px -25px;
}
.navi02:hover {
	background-position: 0 -25px;
}
.navi03 {
	background-position: -180px -50px;
}
.navi03:hover {
	background-position: 0 -50px;
}
.navi04 {
	background-position: -180px -75px;
}
.navi04:hover {
	background-position: 0 -75px;
}
.navi05 {
	background-position: -180px -100px;
}
.navi05:hover {
	background-position: 0 -100px;
}

/*     topContent    */
.topContent {
	position: absolute;
	bottom: 100px;
	left: 10px;
}
.fix .topContent {
	position: absolute;
	bottom: 100px;
	left: 10px;
}
.abs .topContent {
	position: absolute;
	top: 540px;
	left: 10px;
}

/*     update    */
.update {
	width: 240px;
	padding: 10px 10px 5px;
	margin: 20px auto;
	background: url(../img/navi/hd_bg.png) repeat;
	overflow: hidden;
}
.updateList {
	position: relative;
	width: 230px;
	height: 100px;
	margin: 10px 5px;
	overflow: auto;
}
.updateList .date {
	display: block;
	color: #FFF;
}
.updateList .uptxt {
	display: block;
	color: #FFF;
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 10px;
}
.updateList .uptxt a {
	color: #FFF;
	text-decoration: underline;
}
.updateList .uptxt a:hover {
	text-decoration: none;
}

/*     newMovie    */
.newMovie {
	width: 240px;
	padding: 10px 10px 5px;
	margin: 20px auto;
	background: url(../img/navi/hd_bg.png) repeat;
	overflow: hidden;
}
.mvCM {
	width: 230px;
	height: 130px;
	margin: 10px 5px;
}
.mvCM a {
	display: block;
	width: 230px;
	height: 130px;
	background: url(../img/navi/movie.jpg) no-repeat center;
	text-indent: -9999em;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	     opacity: 1;
	-webkit-transition: .5s ease-out;
	   -moz-transition: .5s ease-out;
	        transition: .5s ease-out;
}
.mvCM a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}

/*     sns    */
.sns {
	position: absolute;
	bottom: 70px;
	left: 10px;
}
.fix .sns {
	position: absolute;
	bottom: 70px;
	left: 10px;
}
.abs .sns {
	position: absolute;
	top: 1050px;
	left: 10px;
}
.snsList li {
	display: inline-block;
	margin-right: 15px;
}
.top_shiori a, .apology a, .top_tameshiyomi a, .sns a, .corporate a, .questionnaire a {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	transition: .3s ease-out;
}
.top_shiori a:hover, .apology a:hover, .top_tameshiyomi a:hover, .sns a:hover, .corporate a:hover, .questionnaire a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}

/*     corporate    */
.corporate {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.fix .corporate {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.abs .corporate {
	position: absolute;
	top: 1100px;
	left: 10px;
}
.copyright {
	font-size: 83%;
	color: #FFF;
	margin-top: 10px;
}

/* --------------------------------------------------
メインコンテンツ 共通
-------------------------------------------------- */

/* ---------- main content ---------- */
#mainWrap {
	position: relative;
	height: 100%;
	margin-left: 280px;
}
.bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
}
.bg .mainBg {
	width: 100%;
	height: auto;
}
.mainContent {
	padding: 100px 40px;
}
.ctHead {
	padding-bottom: 50px;
}

/* --------------------------------------------------
トップ&キービジュアル
-------------------------------------------------- */

/*     top mv    */
.mainVisual {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.mv02 {
	display: none;
}
.mainVisual .mv {
	width: 100%;
	height: auto;
}
.topics {
	position: absolute;
	top: 25px;
	left: 25px;
}
.questionnaire {
	position: absolute;
	top: 192px;
	left: 12px;
}
.top_tameshiyomi { padding-bottom: 20px; }
/* --------------------------------------------------
イントロダクション
-------------------------------------------------- */
.introDetail {
	font-size: 167%;
	color: #079ee4;
	line-height: 2em;
}
.introDetail p {
	margin: 1em 0;
}

/* --------------------------------------------------
キャラクター
-------------------------------------------------- */
.charaIconList {
}
.charaIconList li {
	display: inline-block;
	margin-right: 15px;
}
.charaIconList li a {
	display: block;
	width: 71px;
	height: 71px;
	text-indent: -9999em;
}
.charaIconList li a:hover {
	background-position: bottom left;
}
.charaIconList .haruka {
	background: url(../img/chara/haruka_icon.png) no-repeat top left;
}
.charaIconList .makoto {
	background: url(../img/chara/makoto_icon.png) no-repeat top left;
}
.charaIconList .nagisa {
	background: url(../img/chara/nagisa_icon.png) no-repeat top left;
}
.charaIconList .rin {
	background: url(../img/chara/rin_icon.png) no-repeat top left;
}
.charaIconList .aki {
	background: url(../img/chara/aki_icon.png) no-repeat top left;
}
.charaIconList .sasabe {
	background: url(../img/chara/sasabe_icon.png) no-repeat top left;
}
.chara {
	position: relative;
	width: 920px;
	height: 750px;
	overflow: visible;
}
.charaData {
	position: absolute;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	transition: 1s ease-out;
}
.charaData.view {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.charaFigure {
	position: absolute;
	top: 0;
	right: 20px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.charaData.view .charaFigure {
	right: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: .5s ease-out .5s;
	-moz-transition: .5s ease-out .5s;
	transition: .5s ease-out .5s;
}
.charaDetail {
	padding-top: 65px;
}
.charaIntro {
	margin: 25px 0;
	font-size: 150%;
	color: #079ee4;
}


/* --------------------------------------------------
書籍情報
-------------------------------------------------- */
.booksInfo {
}
.booksInfo h4 {
	font-size: 209%;
	font-weight: bold;
	color: #079ee4;
}
.booksInfo h5 {
	font-size: 167%;
	color: #079ee4;
	font-weight: bold;
}
.booksData {
	margin: 10px 10px 30px;
}
.booksData img.cover {
	display: block;
	float: left;
	margin: 5px 20px 5px 0;
}
.tameshiyomi{
	color: #079ee4;
	text-decoration: none;
	padding: 5px;
	border:solid 1px #079ee4;
}
.booksDetail {
	font-size: 125%;
	line-height: 1.7em;
}
.booksShop {
	margin: 10px 10px 30px;
}
.booksShopLink {
	font-size: 125%;
	line-height: 1.7em;
}
.booksShopLink li {
	margin-left: 2em;
	list-style-type: disc;
}
.booksShopLink a {
	position: relative;
	color: #536b70;
	text-decoration: underline;
}
.booksShopLink a:hover {
	text-decoration: none;
}
.booksShopLink a.blank {
	padding-right: 30px;
}
.booksShopLink a.blank:before {
	content: '';
	position: absolute;
	top: 7px;
	right: 5px;
	width: 16px;
	height: 11px;
	background-color: #079ee4;
}
.booksShopLink a.blank:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 0;
	width: 14px;
	height: 9px;
	border: 1px #079ee4 solid;
	background-color: #faffff;
}
.booksShopNotice {
	margin-top: 5px;
	font-size: 125%;
}
.booksAnchorList {
	padding: 10px 0;
}
.booksAnchorList li {
	display: inline-block;
	margin-right: 10px;
}
.booksAnchorList a {
	display: block;
	font-size: 125%;
	font-weight: bold;
	color: #079ee4;
	padding: 5px 10px;
	border: 1px #cae9ec solid;
}
.areaList {
	margin-top: -40px;
	padding-top: 40px;
}
.areaList h6 {
	font-size: 150%;
	font-weight: bold;
	color: #079ee4;
}
.theaterList {
	width: 900px;
	margin: 5px 0;
}
.theaterList li {
	display: table;
	width: 900px;
	border-bottom: 1px #cae9ec solid;
}
.theaterList li.listHeader {
	border-top: 1px #cae9ec solid;
}
.theaterList p {
	display: table-cell;
	font-size: 125%;
	padding: 10px;
	vertical-align: middle;
}
.listHeader {
}
.listHeader p {
	font-weight: bold;
	text-align: center;
	color: #7bc0d1;
}
.pref {
	width: 10%;
	text-align: center;
	background-color: #FFF;
}
.shop {
	width: 30%;
	text-align: left;
	background-color: #f0fcfd;
}
.addr {
	width: 45%;
	text-align: left;
	background-color: #FFF;
}
.tel {
	width: 15%;
	text-align: center;
	background-color: #f0fcfd;
}
.pageTop {
	width: 900px;
	margin-bottom: 40px;
	text-align:right;
}


/* --------------------------------------------------
映像
-------------------------------------------------- */
.movieList {
	margin-bottom: 40px;
}
.movieList h4 {
	font-size: 209%;
	font-weight: bold;
	color: #079ee4;
}
.movieEmbed {
	margin: 10px 20px;
}

/* --------------------------------------------------
スペシャル
-------------------------------------------------- */
#specialCommentList li {
	margin-top: 20px;
	padding: 5px;
	float: left;
}
#specialCommentList li a:hover,
#specialCommentList li a.specialCommentList_cur,
#specialCommentList li a.specialCommentList_hover {
	color:#fff;
	background:#079ee4;
	border-radius: 18px;
}
#specialCommentList li a {
	width:150px;
	color: #079ee4;
	font-size: 150%;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	background:#fff;
	border:solid 1px #079ee4;
	border-radius: 18px;
	padding:5px;
	display:block;
	-webkit-border-radius: 18px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
#special h4 {
	font-size: 209%;
	font-weight: bold;
	color: #079ee4;
}
.specialComment h5, .specialPresent h5 {
	font-size: 159%;
	font-weight: bold;
	border-bottom: solid 1px;
}
.specialPresent h6 {
	padding:10px 0 5px;
	font-size: 125%;
	font-weight: bold;
}
.specialComment {
	position: relative;
	width: 650px;
	height: 600px;
	margin: 0 0 50px 10px;
	overflow: visible;
}
.specialData {
	position: absolute;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	transition: 1s ease-out;
}
.specialData.view {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.specialData.view {
	right: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: .5s ease-out .5s;
	-moz-transition: .5s ease-out .5s;
	transition: .5s ease-out .5s;
}
.specialDetail {
	padding-top: 30px;
}
.specialIntro, .presentIntro, .questionnaireIntro {
	width: 650px;
	margin: 25px 0 50px;
	font-size: 150%;
}
.specialIntro img {
	display: block;
	margin: 0 auto;
}
.questionnaireIntro a {
	color: #079ee4;
	text-decoration: none;
	padding: 5px;
	border:solid 1px #079ee4;
}
.questionnaireIntro a:hover {
	text-decoration: underline;
}
.specialIntro span, .presentIntro span, .questionnaireIntro span {
	font-size: 83%;
}
.specialPresent {
	width: 650px;
	margin: 0 0 50px 0;
}
.presentTw {
	width: 660px;
	padding: 20px 0 40px;
}
.presentTw li {
	padding: 5px;
	float: left;
}
.presentWallWrap {
	padding-bottom:20px;
}
.presentWallImg {
	width: 200px;
	margin-right: 20px;
	text-align: center;
}
.presentWallImg img {
	border:solid 1px #cae9ec;
}
.presentWallImg, presentWallList {
	float: left;
}
.presentWallList li {
	padding: 5px;
}
.presentWallList a:hover {
	color:#fff;
	background:#079ee4;
	border-radius: 18px;
}
.presentWallList a {
	width:150px;
	color: #079ee4;
	font-size: 150%;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	background:#fff;
	border:solid 1px #079ee4;
	border-radius: 18px;
	padding:5px;
	display:block;
	-webkit-border-radius: 18px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}

/* --------------------------------------------------
更新情報 スクロールバー 設定
-------------------------------------------------- */

/* ---------- perfect-scrollbar min ---------- */
.ps-container{overflow:hidden !important}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}

/* ---------- scrollbar ---------- */
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
	background-color: #1061bb;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	background-color: #FFF;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
	background-color: #1061bb;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
	background-color: #FFF;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
	background-color: #1061bb;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
	background-color: #FFF;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container>.ps-scrollbar-y-rail {
	display: block;
	  background-color: #1061bb;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	right: 0;
	width: 4px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	right: 0;
	width: 4px;
	background-color: #FFF;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* --------------------------------------------------
colorbox 設定
-------------------------------------------------- */

/* ---------- colorbox setting ---------- */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; outline: 0; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#cboxOverlay { background: #fff; }
#cboxContent { overflow:hidden; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { margin: 40px 0 0; overflow: hidden; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxCurrent { display: none; }
#cboxSlideshow { position: absolute; right: 30px; bottom: 4px; color: #0092ef; }
/*
#cboxPrevious { position: absolute; left: 0; top: 0; border: none; background: url(../img/icon/control.png) no-repeat 0 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxPrevious:hover{ background-position: 0 -25px; }
#cboxNext { position: absolute; left: 27px; top: 0; border: none; background: url(../img/icon/control.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxNext:hover { background-position: -25px -25px; }
#cboxLoadingGraphic { background: url(../img/icon/loading.gif) no-repeat center center; }
*/
#cboxClose { position: absolute; right: 0; top: 0; border: none; background: url(../img/icon/cb_close.png) no-repeat left top; background-position: 0 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxClose:hover { background-position: -25px 0; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }