@charset "utf-8";

body {margin-bottom: 200px;}

#sns ul {zoom: 1;}
#sns ul:after {content: ""; display: block; clear: both;}

#console {
	display: none;
	position: fixed;
	top: 0;
	left: 15px;
	width: 500px;
	margin: 0;
	font-size: 14px;
	font-style: italic;
	background-color: #69697A;
	text-shadow: none;
	text-align: left;
	padding: 3px 10px;
	border-radius: 0 0 10px 10px;
	z-index: 99;
	opacity: .8;
}



#skipNav {position: fixed; right: 20px; top: 45%; margin-top: -117px; z-index: 100;}
#skipNav li a {font: 0/0 a; text-shadow: none; color: transparent; background-image: url("/img/lab/fitness80/img/dot.png"); background-repeat: no-repeat; background-position: 10px 10px; width: 15px; height: 15px; display: block; padding: 10px;}
#skipNav li:first-child a {background-position: -70px 10px;}
#skipNav li a:hover {background-position: -30px 10px;}

#lang {position: absolute; right: 20px; top: 50px; text-align: right; z-index: 200;}
#lang li {margin-bottom: 5px; color: #999;}
#lang li a {text-decoration: none; color: #333;}

.content {width: auto; padding: 0;}

.scrollblock {width: 100%; position: relative; padding-top: 10px;}

p {margin-bottom: 10px; font-size: 14px; line-height: 2em;}

figure {text-align: center;}

#intro {padding-top: 50px;}
#intro figure {position: relative;}
#intro figcaption span {position: absolute; font-size: 40px; color: #fff; opacity: 0; filter: alpha(opacity=0);}
#intro figcaption .caption1 {top: 140px; left: 190px;}
#intro figcaption .caption2 {display: none;}
#intro figcaption .caption3 {top: 150px; left: 645px;}

#logo,
#intro figure,
.idea,
#information h1,
.lead p {width: 880px; margin: 0 auto;}

#logo {text-align: right;}

#intro figure {margin: 0 auto 60px;}

.lead {background: #f0f4e2; padding: 20px 0; color: #444;}
.lead p {margin-bottom: 1em; font-size: 15px;}

.idea {min-height: 600px; padding: 50px 0 150px;}

.idea h1,
#information h1 {font-size: 18px; margin-bottom: 50px; font-weight: bold;}
.idea h2 {font-size: 16px; margin-bottom: 25px; font-weight: bold;}
.idea p {overflow: hidden;}
.desc {zoom: 1; margin-bottom: 50px;}
.desc:after {content: ""; clear: both; display: block;}
.drawing {float: left; width: 400px;}

.idea .pic {position: relative; width: 100%; height: 400px; z-index: -1;}
.idea .pic img {position: absolute; bottom: 0; left: 240px;}
#bottle .pic {height: 400px;}
#bottle .pic img {left: 376px;}
#card .pic {height: 200px;}
#card .pic img {left: 155px;}
#toilet .pic {height: 340px;}
#toilet .pic img {left: 320px;}
#cottonswab .pic {height: 300px;}
#cottonswab .pic img {left: 318px;}
#ring .pic {height: 314px;}
#ring .pic img {left: 319px;}

#information {background: #f5f5f5; padding: 50px 0 20px;}

#information h1 {font-size: 19px;}

#information .wrapper {width: 880px; margin: 0 auto;}
#information ul {margin-right: -40px; overflow: hidden; letter-spacing: -.40em;}
#information li {display: inline-block; width: 420px; margin-right: 40px; vertical-align: top; margin-bottom: 50px; letter-spacing: normal;}
#information span {display: block;}
#information span.address, #information span.period {margin-bottom: 8px;}
#information span.address {font-size: 10px;}
#information span.country {font-size: 14px; display: inline-block; font-weight: bold; margin-right: 10px;}
#information span.gallery {font-size: 14px; margin-bottom: 8px; display: inline-block;}
#information span.map {float: left; margin-right: 15px;}

#information li a {display: inline-block; width: 200px; text-decoration: none; background: #000;}
#information li a:hover img {
-webkit-transition: 0;
   -moz-transition: 0;
     -o-transition: 0;
        transition: 0;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

#information li span.link a {display: inline-block; width: 200px; text-decoration: none; background: none; margin-bottom: 10px;}

img.img_blank { vertical-align: middle; margin: 0 4px -2px;}
* html img.img_blank { vertical-align: top; margin: 0 2px 10px;}

#sns {margin: 30px auto; width: 880px;}
#sns li {float: left; margin-right: 10px;}