@charset "utf-8";

/*-----------------------------------------------------

下層ページ用スタイル

------------------------------------------------------*/

/* =========================================================
　◆汎用スタイル
========================================================= */
.section { clear:both; margin-bottom:20px;}
.block { padding:10px;}


/* 360° トップページ */
.panorama.top #Main_inner { width:1200px; height:1000px; margin: 0 auto; padding-top: 100px; background: url(../../panorama/img/bg_01.jpg) no-repeat left top; }
.panorama.top .logo { width: 304px; margin: 0 auto;}
.panorama.top .titstyle01 { width: 672px; margin: 0 auto 13px;}
.panorama.top .textstyle01 { width: 740px; margin: 0 auto 34px; font-size: 16px; line-height: 30px; color: #fff; text-align: center;}
.panorama.top .btnarea01 { width: 900px; margin: 0 auto;}
.panorama.top .btnarea01 li { display: inline; float: left; width: 280px; margin-right: 30px;}
.panorama.top .btnarea01 li.last { margin-right: 0;}

html.panorama, body.panorama {overflow: hidden; height:100%; width:1200px; margin:0 auto; }
.panorama.top .viewport { width:1200px; height:100%; overflow:hidden; position:relative;}
.panorama.top .overview { position:absolute; top:0; left:0; }
#scrollbar1 { width:1200px; height:100%; position:relative; }
#scrollbar1 .scrollbar{ background: transparent; position: absolute; background-position: 0 0; right:0; z-index:1; width: 15px; height:100%; }
#scrollbar1 .track { background: transparent; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background:#333; opacity:0.6; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right:0; }
#scrollbar1 .thumb .end { background: transparent; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable{ display: none; }