@charset "utf-8";

/* CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	text-align:left;
}
table {
border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* CSS RESET */

.clear {
	height:0;
	clear:both;
}

/*  ======== body ======== */

body {
    width:100%;  
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	line-height:190%;
	background:#EAE9DC url("../img/back.png") repeat-y  center fixed;
    }

/*  ======== contents ======== */    

    #contents {  
    width:1000px;  
    margin:auto;
    padding: 0px;
    ackground:#333;
   position:relative;
   z-index:9999;
}  
    
/*  ======== main ======== */

#slide {
  width: 1000px;
  padding:0px 0px;
    margin:0;
  float: left;
	text-align:center;
background:#666;
}

#main {
    width:1000px;  
  padding: 0;
  float: left;
	text-align:center;
ackground:#666;
}

#kyoto{
  float: left;
position: relative;
    top: -250px;  
    left: 700px;  
ackground:#000;
}

#youtube {
  width: 900px;
  padding: 30px 50px 0 50px;
  float: left;
	text-align:center;
ackground:#666;
z-index:9999;
}

#shosai {
  width: 100%;
  padding: 0px;
  float: left;
	text-align:center;
}

/*  ======== 桜井まみ ======== */

#mami {
  width: 100%;
  height:433px;
  padding: 0px;
  margin:50px 0 0 0 ; 
  float: left;
	text-align:center;
	background: url("../img/mami_back.png") no-repeat center left;
}

#profile {
  width: 480px;
  position: relative;
  top: 50%; 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 0  0 450px;
  float: left;
  font-size:13px;
	line-height:180%;
	text-align:left;
}


@media only screen and (max-width: 640px) {  
#profile {
  font-size:20px;
	line-height:180%;
}
}

/*  ======== 曲目リスト ======== */

#list_left {
  width: 270px;
  padding: 20px 0 0px 270px;
  float: left;
  font-size:13px;
	line-height:180%;
	text-align:left;
ackground:#666;
}
#list_right {
  width: 260px;
  padding: 20px 200px 0px 0;
  float: left;
  font-size:13px;
	line-height:180%;
	text-align:left;
ackground:#999;
}

@media only screen and (max-width: 640px) {  
#list_left {
  width:470px;
  padding: 20px 0 0px 70px;
  float: left;
  font-size:13px;
	line-height:180%;
	text-align:left;
ackground:#666;
}
#list_right {
  width: 460px;
  padding: 10px 0px 0px 0;
  float: left;
  font-size:13px;
	line-height:180%;
	text-align:left;
ackground:#999;
}
}
/*  ======== 加勢田 ======== */

#kaseda {
    width:1000px;
  margin:0 0 50px 0;
  float: left;
	text-align:left;  
	background: url("../img/kaseda_back.png") no-repeat  top left;
}
#create {
    width:620px;
    height:280px;  
  padding: 30px 0 100px 380px;
  margin:55px 0 3px 0;
  float: left;
  font-size:12px;
  color:#666;
	text-align:left;
ackground:#666;
z-index:9999;
}

#kaseda img {
  margin:0 0 10px 10px;
}

#jacket {
    width:850px;
  padding:0 0px 0 95px;
  margin:25px 0 0px 0;
  float: left;
  font-size:12px;
  color:#666;
	text-align:left;
ackground:#333;
}
#jacket img {
  margin:0 0 0 1px ;
  padding:0;
}

.ue {
positon:relative;
   z-index:9999;
}

/*  ======== footer ======== */

.footer {
    width:1000px;  
    height:20px;
     float: left;
    text-align:center;
    ackground:#666;
    color:#999;
    padding-top: 10px;  
    border-top:1px solid #999;
}