@charset "utf-8";

/*-----------------
COMMON CLASS
------------------*/
img{max-width:100%; height:auto;}

.txtL{text-align:left;}
.txtR{ text-align: right;}
.txtC{text-align:center;}

.FR{float:none;}
.FL{float:none;}

html{margin-top:64px;}
/*Header*/
#wpadminbar{position:absolute; z-index:1 !important; top:-46px !important; display:none !important}

#engo_head{  margin:0 auto 1em; padding:0 0; }
#engo_head_t{overflow:hidden; margin:0 auto 16px;width:100%;}
#engo_head_t h1{ float:none; width:100%; height:auto; position:fixed; background:#fff; top:0; z-index:99999; padding: 0 0 0 4vw;}
#engo_head_t h1 a{display:block; height:48px; width:200px; margin:8px 0; background:url("../images/common/engokyoukai.jpg") no-repeat 0 0; background-size: contain;}
#engo_head_t p.headad{ float:none; width:100%; padding-top:12px; }
#engo_head_t p.headad span{display:block;height:auto;  padding:.5em; font-size:0.85em; line-height:1.5;}
#engo_head_r{float:none; width:100%; display:none;}
#engo_textsize{ float:none; margin:.5em;}
#engo_textsize p{ float:none; width:auto;}
#engo_textsize p em{display:inline-block;background:#f0f0f0; padding:4px; margin:0 0 0 8px;}
#engo_textsize p a{ display:inline-block; padding:4px 12px; border:1px solid #fff; text-decoration:none; background:#ccc; color:#555;}
#engo_textsize p a.on{background:#2658ab; color:#fff;}

#engo_head_r form{float:none; padding:.5em;}
#engo_head_r form input{border:1px solid #ccc; padding:2px; width:170px;}
#engo_head_r form input.srcbtn{background:#2658ab; color:#fff; border:0; padding:2px; margin-left:1px; width:auto;}


#SpMenu{display:block;}
#SpMenu a{display:block; position:fixed; top:8px; right:8px; z-index:9999991; background:#ccc; width:48px; height:48px; text-align:center; line-height:48px; font-size:11px; border-radius:50%; }

#engo_head_nav{ background:#fff;padding:0 0 0 0; border-top:1px solid #fff; position:fixed; top:0; left:0; width:100%;display:none; z-index:9999990}
#engo_head_nav ul{ width:100%; margin:0 auto; display: block;}
#engo_head_nav li{ float:none; border-right:0; border-bottom:1px solid #eee; position:relative; padding:4px 0 8px 0; padding:12px 0;}
#engo_head_nav li.on{background:#f0f0fc;}
#engo_head_nav li.nav_home{border-left:1px solid #ccc; }
#engo_head_nav li a{ display:block; height:0; overflow:hidden; padding:33px 0 0; margin:0 0; line-height:50px; background-image:url(../images/common/gnavi.png); background-repeat:no-repeat;}
#engo_head_nav li.nav_home a		{ width:100%; background-position:35px 8px;}
#engo_head_nav li.nav_about a		{ width:100%; background-position:35px -32px;}
#engo_head_nav li.nav_facility a{ width:100%; background-position:35px -72px;}
#engo_head_nav li.nav_recruit a	{ width:100%; background-position:35px -112px;}
#engo_head_nav li.nav_news a		{ width:100%; background-position:35px -152px;}
#engo_head_nav li.nav_event a		{ width:100%; background-position:35px -192px;}
#engo_head_nav li.nav_support a	{ width:100%; background-position:35px -232px;}

#engo_head_nav li ul{display:none !important; position:static; left:0; top:33px; width:auto; z-index:10; overflow:hidden; background:#fff; border:1px solid #eee;}
#engo_head_nav li li{float:none; border:none; line-height:1.4; padding:0;}
#engo_head_nav li li a{ height:auto;  padding:8px 36px; border-bottom:1px solid #eee; background-image:none; line-height:1.2; background:#fff url(../images/common/arw.png) no-repeat 24px -124px !important; text-decoration:none; font-size:0.9em; color:#111; }

/*Footer*/
#foot_pagetop{ width:100%; margin:auto; text-align:right; display:none!important;}
#foot_pagetop a{display:inline-block; padding:8px 16px 8px 30px;background:#2658ab url(../images/common/arw_t.png) no-repeat 16px 12px; border-radius:4px 4px 0 0; color:#fff; text-decoration:none; font-size:12px;}
#foot_pagetop a:hover{opacity:0.6;}

#engo_foot{ width:100%; background:#2658ab; margin:0 auto; padding:1em 0; box-shadow:0 0 0 #ccc; border-bottom:1px solid #ccc;}
#engo_foot_t{overflow:hidden; margin:0 auto; width:95%;}
#engo_foot_t h1{ float:none; background:url(../images/common/tokyoengokyoukai_w.png) no-repeat 0 0; width:220px; height:54px; text-indent:-9999px;}
#engo_foot_t p{ float:none; width:100%; }
#engo_foot_t span{display:block;padding:8px 16px 0; font-size:13px; line-height:1.5;color:#fff; }

#engo_foot_nav{ margin:0 auto 24px; width:100%;display:none;}
#engo_foot_nav ul{ overflow:hidden;  }
#engo_foot_nav li{ float:left; margin:0 0 0 0; font-size:13px;}
#engo_foot_nav li{ color:#fff;}
#engo_foot_nav li a{ color:#fff;}

#engo_foot_nav li a:hover{opacity:0.6;}



#engo_body{ width:96%; margin:0 auto 2em; font-size:0.9em;  }

.pagettl{ font-size:1.4em; font-weight:bold; color:#0a2347; border-bottom:2px solid #0a2347; line-height:1.4; margin:0 0 1em; overflow:hidden;}
.pagettl span{ display:none;}

.contentttl{ font-size:1.4em; font-weight:bold; color:#0a2347; margin:0 0 1em;}
.contentttl_b{ font-size:1.4em; font-weight:bold; color:#0a2347; margin:0 0 1em; border-bottom:2px solid #0a2347;}
.contentttl_s{ font-size:1.2em; font-weight:bold; color:#0a2347; margin:0 0 1em; line-height:1.4;border-bottom:1px solid #0a2347;}
.contentttl_ss{ font-size:1.1em; font-weight:bold; color:#0a2347; margin:0 0 1em; line-height:1.5;border-bottom:1px solid #0a2347;}

.i_logo{ background-size:contain;}

.i_home{ background-size:21px;}
.i_rec{ background-size:21px;}
.i_mail{ background-size:21px;}

.i_mail_s{ background-size:21px;}
.i_service_s{ background-size:21px;}
.i_price_s{ background-size:21px;}
.i_info_s{ background-size:21px;}
.i_event_s{ background-size:21px;}

.big_product li{font-size: 0.9em;}
.big_product li input{display: block; margin:0 auto 4px; }
.product_list_box{flex: 0 0 48%; max-width: 48%;}

/*TOP*/
#top_page #engo_head{  margin:0 auto 1em;}
.top_main{margin:0 0 1em;}
.top_page_contents_1{margin:0 0 1em;}
.top_page_about{float:none; width:100%; margin-bottom:1em;}
.top_about_boxes_1{margin:0 0 1em;}
.top_about_box{float:left; width:33%;}
.top_about_box_r{ width:34%;}
.top_about_boxes_2{ font-size:0.9em; line-height:1.6;}
.top_about_boxes_2 li{ float:left; margin-right:18px;}
.top_about_boxes_2 li a{ display:block; background:url(../images/top/i_arw_r_s.jpg) no-repeat 0 center; padding-left:16px;}
.top_about_boxes_2 li.mostR{margin-right:0;}

.top_page_recruit{float:none; width:100%; margin-bottom:1em;}
.top_rec_boxes_1{ line-height:0;}
.top_rec_L{float:none; width:100%; margin-bottom:0.5em; text-align:center;}
.top_rec_R{float:none; width:100%;}
.top_rec_R p{margin:0 0 .5em;text-align:center;}
.top_rec_R p.mb0{margin:0;}

.top_page_recruit-newest li a{display:block;}
.top_page_recruit-newest li em.recnew-area{display: inline-block; margin-right: 8px; width: auto;}
.top_page_recruit-newest li em.recnew-name{width: auto; display: inline-block;}

.top_news_ttl_tab{
 display: block;}
.top_news_ttl_tab li a{
 padding: 4px 4px;
 font-size: 13px;
}
.top_newslist{float:none; width:100%; height:auto; position:relative; overflow: hidden;}
.top_newslist .newslistbox{overflow:hidden; padding:0 0.5em 0.5em;; margin:0 0 .5em; border-bottom:1px solid #ccc;}
.top_newslist .newslistbox_img{ float:left; width:30%; }
.top_newslist .newslistbox_txt{float:right; width:65%;}
.top_newslist .newslistbox_txt h3{ margin:0 0 .5em;}
.top_newslist .newslistbox_txt p{display:none;}

/**2023**/
.top_newslist .newslistbox{
  display: flex;
  flex-direction: column-reverse;
}
.top_newslist .newslistbox_img,
.top_newslist .newslistbox_txt{
  flex: none;
  width: auto;
  text-align: left;
}
.top_newslist .newslistboxS .newslistbox_txt,
.top_newslist .newslistboxS span,
.top_newslist .newslistboxS h3{
  display: block;
  margin: 0;
  padding: 4px 0;
}


.top_eventlist{float:none; width:100%; background:#eaf3fe; border-radius:8px; border:1px solid #9bb8df; padding:8px 0 16px;}
.top_eventlist_in{height:auto; overflow:hidden; position:relative;}
.top_eventlist .contentttl_ss{margin:0 16px 8px;}
.top_eventlist .eventlistbox{ margin:0 16px 8px; padding:8px 0 16px 0; border-bottom:1px dotted #9bb8df;}
.top_eventlist .eventlistbox span{ display:block; margin:0 0 8px; color:#ba7810 }
.top_eventlist .eventlistbox em{ display:block; margin:0 0 8px; font-size:12px;}
.top_eventlist .eventlistbox strong{ display:block; margin:0 0 8px;}
.top_eventlist .eventlistbox p{}

.top_news_ttl_tab .contentttl{margin-bottom: 1em;}




/*Page Common*/
#page_left{float:none; width:100%; margin:0 0 1em;}
.page_left_ttl{ background:#470a0a url(../images/common/arw_b.png) no-repeat 12px -59px; color:#fff;border-radius:4px; padding:12px 12px 12px 26px; margin:0 0 4px; cursor:pointer;}
.page_left_navi{ display:none;}
.page_left_navi li{ border-bottom:1px solid #ccc; border-top:1px solid #fff;background:#dee8f7;}
.page_left_navi li a{ display:table-cell; vertical-align:middle; width:100%; height:40px; line-height:1.2; padding:0 8px 0 24px; text-decoration:none; color:#0a2347; background:#dee8f7 url(../images/common/arw.png) no-repeat 16px -60px; }
.page_left_navi li.on a,
.page_left_navi li img{ vertical-align:middle;}

.page_left_navi li.current_page_item,
.page_left_navi li.current-menu-item{ background:#0a2347;}
.page_left_navi li.current_page_item a,
.page_left_navi li.current-menu-item a{ background:#0a2347 url(../images/common/arw.png) no-repeat 16px 0; color:#fff;}

.page_left_navi li.current_page_item li,
.page_left_navi li.current-menu-item li{ background:#dee8f7;}
.page_left_navi li.current_page_item li a,
.page_left_navi li.current-menu-item li a{ background:#dee8f7 url(../images/common/arw.png) no-repeat 32px -60px; color:#0a2347;}

.page_left_navi li ul{display:xnone;border-top:1px solid #ccc;}
.page_left_navi li li a{padding-left:48px; background:#dee8f7 url(../images/common/arw.png) no-repeat 32px -60px; } 
.page_left_navi li li.current_page_item a,
.page_left_navi li li.current-menu-item a{ background:#0a2347 url(../images/common/arw.png) no-repeat 32px 0; color:#fff;}
.page_left_navi li ul li:last-child{border-bottom:0;}


#page_right{float:none; width:100%; font-size:1.1em;}


/*About*/
.about_page_right_l{float:none; width:100%;}
.about_page_ph{ margin:0 0 8px; line-height:1.4;}
.about_page_ph img{max-width:100%;}

.about_page_about{ line-height:2; margin:0 0 16px;}
.about_page_right_r{float:none; width:100%;}

.about_page_box{margin:0 0 40px;}
.about_page_box p{margin:0 0 1em; line-height:1.6;}
.about_page_box p.about_page_ph{ line-height:1.1;}

.about_page_rinen{font-size:1em; line-height:2; padding:0 0 0 16px; }
.about_kishou{font-size:1em; line-height:2; padding:0 0 0 16px; }
.about_kishou p{margin:0;}
.about_kishou .kishou{ float:right; }


/*facility_list*/
#SpListBtn{display:block;}
#SpListBtn a{ display:block; padding:10px 5px 10px 15px; background:#f0f0f0 url(/engo_contents/images/common/arw.png) no-repeat 5px -61px; text-decoration:none; margin:0 0 10px; }
#SpListBtn a em{display:none;}
.facility_top_s #SpListBtn a em{display:inline;}
.facility_top_s #SpListBtn a span{display:none;}


.facility_top{}
.facility_lists{ margin:0 0 20px;}
.facility_list{ margin:0;}
.facility_list h3{ border-bottom:1px solid #ccc; margin:0 0 1px;}
.facility_list h3 strong{ color:#555; background:#ccc; padding:6px 8px 4px; display:inline-block;}
.facility_list_box{ overflow:hidden; margin:0 0; padding:5px; border-bottom:1px solid #ccc; }
.facility_list_img{ float:left; width:75px;}
.facility_list_img img{max-width:70px; width:70px; height:auto;}
.facility_list_name{float:none; width:100%; font-size:1em;}
.facility_list_work{float:none; width:100%;line-height:1.2; padding-right:0; font-size:0.85em; clear:both;}
.facility_list_addr{float:none; width:100%;line-height:1.2; padding-right:0;font-size:0.85em;}
.facility_list_box:hover{background:#f6f5f4;}
.facility_list_rec{ float:left; width:60px; text-align:center;}
.facility_list p{margin:0 0 4px;}

.facility_top_s .facility_list_img{ display:none;}
.facility_top_s .facility_list_work{ display:none;}
.facility_top_s .facility_list_addr{ display:none;}
.facility_top_s .facility_list_rec{ display:none;}
.facility_top_s h2.contentttl{ font-size:1.1em;}

.facility_list_box_head{display:none;}

/*facility_pages*/
.facility_pages{ overflow:hidden;}

.facility_page_right_l{float:none; width:100%;}
.facility_page_ph{ margin:0 0 24px;}
.facility_page_ph img{ max-width:100%; height:auto;}
.facility_page_about{ line-height:1.6;}
.facility_page_about p{margin:0 0 1em;}

.facility_page_right_r{float:none; width:100%;}
.facility_page_outline{ font-size:0.9em;}
.facility_page_outline h3{ font-weight:bold; color:#0a2347; margin:0 0 8px;}
.facility_page_outline_1{margin:0 0 40px 0; overflow:hidden;border-top:1px solid #f0f0f0; font-size:0.9em;}
.facility_page_outline_1 li{ display:block; width:100%; padding:0; line-height:1.6;}
.facility_page_outline_1 li span{ display:block; width:100%; vertical-align:top; background:#f0f0f0; border-bottom:1px solid #fff; padding:8px 8px;}
.facility_page_outline_1 li em{ display:block; vertical-align:top; padding:8px 4px 8px 8px; border-bottom:1px solid #f0f0f0;}

.facility_page_outline_2{margin:0 0 40px 0; overflow:hidden;border-top:1px solid #f0f0f0; padding:8px; line-height:2;}
.facility_page_outline_2 li{ display:table; width:100%; padding:8px 0; line-height:1.6;border-bottom:1px solid #fff; background:#f0f0f0;}
.facility_page_outline_2 li a{ display:inline-block; padding-left:18px; text-decoration:none;background:url(../images/common/arw.png) no-repeat 8px -51px; color:#0a2347}
.facility_page_outline_2 li a:hover{background:url(../images/common/arw.png) no-repeat 8px -131px; color:#666}


.facility_pages table{
	margin:0 0 1em;
}
.facility_pages td{
	padding:4px 8px;
	border:1px solid #ccc;
	font-size:1em;
}

.newslist{}
.newslistbox{overflow:hidden; padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #ccc;}
.newslistbox_img{ float:none; width:100%;}
.newslistbox_img img{height:auto;max-width:100%;}

.newslistbox_txt{float:none; width:100%;}
.newslistbox_txt span{ font-size:0.8em; display:block; margin:0 0 16px; font-family:Verdana, Geneva, sans-serif}
.newslistbox_txt h3{ font-size:1.2em; line-height:1.2; margin:0 0 24px; font-weight:bold;}
.newslistbox_txt p{ line-height:1.6;}
.newicon{ background:url(../images/common/i_new.png) no-repeat right top;}


/*2023*/
.newslist .newslistbox{
  flex-direction: column;
}

.eventlistbox_txt h3{ font-size:1.2em; line-height:1.2; margin:0 0 16px; font-weight:bold;}

#google_map{width: 792px; height: 450px;}


.servicelistboxes{ margin:0 0 ; overflow:hidden; width:100%}

.servicelistboxes h2{ border-bottom:1px solid #ccc; margin:16px 0;}
.servicelistboxes h3{ border-bottom:1px solid #ccc; margin:0 0 16px;}
.servicelistboxes h3 strong{ color:#555; background:#ccc; padding:6px 8px 4px; display:inline-block;}

.servicelistbox{ overflow:hidden; padding:0 0 1em; margin:0 0 1em; border-bottom:1px solid #eee; width:100%; }
.servicelistbox_img{ width:100%; float:none; text-align:center;}
.servicelistbox_img img{max-width:100%; height:auto;}
.servicelistbox_img span{display:block; text-align:center; padding:4px 0 1em; font-size:0.9em; color:#444;}

.servicelistbox_txt{ width:100%; vertical-align:top; float:none;}
.servicelistbox_txt h4{ font-weight:bold; margin:0 0 16px; line-height:1.4;}
.servicelistbox_txt p{ line-height:1.4; font-size:1em; margin:0 0 1em;}
.servicelistbox_txtL{float:none; width:100%;}

.servicelistbox_tate{}
.servicelistbox_img_tate{ width:auto; display:inline; margin-right:16px;}
.servicelistbox_img_tate img{ float:left;}
.servicelistbox_tate .servicelistbox_txt{ width:auto; display:inline; float:none;}

.servicelistbox_img_large{ max-width:none; display:block; width:100%; overflow:hidden;}
.servicelistbox_img_large img{max-width:100%; height:auto;margin:0 0 1em;}

.servicelistboxes_s{ float:left; width:50%;}
.servicelistboxes_s .servicelistbox{width:95%; display:block; }
.servicelistboxes_s .servicelistbox_img{ width:208px; display:block; padding:0; float:left; max-width:none;}
.servicelistboxes_s .servicelistbox_img img{width:200px; height:auto;margin-right:0;vertical-align:top;}
.servicelistboxes_s .servicelistbox_txt{ display:block; float:left; width:150px; min-width:0;}


.servicelistbox_img_tate.servicelistbox_img_large img{ width:33%;}



.servicelistbox_txt_large{ display:block;}

.servicelistbox table{width:100%; margin:0 0 1em;}
.servicelistbox table.wAuto{width:auto;}
.servicelistbox table caption{display:block; padding:0 0 4px; text-align:left;}
.servicelistbox table th{background:#f6f6f6; padding:8px; border:1px solid #ccc; line-height:1.5;}
.servicelistbox table td{ padding:8px; line-height:1.5;}

.servicelistboxes_l .servicelistbox{ display:block; width:100%; }


.servicelistboxFL {
	clear:none;
	float:left;
	width:20%;
	margin-right:5%;
}
.servicelistboxFL .servicelistbox_img{ float:none; width:100%;}
.servicelistboxFL .servicelistbox_img img{width:100%; height:auto}
.servicelistboxFL .servicelistbox_txt{ float:none; width:100%;}

.servicelistboxFL3{
	clear:none;
	float:left;
	width:28%;
	margin-right:5%;
}
.servicelistboxFL3 .servicelistbox_img{ float:none; width:100%;}
.servicelistboxFL3 .servicelistbox_img img{width:100%; height:auto}
.servicelistboxFL3 .servicelistbox_txt{ float:none; width:100%;}

.servicelistboxFL2{
	clear:none;
	float:left;
	width:45%;
	margin-right:5%;
}
.servicelistboxFL2 .servicelistbox_img{ float:none; width:100%;}
.servicelistboxFL2 .servicelistbox_img img{width:100%; height:auto}
.servicelistboxFL2 .servicelistbox_txt{ float:none; width:100%;}

.listbox{ margin-bottom:2em;}
.listbox p{ margin-bottom:2em;line-height:1.4}

.recruit_box{}
.recruit_box table{ width:100%; border:1px solid #eee;margin:0 0 40px;}
.recruit_box th,
.recruit_box td{ padding:16px; border-bottom:1px solid #eee;}
.recruit_box th{ width:20%; background:#fff0f6;}
.recruit_box td{}

.eventlist{}
.eventlist p{padding:16px; border-bottom:1px dotted #ccc;}

.machidainfoTable{}
.machidainfoTable img{max-width:240px;}
.machidainfoTable td{ padding:1em 1em 1em 0; vertical-align:top; border-bottom:2px dotted #ccc;}
.infoTable{ border-collapse:collapse; width:100%;}
.infoTable img{max-width:240px;}
.infoTable td{ padding:1em 1em 1em 0; vertical-align:top; border:0; border-bottom:2px dotted #ccc;}
.infoTable p{margin-bottom:0.5em;}

.infoTable_s{ border-collapse:collapse; width:100%; margin:0 0 1em;}
.infoTable_s img{max-width:240px;}
.infoTable_s td{ padding:0.5em; vertical-align:top; border:0; border-bottom:1px dotted #ccc; line-height:1.4;}
.infoTable_s p{margin-bottom:0;}

/*Recruit*/
.recruit_narrow{overflow:hidden; padding:16px; background:#eee; margin:0 0 2em;}
.recruit_narrow h3{ margin:0 0 1em; }
.recruit_narrow h3 strong{ color:#555; background:#ccc; padding:6px 8px 4px; display:inline-block;}
.recruit_narrow label{margin-right:2em;}
.recruit_table{min-height:600px;}
.recruit_table table{ width:100%; border-collapse:collapse; border-right:1px solid #f0f0f0; }
.recruit_table thead td,
.recruit_table thead th{background:#666; color:#fff;}

.recruit_table tbody td{ border-left:1px solid #f9f6ff;}

.table_td{ display:table-cell; padding:8px; font-size:0.9em; line-height:1.5; vertical-align:top; border-bottom:1px solid#ddd; color:#333;}
.nar_01 .table_td{ background:#f3f3ff;}
.nar_02 .table_td{ background:#fff6f9;}
.nar_03 .table_td{ background:#f3f3f3;}

.table_box{ margin:0 0 4em; border-top:1px solid #edd;}
.table_cell{ display:table; width:100%; border-bottom:1px solid #edd; line-height:1.5; } 
.table_cell_l{display:table-cell; width:20%; padding:16px 2%; background:#f9f0f6;} 
.table_cell_r{display:table-cell; width:70%; padding:16px 3%;} 


.table_td01{ white-space:nowrap;}
.table_td02{}
.table_td03{}
.table_td04{ white-space:nowrap;}
.table_td05{ white-space:nowrap;}
.table_td06{ white-space:nowrap;}



table.tablesorter {
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
}
table.tablesorter thead tr .header {
	background-image: url(../images/common/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/common/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/common/desc.gif);
}
table.tablesorter thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp {
background-color: #000;
}




@media(max-width: 480px){
 .top_production{display: block;}
 .top_production p{display: block; padding: 16px 16px 0;}
}





/*plugins*/
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block; }
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -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 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px; }
  .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px; }
  .ps-container > .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90); }
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -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 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px; }
  .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 8px; }
  .ps-container > .ps-scrollbar-y-rail.in-scrolling {
    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, .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.in-scrolling, .ps-container:hover > .ps-scrollbar-y-rail.in-scrolling {
    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 {
  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; }
        .always-visible.ps-container > .ps-scrollbar-x-rail,
        .always-visible.ps-container > .ps-scrollbar-y-rail {
          opacity: 0.6;
        }







/*PLUG IN*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/common/overlay.png) repeat 0 0; opacity: 0.9;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/common/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/common/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/common/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/common/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/common/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/common/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/common/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/common/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/common/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/common/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.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);*/
}