/* -------------------------------
全体のデザイン
------------------------------- */

body{
}

a{
color:#ffffff;
}

.title-logo{
position: absolute;
z-index:50;
top: 50%;
right: 0;
margin-top:-35px;
margin-left: -330px;
opacity:0.75;
}

.wrap{
background-image:url(/rentoku/sinsai/20years/ayumu/images/background-texture3.png);
width:100%;
padding-top:20px;
}

.wrap2{
background-image:url(/rentoku/sinsai/20years/ayumu/images/background-texture3.png);
width:100%;
height:100%;
}

.content_section{
margin:0px auto 0px auto;
padding-bottom:60px;
width:1032px;
overflow:hidden;
}

.bgmaximage{
  position:fixed !important;
  display:none;
}
 
.loader {
  position:absolute;
  z-index:9999;
  width:39px;
  height:39px;
  top:49%;
  left:49%
}


.syousai-background{
background-image:url(/rentoku/sinsai/20years/ayumu/images/misaic-background-black.png);
width:100%;
height:100%;
}

.wrap-syousai-mini{
background-color: #ffffff;
opacity: 0.9;
-moz-opacity: 0.9;
width:440px;
float:right;
margin-right:100px;
padding:20px;
overflow:hidden;
overflow-y:auto;
margin-top:20px;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
font-size:18px;
line-height:1.6;
position:relative;
}

.detailsopenbutton{
margin-top:-20px;
margin-bottom:-20px;
margin-left:-20px;
margin-right:-20px;
background-color:#bbbbbb;
color:#333333;
width:480px;
font-size:16px;
padding:4px 8px;
font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
text-align:center;
}

                     
                     
                     
.wrap-syousai{
background-color: #ffffff;
opacity: 0.9;
-moz-opacity: 0.9;
width:440px;
float:right;
margin-right:100px;
padding:20px;
overflow:hidden;
height:85%;
overflow-y:auto;
margin-top:20px;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
font-size:18px;
line-height:1.6;
position:relative;
display:none;
}

.detailscategoryname{
margin-top:-20px;
margin-left:-20px;
background-color:#000000;
color:#ffffff;
width:15em;
font-size:14px;
padding:4px 8px;
font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

.detailsclosebutton{
position:absolute;
top:10px;
right:10px;
}




.wrap-syousai .details, .wrap-syousai-mini .details{
padding:12px;
overflow:hidden;
}

.wrap-syousai .details span,  .wrap-syousai-mini .details span{
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
font-size:28px;
}

.wrap-syousai .details p, .wrap-syousai-mini .details p{
margin:7px 0;
padding:7px 0;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
font-size:16px;
line-height:1.5;
font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

.wrap-syousai .details p span, .wrap-syousai-mini .details p span{
font-size:16px;
font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}

.phoexplain{
margin:14px 0 0 0;
padding:7px 0 0 0;
border-top:1px solid #333333;
font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
font-size:14px;
}



#bg { position: fixed; top: 0; left: 0;  z-index:0;}

.bgwidth { width: 80%; }

.bgheight { height: 100%; }



.EntryPrevious{
position: fixed; 
top: 47%; 
left: 1%;
z-index:10;
opacity:0.7;
}            

.EntryNext{
position: fixed; 
top: 47%;
right: 1%;
z-index:10;
opacity:0.7;
}            

.EntryBack{
position: fixed; 
top: 1%;
left: 1%;
z-index:10;
opacity:0.7;
}            













/* -------------------------------
共通ナビゲーション
------------------------------- */

.nav-primary{
width:100%;
height:40px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(63, 59, 58, 1) 0%,rgba(65, 61, 60, 1) 42.29%,rgba(72, 68, 67, 1) 60.26%,rgba(83, 80, 80, 1) 73.61%,rgba(99, 97, 97, 1) 84.68%,rgba(120, 120, 120, 1) 94.24%,rgba(137, 137, 138, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(63, 59, 58, 1) 0%, rgba(65, 61, 60, 1) 42.29%, rgba(72, 68, 67, 1) 60.26%, rgba(83, 80, 80, 1) 73.61%, rgba(99, 97, 97, 1) 84.68%, rgba(120, 120, 120, 1) 94.24%, rgba(137, 137, 138, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(63, 59, 58, 1) ),color-stop(0.4229,rgba(65, 61, 60, 1) ),color-stop(0.6026,rgba(72, 68, 67, 1) ),color-stop(0.7361,rgba(83, 80, 80, 1) ),color-stop(0.8468,rgba(99, 97, 97, 1) ),color-stop(0.9424,rgba(120, 120, 120, 1) ),color-stop(1,rgba(137, 137, 138, 1) ));
background : -o-linear-gradient(90deg, rgba(63, 59, 58, 1) 0%, rgba(65, 61, 60, 1) 42.29%, rgba(72, 68, 67, 1) 60.26%, rgba(83, 80, 80, 1) 73.61%, rgba(99, 97, 97, 1) 84.68%, rgba(120, 120, 120, 1) 94.24%, rgba(137, 137, 138, 1) 100%);
background : -ms-linear-gradient(90deg, rgba(63, 59, 58, 1) 0%, rgba(65, 61, 60, 1) 42.29%, rgba(72, 68, 67, 1) 60.26%, rgba(83, 80, 80, 1) 73.61%, rgba(99, 97, 97, 1) 84.68%, rgba(120, 120, 120, 1) 94.24%, rgba(137, 137, 138, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3B3A', endColorstr='#89898A' ,GradientType=0)";
background : linear-gradient(0deg, rgba(63, 59, 58, 1) 0%, rgba(65, 61, 60, 1) 42.29%, rgba(72, 68, 67, 1) 60.26%, rgba(83, 80, 80, 1) 73.61%, rgba(99, 97, 97, 1) 84.68%, rgba(120, 120, 120, 1) 94.24%, rgba(137, 137, 138, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89898A',endColorstr='#3F3B3A' , GradientType=0);
}

.nav-primary-area{
width:1004px;
margin:0px auto;
}

.nav-primary-area-left{
float:left;
overflow:hidden;
}

.nav-primary-area-right{
float:right;
overflow:hidden;
}

.nav-global{
width:100%;
height:80px;
background : -moz-linear-gradient(50% 100% 90deg,rgba(239, 239, 239, 1) 0%,rgba(181, 181, 182, 1) 100%);
background : -webkit-linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(181, 181, 182, 1) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(239, 239, 239, 1) ),color-stop(1,rgba(181, 181, 182, 1) ));
background : -o-linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(181, 181, 182, 1) 100%);
background : -ms-linear-gradient(90deg, rgba(239, 239, 239, 1) 0%, rgba(181, 181, 182, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#B5B5B6' ,GradientType=0)";
background : linear-gradient(0deg, rgba(239, 239, 239, 1) 0%, rgba(181, 181, 182, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B5B5B6',endColorstr='#EFEFEF' , GradientType=0);
padding-top:5px;
border-bottom:10px solid #6f6f6f;
}

.nav-global-area{
width:1004px;
margin:0px auto;
position:relative;
}

.nav-global-area-left{
float:left;
overflow:hidden;
}

.nav-global-area-right{
float:right;
overflow:hidden;
}

.nav-global-area-centermenu{
position:absolute;
left:360px;
top:20px;
width:500px;
z-index:9999;
}


/* -------------------------------------
　eq コンテンツ選択 アコーディオンメニュー
-------------------------------------- */

.eq-acordion-area{
background-color:#BAE6E4;
border-bottom: #116677 2px solid;
padding:10px 0px;
}

.eq-acordion{
background:#fff;
box-shadow: 0 0 4px rgba(0,0,0,0.7);
border-radius:5px;
width:90%;
margin:0 auto;
}


.eq-acordion_button{
padding:10px 10px 10px 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
border-radius:5px;
font-size:100%;
line-height:20px;
}

.eq-acordion_button.active{
border-radius:5px 5px 0 0;
border-bottom:1px solid #cfcfcf;
}

.eq-acordion_unit{
padding:5px 15px 5px 15px;
font-size:100%;
display:none;
}

.open-close {
float:left;
text-indent:-9999px;
display:block;
height:20px;
width:20px;
display:block;
margin-right:15px;
background:url(//www.kobe-np.co.jp/common/sp/img/sa-menu-open.png) no-repeat;
-webkit-background-size:20px 20px;
}

.eq-acordion_button.active .open-close{
background:url(//www.kobe-np.co.jp/common/sp/img/sa-menu-close.png) no-repeat;
-webkit-background-size:20px 20px;
}


.eq-acordion_unit li{
padding:13px 5px;
font-size:115%;
overflow:hidden;
}

.eq-acordion_unit li a{
color:#333333;
display: block;
}

.eq-acordion_unit li+li{
border-top:2px solid #efefef;
}

.eq-acordion_unit li:last-child{
padding:13px 5px;
font-size:115%;
}

.eq-acordion-homeback-area{
overflow:hidden;
}

.ir-acordion-homeback-area:after{
clear:both;
}


.eq-acordion-homeback{
float:right;
padding:5px 10px;
border-radius:10px;
background-color:#666666;
color:#ffffff;
text-align:center;
width:165px;
margin:-5px 0px;
}

.eq-acordion-homeback a{
color:#ffffff!important;
}


/* -------------------------------------
　トップに戻る
-------------------------------------- */


#scroll-to-top {
position: fixed;
z-index: 2147483647;
bottom: 60px;
right: 20px;
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 12px;
font-family: sans-serif;
text-decoration: none;
padding: 10px 10px;
border-radius:5px;
}

.scroll-to-top-not-display {
display: none;
}


/* -------------------------------------
　フッター
-------------------------------------- */

.footer {
width: 100%;
height: 40px;
overflow: hidden;
background-color: rgba(0, 0, 0, .5);
background-image: url(/rentoku/sinsai/20years/ayumu/images/ie8background.png)\9;
position: fixed;
z-index: 750;
left: 0;
bottom: 0;
}

#twt{
margin-left: 20px;
margin-top: 10px;
float:left;
}

#fb{
margin-left: 0px;
margin-top: 10px;
float:left;
}

.backlink{
float: right;
margin-right: 20px;
}

.backlink a{
color:#ffffff;
height: 40px;
line-height:40px;
font-size:14px;
font-weight:bold;
text-decoration:none;
}