@charset "UTF-8";

/****************************
  GLOBAL SETTING
*****************************/

*  { margin: 0; padding: 0; }
ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; }

body {
	margin:  0;
	padding: 0;
	text-align: left;
	font-size:    80%;
	line-height: 110%;
	font-family: verdana, arial, sans-serif;
	color: #000;
	background-color: #000;
}

a, 
:focus, 
:active {
	outline: none;
}

a:link, 
a:visited {
	text-decoration: none;
	color: #fff
}
a:hover, 
a:active {
	text-decoration: underline;
}

.cr {
	clear: both;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	display: block;
}

/****************************
  header
*****************************/

#wrapper_header {
	position: fixed;
	width: 100%;
	height: 90px;
	top:  0px;
	left: 0px;
	z-index: 20;
	background: url(../images/bg_header.png) repeat;
}

#header {
	width: 960px;
	height: 78px;
	margin: 0 auto;
	padding: 12px 0 0;
}

h1.h1_header {
	float: left;
	width: 128px;
	height: 64px;
	margin:  0 50px 0 0;
	padding: 0;
}

ul#menu li {
	float: left;
	height: 78px;
	margin:  0 28px 0 0;
	padding: 0;
	font-weight: bold;
	font-size:   14px;
	line-height: 70px;

}
ul#menu a {
	display: block;
	margin:  0;
	padding: 0;
	color: #fff;
	text-decoration: underline;
}

/****************************
  footer
*****************************/

#wrapper_footer {
	position: fixed;
	width: 100%;
	height: 50px;
	bottom: 0px;
	left:   0px;
	z-index: 20;
	background: url(../images/bg_footer.png) repeat;
}

#footer {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}
#footer, 
#footer a {
	color: #fff
}

#footer .navi_tw {
	position: absolute;
	top:   12px;
	left:   0px;
}
#footer .navi_fb {
	position: absolute;
	top:   12px;
	left:  40px;
}
#footer .navi_pdf {
	position: absolute;
	top:   14px;
	left:  80px;
}
#footer .navi_like {
	position: absolute;
	top:   14px;
	left: 184px;
}

#footer p#copy {
	position: absolute;
	top:   0px;
	right: 0px;
	margin:  0;
	padding: 0;
	text-align: right;
	font-size:   12px;
	line-height: 48px;
}

/****************************
  navi
*****************************/

ul#navi li.navi_up, 
ul#navi li.navi_down {
	position: fixed;
	z-index: 30;
	width: 100px;
	height: 26px;
	left:   50%;
	margin:  0 0 0 -50px;
	padding: 0;
}
ul#navi li.navi_up {
	top:    93px;
}
ul#navi li.navi_down {
	bottom: 53px;
}

/****************************
  curtain
*****************************/

html {
	height: 100%;
	overflow-x: hidden\9; /* IE8 and below */
}

.curtains {
	width: 100%;
	z-index: 1;
	position: relative;
}

.curtains>li {
	display: block;
	top:  0;
	left: 0;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0 0 30px #000;
	position: fixed;
	position: static\9; /* IE8 and below */
}
.curtains>li.hidden {
	display: none;
}
.curtains>li:first-child {
	z-index:2;
}

article {
	clear: both;
	position: relative;
	z-index: 10;
	top: 160px;
	max-width: 700px;
	margin:  0 auto;
	padding: 0;
	padding-bottom: 20em;
	color: #fff;
	font-weight: bold;
	font-size:   120%;
	line-height: 140%;
	text-shadow: 0 1px 0 #000;
	text-shadow: 0 1px 0 #002549;
}

#home { background: #000 url(/data/bg_home.jpg) no-repeat left top fixed; }
#information { background: url(/data/bg_information.jpg) no-repeat left top fixed; }
#service { background: url(/data/bg_service.jpg) no-repeat left top fixed; }
#product { background: url(/data/bg_product.jpg) no-repeat left top fixed; }
#videogarelly { background: url(/data/bg_videogarelly.jpg) no-repeat left top fixed; }

#home, #information, #service, #product, #videogarelly {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#home { height: 100em\9; /* IE8 and below */ }

/****************************
  article
*****************************/

h1.h1_article {
	margin:  0;
	padding: 0;
	font-size:   24px;
	line-height: 28px;
	color: #fff;
}
h1.h1_article.pb {
	padding-bottom: 30px;
}

h2.h2_article {
	margin:  0;
	padding: 0 0 15px 0;
	font-weight: bold;
	font-size:   18px;
	line-height: 22px;
	color: #fff;
}

p.p_article {
	margin:  0;
	padding: 0;
}
p.p_article.mb1 {
	margin:  0 0 1em 0;
	padding: 0;
}
p.p_article.mb2 {
	margin:  0 0 2em 0;
	padding: 0;
}

p.p_article_link {
	margin:  0;
	padding: 1em 0 0 0;
	text-shadow: none;
}
p.p_article_link a {
	margin:  0;
	padding: 0 13px 0 0;
	background: url(../images/p_arrow_01.png) no-repeat right center;
	text-decoration: underline;
}

p.date_article {
	margin:  10px 0 0 0;
	padding: 0;
	font-size:   12px;
	line-height: 13px;
	text-align: right;
	color: #fff;
}
p.date_article img {
	padding: 2px 0 0 6px;
	vertical-align: top;
	font-size:   10px;
	line-height: 10px;
}

p.cap_article {
	margin:  0;
	padding: 5px 0 0 0;
	font-size:   11px;
	line-height: 13px;
	text-align: center;
}

img.thumb {
	border: 3px solid #fff;
}

/****************************
  information
*****************************/

table.table_information {
	clear: both;
	width: 700px;
}
table.table_information td {
	padding: 30px 0 0 0;
	vertical-align: top;
}
table.table_information td.thumb {
	width: 186px;
	padding: 33px 0 0 34px;
}

/****************************
  product
*****************************/

table.table_product {
	clear: both;
	width: 700px;
}
table.table_product td {
	padding: 30px 0 0 0;
	vertical-align: top;
}
table.table_product td.thumb {
	width: 286px;
	padding: 33px 0 0 24px;
}

h3.h3_product {
	margin:  0 0 10px 0;
	padding: 0;
	font-size:   15px;
	line-height: 18px;
}

p.p_product {
	margin:  0 0 1em 0;
	padding: 0;
	font-size:   14px;
	line-height: 18px;
}

table.table_product_inner {
	width: 100%;
	margin:  0 0 1em 0;
}
table.table_product_inner td {
	padding: 0;
	font-size:   14px;
	line-height: 18px;
}

/****************************
  videogarelly & service
*****************************/

h2.h2_video {
	margin:  0;
	padding: 30px 0 10px 0;
	font-weight: bold;
	font-size:   18px;
	line-height: 22px;
	color: #fff;
}

h3.h3_video {
	padding: 0 0 3px;
	font-size: 100%;
}

table.table_video {
	clear: both;
	width: 700px;
}
table.table_video td {
	padding: 0;
	vertical-align: top;
}
table.table_video td.thumb {
	width: 286px;
	padding: 3px 30px 0 0;
}

/****************************
  video
*****************************/

.thumb_video {
	margin:  0;
	padding: 0;
	position: relative;
}
.thumb_video img {
	vertical-align: bottom;
}
.thumb_video, 
.thumb_video a, 
.thumb_video span.play {
	display: block;
	width:  286px;
	height: 158px;
}
.thumb_video span.play {
	position: absolute;
	top:  0px;
	left: 0px;
	background: url(../images/p_arrow_video_play.png) no-repeat center center;
}
.thumb_video a:hover span.play {
	background-image: url(../images/p_arrow_video_play_on.png);
}

/****************************
  service
*****************************/

ul.ul_service {
	margin:  0 0 1em;
	padding: 0;
}
ul.ul_service li {
	margin:  0;
	padding: 0 0 3px 0;
}
ul.ul_service li.large {
	font-size: 110%;
}

p.p_service {
	margin:  10px 0 0 0;
	padding: 0;
	line-height: 170%;
}

/****************************
  easySlider
*****************************/

.clearfix: after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}

#slider {
	position: relative;
	display: block;
	width:  100% !important;
	height: 100% !important;
	padding: 0;
}
#slider ul, 
#slider li {
	margin:  0;
	padding: 0;
}
#slider li {
	height: 500px\9; /* IE8 and below */
	width:  700px;
	overflow: hidden;
	position: relative;
}

#prevBtn,
#nextBtn, 
#prevBtn a, 
#nextBtn a {
	display: block;
	width:  40px;
	height: 40px;
	text-indent: -9999px;
}
#prevBtn {
	position: absolute;
	top: 250px;
	top: 250px\9; /* IE8 and below */
	left: -60px;
}
#nextBtn {
	position: absolute;
	top: 250px;
	top: 250px\9; /* IE8 and below */
	left: 720px;
}
#prevBtn a {
	background: url(../images/bt_navi_left.png)  no-repeat left center;
}
#nextBtn a {
	background: url(../images/bt_navi_right.png) no-repeat right center;
}
#prevBtn a:hover {
	background: url(../images/bt_navi_left_on.png)  no-repeat left center;
}
#nextBtn a:hover {
	background: url(../images/bt_navi_right_on.png) no-repeat right center;
}