*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin:0px;
  padding:0px;
  scrollbar-arrow-color:#cccccc;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-base-color:#cccccc;
  scrollbar-shadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#cccccc;
}
BODY{
  font:normal normal normal 100%/1.6 Verdana, Arial, Helvetica, sans-serif;
  color:#c0c0c0;
  font-size:small;
  background:#000;
}
A{
  color:blue;
  text-decoration:none;
}
A:hover{
  color:#fff;
}
#index .lay{
  position:absolute;
  top:100%;
  width:100%;
  height:150px;
  margin-top:-200px;
}
#index #header{
  position:relative;
}
#index #header H1{
  filter:alpha(opacity=100,finishopacity=0,style=1);
  width:80%;
  letter-spacing:39px;
  padding:5px;
  font-size:30px;
  font-family:Georgia, "Times New Roman", Times, serif;
}
#index #header #update,
#page #header H2,
#record #header h2{
  position:relative;
  width:80%;
  margin-top:-27px;
  padding:27px 0px 3px 5px;
  font-size:10px;
  letter-spacing:1px;
  color:#808080;
}
#indexmenu LI{
  display:block;
  width:90px;
  height:68px;
  list-style:none;
  float:left;
  border:1px solid #000;
  margin-left:-1px;
  overflow:hidden;
}
#indexmenu a {
  display:block;
  width:90px;
  height:68px;
  color:#f5f5f5;
  background:#000000;
  filter:Alpha(opacity=0);
  opacity:.70;
  position:relative;
  line-height:68px;
  text-align:center;
  font-size:11px;
  float:left;
  text-decoration:none;
  -webkit-transition:1s linear;
}
#indexmenu A:hover{
  opacity:.90;
}
#footer{
  filter:alpha(opacity=0,finishopacity=100,style=1);
  width:100%;
  padding:5px;
  font-size:9px;
  letter-spacing:6px;
  text-align:right;
  clear:both;
}
#footer *{
  display:inline;
  text-decoration:none;
}

/* トップ効果CSS3 */
@-webkit-keyframes i{
  0%{
    opacity:0;
  }
  100%{
    opacity:80;
  }
}

/* トップメニュー画像 */
#i1{
  background:url(timexxx.jpg);
  -webkit-animation:'i' 2s ease-in-out;
}
#i2{
  background:url(loopxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.2s 1;
}
#i3{
  background:url(earthxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.3s 1;
}
#i4{
  background:url(cloudxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.4s 1;
}
#i5{
  background:url(sakuraxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.5s 1;
}
#i6{
  background:url(scarletxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.6s 1;
}
#i7{
  background:url(tearsxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.7s 1;
}
#i8{
  background:url(anotherxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.8s 1;
}
#i9{
  background:url(slowxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 0.9s 1;
}
#i10{
  background:url(abyssxxx.jpg);
  -webkit-animation:'i' 2s ease-in-out 1s 1;
}

#page #header H1,#record #header h1{
  filter:alpha(opacity=100,finishopacity=0,style=1);
  font-size:30px;
  font-family:Georgia, "Times New Roman", Times, serif;
  letter-spacing:31px;
  padding:20px 0px 10px 0px;
}
#page #header H1{
  margin:0% 30% 0% 15%;
}
#page #header H2,#record #header h2{
  margin:-50px 15% 0% 15%;
  padding-left:0px;
  font-weight:normal;
}
#record #header H2{
  margin:-50px 0% 0% 0%;
}
#page #note{
  margin:30px 15% 0% 15%;
  line-height:1.3em;
}
#record #note
{
  line-height:1.3em;
}
.mark{
  color:#999999;
}
#note P{
  margin:1em 0em 1em 0em;
}
#note LI{
  margin:0em 0em 0em 2em;
}
#note iframe {
float: left;
margin: 0 20px 10px 0;
}
#note .clear { clear: left; }
#note H3,#note H3 a{
margin:5px 0 10px 0;
padding-left:0px;
letter-spacing:10px;
font-weight:normal;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom:1px solid blue;
color:#fff;
text-decoration:none;
}
#note H3:first-letter {
font-size:25px;
color:blue;
font-family:Georgia, "Times New Roman", Times, serif;
}
#note H4 { 
display: inline;

border-left:7px double blue;

padding: 5px 10px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#note .t{
  border-left : 1px solid blue;
  border-left-width : 15px;
  padding-left : 7px;
  margin-bottom:3px;
}
#note .b{
  padding : 2 2 10 2px;
  color : gray;
  margin-bottom:5px;
}
#list { }

#list ol { list-style:upper-roman; }

#list ol li { }

#list ol li ol { list-style-image: url(nested.png); padding:5px 0 5px 18px; }

#list ol li ol li { height:15px; margin-left:10px; }
#page #nav,#record #nav{
  text-align:right;
  margin:0% 15% 5% 15%;
  padding:20px 0px 20px 0px;
  filter:alpha(opacity=0,finishopacity=100,style=1);
  letter-spacing:9px;
  font-size:10px;
}
#page #nav a,,#record #nav a{
  text-decoration:underline;
}

#record {
margin: 0 10px ;
}

#menu {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background:#000;
color:#fff;
}

#menu a {
color: #fff;
}

#menu a:hover {
color: #000;
}

#menu #navi ul{
font-size:20px;
list-style:none;
text-align:center;
margin:0px;
padding:70px 0px 20px 0px;
}
#menu #navi li{display:inline;margin:0px 13px;}
#menu #navi01 ul{text-align:right;margin:12px 10px 20px 20px;padding:0px;}
#menu #navi01 li{display:inline;}
#menu #navi01 li a{display:block;background-color: blue;margin:3px 0px;padding:3px 8px;}

#menu h5,#menu h5 a{
position:relative;
bottom:20px;
font-size:50px;
color:#000;
text-align:right;
margin:0px;
padding:0px;
}

#menu .menu{
font-size:13px;
color:#fff;
background-color: blue;
margin:15px 10px 0px 20px;
padding:0px 10px;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(treeview-black.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #000; cursor: pointer; }

.treeview li { background: url(treeview-black-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(treeview-black.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }



/*--------------------------------------------------
FC2メールフォームテンプレート : 縞々（グリーン）
配布サイト : マシマロック
http://masimarock.yokochou.com/
--------------------------------------------------*/

/*フォーム*/
#fc2form form{
margin:0;
padding:10px 0 0 0;}

/*メールフォーム全体*/
#mail_form{
font-size:10px;
font-family:Verdana;
text-align:left;
line-height:1.7;
width:300px;}

#mail_form input,#mail_form textarea{
font-size:12px;}

/*リンクを除くフォーム全体*/
#fc2form{
margin-bottom:15px;}

#fc2form .toparea{}

#fc2form br{
display:none;}

/*メッセージ*/
#fc2form div.message{}

#fc2form div.message br{
display:inline;}

/*エラーメッセージ*/
#fc2form #coution1{
font-weight:bold;
color:#EE3300 !important;
margin-top:10px;}

/*必須マーク*/
#fc2form #coution2{
color: blue !important;
font-family:Verdana;}

/*入力項目タイトル*/
#fc2form .title li{
float:left;
margin:0;
padding:0;
font-weight:none;
list-style:none;
background:none;}

/*入力項目*/
#fc2form .comment{
clear:both;}

/*入力部分*/
#fc2form input,#fc2form textarea,#fc2form select{
  font:normal normal normal 100%/1.6 Verdana, Arial, Helvetica, sans-serif;
width:99%;}

#fc2form textarea{
height:80px;}

#fc2form .submit{}

/*入力ボタン*/
#fc2form .button{
color:#000;
width:auto;
background:#fff;
border: none;
width:50px;}

#fc2form .bottomarea{}

/*FC2リンク*/
#mail_form a{
font-size:10px;}

/*著作権表示*/
#mail_form div.mail_copyright{
font-size:10px;}

#mail_form a:link,#mail_form a:visited{
color:#3399CC;
text-decoration:none;}

/*以下は別に消して良い*/
pre {
	padding: 10px 20px;
	/*border-left: 6px solid #ddd;*/
	/*background-color: #000;*/
	border: 1px solid #ddd;
	background-color: #000;
	overflow: auto;
	width: 90%;
	_width: 95%; /* for IE6 */
}