@charset "UTF-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	font-size:100%;
	}
	
li {
	list-style-type:none;
	}


html{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴシックPro W3","Hiragino Kaku Gothic Pro","Osaka","MS ゴシック",sans-serif;
	font-size:62.5%;
	}

body {
	font-size: 1.1em;
	line-height:1.5;
	width:900px;
	margin:0 auto;
	padding:0;
	background:url(../images/bk.gif) center top repeat-y #000000;
	color:#bbbbbb;
	}
	
img{
	border:0;
	}

a{
	text-decoration:none;
	outline:none;
	}

a:link,
a:visited{
	color:#ff0060;
	text-decoration:none;
	
	}

a:hover,
a:active{
	color:#ff0060;
	text-decoration:underline;
	}
	
.textLink a:link,
.textLink a:visited{
	color:#333333;
	text-decoration:none;
	}

.textLink a:hover,
.textLink a:active{
	color:#333333;
	text-decoration:underline;
	}
	
h2 {
	font-size:130%;
	color:#ffffff;
	clear:both;
	}
	
h2 a:link,
h2 a:visited{
	color:#ffffff;
	}
	
h2 a:hover,
h2 a:focus{
	text-decoration:underline;
	}
	
p {
	margin-bottom:1em;
	}
	
#wrapper{
	padding-left:1px;
	background:url(../images/brack.gif) repeat-x;
	min-height: 1200px;
  	height: auto;
	}
	
/* ============================================================ side */

#side {
	width:189px;
	float:left;
	margin:10px 0 10px 10px;
	background:url(../images/side_bk.jpg) no-repeat #272727;
	border-top:1px solid #575757;
	display:inline;
	}
	
#header {
	margin-bottom:162px;
	}
	
#navi {
	line-height:1;
	vertical-align: bottom;
	}

	
#navi li{
	height:18px;
	line-height:1;
	}
	
#navi li a{
	display:block;
	}
	
#navi li img{
	vertical-align: bottom;
	height:18px;
	}
	
#sound {
	margin-bottom:18px;
	}
	
#fashion {
	margin-bottom:18px;
	}
	
#diary {
	margin-bottom:18px;
	}
	
#mail {
	margin-bottom:110px;
	}

/* ============================================================ main */

#contents {
	padding:20px;
	}

#pankuzu {
	border-bottom:1px solid #272727;
	padding-bottom:10px;
	margin-bottom:30px;
	color:#ffffff;
	font-size:90%;
	}
	
#pankuzu a:link,
#pankuzu a:visited{
	color:#aaaaaa;
	}
	
	
#pankuzu a:hover,
#pankuzu a:focus{
	color:#ffffff;
	}

#main {
	width:700px;
	float:right;
	}
	
#name {
	margin-bottom:10px;
	clear:none !important;
	}
		
#profilePhoto {
	float:left;
	margin:0 30px 30px 0;
	display:inline;
	}
	
#prof {
	margin-bottom:3em;
	font-size:90%;
	}
	
.entryDate {
	margin-right:2em;
	margin-bottom:0 !important;
	font-size:90%;
	text-align:right;
	}
	
.entryBody {
	border-top:1px solid #272727;
	margin:5px 2em 4em 2em;
	padding-top:1em;
	overflow:hidden;
	}
	
.back {
	text-align:right;
	font-size:90%;
	}
	
.entryList {
	width:160px;
	float:left;
	}
	
.sumbNail {
	width:150px;
	height:150px;
	float:left;
	margin:0 0px 10px 10px;
	_margin:0 5px 5px 0;
	display: table;  
	}
	
#discTop .sumbNail img {
	width:150px;
	height:150px;
	}
	
.sumbNail a {
	display: table-cell;  
  	vertical-align: middle;  
  	text-align: center;
	text-decoration:none;  
	}
	
#photoTop {
	clear:left;
	}
	
#photoTop .sumbNail a:link,
#photoTop .sumbNail a:visited
 {
	background:url(../photograph/images/film.gif) ;
}

#photoTop .sumbNail a:hover,
#photoTop .sumbNail a:focus
 {
	background:url(../photograph/images/film_o.gif) ;
}

#photoTop .entryList {
	height:19em;
	}
	
#photoTop .entryList a:link,
#photoTop .entryList a:visited{
	color:#666;
	}
	
#photoTop .entryList a:hover,
#photoTop .entryList a:focus{
	color:#fff;
	}
	
	
#photoTop h2 {
	margin-bottom:10px;
	}
	
#eqTop .sumbNail a:link,
#eqTop .sumbNail a:visited
 {
	background:#333333;
}

#eqTop .sumbNail a:hover,
#eqTop .sumbNail a:focus
 {
	background:#999999;
}

#eqTop .entryList {
	height:19em;
	}
	
#eqTop h2 {
	margin-bottom:10px;
	}

#fashionTop .sumbNail a:link,
#fashionTop .sumbNail a:visited
{
	background:#ed1e79;
}

#fashionTop .sumbNail a:hover,
#fashionTop .sumbNail a:focus
{
	background:#FF6699;
}

	
.photographTop img ,
.photograph2 img,
.fashion2 img,
.disc2 img ,
.eq2 img {
	float:left;
	margin:0 15px 15px 0;
	}

#tab {
	border-left:1px solid #ccc;
	height:1em;
	}
	
	
#tab li{
	float:left;
	margin-bottom:30px;
	border-right:1px solid #ccc;
	padding:0 10px;
	}
	
#discTop a {
	color:#cccccc;
	}
	
.photographTop {
	width:310px;
	height:200px;
	padding-right:10px;
	float:left;
	}
	
.spec {
	font-size:86%;
	}
	
#pageBute {
	clear:both;
	padding:10px;
	border-top:1px solid  #272727;
	text-align:center;
	}
	
#pageBute a{
	color:#ffffff;
	}
	
.more {
	text-align:right;
	}

#MailForm dd {
	margin-bottom:1em;
	}
	
#MailForm input ,
#MailForm textarea {
	border:1px solid #cccccc;
	padding:2px;
	}
	
.mailadd,
.subject {
	width:300px;
	}
	
.mailBody {
	width:650px;
	height:10em;
	}
	
#buttons {
	text-align:right;
	margin:10px;
	}
	
/* ============================================================ footer */

#footer {
	text-align:right;
	color:#666666;
	height:200px;
	background:url(../images/border.gif) center top no-repeat #000000;
	display:block;
	width:880px;
	margin-bottom:0;
	padding:10px;
	font-size:90%;
	clear:both;
	}