@charset "utf-8";

/* ------------------------------------------------------------------------- *
 *  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
 * ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /*vertical-align: baseline;*/ }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------------------*/

body {
	margin: 0px;
	padding: 0;
	font-size:13px;
	letter-spacing: 0.1em; /* 文字間 */
	line-height:1.7;
	/*font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', "ＭＳ Ｐゴシック", 'MS P Gothic', sans-serif;*/
	/*font-family:'Hiragino Mincho ProN', serif;*/
	/*font-family:'Hiragino Mincho ProN','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝',serif;*/
	/*font-family:'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', '小塚明朝 Pr6N', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;*/

	/*font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', '小塚明朝 Pr6N', 'ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;*/
	
	font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', '小塚明朝 Pr6N', Georgia, Times, Baskerville, Palatino, serif;

	color:#ddd;
	/*min-height: 100%;*/
	background: #000 url(../img/background.png) center center repeat-y;
	background-attachment:fixed;
	/*background-size:cover;*/
	overflow:hidden;
}

a {
	outline:none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
}

img, 
a img {
	border:none;
}

a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*---------------------------------------*/

#header {
	position: fixed; 
	top:0px;
	left:0px;
	width: 100%;
	height: 90px;
	text-align:center;
	z-index:100;
	background: url(../img/opacity60b.png) center center;
}
#header #logo {
	position: fixed; 
	top:20px;
	left:30px;
	width: 80px;
	height: 50px;
	text-align:left;
	z-index:101;
}

#footer {
	position: fixed; 
	bottom:0px;
	left:0px;
	width: 100%;
	height: 30px;
	text-align:center;
	z-index:100;
}
#footer .left, 
#footer .right {
	/display: inline;
	/zoom: 1;
	display: inline-block;
	width: 450px;
}
#footer .left {
	font-size:13px;
	text-align:left;
}
#footer .left a {
	color:#ddd;
}
#footer .right {
	font-size:11px;
	text-align:right;
}

#arrow-up {
	position: fixed; 
	top:20px;
	right:0px;
	width: 50px;
	height: 40px;
	/*color:#fff;*/
	text-align:center;
	cursor: pointer;
	z-index:101;
}
#arrow-down {
	position: fixed; 
	bottom:0px;
	right:0px;
	width: 50px;
	height: 40px;
	/*color:#fff;*/
	text-align:center;
	cursor: pointer;
	z-index:101;
}

/*---------------------------------------*/

#menu {
	position: relative;
	margin:50px auto 10px auto;
}
#menu a {
	/display: inline;
	/zoom: 1;
	display: inline-block;
	width: 100px;
	text-align:center;
	color:#ddd;
}
#menu .current,
#menu a:hover {
	text-decoration: none;
	color:#fff;
}
#menu span {
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	left:0;
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#menu-line {
	margin:-5px auto 10px auto;
	width:100%;
	height:10px;
	border-top:1px solid #ccc;
}

/*---------------------------------------*/

.c-box {
	display:block;
	width:900px;
	height:600px;
	/*border:1px solid #fff;*/
	overflow:hidden;
}

.contents-box {
	margin: 0px auto 0px auto;
	padding-right:100px;
	width:700px;
	height:100px;
	font-size:12px;
	text-align:left;
	overflow-x: hidden;
	overflow-y:auto;
	scrollbar-width: thin;
	/*scrollbar-color: #3760d0;*/
	scrollbar-color: #444444 #222222;
}

.contents-box::-webkit-scrollbar {
  width: 3px;
}
.contents-box::-webkit-scrollbar-thumb {
  background-color: #666;
}
.contents-box::-webkit-scrollbar-thumb:hover {
  background-color: #444;
}
.contents-box::-webkit-scrollbar-track {
  background-color: #222;
  border-radius: 0px;
}

#actual-ttl,
#privacypolicy-ttl,
#contactus-ttl,
#aboutus-ttl,
#product-ttl,
#works-ttl,
#concept-ttl,
#news-ttl {
	margin: 150px auto 10px auto;
	text-align:center;
	width: 900px;
}
#works-bottom {
	margin: 10px auto 0px auto;
	text-align:center;
	width: 900px;
}

#works-history {
	margin: 0px auto 0px auto;
	text-align:left;
	width: 770px;
}
#works-history a {
	display:block;
	padding: 2px 0px 2px 0px;
	text-align:center;
	width: 150px;
	font-size:90%;
	color:#ccc;
	border:1px solid #666;
	font-family:'Hiragino Mincho ProN','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro',serif;
}

.iframe {
	margin:0;
	padding:0;
	z-index:20000;
}

#c7,
#c6,
#c5,
#c4,
#c3,
#c2 {
	display:none;
}

/*---------------------------------------*/

#opening {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index:9999999;
}

#skip {
	position: absolute;
	bottom: 30px;
	right: 50px;
	margin:0px;
	padding: 2px 0px;
	width: 100px;
	color: #aaa;
	text-align: center;
	cursor: pointer;
	background:#333;
	font-family:'Hiragino Mincho ProN','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro',serif;
}
#skip p:hover {
	color: #fff;
}

/*---------------------------------------*/

#top-image {
	margin:0px auto 0px auto;
	text-align:center;
	background:#000;
}

#video {
	width:100%;
	height:100%;
}

/*---------------------------------------*/

#news-tbl {
	margin: 0px;
	padding:0px;
	width:740px;
	border-collapse: collapse;
}
#news-tbl th {
	padding: 6px 0px 3px 0px;
	vertical-align: top;
	width:8em;
	font-weight:normal;
	color:#fff;
	border-bottom:1px dotted #5b4e42;
}
#news-tbl td {
	padding: 6px 0px 3px 0px;
	border-bottom:1px dotted #666;
}
#news-tbl td.photo {
	padding: 6px 0px 3px 20px;
}

.shun b {
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
.shun b img{
	margin-left: 10px;
}

/*---------------------------------------*/

#concept {
	margin: 0px auto 0px auto;
	padding: 20px 50px 50px 50px;
	width: 600px;
	background: url(../img/opacity75b.png) center center;
}

.concept-img {
	margin: 0px 0px 30px 0px;
}

#concept-tbl {
	width: 600px;
}

#concept-tbl .left {
	width: 380px;
	line-height:2.7;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

#concept-tbl .right {
	text-align:right;
	width: 200px;
}

.dot-line {
	margin: 60px auto 0px auto;
	width: 700px;
	height:60px;
	border-top:1px dotted #aaa;
}

#concept2 {
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
	width: 700px;
	height:640px;
	text-align:center;
	background: url(../img/opacity75b.png) center center;
	/*border:1px solid #ccc;*/
}

/*---------------------------------------*/

#works-ttl {
	margin: 150px auto 10px auto;
	padding:14px 0px;
	height:22px;
	text-align:center;
	width: 900px;
	z-index:10;
	text-indent:-9999px;
	background: url(../img/ttl_works.png) center center no-repeat;
}
#works {
	margin: 0px auto 0px auto;
	padding:10px 0px;
	width: 900px;
	z-index:101;
}
#works table {
	margin: 0px auto 0px auto;
	/*width: 710px;*/
	border-collapse: collapse;
}
#works td {
	text-align:left;
}
#works td a {
	color:#000;
}
#works .scroll-img {
	float:left;
	margin: 0px;
	padding:0px;
	width: 770px;
	height: 365px;
	overflow: hidden;
}
#works .scroll-img ul {
	margin: 0px;
	padding: 0px;
	width: 4312px; //(画像+隙間)×個数 154*28
}
#works .scroll-img ul li {
	/display: inline;
	/zoom: 1;
	display: inline-block;
	vertical-align:top;
	margin: 0px 2px 0px 2px;
	padding:0;
	width:150px;
	font-size:12px;
	line-height:1.1em;
}
#works .scroll-img ul li img {
	margin-bottom: 5px;
	width:150px;
	height:365px;
}
td#backward, 
td#forward {
	cursor: pointer;
	text-align:center;
	width:50px;
}
#forward img, 
#backward img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#forward img:hover, 
#backward img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/*---------------------------------------*/

#product-ttl {
	margin: 150px auto 10px auto;
	padding:14px 0px;
	height:22px;
	text-align:center;
	width: 900px;
	z-index:10;
	text-indent:-9999px;
	background: url(../img/ttl_product.png) center center no-repeat;
}
#product {
	margin: 0px auto 0px auto;
	padding:10px 0px;
	width: 900px;
	z-index:101;
}
#product table {
	margin: 0px auto 0px auto;
	/*width: 710px;*/
	border-collapse: collapse;
}
#product td {
	text-align:left;
}
#product td a {
	color:#000;
}
#product .fix-img {
	float:left;
	margin: 0px;
	padding:0px;
	width: 775px;
	height: 365px;
	overflow: hidden;
}
#product .fix-img ul {
	margin: 0px;
	padding: 0px;
	/*width: 775px; //(画像+隙間)×個数 (188+3)*4*/
	/*width: 770px; //(画像+隙間)×個数 (150+4)*5*/
	width: 770px; //(画像+隙間)×個数 (305+4)+(140+4)+(305+4)
}
#product .fix-img ul li {
	/display: inline;
	/zoom: 1;
	display: inline-block;
	vertical-align:top;
	margin: 0px 2px 0px 2px;
	padding:0;
	/*width:188px;*/
	/*width:150px;*/
	width:300px;
	font-size:12px;
	line-height:1.1em;
}
#product .fix-img ul li.dum {
	width:144px;
}
#product .fix-img ul li img {
	margin-bottom: 5px;
	/*width:188px;*/
	/*width:150px;*/
	width:300px;
	height:365px;
}

/*---------------------------------------*/

.inquiry-iframe {
	width: 300px;
	height: 100px;
}
/*---------------------------------------*/

.ptop {
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width:840px;
	height:25px; 
	text-align:right;
}
.ptop a {
	padding: 5px 10px;
	font-size:10px;
	color:#ddd;
	border:1px solid #666;
}

.bothclear {
	clear: both;
	zoom:1;
}

.hide-text { 
	/*display: block;*/
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
}

.ind1 {
	padding-left: 1em;
	text-indent: -1em;
	 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.ind2 {
	padding-left: 2em;
	text-indent: -2em;
	 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.color666 {
	color:#666;
}
.color999 {
	color:#999;
}
.color-2 {
	color:#ffb09c;
	 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.color-3 {
	color:#917a69;
}

.w300 {
	width:300px;
}
.w320 {
	width:320px;
}
.w340 {
	width:340px;
}
.w360 {
	width:360px;
}
.w380 {
	width:380px;
}
.w400 {
	width:400px;
}
.w430 {
	width:430px;
}
.w500 {
	width:500px;
}
.w720 {
	width:720px;
}
.w740 {
	width:740px;
}

.s14 {
	font-size:14px;
}
.s13 {
	font-size:13px;
}
.s12 {
	font-size:12px;
}
.s11 {
	font-size:11px;
}
.s10 {
	font-size:10px;
}

.tl {
	text-align:left;
}
.tc {
	text-align:center;
}
.tr {
	text-align:right;
}

.fl {
	float:left;
}
.fr {
	float:right;
}

.p4020 {
	padding: 40px 20px;
}
.p20 {
	padding: 20px;
}
.p10 {
	padding: 10px;
}

.zab {
	background:#f7f7f7;
}

.bsection60 {
	margin-bottom: 60px;
}
.bsection50 {
	margin-bottom: 50px;
}
.bsection40 {
	margin-bottom: 40px;
}
.bsection30 {
	margin-bottom: 30px;
}
.bsection25 {
	margin-bottom: 25px;
}
.bsection20 {
	margin-bottom: 20px;
}
.bsection15 {
	margin-bottom: 15px;
}
.bsection10 {
	margin-bottom: 10px;
}
.bsection05 {
	margin-bottom: 5px;
}

.tsection50 {
	margin-top: 50px;
}
.tsection40 {
	margin-top: 40px;
}
.tsection30 {
	margin-top: 30px;
}
.tsection20 {
	margin-top: 20px;
}
.tsection10 {
	margin-top: 10px;
}
.tsection05 {
	margin-top: 5px;
}

.vt {
	vertical-align:top;
}
.vm {
	vertical-align:middle;
}
.vb {
	vertical-align:bottom;
}

/*---------------------------------------*/
/* colorbox */

#cboxOverlay{background:#000;}
/*.cboxIframe{background: url(../img/background.png) center center repeat-y;}*/
.cboxIframe{background:#000;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	display:none;
}
#cboxClose:hover,
#cboxClose{
	display:none;
}

/*---------------------------------------*/
/* jscrollpane */
.jspVerticalBar{ position:absolute; top:0; right:0; width:10px; height:100%;}
.jspTrack { background:#333; position:relative;}
.jspDrag { background:#999; position:relative; top:0; left:0; cursor:pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%;}

.goth {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', "ＭＳ Ｐゴシック", 'MS P Gothic', sans-serif;
}