

body {

	background : #000000 url("__drawn_by_shibano_kaito__01993b074ce060f8650c5838b72f22d0.jpg") no-repeat center 90px ;
	color : #333333 ;
	font-family : "MS UI GOTHIC","Osaka","Helvetica",sans-serif ;
	font-size : 0.8em ;
	line-height : 1.5em ;
	letter-spacing : 0em ;
	padding : 150px ;
	text-align : center ;
	position: relative;


}

.bg02 {
	background : #000000 url("https://cdn.donmai.us/original/01/99/__drawn_by_shibano_kaito__01993b074ce060f8650c5838b72f22d0.jpg") no-repeat center 20px ;
}

.bg03 {
	background : #000000 url(image/bg3.gif) no-repeat center 20px ;
}

.bg04 {
	background : #000000 url(image/bg4.gif) repeat-y center 20px ;
}

iframe[name="updateFrame"] { width:100%; height:100%; border:none; text-align:center; 
 overflow:hidden;
}

/* For older Chrome, Safari, and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
} }
/* LINK */

a {
	color : #676767 ;
	text-decoration : none ;
}

a:active {
	color : #ff0000 ;
}

a:visited {
	color : #676767 ;
}

a:hover {
	color : #ff0000 ;
}

/* SUBJECT */
h1 {
  text-shadow:1px 1px 20px #000, 1px 1px 10px #ccc;
  color : #fff ;
	font-family : "MS UI GOTHIC","Osaka","Helvetica",sans-serif ;
	font-size : 3em ;
	line-height : 1.5em ;
	letter-spacing : .8em ;
	margin : 0px ;
	padding : 0px ;
	text-align : center ;
}
#alth{
text-shadow:1px 1px 20px #000, 1px 1px 10px #ccc;
	color : #fff ;
	font-family : "MS UI GOTHIC","Osaka","Helvetica",sans-serif ;
	font-size : 0.8em ;
	line-height : 1.5em ;
	letter-spacing : 0em ;
	margin : 0px ;
	padding : 0px ;
	text-align : center ;

}

h2 {
	font-family : "MS UI GOTHIC","Helvetica","Osaka",sans-serif ;
	font-weight : normal ;
	width : 440px ;
	height : 18px ;
	font-size : 0.8em ;
	letter-spacing : 1em ;
	background : #000000 ;
	color : #ffffff ;
	border-top : #ffffff 1px solid ;
	border-bottom : #ffffff 1px solid ;
	text-align: center;
	margin-bottom : 15px ;
	padding-right : 10px ;
}

h3 {
	font-family : "MS UI GOTHIC","Helvetica","Osaka",sans-serif ;
	font-weight : bold ;
	font-size : 1.3em ;
	margin-top : 20px ;
	margin-bottom : -10px ;
}

h4 {
		font-family : "MS UI GOTHIC","Helvetica","Osaka",sans-serif ;
	font-weight : normal ;
	width : 200px ;
	height : 18px ;
	font-size : 0.8em ;
	letter-spacing : 1em ;
	background : #000000 ;
	color : #ffffff ;
	border-top : #ffffff 1px solid ;
	border-bottom : #ffffff 1px solid ;
	text-align: center;
margin-left:20px;
padding-left:5px;

}
em {
	font-style : normal ;
	font-weight : bold ;
}


/* WRAPPER*/
#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:480px;
}



/* MENU */

#menu{
	width : 739px ;
	margin : 20px auto ;
	text-align : right ;
}

#menu a {
	color : #ffffff ;
	text-decoration : none ;
}

#menu a:active {
	color : #ff0000 ;
}

#menu a:visited {
	color : #fff ;
}

#menu a:hover {
	color : #ff0000 ;
}

#menu li {
	font-size : 0.8em ;
	letter-spacing : 1em ;
	background : #000000 ;
	width : 150px ;
	height : 20px ;
	margin-bottom : 6px ;
	padding-right : 10px ;
	margin-left : auto ;
	list-style-type : none ;
}


/* CONTENT */

#content {
	width : 250px ;
	margin : auto ;
	margin-left: 120px;
	margin-top: 10px;
	padding-left: 2px;
	text-align : center ;
	height: 170px;
	background: rgba(255, 255, 255, .8);
}

#content.image img,#content.archive img,#content.link img {
	background : #ffffff ;
	border : #000000 1px solid ;
	margin-left : 2px ;
	margin-bottom : 10px ;
}

#content.image_view img {
	border : #000000 4px solid ;
	vertical-align : top ;
}

#content.image_view small {
	font-size : 0.8em ;
	display : block ;
	margin-bottom : 20px ;
}

#content .image_view_other {
	color : #cccccc ;
}

#content.history04 table {
	width : 640px ;
	background : #ffffff ;
	font-size : 0.9em ;
	border : #999999 1px solid ;
	border-collapse: collapse;
	margin : auto ;

}

#content.history04 td {
	padding : 10px ;
	border : #999999 1px solid ;
	vertical-align : top ;
	line-height : 1.5em ;
}

#content.history04 .date,#content.history04 .ver {
	width : 80px ;
}

#content.history04 li {
	margin-left : -30px ;
}

#content.note {
	width : 620px ;
	text-align : left ;

}


#content.note li {
	margin-left : -20px ;
	margin-bottom : 10px ;
}


/* COMMENT */

#comment {
	width : 450px ;
	height:360px;
	margin : auto ;
	margin-top : 0px ;

	padding : 10px ;
	border : #000000 1px dashed ;
	background :#ffffff;
	position: relative
}

#comment.about {
	text-align : left ;
}

#comment p {
	margin : 5px ;
}

#comment.history p {
	margin-bottom : 20px ;
}

#comment li {
font-size : 0.8em ;
	letter-spacing : .5em ;
	background : rgba(0,0,0,0.2);
	width : 150px ;
	height : 20px ;
	margin-bottom : 6px ;
margin-left: 20px;
	list-style-type : square ;
	color: #000;
}

#comment.image_view_x {
	border : #666666 1px dashed ;
	color : #cccccc ;
	background : #333333 ;
}


#content.history04 table {
	width : 640px ;
	background : #ffffff ;
	font-size : 0.9em ;
	border : #999999 1px solid ;
	border-collapse: collapse;
	margin : auto ;

}

#content.history04 td {
	padding : 10px ;
	border : #999999 1px solid ;
	vertical-align : top ;
	line-height : 1.5em ;
}

#content.history04 .date,#content.history04 .ver {
	width : 80px ;
}

#content.history04 li {
	margin-left : -30px ;
}

#content.note {
	width : 620px ;
	text-align : left ;

}


#content.note li {
	margin-left : -20px ;
	margin-bottom : 10px ;
}
#comment a {
	color : #676767 ;
	text-decoration : none ;
}

#comment a:active {
	color : #ff0000 ;
}

#comment a:visited {
	color : #676767 ;
}

#comment a:hover {
	color : #ff0000 ;
}

/* BLOG CODE */


#blog {
	width : 450px ;
	height: 360px;
	margin : auto ;
	margin-top : 0px ;
position: relative;
	padding : 10px ;
	border : #000000 1px dashed ;
	background :#ffffff;

}

#blog.about {
	text-align : left ;
}

#blog p {
	margin : 5px ;
	
}

#blog.history p {
	margin-bottom : 20px ;
}

#blog li {
	margin-bottom : 10px ;
	list-style-type : square ;
}

#blog.image_view_x {
	border : #666666 1px dashed ;
	color : #cccccc ;
	background : #333333 ;
}
#blog a:visited {
	color : #676767 ;
}
#blog a {
	color : #676767 ;
	text-decoration : none ;
}
#blog a:hover {
	color : #ff0000 ;
}
#blog a:active {
	color : #ff0000 ;
}
#frame {
   width: 100%;
   height: 100%;
   border: 1px solid black;
   
}

/* FOOTER */


#footer {
	width : 450px ;
	height: 20px;
margin-left: 15px;
margin-right:auto;
position: absolute;
	text-align : center ;
	background: rgba(0, 0,0);
color: #fff;
}


#footer a {
	color : #676767 ;
	text-decoration : none ;
}

#footer a:active {
	color : #ff0000 ;
}

#footer a:visited {
	color : #676767 ;
}

#footer a:hover {
	color : #ff0000 ;
}

#footer li {
	margin-left : -20px ;
	margin-bottom : 10px ;
}

/* FOOTER BLOG */

#footerblog {
	width : 450px ;
	height: 20px;

position: absolute;
	text-align : center ;
	background: rgba(0, 0,0);
color: #fff;
}

#footerblog a {
	color : #676767 ;
	text-decoration : none ;
}

#footerblog a:active {
	color : #ff0000 ;
}

#footerblog a:visited {
	color : #676767 ;
}

#footerblog a:hover {
	color : #ff0000 ;
}


#footerblog li {
	margin-left : -20px ;
	margin-bottom : 10px ;
}

  #p a {
	color : #676767 ;
	text-decoration : none ;
}

#p a:active {
	color : #ff0000 ;
}

#p a:visited {
	color : #676767 ;
}

#p a:hover {
	color : #ff0000 ;

}
