@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "layout.css";
@import "add-style.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline;
}
/*global*/
body {
position:absolute;
font:12px/19px Tahoma, sans-serif;
font-family: Futo Go B101, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#cdcdcd;
min-width: 1160px;
min-height:900px;
width:100%;
height:100%;
overflow:hidden;
z-index:1;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
top:0px;
width:100%;
height:100%;
z-index:10000;
background:url( "../images/ajax-loader.gif") 50% 50% no-repeat #07090c;
}
#bgStretch {
z-index:1;
}
#bgStretch>img {
background: #07090c; 
}
.pagin{
position: absolute;
right: 31px;
bottom: 228px;
}
.pagin>ul>li{
display: block;
width: 20px;
height: 20px;
margin-top: 3px;
}
.pagin>ul>li>a{
width: 100%;
height: 100%;
display: block;
background: url('../images/pagin_icon.png') center bottom no-repeat;
}
.pagin>ul>li.active>a{
background-position: center top;
}
.logo {
position:relative;
display:inline-block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 374px;
height: 88px;
background: url('../images/logo.png') left center no-repeat;
}
/*footer*/
footer {
position:absolute;
width:100%;
z-index:100;
bottom:0px;
height:193px;
background: url('../images/footer_bg.png') center repeat-x;
}
footer p {
position: relative;
font: 14px/14px 'Georgia', cursive;
font-style: italic;
color: #5d5e5f;
padding-top: 11px;
text-transform: none;
}
footer p a{
color: #5d5e5f;
}
.topBlock{
height: 155px;
}
.botBlock{
height: 38px;
text-align: center;
z-index:100;
}
/*end footer*/
/*menu*/
.menu {
position: relative;
display: inline-block;
padding: 29px 25px 0 0;
float: right;
}
#menu>li {
display: inline-block;
position: relative;
height: 106px;
width: 106px;
float: left;
margin-right: -1px;
}
#menu>li.nodisp {
display: none;
}
#menu>li>a {
position: relative;
display: block;
height: 100%;
width: 100%;
font: 18px/104px 'Georgia', cursive;
/*font-style: italic;*/
font-family: Futo Go B101, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #c7c7c7;
text-align: center;
}
#menu>li>strong{
display: inline-block;
position:absolute;
height: 100%;
width: 100%;
top: 106px;
left: 0px;
z-index: -1;
background: url('../images/menu_bg.png') 0 0 no-repeat;
}
.submenu_1 {
position:absolute;
z-index:9100;
width: 100%;
left: 0px;
/*top: -135px;*/
top: -121px;
background: #000;
padding: 10px 0;
display: none;
}
.submenu_1 li {
position:relative;
display: block;
text-align: center;
height: 24px;
}
.submenu_1 a {
position:relative;
display: block;
font: 15px/20px 'Georgia', cursive;
/*font-style: italic;*/
font-family: Futo Go B101, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #c7c7c7;
background: none;
padding-bottom: 3px;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
color:#3e3e3e;
background: #fff;
}
.submenu_2 {
position:relative;
z-index:9100;
width: 100%;
left: 0px;
top: 0px;
display: none;
}
/*end menu*/
/*pages*/
#content {
position:relative;
width:1019px;
height:537px;
margin: 0 auto;
z-index: 50;
}
#content>ul {
width:100%;
}
#content>ul>li.nobg{
background: none;
width: 0;
height: 0;
}
#content>ul>li {
position:absolute;
width:100%;
height:100%;
background: url('../images/content_bg.png');
box-shadow: 0 0 8px rgba(0,0,0,0.39);
-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.39);
-moz-box-shadow: 0 0 8px rgba(0,0,0,0.39);
}
.readMore {
position: relative;
background: url('../images/more_arrow.png') left center no-repeat;
}
.readMore>span{
text-transform: uppercase;
font: 14px/18px 'Sansita One', cursive;
font-family: Futo Go B101, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #fff;
margin-left: 19px;
}
.readMore:hover {
text-decoration: none;
}
.vline{
display: inline-block;
float: left;
height: 435px;
width: 1px;
background: url('../images/vline.png') right center repeat-y;
top: -11px;
position: relative;
}
.list1{
margin-top: -2px;
}
.list1>li{
background: url('../images/hline.png') center bottom repeat-x;
width: 427px;
height: 148px;
margin-bottom: 30px;
position: relative;
}
.list1>li.last{
background: none;
margin-bottom: 0;
}
.list1>li>img{
margin-right: 28px;
float: left;
}
.list1>li>div{
overflow: hidden;
}
.list1>li>div>p{
padding: 5px 0px 12px 0px;
}
.list2{
margin: -4px 0 0 -9px;
}
.list2>li{
width: 251px;
height: 148px;
margin: -2px 56px 29px 0;
display: inline-block;
position: relative;
}
.list2>li.noMarBot{
margin-bottom: 0;
}
.list2>li>img{
margin: 3px 9px 0px 0;
float: left;
}
.list2>li>div{
margin-top: 0;
overflow: hidden;
}
.list2>li>div>p{
padding: 0px 0px 11px 0px;
}
.list2>li>div>p:first-child+p{
padding: 0px 0px 15px 0px;
}
.list3{
padding-left: 2px;
}
.list3>li{
width: 199px;
height: 300px;
margin: 0px 18px 30px 0;
display: inline-block;
position: relative;
}
.list3>li.noMarBot{
margin-bottom: 15px;
}
.list3>li>a>img{
margin: 0 0 24px 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.92);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.92);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.92);
}
.list3>li>p{
padding-bottom: 0px;
color: #fff;
}
.list4>li{
position: relative;
background: url('../images/list_icon.png') left 8px no-repeat;
margin-bottom: 12px;
}
.list4>li.last{
margin-bottom: 0;
}
.list4>li>a{
margin-left: 10px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.list4>li>a:hover{
text-decoration: underline;
}
.list5{
margin: -4px 0 0 -9px;
}
.list5>li{
width: 251px;
height: 148px;
margin: -2px 56px 29px 0;
display: inline-block;
position: relative;
}
.list5>li.noMarBot{
margin-bottom: 0;
}
.list5>li>img{
margin: 3px 9px 0px 0;
float: left;
}
.list5>li>div{
overflow: hidden;
}
.list5>li>div>p{
padding: 0px 0px 5px 0px;
}
.list5>li>div>p:first-child+p{
padding: 0px 0px 15px 0px;
}
#page_partners p{
padding-bottom: 9px;
}
#page_partners p.pad3{
padding-bottom: 28px;
}
.closeBtn{
position: absolute;
right: 13px;
top: 13px;
width: 32px;
height: 32px;
background: #eeeeee;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.closeBtn>span{
position: relative;
display: block;
width: 100%;
height: 100%;
background: url('../images/close_icon.png') center bottom no-repeat;
overflow: hidden;
}
/*scroll*/
.scroll{
position:relative;
width: 100%;
height:310px;
}
._shuttle{
position: relative;
width: 17px;
height: 100px;
background: url('../images/scroll_btn.png') center top no-repeat;
cursor: pointer;
overflow: hidden;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
._track{
width: 17px;
height: 294px;
position: absolute;
top: 85px;
right: 0;
}
._trackBG{
padding: 40px 0;
border: 1px solid #2b2b2b;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-left: -1px;
margin-top: -42px;
}
/*end scroll*/
.sitem_over {
position:absolute;
background:url( '../images/p3_bg_over.png') 0 0 repeat;
z-index:2;
width:199px;
height:233px;
display:none;
overflow: hidden;
}
.sitem_over>strong {
position:relative;
background:url( '../images/icon_zoom.png') center no-repeat;
width: 100%;
height: 100%;
display: block;
}
body p a {
text-decoration:none;
}
body p a:hover {
text-decoration:underline;
}
/*PADDINGS*/
.pad1 {
padding: 62px 0px 0px 68px;
}
.pad2 {
padding: 0px 0px 0px 46px;
}
.pad3 {
padding: 0px 0px 10px 0px;
}
.pad4 {
padding-bottom: 35px;
}
.mar1{
margin: 0px 0px 17px 0px;
}
.mar2{
margin: 6px 20px 0px 0px;
}
.color1{
color: #cdcdcd;
}
.color2{
color: #fff;
}
.fontStyle1{
font-size: 11px;
color: #fff;
}
.w1{
display: inline-block;
width: 70px;
}
.box1{
overflow:hidden;
width: 240px;
}
.box2{
display: inline-block;
overflow:hidden;
float: left;
width: 257px;
margin-right: 20px;
}
/*///////////////////////////*/
h1 {
position:relative;
padding: 33px 0 0 22px;
display: inline-block;
}
h2 {
position:relative;
font: 38px/38px 'Sansita One', cursive;
font-family: "trajan-pro-3", "Futo Go B101", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 600;
letter-spacing: -0.3px;
color: #fff;
margin-left: -2px;
padding-bottom: 43px;
text-shadow: rgba(255,255,255,0.8) 0px 0px 5px;
}
p {
text-transform: uppercase;
padding-bottom: 18px;
}
/*additional classes*/
.block {
display:block;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.fnone {
float:none;
}
.all {
text-align:left;
}
.alr {
text-align:right;
}
.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.box{
overflow:hidden;
}
a.und,.und a {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.extra-wrap {
overflow:hidden;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.bold {
font-weight:bold;
}
.rel {
position:relative;
}
.defcur {
cursor:default;
}
.ws {
white-space:pre;
}
.automargin {
margin:0 auto;
}
/* Forms*/
#form1 {
position: relative;
margin: -2px 0 0 1px;
height: 286px;
}
#form1 input {
position: relative;
background: url('../images/form_bg.png');
border: 1px solid #2b2b2b;
color:#cdcdcd;
padding: 4px 11px;
text-transform: uppercase;
width: 259px;
height: 20px;
outline:none;
box-shadow:none;
line-height: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#form1 textarea {
position: relative;
background: url('../images/form_bg.png');
border: 1px solid #2b2b2b;
color:#cdcdcd;
line-height: 20px;
text-transform: uppercase;
padding: 4px 11px;
width: 453px;
height: 164px;
overflow:auto;
outline:none;
resize: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#form1 label {
display:inline-block;
min-height: 37px;
position: relative;
width: 283px;
}
#form1 .success{
position: absolute;
bottom: -45px;
text-transform: uppercase;
left: 12px;
}
#form1 .error, #form1 .empty {
text-align: left;
display:none;
font-size:10px;
color:#fff;
margin-left: 3px;
top: -3px;
position: relative;
}
fieldset{
height: 210px;
}
.btns{
padding: 11px 0;
position: relative;
float: right;
}
.btns a{
display:inline-block;
}
/* Form defaults */
input, select, textarea {
font-family: Tahoma, sans-serif;
vertical-align: middle;
font-weight: normal;
font-size: 11px;
}
/*end forms*/
/*google map*/
.google_map{
width: 308px;
height: 199px;
border: none;
box-shadow: none;
background-color: #07090c;
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;  
position:  relative;
overflow: hidden;
margin:-2px 0 24px;
}
/*end google map*/