@charset "utf-8";

#tepra_zukan {
position:relative;
margin:-136px 0 0 0;
padding:0;
font-size:75%;
line-height:1.4;
background-image:url(/images/tepra_zukan/bg-index-01.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-color:#fff;
}

.hidden {
	display: none !important;
}

#container {
width:970px;
margin:0 auto;
padding: 0 15px;
}

/*

#container h1 {
width:452px;
height:146px;
float:left;
}

#container .logo {
float:right;
padding-top:117px;
}

*/

#topHeader {
height: 111px;
position: relative;
zoom:1;
}

#topHeader h1 {
margin: 0;
padding: 0;
position: absolute;
left: 113px;
top: 4px;
width:536px;
height:103px;
}

#topHeader p.logo {
position: absolute;
left: 0;
top: 43px;
width: 106px;
height: 59px;
margin: 0;
padding: 0;
}

#footer {
width:970px;
margin:0 auto;
padding: 10px 0 10px 0;
}

#footer #footerLogo {
float: left;
}

#footer #copyright {
float: right;
padding-top: 5px;
}

/*--------------------------------------------
lightbox
----------------------------------------------*/

.lightbox .wrap{
position:absolute;
top:118px;
left:52px;
border:solid 4px #000;
width:676px;
background-color:#FFF;
padding:15px 37px 15px 15px;
}

.lightbox .wrap .lyt-image-01 {
margin-bottom:0;
}

.lightbox .wrap .lyt-image-01 .txt {
float:right;
width:376px;
font-size:120%;
line-height:1.4;
}

.lightbox .wrap .lyt-image-01 .img {
margin:0;
float: left;
}

.lightbox .wrap .lyt-image-01 .txt h3{
margin:0 0 3px;
padding:2px 5px 1px;
color:#ffffff;
font-size:140%;
}

.lightbox .wrap .lyt-image-01 .txt p {
	margin: 1em 0;
}

.lightbox .wrap .label-info {
margin:0;
}

.lightbox .wrap .label-info dd ul {
margin:0;
width:auto;
}

.lightbox .wrap .label-info ul li {
float:inherit;
width:auto;
margin:0;
padding:0;
zoom:1;
}

.lightbox .wrap .label-info {
float: right;
width: 376px;
background-image:url(img/bg-label-info-03.gif);
background-position:0 0;
background-repeat:no-repeat;
margin-bottom:15px;
}

.lightbox .wrap .label-info dt {
float:left;
padding:11px 8px;
}

.lightbox .wrap .label-info dd {
padding-left:110px;
background-image:url(img/bg-label-info-04.gif);
background-position:0 bottom;
background-repeat:no-repeat;
}

.lightbox .wrap .label-info dd ul {
padding:11px 0;
}

.lightbox .wrap .label-info dd ul li {
font-size:120%;
padding-left:10px;
background-image:url(img/ico-detail-01.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
}

.lightbox .wrap .close {
width:23px;
height:23px;
position:absolute;
top:0;
right:0;
margin:0;
padding:0;
}

.lightbox .wrap .next {
width:97px;
height:27px;
position:absolute;
bottom:15px;
right:124px;
margin:0;
padding:0;
}

.lightbox .wrap .prev {
width:97px;
height:27px;
position:absolute;
bottom:15px;
right:226px;
margin:0;
padding:0;
}

/*--------------------------------------------
visual
----------------------------------------------*/

#visual {
width:970px;
height:689px;
margin-bottom: 20px;
background-image:url(img/bg-visual-01.gif);
background-position:0 0;
background-repeat:no-repeat;
position:relative;
clear:both;
zoom:1;
}

/*--------------------------------------------
visual　main
----------------------------------------------*/

#visual #main {
position:absolute;
top:4px;
left:4px;
width:829px;
height:681px;
overflow:hidden;
}

#visual #main #header {
position:absolute;
top:0;
left:0;
width:799px;
z-index:1000;
font-size:130%;
border-bottom:solid 4px #000000;
background-color:#FFFFFF;
padding:15px;
}

#visual #main #header h2,
#visual #main #header p {
margin:0;
padding:0;
}

#visual #main #header p {
padding-top:5px;
}

#visual #main .view {
position:absolute;
top:-456px;
left:-850px;
width:2511px;
height:1608px;
background-color:#ebebeb;
}

#visual #main .view li {
position:absolute;
}

#visual #main .view .img01 {
top:564px;
left:848px;
z-index:1;
}

#visual #main .view .point li {z-index:11;}
#visual #main .view .img01 .point01 {top:298px;left:18px;}
#visual #main .view .img01 .point02 {top:181px;left:180px;}
#visual #main .view .img01 .point03 {top:206px;left:266px;}
#visual #main .view .img01 .point04 {top:235px;left:45px;}
#visual #main .view .img01 .point05 {top:238px;left:336px;}
#visual #main .view .img01 .point06 {top:219px;left:423px;}
#visual #main .view .img01 .point07 {top:201px;left:506px;}
#visual #main .view .img01 .point08 {top:176px;left:757px;}
#visual #main .view .img01 .point09 {top:220px;left:713px;}

#visual #main .view .img02 {
top:94px;
left:1557px;
z-index:2;
}

#visual #main .view .img02 .point01 {top:86px;left:98px;}
#visual #main .view .img02 .point02 {top:155px;left:306px;}
#visual #main .view .img02 .point03 {top:92px;left:383px;}
#visual #main .view .img02 .point04 {top:346px;left:177px;}
#visual #main .view .img02 .point05 {top:103px;left:558px;}
#visual #main .view .img02 .point06 {top:131px;left:158px;}

#visual #main .view .img03 {
top:738px;
left:58px;
z-index:3;
}

#visual #main .view .img03 .point01 {top:258px;left:431px;}
#visual #main .view .img03 .point02 {top:280px;left:136px;}
#visual #main .view .img03 .point03 {top:390px;left:678px;}

#visual #main .view .img04 {
top:620px;
left:1668px;
z-index:4;
}

#visual #main .view .img04 .point01 {top:151px;left:155px;}
#visual #main .view .img04 .point02 {top:174px;left:254px;}
#visual #main .view .img04 .point03 {top:221px;left:300px;}
#visual #main .view .img04 .point04 {top:203px;left:376px;}
#visual #main .view .img04 .point05 {top:105px;left:448px;}
#visual #main .view .img04 .point06 {top:118px;left:669px;}
#visual #main .view .img04 .point07 {top:164px;left:753px;}

#visual #main .view .img05 {
top:1079px;
left:1578px;
z-index:5;
}

#visual #main .view .img05 .point01 {top:173px;left:71px;}
#visual #main .view .img05 .point02 {top:225px;left:192px;}
#visual #main .view .img05 .point03 {top:221px;left:259px;}
#visual #main .view .img05 .point04 {top:347px;left:205px;}
#visual #main .view .img05 .point05 {top:347px;left:287px;}
#visual #main .view .img05 .point06 {top:97px;left:211px;}
#visual #main .view .img05 .point07 {top:115px;left:430px;}
#visual #main .view .img05 .point08 {top:175px;left:387px;}
#visual #main .view .img05 .point09 {top:227px;left:591px;}


#visual #main .view .img06 {
top:4px;
left:748px;
z-index:6;
}

#visual #main .view .img06 .point01 {top:270px;left:14px;}
#visual #main .view .img06 .point02 {top:272px;left:369px;}
#visual #main .view .img06 .point03 {top:242px;left:428px;}
#visual #main .view .img06 .point04 {top:221px;left:593px;}
#visual #main .view .img06 .point05 {top:394px;left:634px;}
#visual #main .view .img06 .point06 {top:130px;left:706px;}
#visual #main .view .img06 .point07 {top:257px;left:507px;}


#visual #main .view .img07 {
top:132px;
left:14px;
z-index:7;
}

#visual #main .view .img07 .point01 {top:188px;left:79px;}
#visual #main .view .img07 .point02 {top:191px;left:158px;}
#visual #main .view .img07 .point03 {top:176px;left:277px;}
#visual #main .view .img07 .point04 {top:215px;left:348px;}
#visual #main .view .img07 .point05 {top:181px;left:544px;}

#visual #main .view .img08 {
top:1040px;
left:848px;
z-index:8;
}

#visual #main .view .img08 .point01 {top:139px;left:107px;}
#visual #main .view .img08 .point02 {top:217px;left:433px;}
#visual #main .view .img08 .point03 {top:158px;left:527px;}
#visual #main .view .img08 .point04 {top:131px;left:247px;}

/*--------------------------------------------
visual sub
----------------------------------------------*/

#visual #sub {
position:absolute;
top:4px;
width:129px;
right:4px;
border-left:solid 4px #000;
height:681px;
}

#visual #sub h3 {
margin:0;
padding:0;
}

#visual #sub ul {
padding:5px 0 0 4px;
}

#visual #sub ul li {
height:76px;
position:relative;
vertical-align:bottom;
}

#visual #sub ul li a {
	display: block;
}

#visual #sub ul li a,
#visual #sub ul li img {
zoom:1;
}

#visual #sub ul li ul {
	padding:0;
    position: absolute;
    top: 50px;
    max-width: 110px;
    margin-left: -1px;
    left: 12px;
}

#visual #sub ul li ul li {
height:11px;
width:10px;
display: inline-block;
zoom: 1;
margin-left: -2px;
}




#visual .tip {
width:150px;
position:absolute;
z-index:500;
color:#fff;
font-size:120%;
padding:5px;
}

#visual .lightbox {
width:829px;
height:681px;
z-index:600;
position:absolute;
top:0;
left:0;
background-image:url(img/bg-lightbox-01.png);
cursor:pointer;
}

/*--------------------------------------------
detail
----------------------------------------------*/

#detail {
width:970px;
margin:0 auto;
position:relative;
}

#detail .btn-labels-01 {
position:absolute;
right:0;
top:0;
z-index:10;
margin:0;
padding:0;
width: auto !important;
padding: 5px;
border: 1px solid #000;
}

#detail .btn-labels-01 dt,
#detail .btn-labels-01 dd {
float: left;
width: auto !important;
}

#detail .btn-labels-01 dd {
	margin: 2px 5px;
}

#detail h2 {
margin:0;
padding-bottom:12px;
border-bottom:solid 4px #000000;
}

#detail .inner {
border:solid 1px #000000;
padding:0 10px 10px;
}


#detail .inner ul {
position:relative;
margin-left:-28px;
background-image:url(img/bg-detail-02.gif);
background-position:16px 16px;
background-repeat:repeat-y;
}

#detail .inner ul {
*background-image: none;
}

#detail .inner ul li {
width:296px;
margin-left:28px;
*margin-left:14px;
float:left;
padding:16px 0;
background-image:url(img/bg-detail-01.gif);
background-position:0 bottom;
background-repeat:repeat-x;
zoom: 1;
}

#detail .inner > ul > li {
	min-height: 166px;
}

#detail .inner ul li .lyt-image-01 {
margin-bottom:5px;
}

#detail .inner ul li .lyt-image-01 .txt {
float:right;
width:190px;
height: auto !important;
}

#detail .inner ul li .lyt-image-01 .img {
margin:0;
}

#detail .inner ul li .lyt-image-01 .txt h3{
margin:0 0 5px;
padding:2px 5px 1px;
color:#ffffff;
font-size:140%;
}

#detail .inner ul li .lyt-image-01 .txt p {
margin:0;
}

#detail #area01 .inner ul li .lyt-image-01 .txt h3 { background-color:#0077d6; }
#detail #area02 .inner ul li .lyt-image-01 .txt h3 { background-color:#ffab00; }
#detail #area03 .inner ul li .lyt-image-01 .txt h3 { background-color:#338fad; }
#detail #area04 .inner ul li .lyt-image-01 .txt h3 { background-color:#ea629f; }
#detail #area05 .inner ul li .lyt-image-01 .txt h3 { background-color:#00ae4d; }
#detail #area06 .inner ul li .lyt-image-01 .txt h3 { background-color:#f44525; }
#detail #area07 .inner ul li .lyt-image-01 .txt h3 { background-color:#c146bc; }
#detail #area08 .inner ul li .lyt-image-01 .txt h3 { background-color:#7d7d7d; }

#detail .inner ul li .lyt-image-01 .txt p {
font-size:120%;
}

#detail .inner .label-info dd ul {
margin:0;
width:auto;
}

#detail .inner .label-info ul li {
float:inherit;
width:170px;
margin:0;
padding:0;
zoom:1;
}

#detail .inner .label-info {
background-image:url(img/bg-label-info-01.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:0;
}

#detail .inner .label-info dt {
float:left;
padding:11px 8px 5px 8px;
}

#detail .inner .label-info dd {
padding-left:110px;
background-image:url(img/bg-label-info-02.gif);
background-position:0 bottom;
background-repeat:no-repeat;
}

#detail .inner .label-info dd ul {
padding:11px 0;
}

#detail .inner .label-info dd ul li {
font-size:120%;
padding-left:10px;
background-image:url(img/ico-detail-01.gif);
background-position:0 0.4em;
background-repeat:no-repeat;
}

#detail .box-01 {
margin:15px 0;
border:solid 2px #c7c7c7;
background-color:#e4e4e4;
padding:6px;
}

#detail .box-01 .box-inner {
background-color:#fff;
padding:13px;
}

#detail .box-01 h4 {
font-size:180%;
padding:5px 0 3px 30px;
margin:0;
background-image:url(img/ico-info-01.gif);
background-position:0 0;
background-repeat:no-repeat;
border-bottom:solid 2px #ff2c2c;
}

#detail .box-01 .lyt-image-01 {
width:450px;
float:left;
}

#detail .box-01 .lyt-image-01 .txt h3 {
font-size:140%;
margin:0;
padding:5px 0;
color:#545454;
}

#detail .box-01 .lyt-image-01 .txt p {
font-size:120%;
}

#detail .box-01 .lyt-image-01 .txt {
float:right;
width:300px;
padding-right:15px;
}

#footer:after,
#detail .inner ul:after,
#detail .inner .label-info:after,
#detail .inner ul li .lyt-image-01:after,
#detail .box-01 .box-inner:after{
content:".";
height:0;
font-size:0;
line-height:0;
display:block;
clear:both;
}

#footer:after,
#detail .inner ul,
#detail .inner .label-info,
#detail .inner ul li .lyt-image-01,
#detail .box-01 .box-inner {
zoom:1;
}

.acenter {
text-align:center !important;
}



/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 1023
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 1023px) {

#tepra_zukan {
	margin: -136px 0 0 0;
}


#container,
#detail {
	width: 720px;
	margin: auto;
}

/*
#visual {
    transform: scale(0.742);
    -webkit-transform: scale(0.742);
    transform-origin: left top;
    margin-bottom: -140px;
}
*/


#visual {
	width: 100%;
	height: 100%;
	background: none;
}


#visual #main {
	width: 100%;
	height: 100%;
	top: auto;
	left: auto;
	border: 4px solid #000;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

#visual #main #header {
	width: auto;
	position: relative;
}

#visual #main .view {
	position: relative;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 470px;
	overflow-y: scroll;
	
	overflow-y: hidden;
	overflow-x: hidden;
	
	-webkit-overflow-scrolling: touch;
}

#visual #main .view > li{
	position: relative;
	float: left;
	top: auto !important;
	left: auto !important;
}

#visual #main .view > li img {
	height: 100% !important;
}

#visual #sub {
	position: relative;
	width: 100%;
	height: auto;
	right: auto;
	top: auto;
	border: none;
	overflow: hidden;
	border: 4px solid #000;
	border-top: none;
	box-sizing: border-box;
	padding: 5px 0 0;
}

#visual #sub h3 {
	float: left;
	width: 16.6666%;
	display: none;
}

#visual #sub ul {
	padding: 0;
	text-align: center;
}

#visual #sub li {
	display: inline-block;
	width: 16%;
}

#visual #sub ul li ul {
	left: 4px;
	margin-left: 5px;
}


#detail .inner ul {
	margin: 0;
}

#detail .inner ul li {
	width: 45%;
	margin: 0 2.5%;
}

#detail .inner ul {
	background-image: none;
	margin: 0 -2.5%;
}

#detail .inner ul li .lyt-image-01 .txt {
    margin-right: 0px;
    width: 220px;
}

#detail .btn-labels-01 {

}


#visual .lightbox {
	width: 100%;
	height: 100%;
}

.lightbox .wrap {
	top: 118px;
	left: 10%;
	width: 80%;
	padding: 2.5%;
	box-sizing: border-box;
}

.lightbox .wrap .lyt-image-01 .txt {
	width: 60%;
}

.lightbox .wrap .lyt-image-01 .img {
	width: 40%;
}

.lightbox .wrap .lyt-image-01 .img img {
	display: block;
	width: 90% !important;
	height: auto !important;
}

#visual #main .view .img01 .point01 {
    top: 258px;
    left: 11px;
}

#visual #main .view .point {
	display: block !important;
}

#visual #main .label-info {
	width: 60%;
}

.label-info {
	background: none !important;
	border: 1px solid #ff0000;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
}

.label-info dt {
	float: left;
	background: #ffe0e0 !important;
	padding-bottom: 1000px !important;
	margin-bottom: -1000px !important;
}

.label-info dd {
	background: none !important;
}

.lightbox .wrap .next {
	right: 20px;
}


#visual #main .view .img01 .point02 {
    top: 147px;
    left: 145px;
}

#visual #main .view .img01 .point03 {
    top: 170px;
    left: 222px;
}

#visual #main .view .img01 .point04 {
    top: 191px;
    left: 35px;
}

#visual #main .view .img01 .point05 {
    top: 192px;
    left: 278px;
}

#visual #main .view .img01 .point06 {
    top: 179px;
    left: 355px;
}

#visual #main .view .img01 .point07 {
    top: 151px;
    left: 416px;
}

#visual #main .view .img01 .point08 {
    top: 136px;
    left: 635px;
}

#visual #main .view .img01 .point09 {
    top: 180px;
    left: 593px;
}

#visual #main .view .img02 .point02 {
    top: 141px;
    left: 266px;
}

#visual #main .view .img02 .point04 {
    top: 316px;
    left: 157px;
}

#visual #main .view .img02 .point06 {
    top: 121px;
    left: 132px;
}

#visual #main .view .img04 .point01 {
    top: 119px;
    left: 123px;
}

#visual #main .view .img04 .point02 {
    top: 134px;
    left: 208px;
}

#visual #main .view .img04 .point04 {
    top: 161px;
    left: 306px;
}

#visual #main .view .img04 .point05 {
    top: 77px;
    left: 368px;
}

#visual #main .view .img04 .point06 {
    top: 89px;
    left: 551px;
}

#visual #main .view .img05 .point02 {
    top: 188px;
    left: 156px;
}

#visual #main .view .img05 .point03 {
    top: 195px;
    left: 228px;
}

#visual #main .view .img05 .point04 {
    top: 300px;
    left: 175px;
}

#visual #main .view .img05 .point05 {
    top: 300px;
    left: 247px;
}

#visual #main .view .img08 .point02 {
    top: 217px;
    left: 433px;
}

#visual #main .view .img08 .point04 {
    top: 121px;
    left: 235px;
}

#visual #main .view .img08 .point02 {
    top: 207px;
    left: 410px;
}


#visual #main .view .img06 .point01 {
	top: 230px;
    left: 14px;
}

#visual #main .view .img06 .point02 {
    top: 230px;
    left: 315px;
}

#visual #main .view .img06 .point03 {
    top: 202px;
    left: 370px;
}

#visual #main .view .img06 .point04 {
    top: 181px;
    left: 513px;
}








}




/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 767px
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 767px) {

#tepra_zukan {
	margin: -82px 0 0 0;
}

#container, #detail {
	width: auto;
	padding: 0;
	margin: 0 10px;
}

#topHeader h1 {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	max-width: 100%;
	height: auto;
}

#topHeader p.logo {
	display: none;
}

.acenter img {
	height: 100% !important;
}

#visual #main {
	background: #000;
}

#visual #main .view {
	width: 480px;
	height: 310px;
	margin: auto;
}

#visual #sub ul {
	
}

#visual #sub > ul > li {
	
	margin-right: -1px;
}

#detail .inner ul li {
	width: auto;
	float: none;
	position: relative;
}

#detail .inner ul li .lyt-image-01 .txt {
	height: auto !important;
	float: none;
	width: auto;
	margin-left: 105px;
	min-height: 100px;
}

#detail .inner ul li .lyt-image-01 .img {
	margin: 0;
	position: absolute;
    left: 0px;
    top: 16px;
}

#detail .inner .label-info dd ul li {
	width: auto;
}

#visual #sub ul li {
	height: auto;
}

#visual #sub ul li ul {
    margin-left: 3px;
    position: absolute;
    top: 70%;
    width: 100%;
}


#visual #sub ul li ul li {
	position: relative;
	left: auto !important;
	top: auto !important;
	float: left;
	display: block;
	width: 10%;
	height: auto;
}

#visual #sub ul li img,
#visual #sub ul li ul li img {
	height: auto !important;
}

#visual #main .view .point li img {
	transform-origin: center top;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
}



#visual #main .view .img01 .point01 {
    top: 165px;
    left: -8px;
}

#visual #main .view .img01 .point02 {
    top: 92px;
    left: 85px;
}

#visual #main .view .img01 .point03 {
    top: 109px;
    left: 141px;
}

#visual #main .view .img01 .point04 {
    top: 121px;
    left: 8px;
}

#visual #main .view .img01 .point05 {
    top: 130px;
    left: 178px;
}

#visual #main .view .img01 .point06 {
    top: 110px;
    left: 228px;
}

#visual #main .view .img01 .point07 {
    top: 101px;
    left: 261px;
}

#visual #main .view .img01 .point08 {
    top: 86px;
    left: 414px;
    margin-right: -6px;
}

#visual #main .view .img01 .point09 {
    top: 112px;
    left: 387px;
}


#visual #main .view .img02 .point02 {
    top: 89px;
    left: 166px;
}

#visual #main .view .img02 .point04 {
    top: 206px;
    left: 91px;
}

#visual #main .view .img02 .point06 {
    top: 61px;
    left: 71px;
}

#visual #main .view .img04 .point01 {
    top: 69px;
    left: 73px;
}

#visual #main .view .img04 .point02 {
    top: 83px;
    left: 130px;
}

#visual #main .view .img04 .point04 {
    top: 102px;
    left: 194px;
}

#visual #main .view .img04 .point05 {
    top: 37px;
    left: 241px;
}

#visual #main .view .img04 .point06 {
    top: 51px;
    left: 361px;
}

#visual #main .view .img05 .point02 {
    top: 110px;
    left: 92px;
}

#visual #main .view .img05 .point04 {
    top: 203px;
    left: 99px;
}

#visual #main .view .img05 .point05 {
    top: 192px;
    left: 152px;
}

#visual #main .view .img08 .point01 {
	top: 79px;
	left: 49px;
}

#visual #main .view .img08 .point02 {
    top: 135px;
    left: 261px;
}

#visual #main .view .img08 .point04 {
    top: 71px;
    left: 145px;
}


#visual #main .view .img06 .point01 {
	top: 150px;
	left: -6px;
}

#visual #main .view .img06 .point02 {
    top: 140px;
    left: 196px;
}

#visual #main .view .img06 .point03 {
    top: 130px;
    left: 240px;
}

#visual #main .view .img06 .point04 {
    top: 111px;
    left: 333px;
}

#detail .btn-labels-01 {
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}



}



/* ////////////////////////////////////////////////////////////////////////////////
///
/// under 480
///
//////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 480px) {

#tepra_zukan {
    background-size: 200%;
}

#topHeader {
	height: auto;
}

#topHeader h1 {
	padding: 10px 0;
}

#visual {
	width: 110%;
	margin: 0 -5%;
}

#visual #main .view {
	width: 315px;
	height: 204px;
}

#visual #sub ul li {
	
}


#detail {
    margin-top: 10px;
}

#tepra_zukan img {
	height: auto !important;
}


#detail .btn-labels-01 {
	display: block;
	position: relative;
	margin: -10px -10px 20px -10px;
	padding: 10px 0 10px 10px;
	border: none;
	border-bottom: 1px solid #000;
}

#detail .btn-labels-01 dt {

}

#detail .btn-labels-01 dd {
	margin: 2px 0;
}

#detail .inner ul li {
	width: 95%;
	float: none;
	height: auto !important;
}

#detail .inner ul li .lyt-image-01 .txt {
	margin-right: 0;
}

#detail h2 img {
	height: 30px !important;
	width: auto;
}


#visual #sub > ul > li {
	width: 30%;
}

#visual #sub ul li ul {
    left: 11px;
}

#visual #main .view .point li img {
	transform-origin: center top;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
}


#visual #main .view .point img {
	display: none;
}

#visual #main .view .point li a {
	display: block;
}

#visual #main .view .point li a:before {
	display: block;
	line-height: 24px;
	width: 24px;
	font-size: 13px;
	background: #000;
	color: #FFF;
	border-radius: 50%;
	text-align: center;
}

#visual #main .view .tip {
	display: none !important;
}


#visual .lightbox {
	position: fixed;
	z-index: 1000;
}

.lightbox .wrap {
	top: 5%;
	width: 90%;
	left: 5%;
}

.lightbox .wrap .next {
	bottom: -27px;
	right: 0px;
}

.lightbox .wrap .prev {
	bottom: -27px;
	right: inherit;
	left: 0px;
}

#visual #main .label-info {
	width: 100%;
}

.lightbox .wrap .lyt-image-01 .img {
	width: 100%;
	float: none;
	margin: 0 auto 10px;
}

.lightbox .wrap .lyt-image-01 .img img {
	width: auto !important;
	max-width: 150px;
	margin: auto;
}

.lightbox .wrap .lyt-image-01 .txt {
	width: 100%;
}

#visual #main .view .view1 .point li a:before {background: #0073d9;}
#visual #main .view .view2 .point li a:before {background: #ffae00;}
#visual #main .view .view4 .point li a:before {background: #ec5fa0;}
#visual #main .view .view5 .point li a:before {background: #00b048;}
#visual #main .view .view8 .point li a:before {background: #7d7d7d;}
#visual #main .view .view6 .point li a:before {background: #f74316;}

#visual #main .view .point .number1 a:before {content: '1';}
#visual #main .view .point .number2 a:before {content: '2';}
#visual #main .view .point .number3 a:before {content: '3';}
#visual #main .view .point .number4 a:before {content: '4';}
#visual #main .view .point .number5 a:before {content: '5';}
#visual #main .view .point .number6 a:before {content: '6';}
#visual #main .view .point .number7 a:before {content: '7';}
#visual #main .view .point .number8 a:before {content: '8';}
#visual #main .view .point .number9 a:before {content: '9';}


#visual #main .view .img01 .point01 {
    top: 103px;
    left: 12px;
}

#visual #main .view .img01 .point02 {
    top: 68px;
    left: 70px;
}

#visual #main .view .img01 .point03 {
    top: 85px;
    left: 93px;
}

#visual #main .view .img01 .point04 {
    top: 72px;
    left: 14px;
}

#visual #main .view .img01 .point05 {
    top: 90px;
    left: 127px;
}

#visual #main .view .img01 .point06 {
    top: 74px;
    left: 158px;
}

#visual #main .view .img01 .point07 {
    top: 91px;
    left: 215px;
}

#visual #main .view .img01 .point08 {
    top: 61px;
    left: 274px;
    margin-right: -6px;
}

#visual #main .view .img01 .point09 {
    top: 72px;
    left: 245px;
}


#visual #main .view .img02 .point02 {
    top: 59px;
    left: 116px;
}

#visual #main .view .img02 .point04 {
    top: 116px;
    left: 61px;
}

#visual #main .view .img02 .point06 {
    top: 41px;
    left: 221px;
}

#visual #main .view .img04 .point01 {
    top: 48px;
    left: 55px;
}

#visual #main .view .img04 .point02 {
    top: 80px;
    left: 90px;
}

#visual #main .view .img04 .point04 {
    top: 88px;
    left: 134px;
}

#visual #main .view .img04 .point05 {
    top: 37px;
    left: 181px;
}

#visual #main .view .img04 .point06 {
    top: 41px;
    left: 248px;
}


#visual #main .view .img05 .point02 {
    top: 90px;
    left: 72px;
}

#visual #main .view .img05 .point04 {
    top: 123px;
    left: 90px;
}

#visual #main .view .img05 .point05 {
    top: 130px;
    left: 132px;
}

#visual #main .view .img08 .point01 {
	top: 49px;
	left: 49px;
}

#visual #main .view .img08 .point02 {
    top: 87px;
    left: 174px;
}

#visual #main .view .img08 .point04 {
    top: 53px;
    left: 102px;
}


#visual #main .view .img06 .point01 {
	top: 150px;
	left: -6px;
}

#visual #main .view .img06 .point02 {
    top: 140px;
    left: 196px;
}

#visual #main .view .img06 .point03 {
    top: 130px;
    left: 240px;
}

#visual #main .view .img06 .point04 {
    top: 111px;
    left: 333px;
}


#visual #main .view .img06 .point01 {
	top: 120px;
	left: 24px;
}

#visual #main .view .img06 .point02 {
    top: 117px;
    left: 146px;
}

#visual #main .view .img06 .point03 {
    top: 90px;
    left: 170px;
}

#visual #main .view .img06 .point04 {
    top: 111px;
    left: 243px;
}



#detail .box-01 h4 {
	font-size: 155%;
}


}