/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


*/





.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
html {font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
body {

    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background:#fff;
    position: relative;
    overflow-y:scroll;
}
ul, ol, dl {
    padding: 0;
    margin: 0;
    list-style: none outside none;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 6px;
    padding: 0 15px;
}

h2 {
    font-size: 1.6rem;
    color: #666;
    padding: 10px;
}
a img {
    border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
     color: #036;
    text-decoration: none;
}
a:visited {
    color:#036;
    text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
    text-decoration: none;
    color: #0066cc;
}
#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
        pointer-events: none;
}
#bgimg {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
#container {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
    content : '';
	clear : both;
}




/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。~~ */
header {
    height: 400px;
    margin-bottom: 10px;
    position:relative;
    overflow:hidden;
}
header h1 {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    width: 100%;
    position: absolute;
    left: 118px;
    top: 52px;
}
header h1 span{font-size: 23px;margin-right: 8px;}
header h2 {font-size: 13px;
           font-weight: normal;
           color: #333;
           width: 100%;
           position: absolute;
           left: 103px;
           top: 21px;}
.header_contact {position: absolute;
                 left: 460px;
                 top: 45px;
                 height:40px;
                 width:500px;
                 z-index: 10;
}
#flash{
    position: absolute;
    top:0;
}
#contentOut{width: 1000px;
	*zoom : 1;
}
#contentOut:after{
	content : '';
	display : block;
	clear : both;
}
#floatmenu {
    float:right;
    width: 180px;
    height: 250px;
    position : relative;
	z-index:1;
margin-right: -10px;
}
#content {
    padding: 20px 0;
    width: 810px;
    float: left;
    position : relative;
}
/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
    padding: 0 15px 15px 40px;
}
/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
#nav {
    margin-top: 20px;
    list-style: none; /* リストのマーカーを削除します。 */
    margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
#nav li {
    text-align: right;
    margin-bottom: 10px; /* ボタンの区切り線を作成します。 */
    
}
#nav a, #nav a:visited {
    border-right: 4px solid #888;
    padding-right:15px;
    display: block;
    width: 160px;
    height:40px;
    line-height: 2.2em;
    font-size:  1.1em;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 0px rgb(245, 245, 245);
    background-image: -moz-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -ms-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -o-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: linear-gradient(top, #f0f0f0, #E8E8E8);
}
#nav a:hover, #nav a:active, #nav a:focus ,#nav a.active{
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-right: 10px solid #036;
    color: #888;
}
.top1 {margin-top: 6px;
       margin-bottom: 20px;
       padding-bottom: 1px;
    overflow: hidden;

}
.top1_in{margin:0 10px 20px 10px;
         background-color: #fff;
         border-radius: 8px;
    -webkit-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
             padding: 10px;
}
.top2 {
    margin-bottom: 30px;
}
.top2_in{margin:14px 15px 0;}
.top2_in dl{background: url("../images/dotline.gif") repeat-x scroll left bottom transparent;
            height: 22px;
            margin-bottom: 4px;
            padding-bottom: 5px;
            color:#666;
            font-size:14px;}
.top2_in dl dt{color: #42413C;
               display: block;
               float: left;
               height: 22px;
               width: 135px;
               padding-left:30px;}
.top2_in dl dd{display: block;
               float: left;
               height: 22px;
               margin-left: 40px;}

p.topTxt{margin: 4rem 0px;font-size: 1.15rem;}
.topTT{border-bottom: 1px #A8C0D8 dotted;padding: 3px 10px 0px;margin-top: 10px;font-weight: bold;color: #036;}
.topTT span{color:#036;font-size: 22px;margin-right: 5px;display: inline-block;
line-height: 8px;}
.topTA{margin:5px 23px 20px;}
#topImg{margin:15px 0;text-align: center;padding: 15px 0 30px;
}
#topImg span{padding:8px;background: #fff;    display: inline-block;    border-radius:12px;    box-shadow: 0 1px 5px rgba(0, 0, 0, .4) inset;}
#topImg span img{border-radius: 8px;display: block;margin: 0;
    padding: 0;    box-shadow: 0px 2px 2px rgba(0, 0, 0, .4);}


#compdata{
    margin: 10px 10px 20px;
       padding: 20px;
    background-color: #fff;
         border-radius: 8px;
             -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             padding: 35px 13px;}

#compPlace{text-align: center;    margin-top: 20px;padding-bottom:20px;}
#compPlace>span {
    padding: 8px;
    background: #fff;
    display: inline-block;
    border-radius: 12px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4) inset;
}
#compPlace #cImage{    border-radius: 8px;
    display: block;
    margin: 0;
    padding: 0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
}

#privacy{font-size: 15px;
    margin:20px 30px 0;padding-bottom: 30px;
}
#privacy dt{margin-top: 15px;}
#privacy dd{margin-top: 8px;}
#privacy ul{list-style:disc;margin-top: 5px;}


.wback {
    background-image: -moz-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -ms-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -o-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: linear-gradient(top, #f0f0f0, #E8E8E8);
    border-radius: 8px;
    -webkit-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
}
#loadArea{}

#loadAreaIn{background: #f8f8f8;padding-bottom: 15px;}
#loadArea h2{display: inline-block;font-size: 1.1em;line-height: 2.2em;color: #888;height: 40px;padding: 0 40px 0 15px;
             border-left: 4px solid #036;margin: -6px 0 10px -4px;color: #333;
    background-image: -moz-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -ms-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -o-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#E8E8E8));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #E8E8E8);
    background-image: linear-gradient(top, #f0f0f0, #E8E8E8);
             -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             text-shadow: 1px 1px 0px rgb(245, 245, 245);}
#loadArea h3{display: inline-block;
             color: #333;
             font-size: 1.1em;
             font-weight: bold;
             letter-spacing: 0;
             border: none;
             text-decoration: none;
             line-height: 2.2em;
             height: 40px;
             width:780px;
             padding-left: 15px;
             background: #f3f3f3;
             -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             text-shadow: 1px 1px 0px rgb(255, 255, 255);

}

#flowMenu{margin-bottom: 20px;}
#goPross{width: 760px;height:150px;border: #eee 5px solid;float: left;position:relative;margin-right: 10px;}
#goPross a,#goRepair a{display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
background/*\**/: #fff 9;
filter: alpha(opacity=0);
background-color: #fff;
opacity: 0;}
#goPross span,#goRepair span{position: absolute;bottom:0;right:0;}
.cp{width:100%;margin-bottom:20px;position: relative;
}
.cpArrow{position: absolute;width: 27px;height: 14px;bottom:-10px;left:50%;background: url("../images/arrowd.png")no-repeat left top;}
.cp.left img{float: left;margin:10px 5px 10px;    border-radius: 5px;    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);}
.cp.right img{float:right;margin:10px 5px 10px;    border-radius: 5px;    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);}

.cp p{font-size: 15px;margin-bottom: 10px;}
.cp .h4wrap{border-bottom: 2px solid #E9E9E9;
            height: 18px;
            margin-top: 10px;margin-bottom: 15px;height: 24px;}
.cp .h4wrap span{border-bottom: 5px solid #E9E9E9;
                 white-space: nowrap;padding:0 5px 0 5px;height: 24px;}

.proc{    width: 390px;
    height: 130px;
    float: left;
    margin: 8px 0px 10px 15px;
      -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             background: #fff;

}
.proc p.proc_h{width: 300px;font-size: 18px;
               background: #f3f3f3;
             -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             text-shadow: 1px 1px 0px rgb(255, 255, 255);
margin-top:-8px;;
margin-left: -8px;}
.proc p{font-size: 13px;}


.procDetaOut{padding:10px 0;margin-bottom: 20px;}
.procDetailIn{margin:10px;background:#fff;
    -webkit-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    border-radius: 8px;}
.procDetailIn article {font-size: 14px;padding: 20px 0;
}
.procDetailIn article h4{font-size:16px;}
.procDetailIn dl{display: block;
width: 290px;
float: right;font-size: 11px;}
.procDetailIn dt{border-bottom: 1px #f3f3f3 solid;font-weight: bold;}
.procDetailIn dd{margin-left:10px;padding-right: }


.company_data {margin:20px 50px; }
.company_data dt{float:left;
                 width:10em;
                 padding-top:10px;
                 padding-bottom:0;
                 padding-right:0;
                 margin-bottom: 10px;}
.company_data dd{margin-left: -1em;
padding: 10px 30px 10px 176px;
margin-bottom: 10px;
border-bottom: #C9C9C9 1px dotted;
}
/* ~~ item ~~ */
#productWrapper{margin-bottom:20px;padding-bottom: 20px;position: relative;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             -ms-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
             box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);}

#product_left{width:520px;margin-left:10px;margin-top: 10px;float:left;position: relative;}
#product_img{text-align: center;width:400px;height: 300px;border: #888 1px solid;position: relative;}
.product_right{width:270px;height:300px;margin-left:10px;margin-top: 10px;float:left;text-align:left;color:#333;position: relative;}
.product_right dl{border-left: 4px solid #888;margin-bottom: 10px;font-size: 15px;}
.product_right dt{margin-left:5px;margin-right: 0;font-weight: bold;}
.product_right dd{margin-left:5px;margin-right: 0;}
.product_right dd p{margin:0;padding: 0;font-size: 12px;}
#prodTag{font-size: 12px;
max-width: 150px;padding: 0;margin-bottom: 0;
position: absolute;
bottom: 0; display: inline-block;}
#prodTag span{display: inline-block;}
#prodNew, #prodRep{margin-bottom: 0;position: absolute;bottom: 0px;right: 10px;font-size: 12px;}
.searchbox{width:800px; margin-bottom:20px;}
.searchbox a{color: #036;font-size: 14px;background: #eee;margin:0 0 4px 0;padding:3px 10px;display: inline-block;}
.searchbox a:hover{color: #06c}
.searchbox a.css1{font-size: 0.9rem;}
.searchbox a.css2{font-size: 1rem;}
.searchbox a.css3{font-size: 1.1rem;}
.searchbox a.css4{font-size: 1.2rem;}


#list{}
.listBox{margin-bottom: 15px;}
.listBoxHead{float:left;width:210px;height:170px;    border: 2px solid rgba(255, 255, 255, 0.2);
    position: relative;
    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);}
.listBoxHead img{width: 210px;}
.listBoxHead span{position: absolute;top:6px;left: 6px;padding:2px 5px;background: rgba(255,255,255,0.7);}
.listBoxHead a.head{font-size: 14px;
    font-weight: bold;
    color: #7A7A7A;}
.listBoxHead a.all{position: absolute;bottom:6px;right:6px;padding:2px 5px;font-size: 10px;background: rgba(255,255,255,0.7);}
.listBoxHead a.all:hover{color: rgb(236, 117, 0)}
.listBoxMini{float:left;width: 585px;;height:185px;margin-left: 10px;}


.productlist{text-align: center;margin-right:20px;margin-bottom:10px;border: 2px solid #fff;border-radius: 4px 4px 4px 4px;
             position:relative;-webkit-transition: 0.5s;
             -moz-transition: 0.5s;
             -o-transition: 0.5s;
             transition: 0.5s;float:left;z-index: 90;
background: #fff;
    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);}
.productlist:hover{background: rgba(10, 61, 102, 0.05);border: 2px solid rgba(10, 61, 102, 0.5);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}
.productlist a{display: block;left:0;top:0;width:100%;height:100%;position:absolute;text-arign:left;background/*\**/: #fff\9;filter:alpha(opacity=0);z-index: 9999;opacity: 0;}
.productlist .imagebox{margin: 0 auto;width:142px;height:107px;background: #f3f3f3; }
.productlist img{margin:auto;width:142px; height:107px;}
.productlist span{color:#888;font-size:10px;font-weight:bold;margin:0 10px 10px;width:142px;}
.productlist .rep{position: absolute;right: 10px;bottom: -3px;background: rgb(236, 117, 0);color: #fff;padding: 3px;}
.productlist .new{position: absolute;right: 10px;bottom: -3px;background: rgb(0, 184, 219);color: #fff;padding: 3px;}

.productlistmini{text-align: center;    height: 78px;
    width: 105px;   margin-right: 8px;
    margin-bottom: 11px;border-radius: 4px 4px 4px 4px;
             position:relative;-webkit-transition: 0.5s;
             -moz-transition: 0.5s;
             -o-transition: 0.5s;
             transition: 0.5s;float:left;
    border: 2px solid rgba(255, 255, 255, 1);
    /* position: relative; */
    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
background:#f3f3f3;}
.productlistmini:hover{background: rgba(10, 61, 102, 0.05);border: 2px solid rgba(10, 61, 102, 0.5);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}
.productlistmini:hover .title{opacity: 1;}
.productlistmini a{display: block;left:0;top:0;width:100%;height:100%;position:absolute;text-arign:left;background/*\**/: #fff\9;filter:alpha(opacity=0);z-index: 9999;opacity: 0;}
.productlistmini .imagebox{margin: 0 auto 0;    height: 78px;
    width: 105px;    border-radius: 3px;
    overflow: hidden;}
.productlistmini img{margin:auto;    height: 78px;
    width: 105px;}
.productlistmini .title{opacity: 0;color:#555;font-size:10px;font-weight:bold;margin:0;width:100%;position: absolute;bottom:0;left:0;background: rgba(255,255,255,0.85);height: 28px;width:105px;
-webkit-transition: 0.3s;
             -moz-transition: 0.3s;
             -o-transition: 0.3s;
             transition: 0.3s;}
.productlistmini .rep{color: rgb(236, 117, 0);margin: 0;}
.productlistmini .new{color: rgb(0, 184, 219);margin: 0;}

#list .listIn{    margin-right: -20px;}
.contactTop{padding: 16px 0;}
.contactTop p{margin: 10px;}
.contact_tel{font-size: 20px;color: #888;margin-top:20px;    padding: 10px;    margin-bottom: 30px;}
.contact_tel .email{font-size: 30px;margin-left: 5px;}
.contact_tel_in{margin: 0 10px 20px 10px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.3);
    padding: 100px 10px 120px 60px;}
.contactTelIn{
    margin-left: 30px;
}
.contact_tel>span {
    padding: 8px;
    background: #fff;
    display: inline-block;
    border-radius: 12px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4) inset;
}

/* ~~ フォーム ~~ */


.mailform{margin-left:30px;}
input, textarea {
    border: 1px solid #CCCCCC;
}
input[type="text"]:focus,
input[type="text"]:hover,
textarea:focus,
textarea:hover
{
    border: 1px solid #60a5c5;
    background: #f9f9f9;
}
.mailsubmit{background:url(../images/submith.html) no-repeat left top;}
.mailsubmit input{border: none;}
.mailsubmit input:hover{
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    opacity: 0.0;
}


.txtmode1 {
    ime-mode: active;   /* 全角モード */
}
.txtmode2 {
    ime-mode: inactive; /* 半角モード */
}

.comment_form {
    border: 1px solid #CCCCCC;
    margin: 15px 10px 15px;
    padding: 15px;
}


#guest_info div {
    margin: 5px 10px 12px;
    text-align: left;
}

#guest_info label {
    color: #888888;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
}

#guest_info input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #777777;
    padding: 3px 5px;
    width: 70%;
}
#guest_info .short{
    width: 10%;
}
#contact_content textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #777777;
    font-size: 11px;
    height: 150px;
    margin: 5px 0 0;
    overflow: auto;
    padding: 15px;
    width: 94%;
}

#submit_contact {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    display: block;
    margin: 30px auto 0;
    padding: 4px 0;
    width: 200px;
}
#submit_contact input{border: none;}

#submit_contact:hover { border:1px solid #33a8e5; color:#33a8e5; }

/* ~~ フッター ~~ */
#footer {
    position: relative;
    font-size: 12px;
    color: #333;
    text-align: center;
    z-index: 1000;
    height: 160px;
    margin-top: 70px;
}
#footer address{    font-style: normal; margin-top: 10px;}
#footer p{padding: 0;}
#footer .email{font-size: 20px;}
.footLogo{}
.footLeft{    text-align: left;
    width: 50%;
    display: inline-block;}
.footLeft a{}
.footLeft .footLogo{display: block;font-size: 30px;    vertical-align: top;    display: inline-block;
    margin-left: 7px;}
.footRight{    text-align: right;
    width: 100%;
    display: inline-block;}
#RoR{position: absolute;top:15px;left:0;
    padding: 4px 25px 2px;
    display: block;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .4) ;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .4) ;
    background: #fff;
    font-size:18px;
    font-weight: bold;
    color: #7E7E7E;z-index: 100;}
#GoRoR{position: absolute;top:15px;right:0;
    padding: 4px 25px 2px;
    display: block;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .4) ;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .4) ;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #7E7E7E;z-index: 100;}
#GoRoR a{color: #7E7E7E;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
#GoRoR a:hover{color: #036;}
#footer ul#footMenu {
    list-style: none outside none;

    border-bottom:1px #d0d0d0 solid;
}
#footer ul#footMenu li {
    display: inline;
    margin: 0 3px;
}
#footer ul#footMenu a {
    line-height: 2.2em;
    font-size: 1.1em;
    /* font-weight: bold; */
    color: #333;
}
#footer ul#footMenu a:hover {
    background: #f8f8f8;
    color: #036;
}
header, section, aside, article, figure {
    display: block;
}
#compPlace>span{    width: 96%;}
#map {
    width: 100%;
    height: 400px;
    display: block;
    border-radius: 12px;
}
li.fMN{display: none !important;}

#menu-toggler,#togglertxt{visibility: hidden;}
#footer_menu{    display: inline-block;
    width: 49%;}

@media screen and (max-width: 1000px) {
    p{font-size: 0.9rem}
    #loadArea h2{font-size: 1.4rem}
    .footLeft address,.footLeft p{font-size:1.2rem;}
    #footer .email{font-size:1.6rem;}
    .top1 p,p.topTxt{font-size: 0.9rem;}
    .searchbox a.css1{font-size:1.7rem}
    .searchbox a.css2{font-size:1.8rem}
    .searchbox a.css3{font-size:1.9rem}
    .productlist span{font-size: 0.7rem}
    #prodNew, #prodRep,#prodTag,.product_right dt,.product_right dd,.product_right dd p{    font-size: 1.2rem;}
    .company_data dd{font-size: 0.7rem;}
    #privacy {
        font-size: 0.7rem;}



    #menu-toggler,#togglertxt{visibility: visible;}
    .menu-toggler {
        position: fixed;
        display: block;
        top: 1.5rem;
        right: 2.25rem;
        margin: auto;
        width: 4rem;
        height: 4rem;
        z-index: 11;
        opacity: 0;
        cursor: pointer;
    }
    #togglertxt{
        position: fixed;
        top: 4.5rem;
        right: 2rem;
        font-size: 1rem;
        font-weight: bold;
        color: rgba(0, 51, 102, 0.7);
        z-index: 10;
    }
    .menu-toggler:hover + label, .menu-toggler:hover + label:before, .menu-toggler:hover + label:after {
        background:#FF9EA3;
    }
    .menu-toggler + label {
        width: 4.25rem;
        height: 0.4rem;
        display: block;
        z-index: 10;
        border-radius: 0.12rem;
        background: rgba(0, 51, 102, 0.7);
        transition: top 0.5s, -webkit-transform 0.5s;
        transition: transform 0.5s, top 0.5s;
        transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
        position: fixed;
        display: block;
        top: 3rem;
        right: 2rem;
        margin: auto;
    }
    .menu-toggler:checked + label {
        background: transparent;
    }
    .menu-toggler + label:before, .menu-toggler + label:after {
        width: 4.25rem;
        height: 0.4rem;
        display: block;
        z-index: 1;
        border-radius: 0.12rem;
        background: rgba(0, 51, 102, 0.7);
        transition: top 0.5s, -webkit-transform 0.5s;
        transition: transform 0.5s, top 0.5s;
        transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
        content: "";
        position: absolute;
        left: 0;
    }

    .menu-toggler + label:before, .menu-toggler + label:after {
        width: 4.25rem;
        height: 0.4rem;
        display: block;
        z-index: 1;
        border-radius: 0.012rem;
        background: rgba(0, 51, 102, 0.7);
        transition: top 0.5s, -webkit-transform 0.5s;
        transition: transform 0.5s, top 0.5s;
        transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
        content: "";
        position: absolute;
        left: 0;
    }
    .menu-toggler + label:before {
        top: 0.8rem;
    }
    .menu-toggler + label:after {
        top: -0.8rem;
    }
    .menu-toggler:checked + label:before, .menu-toggler:checked + label:after {
        top: 0;
        width: 4.25rem;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .menu-toggler:checked + label:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-toggler:checked + label:before, .menu-toggler:checked + label:after {
        top: 0;
        width: 4.25rem;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .menu-toggler:checked + label:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-toggler:checked ~ #footer_menu,.menu-toggler:checked ~ #menu_mask {
        opacity: 1 !important;visibility:visible;
    }
    #menu_mask{opacity:0;visibility:hidden;position: fixed;    top: 0;background: #fff;width: 100%;height: 100%;z-index: 8;transition: .2s;}
    #footer_menu {opacity:0;visibility:hidden;position:fixed;top: 0;z-index: 9;transition: .2s;  padding: 0 2vw;  box-sizing: border-box;
        width: 100%;
        height: 100%;

        overflow: auto;
        -webkit-overflow-scrolling: touch;

    }
    #footer_menu{    display: block;
        text-align: center;}
    #footRight{
        position: static;    margin-top: 30vw;}
    #footMenu{padding: 0;
        width: 100%;    margin-top: 22vw;    padding-bottom: 20vw;}
    #footMenu li {
        display: inline-block;
        margin: 3vw;
        font-weight: bold;
        font-size: 0.040rem;
    }

    .footRight{    display: inline-block;
        width: 100%;
        text-align: center;}
    #footer ul#footMenu li {    font-size: 3vw;
        display: block !important;
        width: 100%;    margin-bottom: 5vw;}
    .footLeft{    float: left;
        margin-left: 2vw;width: 100%;}
    #container{width: 100%;}
    header {
        height: 41.66vw;
    }
    canvas{    position: relative;width: 100%;height: auto;    overflow: hidden;}
    canvas:before {
        content: "";
        display: block;
        padding-top: 41.66%;
        position: relative;
    }
    #contentOut{width: 100%;}

    #loadArea h3{
        width: 96%;
    }
    #floatmenu{
        display: none;}
    #content{width: 96%;    margin: 0 auto;float:none;}
    #topImg span:first-child{width: 96%;}
    #topImg span:first-child img{width: 100%;}
    #topImg span:not(first-child){width: 29%;}
    #topImg span:not(first-child) img{width: 100%;}
    li.fMN{display: inline !important;}
    .searchbox {
        width: 100%;margin:10vw 0;}
    .searchbox a{
        margin:1vw;}
    .listBoxMini {
        width: 100%;
        height:auto;
        float: none;}
    .listBoxHead{ margin-left: 10px;
        margin-right: 8px;
        margin-bottom: 11px;
        width: 57.3vw;
        height: 21vw;overflow: hidden;}
    .listBoxHead img{      width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 100% 0%;
        }
    .listBoxHead a{    font-size: 1.6rem;}
    .listBoxHead a.all{ font-size: 1.2rem;}
    .productlist{margin-right: 4vw;text-align: left;}
    .productlist .imagebox{width: 28vw;height: 21vw;    overflow: hidden;}
    .productlist .imagebox img{width: 28vw;height: auto;}
    .productlistmini{width: 28vw;height:auto;}
    .productlistmini .imagebox{width: 28vw;height:21vw;    overflow: hidden;}
    .productlistmini .imagebox img{width: 28vw;    height: auto;}
    #list .listIn{    margin-right: -6vw;}
    .product_right{    height: auto;}
    #prodTag{position: static;}
    .listBox {
        margin-bottom: 6vw;
    }

    .obps60{object-position: 100% 60% !important;}
#compPlace span img{width: 100%;}
}



			#wrapper {text-align: center;
				width: 100%;
				position: absolute;
				left: 0;
				top: 0;
			}
			#carousel {text-align: center;
			}
			#carousel div {background: url("carousel_item_back.html") repeat-x scroll left top transparent;
				text-align: center;
				width: 100px;
				height: 200px;
				float: left;
				position: relative;
			}
			#carousel div img {
				
				border: none;
				width: 100%;
				height: auto;
			}
			#carousel div span {
				background-color: #333;
				color: #fff;
				display: inline-block;
				opacity:0;
				width: 100px;
				padding: 2px 0;
				margin: 0 0 0 -50px;
				position: absolute;
				top: 30px;
				left: 100%;
				borderbottom: 3px;
				-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
			}
			#carousel div.selected span {
				opacity:0;
			}

#overlay{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #fff;
	display:none;
	opacity:0.9;
        z-index: 91;
}
#thumbContainter{
	margin:0;
	width:105px;
	padding:0 ;
	border-right:1px solid #f0f0f0;
}
#thumbScroller{
	height:300px;
	overflow:hidden;
}
#thumbScroller .container{
	position:relative;
	top:0;
	float:left;
}
#thumbScroller .content{
	clear:both;
	float:left;
        
}
#thumbScroller .content div{
	height:100%;
	float:left;
        position: relative;
}
.bat{position: absolute;bottom: 10px;
right: 5px;font-size: 10px;color:#fff;display: block;}
.ba{position:absolute;bottom: 0;
right: 0;top:5px;color: #fff ;height: 22px;
right: -110px;}
.bef{background: rgb(255, 93, 31);}
.aft{background: rgb(0, 184, 219);}
.bef.ba,.aft.ba{padding:0 10px;}


#thumbScroller .content a{
	outline:none;
}
#thumbScroller img{
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
        cursor:pointer;    margin: 0;
    padding: 0;
        
}
img.pg_thumb,
img#pg_large,
.pg_title h1,
.pg_content
{
	position:absolute;
}
.pg_content
{
        width: 400px;
height: 300px;
}

.pg_content .pg_description div{
	display:none;
}




img.pg_thumb{
	display:none;
        
}
#pg_preview .content:nth-child(1) img{display:block;z-index:98;}
#pg_preview .content:nth-child(1) .ba{z-index:99;}
#pg_preview .content{}

img#pg_large{
	z-index:98;
}
img.pg_thumb,
img#pg_large{
	left:115px;
        -moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	cursor:pointer;
}
img#pg_large{height: 600px;}
.pg_description p{
	font-size:14px;
	width:380px;
	padding:10px;
	overflow:hidden;
	text-shadow:0px 0px 1px #fff;
	background:rgba(255,255,255,0.8);
	color:#000;
}
#pg_desc div{
    position: absolute;
	bottom: 0px;
	left:115px;
        z-index: 99;
}
#pg_desc div:nth-child(1){display:block;left:115px;}
.thumb{width:100px }
/* font-face */

@font-face {
  font-family: "GeneralFoundicons";
  src: url("../fonts/general_foundicons.eot");
  src: url("../fonts/general_foundiconsd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/general_foundicons.woff") format("woff"), url("../fonts/general_foundicons.ttf") format("truetype"), url("../fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* global foundicon styles */
[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

[class*="foundicon-"]:before {
  font-family: "GeneralFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
/* custom */
.large-icons i{
    color: #888;
    display: block;
    font-size: 30px;
    line-height: 1.2;
    float:right;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.large-icons i:hover{
    color: #0066cc;
}
.large-icons i p{display: inline;
    font-size: 20px;
    color: #231F20;
    margin-left: 0px;
    position: relative;
    top: -8px;}


/* icons */
.foundicon-mail:before {
  content: "\f007";
}

.foundicon-calendar:before {
  content: "\f008";
}

.foundicon-page:before {
  content: "\f009";
}

.foundicon-tools:before {
  content: "\f00a";
}

.foundicon-globe:before {
  content: "\f00b";
}

.foundicon-home:before {
  content: "\f00c";
}

.foundicon-quote:before {
  content: "\f00d";
}

.foundicon-people:before {
  content: "\f00e";
}

.foundicon-monitor:before {
  content: "\f00f";
}

.foundicon-laptop:before {
  content: "\f010";
}

.foundicon-phone:before {
  content: "\f011";
}

.foundicon-cloud:before {
  content: "\f012";
}

.foundicon-error:before {
  content: "\f013";
}

.foundicon-right-arrow:before {
  content: "\f014";
}

.foundicon-left-arrow:before {
  content: "\f015";
}

.foundicon-up-arrow:before {
  content: "\f016";
}

.foundicon-down-arrow:before {
  content: "\f017";
}

.foundicon-trash:before {
  content: "\f018";
}

.foundicon-add-doc:before {
  content: "\f019";
}

.foundicon-edit:before {
  content: "\f01a";
}

.foundicon-lock:before {
  content: "\f01b";
}

.foundicon-unlock:before {
  content: "\f01c";
}

.foundicon-refresh:before {
  content: "\f01d";
}

.foundicon-paper-clip:before {
  content: "\f01e";
}

.foundicon-video:before {
  content: "\f01f";
}

.foundicon-photo:before {
  content: "\f020";
}

.foundicon-graph:before {
  content: "\f021";
}

.foundicon-idea:before {
  content: "\f022";
}

.foundicon-mic:before {
  content: "\f023";
}

.foundicon-cart:before {
  content: "\f024";
}

.foundicon-address-book:before {
  content: "\f025";
}

.foundicon-compass:before {
  content: "\f026";
}

.foundicon-flag:before {
  content: "\f027";
}

.foundicon-location:before {
  content: "\f028";
}

.foundicon-clock:before {
  content: "\f029";
}

.foundicon-folder:before {
  content: "\f02a";
}

.foundicon-inbox:before {
  content: "\f02b";
}

.foundicon-website:before {
  content: "\f02c";
}

.foundicon-smiley:before {
  content: "\f02d";
}

.foundicon-search:before {
  content: "\f02e";
}
.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #fff;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.html);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #fff;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
.rondell-container {
	overflow: hidden;
	display: block;
	position: relative;
	font-size: 12px;
}
.rondell-container.rondell-initializing {
	background: url("images/loader.html") no-repeat 50% 50%
}
.rondell-container.rondell-initializing * {
	display: none
}
.rondell-item {
	position: absolute;
	display: block;
	border: 1px solid #ccc;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none;
	top: 0;
	left: 0;
	opacity: 1
}
.rondell-item a {
	cursor: pointer;
	color: #fff;
	text-decoration: none
}
.rondell-item .rondell-item-crop {
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	-ms-border-radius: inherit;
	-o-border-radius: inherit;
	border-radius: inherit;
	overflow: hidden;
	width: 100%;
	height: 100%
}
.rondell-item img {
	vertical-align: bottom;
	display: block;
	margin: 0 auto
}
.rondell-item img.rondell-item-resizeable {
	width: 100%;
	height: 100%
}
.rondell-item:hover {
	border-color: #bbb
}
.rondell-item:hover, .rondell-item:hover div, .rondell-item:hover p {
	text-decoration: none
}
.rondell-item-loading {
	background: #d9d9d9 url("images/item-loader.html") no-repeat center center !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}
.rondell-item-loading * {
	display: none !important
}
.rondell-item-error {
	background: #b33 !important;
	background-color: rgba(200,0,0,0.1) !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}
.rondell-item-error p {
	color: #333;
	text-align: center;
	font-size: 18px;
	padding: 20px
}
.rondell-item-focused, .rondell-item-focused a {
	cursor: auto
}
.rondell-caption {
	position: absolute;
	margin: 5px;
	padding: 5px;
	color: #333;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-decoration: none
}
.rondell-caption a {
	text-decoration: underline
}
.rondell-caption p {
	margin: 4px 0
}
.rondell-caption.rondell-item-overlay {
	top: auto;
	position: absolute;
	padding: 3px 8px;
	display: none;
	color: #fafafa;
	background-color: #333;
	background-color: rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.rondell-control {
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 4px 8px;
	display: block;
	text-decoration: none;
	background: #f5f5f5;
	text-shadow: 0 1px 1px #ccc;
	opacity: 0
}
.rondell-control:hover {
	background: #fafafa;
	text-decoration: none
}
.rondell-scrollbar {
	width: 100%;
	height: 20px;
	position: absolute
}
.rondell-scrollbar.rondell-scrollbar-bottom {
	bottom: 10px
}
.rondell-scrollbar .rondell-scrollbar-background {
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: 0 10px;
	background-color: #eee;
	height: 16px
}
.rondell-scrollbar .rondell-scrollbar-left, .rondell-scrollbar .rondell-scrollbar-right {
	top: 2px;
	width: 16px;
	height: 16px;
	background-color: #ccc;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
	background: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
	background: -moz-linear-gradient(top, #cccccc, #bbbbbb);
	background: -o-linear-gradient(top, #cccccc, #bbbbbb);
	background: linear-gradient(top, #cccccc, #bbbbbb)
}
.rondell-scrollbar .rondell-scrollbar-left:active, .rondell-scrollbar .rondell-scrollbar-right:active {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #dddddd));
	background: -webkit-linear-gradient(top, #cccccc, #dddddd);
	background: -moz-linear-gradient(top, #cccccc, #dddddd);
	background: -o-linear-gradient(top, #cccccc, #dddddd);
	background: linear-gradient(top, #cccccc, #dddddd)
}
.rondell-scrollbar .rondell-scrollbar-inner {
	width: 14px;
	height: 14px;
	display: block;
	background: url("images/arrows.html") no-repeat 0 0
}
.rondell-scrollbar .rondell-scrollbar-left {
	left: 6px
}
.rondell-scrollbar .rondell-scrollbar-left .rondell-scrollbar-inner {
	background-position: 0 -16px
}
.rondell-scrollbar .rondell-scrollbar-right {
	right: 6px
}
.rondell-scrollbar .rondell-scrollbar-control, .rondell-scrollbar .rondell-scrollbar-left, .rondell-scrollbar .rondell-scrollbar-right {
	cursor: pointer;
	position: absolute;
	border: 1px solid #ccc;
}
.rondell-scrollbar .rondell-scrollbar-control {
	left: 50%;
	top: 4px;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	background-color: #000;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888888), color-stop(100%, #000000));
	background: -webkit-linear-gradient(top, #888888, #000000);
	background: -moz-linear-gradient(top, #888888, #000000);
	background: -o-linear-gradient(top, #888888, #000000);
	background: linear-gradient(top, #888888, #000000)
}
.rondell-scrollbar .rondell-scrollbar-control:active {
	background: #d00;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee0000), color-stop(100%, #dd0000));
	background: -webkit-linear-gradient(top, #ee0000, #dd0000);
	background: -moz-linear-gradient(top, #ee0000, #dd0000);
	background: -o-linear-gradient(top, #ee0000, #dd0000);
	background: linear-gradient(top, #ee0000, #dd0000)
}
.rondell-scrollbar .rondell-scrollbar-control.rondell-scrollbar-dragging, .rondell-scrollbar .rondell-scrollbar-control:hover {
	top: 3px;
	width: 14px;
	height: 14px;
	margin-left: -7px
}
.boxshadow.rgba .rondell-scrollbar-control {
	border: 0;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5)
}
.boxshadow.rgba .rondell-scrollbar-control:hover {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5)
}
.boxshadow.rgba .rondell-scrollbar-control:active {
	-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.6)
}
.boxshadow.rgba .rondell-scrollbar-left, .boxshadow.rgba .rondell-scrollbar-right {
	border: 0;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3)
}
.boxshadow.rgba .rondell-scrollbar-left:hover, .boxshadow.rgba .rondell-scrollbar-right:hover {
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5)
}
.boxshadow.rgba .rondell-scrollbar-left:active, .boxshadow.rgba .rondell-scrollbar-right:active {
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3) inset;
	box-shadow: 0 0 2px rgba(0,0,0,0.3) inset
}
.rondell-lightbox {
	z-index: 9998;
	left: -99999;
	position: absolute
}
.rondell-lightbox, .rondell-lightbox-overlay {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}
.rondell-lightbox-overlay {
	position: fixed;
	cursor: pointer;
	opacity: .8;
	background-color: #000
}
.rondell-lightbox-content {
	position: fixed;
	clear: both;
	left: 50%;
	top: 0;
	max-height: 90%;
	overflow: auto;
	background-color: #555;
	background-color: rgba(70,70,70,0.6);
	padding: 10px;
	z-index: 9999;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 50px 1px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 2px 50px 1px rgba(0,0,0,0.7);
	box-shadow: 0 2px 50px 1px rgba(0,0,0,0.7)
}
.rondell-lightbox-content .rondell-item-image {
	border: 1px solid #333
}
.rondell-lightbox-content .rondell-caption, .rondell-lightbox-content .rondell-caption.rondell-item-overlay {
	text-align: left;
	position: relative;
	display: block;
	color: #eee;
	text-shadow: 0 1px 1px #111;
	margin: 0;
	padding: 0;
	background-color: transparent;
	max-width: 400px
}
.rondell-lightbox-content .rondell-caption a {
	color: #ade;
	text-decoration: underline
}
.rondell-lightbox-content .rondell-caption a:hover {
	text-decoration: none
}
.rondell-lightbox-content .rondell-lightbox-prev, .rondell-lightbox-content .rondell-lightbox-next, .rondell-lightbox-content .rondell-lightbox-close, .rondell-lightbox-content .rondell-lightbox-position {
	color: #fafafa;
	cursor: pointer;
	position: absolute;
	opacity: 0;
	width: 16px;
	height: 16px;
	background: #333;
	border: 2px solid #555;
	-webkit-transition: opacity 0.2s ease;
	-webkit-transition-delay: 0.1;
	-moz-transition: opacity 0.2s ease 0.1;
	-o-transition: opacity 0.2s ease 0.1;
	transition: opacity 0.2s ease 0.1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5)
}
.rondell-lightbox-content .rondell-lightbox-prev:hover, .rondell-lightbox-content .rondell-lightbox-next:hover, .rondell-lightbox-content .rondell-lightbox-close:hover, .rondell-lightbox-content .rondell-lightbox-position:hover {
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.7);
	box-shadow: 0 1px 6px rgba(0,0,0,0.7);
	border: 2px solid #888
}
.rondell-lightbox-content .rondell-lightbox-position {
	top: 2px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	padding: 2px 0 1px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 1px 1px #111;
	border: 1px solid #555;
	cursor: default
}
.rondell-lightbox-content .rondell-lightbox-position:hover {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border: 1px solid #555
}
.rondell-lightbox-content .rondell-lightbox-close {
	top: 2px;
	right: 2px
}
.rondell-lightbox-content .rondell-lightbox-prev, .rondell-lightbox-content .rondell-lightbox-next {
	top: 50%;
	background: #333 url("images/arrows.html") no-repeat
}
.rondell-lightbox-content:hover .rondell-lightbox-prev, .rondell-lightbox-content:hover .rondell-lightbox-next, .rondell-lightbox-content:hover .rondell-lightbox-close, .rondell-lightbox-content:hover .rondell-lightbox-position {
	opacity: 1
}
.rondell-lightbox-content .rondell-lightbox-prev {
	left: 2px;
	background-position: 0 -16px
}
.rondell-lightbox-content .rondell-lightbox-next {
	right: 2px
}
.boxshadow.rgba .rondell-theme-default .rondell-control {
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 1px rgba(0,0,0,0.3)
}
.boxshadow.rgba .rondell-theme-default .rondell-control:hover {
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3)
}
.boxshadow.rgba .rondell-theme-default .rondell-item {
	border: 0;
	-webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px -1px rgba(0,0,0,0.5)
}
.rondell-theme-default .rondell-control, .rondell-theme-default .rondell-item, .rondell-theme-default .rondell-item img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.rondell-theme-default .rondell-control {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #f9f9f9));
	background: -webkit-linear-gradient(#fcfcfc, #f9f9f9);
	background: -moz-linear-gradient(#fcfcfc, #f9f9f9);
	background: -o-linear-gradient(#fcfcfc, #f9f9f9);
	background: linear-gradient(#fcfcfc, #f9f9f9)
}
.rondell-theme-default .rondell-control:hover {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5));
	background: -webkit-linear-gradient(#fafafa, #f5f5f5);
	background: -moz-linear-gradient(#fafafa, #f5f5f5);
	background: -o-linear-gradient(#fafafa, #f5f5f5);
	background: linear-gradient(#fafafa, #f5f5f5)
}
.rondell-theme-default .rondell-control:active {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(#f5f5f5, #fafafa);
	background: -moz-linear-gradient(#f5f5f5, #fafafa);
	background: -o-linear-gradient(#f5f5f5, #fafafa);
	background: linear-gradient(#f5f5f5, #fafafa)
}
.rondell-theme-light .rondell-container {
	background: #fff
}
.rondell-theme-light .rondell-item {
	border: 0
}
.rondell-theme-light .rondell-item, .rondell-theme-light .rondell-item img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.boxshadow.rgba .rondell-theme-light .rondell-item {
	border: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0 1px 3px rgba(0,0,0,0.4)
}
.boxshadow.rgba .rondell-theme-light .rondell-item:hover {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3)
}
.rondell-theme-dark {
	background: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #111111));
	background: -webkit-linear-gradient(#333333, #111111);
	background: -moz-linear-gradient(#333333, #111111);
	background: -o-linear-gradient(#333333, #111111);
	background: linear-gradient(#333333, #111111)
}
.rondell-theme-dark .rondell-item {
	border: 0;
	background: transparent
}
.rondell-theme-dark .rondell-caption {
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
	font-size: 12px
}
.rondell-theme-dark .rondell-control {
	font-size: 0;
	color: transparent;
	padding: 0;
	width: 28px;
	height: 28px
}
.rondell-theme-dark .rondell-control.rondell-shift-left, .rondell-theme-dark .rondell-control.rondell-shift-right {
	background: url("images/buttons.html") no-repeat 0 0
}
.rondell-theme-dark .rondell-control.rondell-shift-left {
	background-position: 0 -28px
}
.boxshadow.rgba .rondell-theme-dark {
	border: 0;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.6) inset;
	box-shadow: 0 1px 5px rgba(0,0,0,0.6) inset
}
.boxshadow.rgba .rondell-theme-dark .rondell-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.rondell-theme-page {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.rondell-theme-page .rondell-item {
	border: 0
}
.rondell-theme-page .rondell-item, .rondell-theme-page .rondell-item img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}
.rondell-theme-page .rondell-control {
	font-size: 0;
	padding: 0;
	color: transparent;
	width: 20px;
	height: 20px;
	border: 1px solid #bbc
}
.rondell-theme-page .rondell-control.rondell-shift-left, .rondell-theme-page .rondell-control.rondell-shift-right {
	background: #ccd url("images/arrows.html") no-repeat 2px 2px;
	-webkit-border-radius: 0 3px 0 6px;
	-moz-border-radius: 0 3px 0 6px;
	-ms-border-radius: 0 3px 0 6px;
	-o-border-radius: 0 3px 0 6px;
	border-radius: 0 3px 0 6px
}
.rondell-theme-page .rondell-control.rondell-shift-left {
	background-position: 2px -14px;
	-webkit-border-radius: 3px 0 6px 0;
	-moz-border-radius: 3px 0 6px 0;
	-ms-border-radius: 3px 0 6px 0;
	-o-border-radius: 3px 0 6px 0;
	border-radius: 3px 0 6px 0
}
.boxshadow.rgba .rondell-theme-page {
	border: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6)
}
.boxshadow.rgba .rondell-theme-page .rondell-control {
	border: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2)
}
.rondell-theme-slider {
	border: 1px solid #aaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}
.rondell-theme-slider .rondell-item {
	border: 0
}
.rondell-theme-slider .rondell-item, .rondell-theme-slider .rondell-item img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}
.rondell-theme-slider .rondell-caption {
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
	font-size: 14px
}
.rondell-theme-slider .rondell-caption.rondell-item-overlay {
	background: transparent
}
.rondell-theme-slider .rondell-control {
	font-size: 0;
	color: transparent;
	padding: 0;
	width: 15px;
	height: 30px;
	background-color: #666;
	background-color: rbga(50, 50, 50, 0.2);
	border: 1px solid #555;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #666666, #555555);
	background: -moz-linear-gradient(top, #666666, #555555);
	background: -o-linear-gradient(top, #666666, #555555);
	background: linear-gradient(top, #666666, #555555)
}
.rondell-theme-slider .rondell-control span {
	background: url("images/arrows.html") no-repeat 0 0;
	display: block;
	height: 16px;
	width: 16px;
	margin-top: 7px
}
.rondell-theme-slider .rondell-control:hover {
	background-color: #888;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #777777, #555555);
	background: -moz-linear-gradient(top, #777777, #555555);
	background: -o-linear-gradient(top, #777777, #555555);
	background: linear-gradient(top, #777777, #555555)
}
.rondell-theme-slider .rondell-control.rondell-shift-left {
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-ms-border-radius: 0 15px 15px 0;
	-o-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0
}
.rondell-theme-slider .rondell-control.rondell-shift-left span {
	background-position: 0 -16px
}
.rondell-theme-slider .rondell-control.rondell-shift-right {
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-ms-border-radius: 15px 0 0 15px;
	-o-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px
}
.boxshadow.rgba .rondell-theme-slider {
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4)
}
.boxshadow.rgba .rondell-theme-slider .rondell-caption {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.boxshadow.rgba .rondell-theme-slider .rondell-control {
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.7);
	box-shadow: 0 1px 4px rgba(0,0,0,0.7)
}
/* Import Skins */

/* Slider Skins */

@import url('../slider_skins/windows8/style.html');
@import url('../slider_skins/modern/style.html');
@import url('../slider_skins/fullscreen/style.html');
@import url('../slider_skins/paper/style.html');

/* Carousel Skins */
@import url('../carousel_skins/simple/style.html');
@import url('../carousel_skins/modern/style.html');
@import url('../carousel_skins/coverflow/style.html');

/* Tabs Skins */
@import url('../tabs_skins/white/style.html');
@import url('../tabs_skins/crystal/style.html');
@import url('../tabs_skins/silver/style.html');
@import url('../tabs_skins/blue/style.html');
@import url('../tabs_skins/black/style.html');
@import url('../tabs_skins/black_glass/style.html');
@import url('../tabs_skins/green/style.html');
@import url('../tabs_skins/green_glass/style.html');

/* Global Styles */
.isInFullScreen {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: auto !important;
	z-index: 10000 !important;
}

.mSCaption {
	position: absolute;
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
			transform: translateZ(0);
}

.mSCaption.mSMedia {
	z-index: 100000;
}

.mightySlider,
.mightySlider *,
.mightySlider *:before,
.mightySlider *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mSCoverImage,
.mSLayerCoverImage {
	max-width: none;
}

.mSCover,
.mSLayerCover {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.mSLayerCoverImage {
	width: 100%;
	height: 100%;
}

.mSLayerContainer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
}

.mSSlide {
	position: relative;
}

.mSIcon {
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0);
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

.mSLoader ~ .mSIcon {
	display: none !important;
}

.mightySlider .mSClose {
	width: 22px;
	height: 22px;
	background: no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbJJREFUeNrk2b1ugzAQAGAckf4oE2mz5B2aN+rQp0CiL9qhEuwdOlYlkcgdAuq02Dnbh+FUSyciTOALsY3xqeSnpBC3EN8QpyRSaZrGWKeUWsPmBqKG447tvq4OK3basV8Qn3OBAYqbLcSdtvsD0SsdW5blc57nD/DxHiKjXjAkbNiiKB6rqnrpqnZQh60g2UDsoeIVTtDUdf0G6CfcR0GHgkfwiN0D9oAWNMGNzDvPpm8OFwe4oJmx2RVLavxVVDQ3Fq9pMvxuQl7oWFhTB91SvsgMJmNNQ2Dmgo6JtY3ZZHRMrA3sfcIpsdfA5J4bC0sBs6I5/jVqCUZzNTGX4o3m7A+uxRnN3Xl9Chk9xUjjWygQ9hEmBExBs2NDwVb0FFgOsAn9jsGNZQGPdK4W2sM5sRir5B8WUU1CVKcTNayJenCIejSLmvyIml6KmsCLekUS9RIq6jVf1EKKqKUqJ+zci4HO2DmXW72wcy1op77YqVIGFst6SMpg4mMhSZk/aEwY6UmZtJ+/YoULlhs8htYySO0dXnJiMevyhReJRaXtGNKkEMeFpG6HdDIc16aTzwIMAHF0+z5nKTeiAAAAAElFTkSuQmCC');
	background-size: 22px 22px;
	cursor: pointer;
	top: 20px;
	right: 20px;
	left: auto;
	bottom: auto;
	opacity: 0;

	-webkit-transition: all 135ms linear;
	transition: all 135ms linear;
}

.mightySlider:hover .mSClose {
	opacity: 1;
}

.mightySlider.isTouch .mSClose {
	position: relative !important;
	margin-top: -26px;
	width: 100% !important;
	height: 26px !important;
	background-color: #000;
	text-align: center;
	top: auto;
	right: auto;
}

.mightySlider.isTouch .mSClose:after {
	content: '\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 CLOSE';
	color: #FFF;
	font-size: 14px;
	line-height: 26px;
}

.mightySlider.isTouch.mSMedia .mSSlide,
.mightySlider.isTouch .mSMedia.mSCaption .mSLayerContainer {
	padding-top: 26px;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(../images/ajax-loader.html) center no-repeat; }

.slick-slide:before {
  content: "";
  background: #f1f1f1;
  width: 160px;
  height: 120px;
  display: block;
  position: absolute;
  z-index: -1; }

.slick-slide a span {
  font-size: 10px;
  text-align: center;
  display: block; }

.slick-slide a img {
  height: 120px;
  margin: 0 auto; }

.slick-slide {
  width: 160px; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url(../fonts/slick.html);
  src: url(../fonts/slickd41d.html?#iefix) format("embedded-opentype"), url(../fonts/slick-2.html) format("woff"), url(../fonts/slick-3.html) format("truetype"), url(../fonts/slick-4.html#slick) format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 120px;
  width: 10px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  outline: none;
  top: 60px;
  border: 1px solid #036;
  border-radius: 2px; }
  .slick-prev:hover,
  .slick-next:hover {
    outline: none;
    background: #d7ecfb;
    color: #fff; }
    .slick-prev:hover:before,
    .slick-next:hover:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -15px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "";
    right: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-right: 4px solid #004aff;
    padding-right: 1px; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -15px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "";
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #004aff;
    padding-left: 1px; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: right;
  padding: 0;
  margin: 0;
  right: 0;
  top: -40px;
  height: 40px;
  width: 145px; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }