@charset "shift_jis";

/*
top.css {
	title: "HOME@CSS;
	author: Shun;
	last up: 2007 06 02;
}
*/


/*
table of contents

=1 global
=2 title
=3 header
=4 navi
=5 content

*/



/* =1 global */
* {
	margin: 0;
	padding: 0;
}

html,
body {
	height: 5000px;
        width: 830px;
        background-color: #FFFACD;
        margin-left:auto;
        margin-right:auto;
}

img {
	border: none;
}

/* =2 title */

div#title {
margin-top:0px;
margin-left:-2px;

}

/* =3 header */
div#header {
	float: left;
	width: 183px;
	height: 100%;
	border-right: solid 5px rgb(220, 20, 0);
	border-left: solid 5px rgb(220, 20, 0);
	text-align: center;
        margin-top:-2px;
}

div#header h1 {
margin: 4px 0 0;
padding-top:5px;
padding-bottom:5px;
font-size: 150%;
color:#CC0000;
}



/* =4 navi */
ul {
	list-style-type: none;

        
}

ul li a {
	display: block;
	background: url(../img-H/h-nav2.gif) no-repeat;
	font-family: "Palatino Linotype","Bernhard Modern Std","‚l‚r ‚o–Ύ’©",serif;
	font-size: 1.3em;
	text-decoration: none;
	vertical-align: bottom;
}

ul li a:link,
ul li a:visited {
	color: #677268;
}


ul li#home a {
  line-height: 53px;
  height: 53px;
  color:rgb(200, 30, 00);    
}

ul li#profile a {
            color:rgb(250, 100, 00);    
	line-height: 50px;
        height: 50px;
	background-position: 0 -53px;
}

ul li#gallery a {
	     color:rgb(51, 204 ,00);    
         line-height: 50px;
        height: 50px;
	background-position: 0 -103px;
}

ul li#cinema a {
	   color:rgb(51, 51, 255);    
         line-height: 50px;
        height: 50px;
	background-position: 0 -153px;
}

ul li#diary a {
	 color:rgb(153 ,00 ,204);    
        line-height: 50px;
        height: 50px;
	background-position: 0 -203px;
}

ul li#link a {
	 color:rgb(102, 51, 00);   
        line-height: 53px;
        height: 53px;
	background-position: 0 -253px;
}

/* hover */
ul li#home a:hover {
	color:white;
         height: 53px;
	background-position: -181px 0;
}

ul li#profile a:hover {
	background-position: -181px -53px;
        height: 50px;	
        color:white;
}

ul li#gallery a:hover {
	background-position: -181px -103px;
        height: 50px;	
        color:white;

}

ul li#cinema a:hover {
	background-position: -181px -153px;
        height: 50px;	
        color:white;

}

ul li#diary a:hover {
	background-position: -181px -203px;
        height: 50px;	
        color:white;

}

ul li#link a:hover {
	background-position: -181px -253px;
        height: 53px;	
        color:white;
}


.icon{
text-align:center;
margin-top:-12px;
margin-left:-5px;
padding-bottom:3px;
}	


.affiliate{
border-top:2px dotted rgb(220, 20, 0);
margin-top:30%;
}


.affiliatetext1{
border-top:2px dotted rgb(220, 20, 0);
text-align:center;
line-height:130%;
font-size:85%;
margin-left:auto;
margin-right:auto;
color:#990000;
}


.affiliatetext2{
border-top:2px dotted rgb(220, 20, 0);
text-align:center;
line-height:130%;
font-size:75%;
margin-left:auto;
margin-right:auto;
color:#990000;
}



.side-illust{
margin-top:1850px;
margin-left:auto;
margin-right:auto;
}

.caunter{
margin-top:0px;
}


/* =5 content */
div#content {
	float: left;
	width: 610px;
	height:100%;
	margin-left: 12px;
        margin-top:-2px;
        border-right:solid 5px rgb(220, 20, 0);
        border-left: solid 5px rgb(220, 20, 0);
        font-family: "Palatino Linotype","Bernhard Modern Std","ƒqƒ‰ƒMƒm –Ύ’©","‚l‚r ‚o–Ύ’©","‚l‚r ‚oƒSƒVƒbƒN",serif;
	font-size:90%;

	text-align: left;
}

div#content h2 {
 margin-top:0px;
padding-top:12px;
padding-bottom:13px;
text-align:center;
vertical-align:middle;
background-color:rgb(250, 80, 80);
color:white;
font-size:300%;
font-weight:bold;
letter-spacing:15px;
}

.line1{
margin-top:1px;
margin-left:10px;
}

.greeting {
color:#CC0000;

text-align:center;
font-size:150%;
font-weight:bold;
margin-top:20px;
letter-spacing:10px;
line-height:130%;
}

.greeting span{
vertical-align:top;
}


.introduce{
text-align:center;
line-height:130%;
font-size:100%;
font-weight:bold;
color:rgb(160,70,00);
margin-top:10px;
}

.date{
text-align:left;
padding:10px;
margin-left:20px;
margin-top:20px;
color:#FF9900;
font-weight:bold;
}

.news1{
width:570px;
height:400px;
text-align:center;
font-size:95%;
font-weight:bold;
line-height:135%;
margin-top:5px;
margin-left:auto;
margin-right:auto;
color:white;
background-image: url( ../img-H/h-illust2.gif);
background-repeat:no-repeat;
background-position:center;
}

.news1 h4{
font-size:115%;
}

.news1 a:link{color:rgb(255,255,0);}
.news1 a:visited{color:fuchsia;}

.line2{
        margin-top:15px;
        margin-left:10px;
}

.pastlog h4{
vertical-align:top;
text-align:left;
font-weight:bold;
color:#CC0000;
margin-top:15px;
margin-left:25px;
}

.pastlog p{
font-size:100%;
font-weight:bold;
margin-top:5px;
margin-left:10px;
color:rgb(160,70,00);
text-align:left;
}

.pastlog span{vertical-align:top}


.navBox{
margin-right:20px;
margin-top:210px;
height:93px;
}

.navbottom p{
margin-left:10px;
float:right;
}



.footer{
color:rgb(160,70,00);
text-align:center;
margin-top:1px;
font-weight:bold;
}