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

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%;
}

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



/* -------------------------------
balinks  Jquery向け
------------------------------- */

.babackground{
border:2px solid #ffffff;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
padding-bottom:30px;
margin:0 auto;
}

div.balinks{
margin:10px auto;
}


span.balinks a{
background-color:#888888;
border-radius:5px;
padding:5px 5px;
color:#fff;
display:inline-block;
font-size:20px;
line-height:1.5;
}

span.balinks a:hover{
background: -moz-linear-gradient(top,#0099CC 0%,#006699);
background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
}

span.balinks a.selected{
background: -moz-linear-gradient(top,#0099CC 0%,#006699);
background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
}


/* -------------------------------
ba-unit
------------------------------- */

.baunit{
margin:20px 0px 80px 0px;
border-top:1px solid #666666;
}

.baunit-title{
float:left;
padding:10px;
font-size:36px;
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
overflow:hidden;
font-weight:bold;
}

.baunit-text{
font-size:14px;
line-height:1.5;
float:right;
width:600px;
overflow:hidden;
padding:15px;
}


/* -------------------------------
ba section
------------------------------- */

.basection{
margin:30px 0 30px 0;
overflow:hidden;
}

.basection-title{
background: url(/rentoku/sinsai/20years/ayumu/images/background-texture2.jpg) ;
border-radius: 3px;
padding: 5px 15px;
color: #333;
font-size:24px;
overflow:hidden;
border:2px solid #bbbbbb;
box-shadow: 0 0 4px rgba(0,0,0,0.7);
}

.basection-text{
font-size:16px;
line-height:1.5;
float:left;
width:600px;
overflow:hidden;
padding:15px;
}

.basection-text2{
font-size:14px;
line-height:1.5;
float:right;
width:340px;
overflow:hidden;
margin-top:15px;
padding:10px;
border:1px solid #888888;
}



/* -------------------------------
ba end section
------------------------------- */

.endsection{
margin:50px 0px 50px 300px;
overflow:hidden;
padding:20px;
background: url(/rentoku/sinsai/20years/ayumu/images/background-texture2.jpg) ;
border: 2px solid #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}


.endsection-title{
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
color:#716558;
font-size:24px;
margin-bottom:20px;
text-align:right;
font-weight;bold;
}

.endsection-text{
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
font-size:16px;
line-height:1.5;
}





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

.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;
}