@charset "utf-8";

/* ============================================================================================= */


/* common */


/* ============================================================================================= */

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

/* リセット */

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}

html, body{
	min-width:1200px;
	height:100%;
}

html{
	-webkit-print-color-adjust:exact;
	/* Google Chrome 印刷 */
}

body, input, textarea, select, option{
	line-height:1.8;
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#3f3f3f;
}

body{
	margin:0;
	padding:0;
	font-size:0.8em;
	letter-spacing:0.5px;
	letter-spacing:0.4px\9; /* lte IE8 */
	word-spacing:0;
}

ol, ul{
	list-style:none;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after{
	content:'';
	content:none;
}

table, th, td{
	border-style:solid;
	border-color:#ccc;
}

table{
	table-layout:fixed;
	width:100%;
	margin:0 0 1.0em;
	border-collapse:collapse;
	border-spacing:0;
	border-width:1px 1px 0 0;
	background:#fff;
}

th, td{
	padding:10px 15px;
	border-width:0 0 1px 1px;
	vertical-align:middle;
	word-wrap:break-word;
}

th{
	font-size:1.1em;
	font-weight:bold;
}

table ul{
	list-style-type:disc;
	margin:0 0 0.5em 25px;
	padding:0;
	font-size:1.0em;
	font-weight:normal;
}

table ol{
	list-style-type:decimal;
	margin:0 0 0.5em 25px;
	padding:0;
	font-size:1.0em;
	font-weight:normal;
}

table li{
	padding:2.5px 0;
}

input, textarea, select, option{
	font-size:1.0em;
}

img{
	max-width:100%;
	height:auto;
	line-height:0;
	vertical-align:middle;
	_vertical-align:top;
}

br{
	letter-spacing:0;
}

/* height100% hack */
body > #wrapper{
	height:auto;
}

a{
	color:#333;
	outline:none;
	-webkit-transition:color 0.3s ease-in 0.0s;
	transition:color 0.3s ease-in 0.0s;
}

a:hover{
	color:#ba69b5;
	text-decoration:underline;
}

a img{
	-webkit-transition:opacity 0.3s ease-in 0.0s;
	transition:opacity 0.3s ease-in 0.0s;
}

a:hover img{
	-ms-filter:"alpha(opacity=60)";
	filter:alpha(opacity=60);
	opacity:0.6;
}

/* カーソル選択 */
/* Safari */
::selection {
	background:#ddc3e1;
}

/* Firefox */
::-moz-selection{
	background:#ddc3e1;
}

img.png{
	zoom:1;
	position:relative;
}

sub{font-size:0.70em;}

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

/* top */

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

#top{
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
}

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

/* #bg */

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

#bg-body{
	zoom:1;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:1200px;
	text-align:center;
}

#bg-body img{
	width:100%;
	height:auto;
}

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

/* wrapper */

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

#wrapper{
	zoom:1;
	z-index:100;
	position:relative;
}

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

/* #container */

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

#container{
	zoom:1;
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:55px 0 0;
}

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

/* #contents */

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

#contents{
	zoom:1;
	position:relative;
	min-height:500px;
	padding:50px 0;
	background:#fff;
}

.contents-in{
	zoom:1;
	width:1000px;
	margin:0 auto;
}

.contents-in:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

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

/* header */

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

#header{
	zoom:1;
	position:relative;
	height:80px;
	background:rgba(255, 255, 255, 0.95);
	background:#fff\9; /* lte IE9 */
	*background:#fff; /* lte IE8 */
}

#header-in{
	zoom:1;
	position:relative;
	width:1000px;
	margin:0 auto;
}

#header .logo{
	zoom:1;
	display:block;
	padding:15px 0 0;
}

#header .logo a{
	zoom:1;
	display:inline-block;
}

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

/* gnav */

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

#gnav{
	zoom:1;
	z-index:10;
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:rgba(0, 0, 0, 0.80);
	background:none #333\9; /* lte IE8 */
	*background:#333; /* lte IE7 */
}

#gnav.fixed{
	position:fixed;
}

#gnav-main,
#gnav-sub{
	zoom:1;
	display:block;
	width:1000px;
	margin:0 auto;
}

#gnav-in{
	zoom:1;
	display:block;
	width:1000px;
	margin:0 auto;
}

#gnav ul{
	zoom:1;
	list-style-type:none;
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
}

#gnav ul:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#gnav li{
	float:left;
	letter-spacing:normal;
}

#gnav li,
#gnav li a{
	zoom:1;
	display:block;
	height:55px;
	margin:0;
	padding:0;
	color:#fff;
}

#gnav li a,
#gnav a span{
	cursor:pointer;
}

#gnav li a{
	position:relative;
}

#gnav a span{
	zoom:1;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:24px;
	line-height:8px;
	text-align:center;
}

#gnav a span img{
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	opacity:0.0;
	-webkit-transition:opacity 0.2s ease-in 0.0s;
	transition:opacity 0.2s ease-in 0.0s;
}

#gnav .on a span img{
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1.0;
}

#gnav .active a span img{
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.80;
}

#gnav li.company    {width:115px;}
#gnav li.technology {width:115px;}
#gnav li.flow       {width:126px;}
#gnav li.quality    {width:115px;}
#gnav li.ecology    {width:204px;}
#gnav li.development{width:148px;}

#gnav li.recruit{
	width:170px;
	text-align:right;
}

#gnav li.recruit a{
	zoom:1;
	display:inline-block;
	*display:inline; /* lte IE7 */
	width:auto;
	height:auto;
	margin:12px 0 0;
	padding:0;
	text-indent:0;
	background:none transparent;
}

#gnav li.recruit a span{
	top:-12px;
}

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

/* sub : サブナビゲーション */

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

#gnav .sub{
	zoom:1;
	position:absolute;
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.70;
	visibility:hidden;
	top:55px;
	left:0;
	width:100%;
	margin:0;
	padding:20px 0;
	border-top:1px solid #666;
	background:rgba(0, 0, 0, 0.80);
	background:none #333\9; /* lte IE8 */
	*background:#333; /* lte IE7 */
	font-size:0.90em;
	letter-spacing:normal;
}

#gnav .sub:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#gnav .sub-in{
	zoom:1;
	width:1000px;
	margin:0 auto;
}

#gnav .sub-in:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#gnav .sub .title{
	zoom:1;
	display:block;
	margin:0 0 15px;
}

#gnav .sub ul,
#gnav .sub li,
#gnav .sub li a{
	float:none;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:none transparent;
	letter-spacing:0.5px;
	letter-spacing:0.4px\9; /* lte IE8 */
	text-align:left;
	text-indent:0;
}

#gnav .sub li{
	margin:0 0 5px;
	padding:5px 0 5px 20px;
	background:url("../common_img/ic_arrow_white.gif") 0 10px no-repeat transparent;
}

#gnav .sub a{
	-webkit-transition:color 0.30s ease-in 0.0s;
	transition:color 0.30s ease-in 0.0s;
	display:inline;
	color:#fff;
}

#gnav .sub a:hover{
	color:#dca7d8;
}

#gnav .sub-in .material,
#gnav .sub-in .interior,
#gnav .sub-in .fashion,
#gnav .sub-in .technologies{
	_display:inline; /* IE6 */
	float:left;
}

#gnav .sub-in .material,
#gnav .sub-in .interior,
#gnav .sub-in .fashion{
	width:200px;
	margin:0 30px 0 0;
	padding:0;
}

#gnav .sub-in .technologies{
	width:150px;
	height:170px;
	margin:0;
	padding:0 0 0 30px;
	border-left:1px solid #666;
}

#gnav .company .sub li,
#gnav .recruit .sub li{
	zoom:1;
	display:inline-block;
	*display:inline; /* lte IE7 */
	margin:0 20px 0 0;
	vertical-align:top;
}

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

/* title */

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

#title{
	zoom:1;
	position:relative;
	height:175px;
	height:174px\9; /* lte IE9 */
	background:url("../common_img/bg_title.png") 50% 0 repeat-x transparent;
	background-image:none\9; /* lte IE9 */
	border-bottom:1px solid #ccc\9; /* lte IE9 */
}

#title .bg-title{
	zoom:1;
	position:relative;
	width:1000px;
	margin:0 auto;
}

#title .bg-title img{
	zoom:1;
	position:absolute;
	top:0;
	left:0;
	width:320px;
	height:175px;
}

#title-in{
	zoom:1;
	position:relative;
	width:1000px;
	margin:0 auto;
}

#title #location{
	zoom:1;
	position:absolute;
	top:-125px;
	right:0;
	width:800px;
	font-size:0.90em;
	text-align:right;
}

#title .txt{
	zoom:1;
	position:absolute;
	top:60px;
	left:0;
}

#title #menu{
	zoom:1;
	position:absolute;
	right:0;
}

#title #menu:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#title #menu div{
	zoom:1;
	position:relative;
	_display:inline; /* IE6 */
	float:left;
	width:185px;
	margin:0 0 0 15px;
	font-size:0.90em;
}

#title #menu .title{
	zoom:1;
	display:block;
	margin:0 0 15px;
}

#title #menu li{
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url("../common_img/ic_arrow_purple.gif") 0 5px no-repeat transparent;
	line-height:1.5;
	-webkit-text-shadow:0 0 3px #fff;
	text-shadow:0 0 3px #fff;
}

#title #menu .bg-menu img{
	zoom:1;
	position:absolute;
	max-width:none;
	right:-50px;
}

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

/* subnav */

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

#subnav{
	zoom:1;
	position:relative;
	margin:0 0 30px;
}

#subnav ul{
	zoom:1;
	list-style-type:none;
	margin:0;
	padding:0 0 1px;
	text-align:center;
	letter-spacing:-0.4em;
}

#subnav li{
	zoom:1;
	display:inline-block;
	*display:inline; /* lte IE7 */
	margin:0 15px 20px;
	letter-spacing:normal;
	vertical-align:middle;
}

#subnav li a{
	zoom:1;
	display:inline-block;
	padding:5px 20px 5px 35px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url("/common_img/ic_subnav.gif") 15px 11px no-repeat #ba60b5;
	vertical-align:middle;
	text-decoration:none;
	color:#fff;
	-webkit-transition:opacity 0.2s ease-in 0.0s;
	transition:opacity 0.2s ease-in 0.0s;
}

#subnav li a:hover{
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.70;
}

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

/* intro */

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

#intro{
	zoom:1;
	margin:0 0 30px;
	padding:0 0 1px;
}

#intro:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#intro .txt{
	zoom:1;
	position:relative;
	float:left;
	width:550px;
	padding:80px 0 0 55px;
}

#intro .txt h1,
#intro .txt h2{
	zoom:1;
	position:relative;
	margin:0 0 30px;
}

#intro figure{
	zoom:1;
	position:relative;
	float:right;
	width:260px;
	padding:20px 50px 50px 0;
}

#intro figure .over{
	zoom:1;
	position:absolute;
	right:35px;
	bottom:20px;
}

#intro p{
	margin:0 0 1.0em;
}

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

/* footer */

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

#footer{
	zoom:1;
	z-index:10;
	position:relative;
	background:#333;
	color:#fff;
}

#footer-in{
	zoom:1;
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:35px 0 25px;
}

#footer-in:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#footer p{
	line-height:1.6;
	font-size:0.90em;
}

#footer a      {color:#fff;}
#footer a:hover{color:#ddd;}

#footer ul{
	zoom:1;
	list-style-type:none;
	margin:0 0 20px;
	padding:0;
	letter-spacing:-0.4em;
}

#footer ul:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

#footer li{
	zoom:1;
	display:inline-block;
	*display:inline; /* lte IE7 */
	margin:0 10px 0 0;
	vertical-align:top;
	letter-spacing:normal;
}

#footer li.tel{margin-right:20px;}
#footer li.fax{margin-right:0;}

#footer small{
	zoom:1;
	display:block;
	padding:5px 0;
	background:#ba69b5;
	font-size:0.85em;
	text-align:center;
	color:#fff;
}

#footer .logo{
	zoom:1;
	display:block;
	position:absolute;
	top:60px;
	left:0;
}

#footer .main{
	_display:inline; /* IE6 */
	float:left;
	width:530px;
	margin:0 0 0 230px;
}

#footer .group{
	zoom:1;
	_display:inline; /* IE6 */
	position:relative;
	float:right;
	width:220px;
}

#footer .group div{
	margin:0 0 15px;
}

#footer .group div span{
	zoom:1;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
}

#footer .group figure{
	zoom:1;
	position:relative;
	height:110px;
}

#footer .group figure img{
	position:absolute;
	top:0;
	left:0;
}

#footer .group figure img.on{
	z-index:1;
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	opacity:0.0;
}

#footer .group figure a:hover img.on{
}

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

/* ページ先頭に戻る */

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

#pagetop{
	z-index:100;
}

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

/* リンク */

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

a.window{
	display:inline-block;
	margin:0 5px 0 0;
	padding:0 15px 0 0;
	background:url("../common_img/ic_window.gif") 100% 6px no-repeat transparent;
}

a.link-basic{
	padding:0 0 0 15px;
	background:url("../common_img/ic_arrow_purple.gif") 0 5px no-repeat transparent;
}

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

/* table-simple : テーブル; */

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

.table-simple,
.table-simple th,
.table-simple td{
	margin:0;
	padding:0;
	border:0 none;
}

.table-simple{
}

.table-simple th,
.table-simple td{
	width:auto;
	margin:0;
	padding:15px 30px;
}

.table-simple th{
	width:25%;
	background:#fbf5fa;
	font-size:1.0em;
	font-weight:normal;
	text-align:left;
}

.table-simple td{
	background:#f8f8f8;
}

.table-simple .stripe th{
	background:#f7e6f5;
}

.table-simple .stripe td{
	background:#efefef;
}

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

/* table-basic : テーブル */

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

.table-basic{
	margin:0 0 40px;
	padding:7px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#eee;
}

.table-basic table,
.table-basic th,
.table-basic td{
	border-style:solid;
	border-color:#fff;
	vertical-align:middle;
}

.table-basic table{
	margin:0;
	padding:0;
	border-width:3px 3px 0 0;
	border-collapse:separate;
}

.table-basic th,
.table-basic td{
	width:auto;
	margin:0;
	border-width:0 0 3px 3px;
}

.table-basic th{
	margin:0;
	padding:10px 5px;
	background:#bf6eba;
	font-size:1.0em;
	font-weight:normal;
	text-align:center;
	color:#fff;
}

.table-basic td{
	padding:10px 15px;
	background:#fef5fd;
}

.table-basic .stripe td{
	background:#f9e7f8;
}

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

/* list-basic : リスト */

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

#contents ol.list-basic{
	margin-right:0;
	margin-left:0;
	line-height:1.4;
	font-size:1.4em;
	text-align:left;
}

#contents ol.list-basic li{
	list-style-type:none;
	padding:25px 0 25px 70px;
	background-position:0 10px;
	background-repeat:no-repeat;
}

#contents ol.list-basic .ic-01{background-image:url("../common_img/ic_01.gif");}
#contents ol.list-basic .ic-02{background-image:url("../common_img/ic_02.gif");}
#contents ol.list-basic .ic-03{background-image:url("../common_img/ic_03.gif");}
#contents ol.list-basic .ic-04{background-image:url("../common_img/ic_04.gif");}
#contents ol.list-basic .ic-05{background-image:url("../common_img/ic_05.gif");}
#contents ol.list-basic .ic-06{background-image:url("../common_img/ic_06.gif");}
#contents ol.list-basic .ic-07{background-image:url("../common_img/ic_07.gif");}
#contents ol.list-basic .ic-08{background-image:url("../common_img/ic_08.gif");}
#contents ol.list-basic .ic-09{background-image:url("../common_img/ic_09.gif");}
#contents ol.list-basic .ic-10{background-image:url("../common_img/ic_10.gif");}

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

/* 第2階層 見出し */

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

.title-basic{
	margin:0 0 40px;
	border-width:3px 0 4px;
	border-style:solid;
	border-color:#eee;
}

.title-basic h2,
.title-basic h3{
	margin:0;
	padding:18px 20px;
	border-width:1px 0;
	border-style:solid;
	border-color:#aaa;
	line-height:1.4;
	font-size:2.2em;
	font-weight:normal;
}

.title-basic .inner{
	padding:0 0 0 20px;
	border-left:4px solid #ba60b5;
}

.title-basic .inner .s{
	font-size:0.55em;
}

.title-basic .inner .em{
	zoom:1;
	display:inline-block;
	background:url("/common_img/ic_title_em.gif") 50% 0 no-repeat transparent;
	color:#ba60b5;
}

.title-list{
	margin:0 0 20px;
	padding:5px 0 5px 20px;
	background:url("/common_img/ic_title_list.gif") 0 13px no-repeat transparent;
	line-height:1.4;
	font-size:1.8em;
	font-weight:normal;
}

.title-list .s{
	font-size:0.55em;
}

.title-list .em{
	zoom:1;
	display:inline-block;
	background:url("/common_img/ic_title_em.gif") 50% 0 no-repeat transparent;
	color:#ba60b5;
}

.title-color{
	margin:30px 0 15px;
	line-height:1.4;
	font-size:1.2em;
	font-weight:bold;
	color:#ba60b5;
}

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

/* 第2階層 セクション */

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

.section-basic{
	zoom:1;
	position:relative;
	margin:0;
	padding:50px 0 1px;
}

.section-basic p{
	margin:0 0 1.5em;
}

.section-basic .body{
	zoom:1;
	padding:0 40px 1px;
}

.section-basic .body:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

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

/* 第2階層 お問合せ */

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

.contact-second{
	zoom:1;
	position:relative;
	border:1px solid #ba69b5;
	margin:40px 0;
	padding:10px 30px 8px 0;
	background:url("../common_img/bg_contact_second.gif") 0 0 repeat-y #fff;
}

.contact-second:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

.contact-second em{
	zoom:1;
	display:block;
	float:left;
	width:120px;
	text-align:center;
}

.contact-second em img{
	vertical-align:text-bottom;
}

.contact-second div{
	float:right;
	width:830px;
	font-size:1.2em;
}

.contact-second div span{
	font-size:1.2em;
	font-weight:bold;
	color:#ba69b5;
}

.contact-second table,
.contact-second th,
.contact-second td{
	border:0 none;
}

.contact-second table{
}

.contact-second th,
.contact-second td{
	padding:10px 20px;
	background:#fff;
	text-align:left;
}

.contact-second .stripe th,
.contact-second .stripe td{
	background:#f3f3f3;
}

.contact-second th{
	width:240px;
	font-size:1.0em;
	font-weight:normal;
}

.contact-second td{
}

.contact-second td.tel{
	width:200px;
}

.contact-second dl{
	margin:0 0 10px;
	padding:0;
}

.contact-second dt{
	margin:0 0 10px;
	padding:0;
	font-size:1.0em;
	font-weight:bold;
}

.contact-second dd{
	margin:0;
	padding:0;
}

.contact-second address{
	font-style:normal;
	font-weight:normal;
}

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

/* jScrollPane : スクロールバー */

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

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

.jspPane{
	position:relative;
}

.jspVerticalBar,
.jspHorizontalBar{
	position:absolute;
	border-radius:3px;
	background:#d2dfeb;
}

.jspVerticalBar{
	top:0;
	right:0;
	width:5px;
	height:100%;
}

.jspHorizontalBar{
	bottom:0;
	left:0;
	width:100%;
	height:5px;
}

.jspCap{
	display:none;
}

.jspHorizontalBar .jspCap{
	float:left;
}

.jspTrack{
	position:relative;
}

.jspDrag{
	position:relative;
	top:0;
	left:0;
	border-radius:3px;
	background:#085093;
	cursor:pointer;
}

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

.jspArrow{
	display:block;
	padding:0;
	margin:0;
	background:#ddd;
	text-indent:-20000px;
	cursor:pointer;
}

.jspArrow.jspDisabled{
	background:#ddd;
	cursor:default;
}

.jspVerticalBar .jspArrow{
	height:16px;
}

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

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

.jspCorner{
	float:left;
	height:100%;
	_margin:0 -3px 0 0;
	background:#eeeef4;
}

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

/* PDF */

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

a.pdf{
	zoom:1;
	display:inline-block;
	margin:0 3px;
	padding:1px 18px 1px 0;
	background:url("../common_img/ic_pdf.gif") 100% 2px no-repeat transparent;
	vertical-align:middle;
}