/* CSS Document */

html{height:100%;}

body {
    font-size: 12px;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}

article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	display: block
}

body{
min-height:100%;
color:#666666;
background:#ffffff;
font-family: 'Lato', sans-serif;
}

header{height:112px;}
header h1{padding:35px 0 0 21px;}
div#contener{width:1115px; /*display:none;*/}
div#profile{padding:20px; background:#FFF;}
div#profile h2{}
div#profile p{padding-top:15px;}

div#theSide{width:190px; padding-left:21px; height:600px; position:relative;}
div#theSide h1{display:none;}
div#theSide nav#siteNav{font-size:175%; line-height:1;font-weight:100;
}
div#theSide nav#siteNav ul{margin-top:-10px;}
div#theSide nav#siteNav ul#menu02{padding-top:30px;}
div#theSide nav#siteNav ul#menu03{padding-top:30px;}
div#theSide nav#siteNav ul li{margin-top:10px;}
div#theSide nav#siteNav ul li.now{margin-left:-10px; padding-left:9px; border-left:#666 solid 1px;}
div#theSide nav#siteNav ul li a{text-decoration:none; color:#666666;}

div#theSide p#caption{margin-top:60px;}

div#theSide p#facebookIcon{position:absolute; bottom:1px; left:21px;}

div#theSide nav#slideNav{font-size:142%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:72px; text-align:right; bottom:0; position:absolute;}
div#theSide nav#slideNav ul{height: 40px; position:relative;}
div#theSide nav#slideNav ul li{line-height:1; position:absolute; right:0;}
div#theSide nav#slideNav ul li#prevBtn{top:0;}
div#theSide nav#slideNav ul li#nextBtn{bottom:0;}
div#theSide nav#slideNav ul li span{display:none;}
div#theSide nav#slideNav ul li a{text-decoration:none; color:#666666; display:block;}

article#theZone{width:900px; height:600px; position: relative;}
.pt70{padding-top:70px;}
.slideNextClass{cursor:e-resize;}
.displayNone{display:none;}

article#theZone h2{
	font-size:200%;
	font-weight:100;
	margin-bottom:30px;
}

article#theZone h3{
	font-size:175%;
	font-weight:100;
	margin-bottom:30px;
}

article#theZone h4{
	font-size:134%;
	font-weight:100;
	margin-top:20px;
	margin-bottom:10px;
}

article#theZone p{
	font-weight:100;
	margin-bottom:1em;
}

@media screen and (max-width: 1115px),(max-height: 722px){
header{display:none;}
div#contener{width:1012px; padding-top:10px;}
div#theSide{width:100px; padding-left:10px; height:600px;}
div#theSide h1{display:block; padding:10px 10px 20px 20px;}
div#theSide p#facebookIcon{position:absolute; bottom:1px; left:10px;}

div#theSide nav#siteNav{font-size:142%;}
div#theSide p#caption{word-wrap:break-word;}

}


dl{
    
}

dt{
   width: 20em;
    float: left;
    clear: both;
    margin-bottom: 0.5em;
    position: relative;
}
dt span{
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding-right: 1em;
}
dt::after{
    content: "";
    border-bottom: .5px solid #000000;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    z-index: 1;
}
dd{
    margin-left: 21em;
    margin-bottom: 0.5em;
}

ul.dotlist li{
    text-indent: -1em;
    margin-left: 1em;
}
ul.dotlist li::before{
    content: "・";
}

#price article#theZone h3{
    margin-top: 30px;
    margin-bottom: 20px;
    
}
#price article#theZone h2,
#price article#theZone h3,
#price article#theZone p{
    font-weight: 400;
}

hr{
    width: 5em;
    border-width: none;
    border-bottom: 1px;
    margin-right: auto;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}