@charset "utf-8";
/*
Theme Name: mita-ryo web site
Theme URI: http://www.electric-fruits.com/
Description:歌手　三田りょうファンクラブ Jyo's用
Version: 1.0
Author:electric-fruits.com
Author URI: http://www.electric-fruits.com/
*/

/*-------------------------- initial setting -----------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,hr,img,sub{
	margin:0;
	padding:0;
	line-height:1;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	height:100%;
	width:100%;
	background:url(images/background.jpg) repeat-y 50% 0%;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html body{
	font-family:"ＭＳ Ｐゴシック", sans-serif;
}
/**/

table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,abbr{
border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
font-style:normal;
font-weight:normal;
}
caption,th {
text-align:left;
}
q:before,q:after{
content:'';
}

html{
	height:100%;
	overflow-y:scroll;
}

body{
	font-size:62.5%;
}

html>/**/body{
	font-size:10px;
}

img{
	vertical-align:top; 
}

li{
	list-style-type:none;
}

em{
	font-style:normal;
}

strong{
	font-weight:normal;
}

/*------------- common style setting ------------------------*/


#wrapper {
 width:802px;
 min-height:100%;
 margin:0 auto;
 background:url(images/sidebar_bg.gif) repeat-y top left;
 }

 #header {
  height:123px;
  background:url(images/header_bg.png) no-repeat left bottom;
  }
  
  #header h1 {
   float:left;
   width:375px;
   padding:4px 0 0 12px;
   font-size:1.4em;
   color:#550c0c;
   line-height:1.25;
   }
   
  #header p.subtitle {
   width:340px;
   margin:4px 4px 0 450px;
   font-size:1.2em;
   color:#550c0c;
   line-height:1.25;
  }
  
 #contents {
  float:right;
  width:612px;
  padding:0 0 148px 0;
  }
  
 #sidebar {
  float:left;
  width:190px;
  padding-bottom:148px;
  }
  
  #sidebar ul {
   margin:0 0 0 9px;
   padding:11px 0 0 0;
   }
   
   #sidebar ul li {
    margin:13px 0 0 0;
   }
  
  #sidebar p.message {
   margin:22px 0 0 9px;
   }
   
  #sidebar p.private {
   margin:42px 0 0 18px;
   font-size:1.4em;
   color:#550c0c;
   line-height:1.25;
   }
   
   #sidebar p.private a {
    color:#550c0c;
	text-decoration:none;
    }
	
  #sidebar p.private a:hover {
   color:#aa6600;
   }
   
  #sidebar dl {
   margin:71px 0 0 0;
   }
   
   #sidebar dl dt {
    margin:0 0 0 45px;
   }
   
   #sidebar dl dd {
    margin:8px 0 0 0;
	font-size:1.1em;
	color:#787c60;
	text-align:center;
	line-height:1.25;
	}
  
#footer {
 position:relative;
 clear:both;
 overflow:hidden;
 width:802px;
 height:111px;
 margin:-135px auto;
 padding:24px 0 0 0;
 background:url(images/footer_line.png) no-repeat left top;

 }
 
 #footer p {
  padding:20px 0 8px 16px;
  font-size:1.2em;
  color:#c18511;
  line-height:1.25;
  }
  
  #footer p#copyright {
   float:right;
   position:absolute;
   bottom:1px;
   right:6px;
   padding:0;
   font-size:1.1em;
   font-style:italic;
   }
  
 #footer dl {
  padding:0 0 0 16px;
  font-size:1.2em;
  color:#c18511;
  }
  
  #footer dl dt {
   float:left;
   line-height:1.25;
   }
   
   #footer dl dd{
    margin-left:88px;
	line-height:1.25;
   }
   
   #footer dl dd span {
    display:block;
	line-height:1.5;	
	}

/*-------------- popup message setting -----------*/

#message {
 padding:12px;
 background:#ffffff;
 width:450px;
 min-height:350px;
 border:1px solid #cccccc;
}

#message h2 {
 margin:12px 0 0 18px;
 padding:10px 0 10px 20px;
 background:url(../images/infoList_mark.png) no-repeat left bottom;
 font-size:1.6em;
 font-weight:700;
 color:#550c0c;
 }
 
 #message h3 {
  margin:12px 0 0 30px;
  font-size:1.3em;
  font-weight:700;
  color:#990000;
 }
 
  #message p {
   padding:8px 56px 4px 38px;
   font-size:1.4em;
   color:#333333;
   line-height:1.75;
   }
   
   #message p img {
    padding:10px;
	background:#ffffff;
	border:1px solid #cccccc;
   }
 
/*-------------- clearfix setting ----------------*/

#wrapper,
#contents,
#sidebar,
#contents #discography ul li {
  overflow:hidden;
  display:inline-block;
  }

#wrapper:after,
#contents:after,
#sidebar:after,
#contents #discography ul li:after {
 display:block;
 content:"";
 height:0px;
 overflow:hidden;
 clear:both;
 }

#wrapper, 
#contents,
#sidebar,
#contents #discography ul li {
 display:block;
}