/* style.css */

@import url(http://fonts.googleapis.com/css?family=Share+Tech);
@import url(http://fonts.googleapis.com/css?family=Megrim);


/*=--------------------------------------------------------------------
■COMMON
----------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	color:#ffffff;
}
body,html{
	height:100%;

    scrollbar-face-color:#000000;
    scrollbar-arrow-color:#cccccc;
    scrollbar-track-color:#000000;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#cccccc;
    scrollbar-3dlight-color:#cccccc;
    scrollbar-darkshadow-color:#000000;
    filter:chroma(color=#000000); /* ここが肝心なところ */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,abbr,acronym,fieldset {
	border: 0;
	vertical-align: bottom;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}

.attention{
	padding-top:5px;
	color:#00a7db;
}

.background-video {
    position: fixed;
    bottom: 0px;
    right: 0px;
    transform: translateY(90px);
    /*
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    */
    width: 100%;
    height: 100%;

    z-index: -1000;
    overflow: hidden;
}

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

/*=--------------------------------------------------------------------
■Body Wrapper
----------------------------------------------------------------------*/

body{
	color:#000;/*moji*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size:90%;
	background-color:#04272f;
}
.wrapper{
    width:780px;
    margin: 0 auto 0 auto;
    padding: 100px 0 0 0;
    position:relative;
}

.pattern {
  width: 100%;
  height: 100%;
  background: url(http://www.webcreatorbox.com/sample/images/yokojima.png);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -5;
}

/*=--------------------------------------------------------------------
■Body inframe
----------------------------------------------------------------------*/
.inframe{
	background-color: transparent;
	border:none;
	}

.body_in{
	margin: 0 auto 0 auto;
    padding: 50px 0 0 0;
    position:relative;
    font-color:#ffffff;
	}

/*=--------------------------------------------------------------------
■Header inframe
----------------------------------------------------------------------*/
.head_in{
	opacity:0.9;
	background-color:#ffffff;
	font-color:#000000;
	height: 25px;
	width: 100%;
	position: fixed;
	z-index: 8;
}

.head_in_nav{
	position:absolute;
	right:20px;
	margin: 2px 2px 0 0;
}
.head_in_nav li{
	float:left;
	margin-left:60px;
}

/*=--------------------------------------------------------------------
■Header
----------------------------------------------------------------------*/
.head{
	opacity:0.9;
	background:url("../img/header_bg6_2026.png");
	height:90px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	box-shadow:0px 1px 2.8px 2.5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.6);
}

.head h1{
	color:#ffffff;
	//color:#0075c2;
	float:left;
	margin: 10px 80px 0 20px;
	font-size:280%;
	//opacity:0.9;
	font-family: 'Megrim', sans-serif;
	text-shadow:
3px 0px 3px rgba(0,0,0,1.0),
	0px 3px 3px rgba(0,0,0,1.0),

	-3px 0px 3px rgba(0,0,0,1.0),
	
0px -3px 3px rgba(0,0,0,1.0);
	}
.head #nav{
	position:absolute;
	right:20px;
	top:45px;
	margin: 10px 50px 0 0;
}
.head #nav li{
	float:left;
	margin-left:60px;
}
.head #nav li a{
	color:#ffffff;
	font-size:140%;
	//opacity:0.7;
	font-family: 'Share Tech', sans-serif;
	text-shadow:
3px 0px 3px rgba(0,0,0,1.0),

	0px 3px 3px rgba(0,0,0,1.0),

	-3px 0px 3px rgba(0,0,0,1.0),
	
0px -3px 3px rgba(0,0,0,1.0);
	//text-shadow:3px 1px 1.8px rgba(0, 0, 0, 1.0);
}
.head #nav li a:hover{
	text-decoration:none;
}
/*=--------------------------------------------------------------------
■Main
----------------------------------------------------------------------*/

section{
	padding-top:0px;
	text-align:center;
}
section h1{
	font-family: 'Share Tech', sans-serif;
	font-size:200%;
	padding:0 0 20px 0;
	color:#ffffff;
	text-shadow:
3px 0px 3px rgba(0,0,0,0.3),
	0px 3px 3px rgba(0,0,0,0.3),

	-3px 0px 3px rgba(0,0,0,0.3),
	
0px -3px 3px rgba(0,0,0,0.3);
	//color:rgba(0, 0, 0, 0.7);
}

section h2{
	font-size:130%;
	
}

section img{
	opacity:0.9;
}

#subMenu{
	//opacity:0.9;
	font-family: 'Share Tech';
	font-size:140%;
}
#subMenu a{
	color:#ffffff;
	text-shadow:
0px 2px 2px rgba(0,0,0,0.7);
}
#subMenu a:hover{
	text-decoration:none;
	color:#44eeff;
}

/*=--------------------------------------------------------------------
■Main - TOP
----------------------------------------------------------------------*/
#content0{
	padding-top:80px;
	height: auto;
	padding-bottom:50px;
}
#content0 img{
	//box-shadow:0px 3px 3.0px rgba(0, 0, 0, 0.3);
	//-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.6);
	//-webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.6);
}
#content0 video {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}

/*=--------------------------------------------------------------------
■Main - domino
----------------------------------------------------------------------*/
#content1{
	height:750px;
}
#content1 ul{
	margin:0 10px;
}
#content1 li{
	float:left;
	background:#000;
}

#content1 img{
	box-shadow:3px 3px 1.0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.6);
}

#content11{
 height:640px;
}
#content12 {
    font-family: "メイリオ";
}

#content12 div{
	padding-left:100px;
}

#content13 {
    font-family: "メイリオ";
    height: 80%;
}
#content13 div {
    padding-left: 100px;
}

#content13 td { 
	text-align:left;
	vertical-align:middle;
	}
#content14{
 height:1100px;
}
#content15{
 height:640px;
}

/*=--------------------------------------------------------------------
■Main - www
----------------------------------------------------------------------*/
#content2{
	height:750px;
}
#content2 ul{
	margin:0 10px;
}
#content2 li{
	float:left;
	background:#000;
}

#content2 img{
	box-shadow:3px 3px 1.0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.6);
}

#content21{
 height:640px;
}
#content22{
 	font-family:"メイリオ";
	height:1280px;
}

#content22 div{
	padding-left:100px;
}

#content23{
	font-family:"メイリオ";
 	height:1000px;
}
#content23 div{
	padding-left:100px;
}

#content23 td { 
	text-align:left;
	vertical-align:middle;
	}
#content24{
 height:1200px;
}
#content25{
 height:640px;
}
/*=--------------------------------------------------------------------
■Main - dig
----------------------------------------------------------------------*/
#content3{
	height:750px;
}
#content3 ul{
	margin:0 10px;
}
#content3 li{
	float:left;
	background:#000;
}

#content3 img{
	box-shadow:3px 3px 1.0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.6);
}

#content31{
 height:640px;
}
#content32{
 	font-family:"メイリオ";
	height:1280px;
}

#content32 div{
	padding-left:100px;
}

#content33{
	font-family:"メイリオ";
 	height:1000px;
}
#content33 div{
	padding-left:100px;
}

#content33 td { 
	text-align:left;
	vertical-align:middle;
	}
#content34{
 height:1200px;
}
#content35{
 height:640px;
}
/*=--------------------------------------------------------------------
■Footer
----------------------------------------------------------------------*/
footer{
	padding-top:2px;
	opacity:0.9;
	height:15px;
	width:100%;
	background:url("../img/header_bg6_2026.png");
	position: fixed;
	bottom: 0px;
	text-align:center;
	font-size:85%;
	color:#ffffff;
	box-shadow:3px 0px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0px 3px 15px rgba(0, 0, 0, 0.6);
	text-shadow:
3px 0px 3px rgba(0,0,0,1.0),

	0px 3px 3px rgba(0,0,0,1.0),

	-3px 0px 3px rgba(0,0,0,1.0),
	
0px -3px 3px rgba(0,0,0,1.0);
}