@charset "utf-8";

/* ========================================================================
    01. kill browser default
    02. base style
	03. module style
------------------------------------------------------------------------ */

/* ========================================================================
    01. kill browser default
------------------------------------------------------------------------ */

/* 
    Structure
--------------------------------------------------*/
body{
margin:0;
padding:0;
color:#333;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:68.75%;
line-height:1.5;
}

/* Heading Module
--------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6{
margin:0;
padding:0;
}

/* Text Module
--------------------------------------------------*/
p{
margin:0;
padding:0;
}

strong{
color:#b00;
font-weight:bold;
}

em{
font-style:normal;
font-weight:bold;
}

address{
margin:0;
padding:0;
font-style:normal;
}

/* Hypertext Module
--------------------------------------------------*/
a:link{
color:#167dcb;
text-decoration:underline;
}

a:visited{
color:#6c8293;
text-decoration:underline;
}

a:hover,
a:active,
a:focus{
color:#00b69a;
text-decoration:underline;
}

/* List Module
--------------------------------------------------*/
ul,
ol,
dl{
margin:0;
padding:0;
list-style:none;
}

ol{
list-style-type:decimal;
}

li,
dt,
dd{
margin:0;
padding:0;
}

li p,
li li,
li dt,
li dd,
li caption,
li th,
li td,
dd p,
dd li,
dd dt,
dd dd,
dd caption,
dd th,
dd td{
font-size:100%;
}

/* Table Module
--------------------------------------------------*/
table{
margin:0;
padding:0;
}

td p,
td li,
td dt,
td dd{
font-size:100%;
}

/* Image Module
--------------------------------------------------*/
img{
border:0;
vertical-align:bottom;
}

/* Form Module
--------------------------------------------------*/
form,
fieldset{
margin:0;
padding:0;
border:0;
}

legend{
display:none;
}

/* Horizontal Rule
--------------------------------------------------*/
hr{
display:none;
}

/* Get hasLayout
--------------------------------------------------*/
h2, div, ul, li, dl, dt, dd, p{
zoom:1;
}

ol li,
div.image-float p{
zoom:0;
}


/* ========================================================================

    02. base style
	
------------------------------------------------------------------------ */
#str-contents{
margin:0 auto;
width:1040px;
text-align:left;
font-size:1.2em;
background:url(/sp/tepra_grand/images/bg-under-01.gif) no-repeat left top;
}

body#index #str-contents{
background:url(/sp/tepra_grand/images/bg-index-01.gif) no-repeat left top;
}

/* 	str-header
--------------------------------------------------*/
#str-header{
margin:0 auto;
padding:16px 0 14px;
width:900px;
text-align:left;
}

/* 	section
--------------------------------------------------*/
.section{
margin:0 auto;
width:880px;
border-right:10px solid #150301;
border-left:10px solid #150301;
}

.section.last{
margin-bottom:20px;
border-bottom:10px solid #150301;
}

.section-inner{
width:836px;
margin:0 auto;
padding:5px 0 15px;
}

/* 	mainvisual
--------------------------------------------------*/
body#index #main-visual{
position:relative;
margin:0 0 20px 70px;
height:262px;
}

body#index #main-visual .text{
position:absolute;
top:128px;
left:693px;
}

body#under #main-visual{
margin:0 0 20px 56px;
}

/* 	nav-global
--------------------------------------------------*/
#nav-global{
margin:0 70px;
}

#nav-global li{
float:left;
}


/* 	str-footer
--------------------------------------------------*/
#str-footer .inner{
margin:0 auto;
width:900px;
}

#str-footer .inner .nav-top{
float:right;
width:112px;
text-align:right;
}

.share-btn-01{
  text-align:right;
  width:1300px;
  margin-bottom:10px;
}

.share-btn-01 li{
  display:inline-block;
  vertical-align:top;
}

.share-btn-01 li:first-child{
  margin-right:25px;
}

#str-footer .inner-02{
clear:both;
padding:20px 0 50px;
color:#fff;
background-color:#000;
text-align:center;
}

/* ========================================================================

    03. module style
	
------------------------------------------------------------------------ */

/* 	Heading
--------------------------------------------------*/
.hdg-l2-01{
margin:0 0 0 57px;
}

.hdg-l3-01{
margin:0 0 13px;
}

.hdg-l3-02{
margin:0 0 20px;
}


/* 	Paragraph
--------------------------------------------------*/
.section .section-inner p{
margin-bottom:10px;
}

.small{
font-size:85%;
}


/* 	List
--------------------------------------------------*/
ul.list-bullet-01,
ul.list-link-01,
ul.list-notice-01{
margin-bottom:15px;
}

/* list-bullet */
ul.list-bullet-01 li{
margin-bottom:3px;
padding-left:17px;
background:url(/sp/tepra_grand/images/ico-bullet-01.gif) no-repeat left 0.15em;
}

ul.list-bullet-01 li ul.list-bullet-01{
margin-bottom:5px;
}

ul.list-bullet-01 li ul.list-bullet-01 li{
padding-left:10px;
background:url(/sp/tepra_grand/images/ico-bullet-02.gif) no-repeat left 0.4em;
}

/* list-link */
ul.list-link-01 li{
text-align:right;
}

ul.list-link-01 li a{
padding-left:18px;
background:url(/sp/tepra_grand/images/ico-arrow-01.gif) no-repeat left 0.1em;
}

/* list-notice */
ul.list-notice-01 li{
position:relative;
margin-bottom:3px;
padding-left:1.25em;
background:none;
}

ul.list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

/* list-btn */
ul.list-btn-01{
margin:0 108px 15px;
}

ul.list-btn-01 li{
float:left;
padding:0 21px;
}


/* 	Image and Text
--------------------------------------------------*/
.section .section-inner div.lyt-image{
margin:0;
}

.section .section-inner div.lyt-image p.image{
margin-bottom:0 !important;
}

.section .section-inner div.lyt-image .caption{
display:block;
padding-top:5px;
text-align:left;
}

.section .section-inner div.lyt-image .btn{
display:block;
margin-top:10px;
text-align:center;
}

.section .section-inner div.lyt-image.image-L p.image{
float:left;
margin:0 15px 10px 0 !important;
}

.section .section-inner div.lyt-image.image-R p.image{
float:right;
margin:0 0 10px 15px !important;
text-align:right;
}

.section .section-inner div.lyt-image.image-L .caption,
.section .section-inner div.lyt-image.image-L .btn{
padding-right:15px;
}

.section .section-inner div.lyt-image.image-R .caption,
.section .section-inner div.lyt-image.image-R .btn{
padding-left:15px;
}

.section .section-inner div.lyt-image.image-L div.image p.image,
.section .section-inner div.lyt-image.image-R div.image p.image{
margin:0 !important;
float:none;
}

.section .section-inner div.lyt-image.image-parallel{
margin-bottom:0;
}

.section .section-inner div.lyt-image.image-parallel div.image,
.section .section-inner div.lyt-image.image-parallel div.column{
margin:0 0 15px;
text-align:left;
}

.section .section-inner div.lyt-image.image-parallel div.image p.image{
margin-bottom:20px;
}

.section .section-inner div.lyt-image.image-parallel.image-L div.image{ float:left; }
.section .section-inner div.lyt-image.image-parallel.image-R div.image{ float:right; }


/* ========================================================================

    04. index.html style
	
------------------------------------------------------------------------ */
body#index .list-img-01 li{
float:left;
padding:0 33px 20px 15px;
}

body#index .list-img-01 li.last-child{
padding-right:0;
}

body#index .lyt-column-03{
}

body#index .lyt-column-03 li.column{
display:inline;
float:left;
width:268px;
margin:0 16px 10px 0;
}

body#index .lyt-column-03 li.last-child{
margin:0 0 10px;
}

body#index .list-img-04{
margin-bottom:15px;
}

body#index .list-img-04 li{
display:inline;
margin-right:5px;
}


/* tooltip */
.tooltip{
display:none;
height:46px;
_height:16px;
width:238px;
padding:32px 15px;
color:#fff;
font-size:115%;
/font-size:120%;
background:transparent url(/sp/tepra_grand/images/bg-tooltip-01.gif) no-repeat left top;
line-height:1.4;
}


/* ========================================================================

    05. scene.html style
	
------------------------------------------------------------------------ */
body.scene .list-thumb-01{
float:left;
width:448px;
}

body.scene .list-thumb-01 li{
float:left;
}

body.scene .list-thumb-01 li#item_01{
background:url(/sp/tepra_grand/images/img-scene-01_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_02{
background:url(/sp/tepra_grand/images/img-scene-02_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_03{
background:url(/sp/tepra_grand/images/img-scene-03_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_04{
background:url(/sp/tepra_grand/images/img-scene-04_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_05{
background:url(/sp/tepra_grand/images/img-scene-05_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_06{
background:url(/sp/tepra_grand/images/img-scene-06_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_07{
background:url(/sp/tepra_grand/images/img-scene-07_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_08{
background:url(/sp/tepra_grand/images/img-scene-08_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_09{
background:url(/sp/tepra_grand/images/img-scene-09_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_10{
background:url(/sp/tepra_grand/images/img-scene-10_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_11{
background:url(/sp/tepra_grand/images/img-scene-11_on.jpg) no-repeat left top;
}
body.scene .list-thumb-01 li#item_12{
background:url(/sp/tepra_grand/images/img-scene-12_on.jpg) no-repeat left top;
}

body.scene .list-thumb-01 li a{
display:block;
width:150px;
height:158px;
}

body.scene .list-thumb-01 li#item_03 a,
body.scene .list-thumb-01 li#item_06 a,
body.scene .list-thumb-01 li#item_09 a,
body.scene .list-thumb-01 li#item_12 a{
width:148px;
}

body.scene .list-thumb-01 li#item_10 a,
body.scene .list-thumb-01 li#item_11 a,
body.scene .list-thumb-01 li#item_12 a{
height:156px;
}

body.scene .lyt-gallery-01{
float:left;
width:371px;
height:550px;
padding:80px 0 0 17px;
background:url(/sp/tepra_grand/images/bg-scene-01.gif) no-repeat left top;
}

body.scene .lyt-gallery-01 img{
display:none;
}

body.scene .lyt-gallery-01 img#image_def{
display:block;
}


/* ========================================================================

    06. use.html style
	
------------------------------------------------------------------------ */
body.use .list-img-01 li{
float:left;
padding:0 39px 25px 0;
}

body.use .list-img-01 li.last-child{
padding-right:0;
}

body.use .lyt-use-01{
position:relative;
}

body.use .lyt-use-01 .link{
position:absolute;
top:37px;
right:23px;
}

body.use .lyt-use-02 .image{
float:left;
width:196px;
}

body.use .lyt-use-02 .text{
float:left;
width:640px;
}


/* ========================================================================

    07. clear style
	
------------------------------------------------------------------------ */


/* Adjustment
----------------------------------------------------------------- */
.align-C{text-align:center !important;}
.align-R{text-align:right !important;}
.align-L{text-align:left !important;}

.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}

.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mr00{margin-right:0 !important;}
.ml00{margin-left:0 !important;}
.ml10{margin-left:10px !important;}

.line-bottom{
margin-bottom:10px;
padding-bottom:10px;
background:url(/sp/tepra_grand/images/line-dot-01.gif) repeat-x bottom;
}


/* ----------------------------------------------------------------
    Clearfix
----------------------------------------------------------------- */
#str-footer .inner .share-btn-01:after,
.section-inner:after,
ul.list-btn-01:after,
body#index .list-img-01:after,
body#index .lyt-column-03:after,
body.use .list-img-01:after,
body.use .lyt-use-02:after{
content:".";
display: block;
height:0;
clear:both;
font-size:0;
line-height:0;
visibility:hidden;
}