@charset "utf-8";

body {
margin:0;
padding:0;
font-size:62.5%;
line-height:1.4;
background-image:url(/sp/tepra_zukan/css/img/bg-index-01.jpg);
background-position:50% 0;
background-repeat:no-repeat;
}

ul,
ul li,
ol li,
dl dt,
dl dd {
margin:0;
padding:0;
list-style:none;
}

img {
border:none;
vertical-align:bottom;
}

#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 .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,
#visual #sub ul li img {
zoom:1;
}

#visual #sub ul li ul {
padding:0;
}

#visual #sub ul li ul li {
height:11px;
width:11px;
position:absolute;
top:51px;
}

#visual #sub ul li ul .star01 {left:7px;}
#visual #sub ul li ul .star02 {left:19px;}
#visual #sub ul li ul .star03 {left:31px;}
#visual #sub ul li ul .star04 {left:43px;}
#visual #sub ul li ul .star05 {left:55px;}
#visual #sub ul li ul .star06 {left:67px;}
#visual #sub ul li ul .star07 {left:79px;}
#visual #sub ul li ul .star08 {left:91px;}
#visual #sub ul li ul .star09 {left:103px;}

#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 {
width: 556px;
height: 43px;
position:absolute;
right:0;
top:0;
z-index:10;
margin:0;
padding:0;
}

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

#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 .lyt-image-01 {
margin-bottom:5px;
}

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

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