@CHARSET "UTF-8";
/*
	 CSS-Tricks Example - MagicLine Demo
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; background: #1C1C1C ; color: #eee; min-width:1080px;  text-align:center;}

header { display: block; height:160px; width:980px;margin:0 auto; text-align:center;z-index: 6;}
/*header h1 {font:12px; width: 100%; margin: 0 auto; margin-left:20px;}*/
header img{width: auto; height: 120px; margin-top:2px;  z-index: 6;}

/*footer {background: #2F2626;}*/
a { color: #eee; }
a:hover { color: white; }

.nav-wrap { 
	margin: -100px auto; 
	width:980px;
	height: auto;
	background-color: rgba(0,0,0,0.6); 
/*	border-top:    2px solid white; */
	border-bottom: 2px solid white; 
}
.nav-wrappr { 
	margin: -100px auto; 
	width:980px;
	height: auto;
	background-color: rgba(0,0,0,0.6); 
/*	border-top:    2px solid white; */
	border-bottom: 2px solid white; 

}


#video-background {
/*  動画を背景に設定するスタイルシート  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

#video-backgroundI {
/*  動画を背景に設定するスタイルシート  */
  position: fixed;
  top:80px;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#title { 
	position:relative;
	text-align: left;
/*	padding-left: 100px;
/*	font: 14px;
	color: #eee;
	font-family: ＭＳ 明朝;*/
	z-index: 6;
}

#title li { 
	display: inline-block;	
	vertical-align: middle;
	z-index: 6;

}

/* Example One */
#menu { 
	margin: 0 auto; 
	margin-left:0;
	list-style: none; 
	position: relative; 
	width: 980px; 
	text-align: right;
	z-index: 6;
}

#menu ul{
	position:relative;
	text-align: right;

}

#menu li { 
	display: inline-block;	
	text-spacing: normal;

}
#menu a { 
	color: #bbb; 
	font-size: 14px; 
	float: right;
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase;

}
#menu a:hover { 
	color: white; 
}
#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 20px; 
	width: 100px; 
	height: 2px; 
	background: #fe4902;
	
}

/* index */
.article{
	position: relative; 
	top:120px;
	width: 780px;
	height: auto;
	margin: 0 auto;
	display:article;
	z-index: 6;
}
.container{ 
	position: relative; 
	top:0px;
	margin: 0 auto; margin-left:10px;

}

#cont-index{
	position:relative; float: left;
	margin: 10px 10px 50px 0px;
	width: 100%;
	height:280px; 
	border: 1px solid rgba(0,0,0,0.6);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;	
	background-color: rgba(0,0,0,0.2); 
	
}

#main-cont-index{
	display:inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	background:#B7B7B7;

/*	filter: glow(color=#333333,strength=5px);*/
	font:18px, Georgia, serif; 
	float: right;
	width: 96%;
	height:250px;
	margin: 10px 10px 50px 0px;
	/*background: #A52A2A;*/
	/*background: rgba(165,42,42,0.8);
	
	background: rgba(23,56,243,0.6);*/
	background-position: 10% 50%;

	/*padding-right:10px;  */
	border: 1px solid #B7B7B7;
  	-moz-box-shadow: 2px 2px 3px #000; /* FireFox */
  	-webkit-box-shadow: 2px 2px 3px #000; /* webkit */
  	box-shadow:2px 2px 3px #000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true); /* IE5.5+ */
  	/* background:#fff; /* IE Hack */
	background-color: rgba(0,0,0,0.4); 
	}
#cont-inquiry{
	position:relative; float: left;
	margin: 10px 10px 50px 0px;
	width: 100%;
	height:420px; 
	border: 1px solid rgba(0,0,0,0.6);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;	
	background-color: rgba(0,0,0,0.6); 
	
}

#main-cont-inquiry{
	display:inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	background:#B7B7B7;

/*	filter: glow(color=#333333,strength=5px);*/
	font:18px, Georgia, serif; 
	float: right;
	width: 80%;
	height:400px;
	margin: 10px 10px 50px 0px;
	/*background: #A52A2A;*/
	/*background: rgba(165,42,42,0.8);
	
	background: rgba(23,56,243,0.6);*/
	background-position: 10% 50%;

	/*padding-right:10px;  */
	border: 1px solid #B7B7B7;
  	-moz-box-shadow: 2px 2px 3px #000; /* FireFox */
  	-webkit-box-shadow: 2px 2px 3px #000; /* webkit */
  	box-shadow:2px 2px 3px #000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true); /* IE5.5+ */
  	/* background:#fff; /* IE Hack */
	background-color: rgba(0,0,0,0.6); 
	}
		
#cont{
	position:relative; float: left;
	margin: 10px 10px 50px 0px;
	width: 40%;
	height:360px; 
}
#left-cont1{
	position:relative; 
	width: 100%;
	height:160px; 
	border: 1px solid #B7B7B7;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
	background:#fe4902;
	background: -moz-linear-gradient(0deg,#fff 0%, #fe4902 100%);
background: -webkit-linear-gradient(0deg,#fff 0%,#fe4902 100%);
background: -ms-linear-gradient(0deg,#fff 0%, #fe4902 100%);

  	-moz-box-shadow: 2px 2px 3px #000; /* FireFox */
  	-webkit-box-shadow: 2px 2px 3px #000; /* webkit */
  	box-shadow:2px 2px 3px #000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true); /* IE5.5+ */

}
#left-cont2{
	position:relative; 
	margin: 36px 0px 10px 0px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
	background:#fe4902;
	background: -moz-linear-gradient(0deg,#fff 0%, #2F2626 100%);
background: -webkit-linear-gradient(0deg,#fff 0%, #2F2626 100%);
background: -ms-linear-gradient(0deg,#fff 0%, #2F2626 100%);

	width: 100%;
	height:160px; 
	border: 1px solid #B7B7B7;
  	-moz-box-shadow: 2px 2px 3px #000; /* FireFox */
  	-webkit-box-shadow: 2px 2px 3px #000; /* webkit */
  	box-shadow:2px 2px 3px #000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true); /* IE5.5+ */

}
#main-cont{
	display:inline-block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	background:#B7B7B7;

/*	filter: glow(color=#333333,strength=5px);*/
	font:18px, Georgia, serif; 
	float: right;
	width: 55%;
	height:360px;
	margin: 10px 10px 50px 0px;
	/*background: #A52A2A;*/
	/*background: rgba(165,42,42,0.8);
	
	background: rgba(23,56,243,0.6);*/
	background-position: 10% 50%;

	/*padding-right:10px;  */
	border: 1px solid #B7B7B7;
  	-moz-box-shadow: 2px 2px 3px #000; /* FireFox */
  	-webkit-box-shadow: 2px 2px 3px #000; /* webkit */
  	box-shadow:2px 2px 3px #000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true); /* IE5.5+ */
  	/* background:#fff; /* IE Hack */
	background-color: rgba(0,0,0,0.6); 
	}
	
/*#main-cont ul{
	
}
#main-cont li { 
	display: inline-block;	
	text-spacing: normal;

}
/**/
.low_cont{
	position:relative;
	display:inline-block;
	-webkit-box-shadow: 2px 2px  3px #00f inset,5px 5px  10px #000;
	margin: -30px 10px 10px 0px;
	border-radius: 10px;
	background:#B7B7B7;
	background: -moz-linear-gradient(0deg,#fff 0%, #2F2626 100%);
background: -webkit-linear-gradient(0deg,#fff 0%, #2F2626 100%);
background: -ms-linear-gradient(0deg,#fff 0%, #2F2626 100%);

/*	filter: glow(color=#333333,strength=5px);*/
	float: left;
	width: 31%;
	height:160px;
	/*background: #A52A2A;*/
	/*background: rgba(165,42,42,0.8);*/
	border: 1px solid #B7B7B7;
  	-moz-box-shadow: 2px 2px 3px #000; /* FireFox */
  	-webkit-box-shadow: 2px 2px 3px #000; /* webkit */
  	box-shadow:2px 2px 3px #000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true); /* IE5.5+ */

}
.footer{
	position: relative;
	top:130px;
	width:980px;
	text-align: right;
	color:#FFFFFF;
}
span{
	display:inline-block;
/*    border:1px solid #efefef;*/
    -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
    border-radius:0 0 120px 120px / 0 0 6px 6px;
	text-shadow: #ffffff 1px 1px 30px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
	color:#ffffff;}
	

h1.glow{
    text-shadow:0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff;
    color:#900000;
}
h2 {
	margin: 30px;
	text-align: center;            
	font-size: 100%;
	font-weight: normal;
	font-family: Verdana;
        }
        
h3{
	text-align: right;            
	font-size: 100%;
	font-weight: normal;
	/*font-family: Verdana;*/
	font-family:Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3";
	color:#FFFFFF;
}        

/*p{font:20px; width: 100%; margin: 0 auto; margin-left:20px; }*/
/*h1{
  filter: glow(color=#333333,strength=5px);
}
h1.shadow { 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}*/
.current_page_item a { 
	color: white !important; 
}
.ie6 #menu li, .ie7 #menu li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}


/* Example Two */
#example-two { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 960px; 
}
#example-two li { 
	display: inline-block; 
}
#example-two li a { 
	position: relative; 
	z-index: 200; 
	color: #bbb; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase; 
}
#example-two li a:hover { 
	color: white; 
}
#example-two #magic-line-two { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100px; 
	background: #900; 
	z-index: 100; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.current_page_item_two a { 
	color: white !important; 
}
.ie6 #example-two li, .ie7 #example-two li {
	display: inline;
}

/* Product*/

.wr {
    position: relative;
    width: 850px;
    /* margin: 0 auto;*/
    margin: 0 auto;
    text-align: center;
    padding: 30px 60px;
    border: 1px solid;
    top:120px;  
    	background: -moz-linear-gradient(0deg,#D9E5FF 0%, #2F2626 100%);
background: -webkit-linear-gradient(0deg,#D9E5FF 0%,#2F2626 100%);
background: -ms-linear-gradient(0deg,#D9E5FF 0%, #2F2626 100%);
}
        
/*.jsizedCarousel {*/
.Product{
    position: relative;
    display: block;           
    
    overflow: none;
    
    height: 560px;
    width: 900px;    
}
.Product .slide {
    position: absolute;
    
    display: block;            
    
    width: 100px;
    height: 200px;
    
    overflow: hidden;
    
    border: 1px solid rgb(99, 99, 99);                                    
    border: 1px solid rgba(0, 0, 0, 0.5);

    cursor: pointer; 
}
.Product .slide:hover {
	border: 1px solid black;
    
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.7);
    /* safari doesn't support spread yet */   
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);            
    /* for chrome */
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.7);
}

/* Information*/
	
.qitem {
	width:310px;
	height:126px;	
	border:4px solid #222;	
	margin:5px 8px 5px 0;
	background:#BDBDBD;
	/*background: url('bg.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
	
	text-align:center;
	vertical-align: middle;
	font-size:x-large;
	font-weight:800;
	font-family:"ＭＳ ゴシック", sans-serif;

}

.qitem img {
	border:0;

	/* allow javascript moves the img position*/
	position:absolute;
	z-index:3;
}

.qitem .caption {
	position:absolute;
	z-index:0;	
	color:#FFFFFF;
	display:block;
	text-align:center;
	z-index:6;
	font-size:x-large;
	font-weight:600;
	font-family:"ＭＳ ゴシック", sans-serif;
		
}

.qitem  span { 
	text-align:center;
	color:#FFFFFF;
}
.qitem  li { 
	display: inline-block;	
	font-size:small;
	color:#1C1C1C;
}
.qitem h5 {
	padding:10px 5px 0 8px;
	margin:0;
	color:#1C1C1C;
	font-size:small;
}


	.qitem h4 {
		display:inline-block;
		/*    border:1px solid #efefef;*/
   		/*-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
    	border-radius:0 0 120px 120px / 0 0 6px 6px;
		text-shadow: #ffffff 1px 1px 30px; /* FireFox, Webkit, Opera */
		-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=1,offy=1)"; /* IE8 */
		display:block; /* IE */
		text-align:center;
		color:#1C1C1C;
		font-size:medium;
		z-index:6;
	}

.qitem .caption p {
	font-size:10px;	
	padding:3px 5px 0 8px;
	margin:0;
}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

form{background: #000000;width:600px;margin:10px 10px;} 
form div{padding: 10px 20px;} 

.text, textarea, .dropdown{ 
	border:1px solid #777; 
	padding: 5px; 
	color: #999; 
	background: #B7B7B7; 
	border-radius: 5px; 
	/* Webkit */ 
	background: -webkit-gradient( 
		linear, 
		left top, 
		left bottom, 
		from(#B7B7B7), 
		to(#B7B7B7) 
	); 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 1px #fff; 
	/* Firefox */ 
	background: -moz-linear-gradient( 
		top, 
		#eee, 
		#fff 
	); 
	-moz-border-radius: 5px; 
	-moz-box-shadow: 1px 1px 1px #fff; 
	/* IE */ 
	filter:progid:DXImageTransform.Microsoft.gradient 
		(startColorstr=#ffeeeeee,endColorstr=#ffffffff); 
	zoom: 1; 
} 

.submit{ 
	border:1px solid #777; 
	padding: 4px 10px; 
	color: #fff; 
	cursor: pointer; 
	background: #0101DF; 
	border-radius: 5px; 
	/* Webkit */ 
	background: -webkit-gradient( 
		linear, 
		left top, 
		left bottom, 
		from(#0101DF), 
		to(#428ec9) 
	); 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 1px #fff; 
	/* Firefox */ 
	background: -moz-linear-gradient( 
		top, 
		#0101DF, 
		#428ec9 
	); 
	-moz-border-radius: 5px; 
	-moz-box-shadow: 1px 1px 1px #fff; 
	/* IE */ 
	filter:progid:DXImageTransform.Microsoft.gradient 
		(startColorstr=#0101DF,endColorstr=#ff428ec9); 
	zoom: 1; 
}