@charset "UTF-8";

html { overflow-y:scroll; min-width:1000px; }
body { background:url(../images/bg.gif); color:#333; font-size:12px; line-height:2.0; }
a,
a:visited { color:#e3007f; cursor:pointer; text-decoration:none; }
a:active,
a:hover { color:#e3007f; text-decoration:underline; }
hr { border-top:#ccc 1px solid; border-bottom:0; border-left:0; border-right:0; height:1px; }
ol li { list-style:decimal-leading-zero inside; }

#container { margin:0 auto; width:960px; }
.btn a:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  zoom:1;
}
.cap { font-size:10px; }
.pagetop { float:right; margin:50px 10px 10px; }
.aplayer { vertical-align:text-top;}

/* top
----------------------------------------------------------------------------------------------------*/
#top { background:url(../images/elly.jpg) top center no-repeat; }
#top #wrapper { border-top:#fff 1px solid; height:710px; }
#top .mainCol { float:left; width:480px; }
#top .youtube { margin:470px 20px 0; text-align:right; }
#top .subCol { float:right; width:440px; }
#top .release { margin:30px 0 20px; }
#top dl { margin-bottom:20px; }
#top dt { float:left; width:200px; }
#top dt img { width:200px; height:200px; }
#top dd { float:right; width:220px; }
#top h3 { margin-bottom:10px; }
#top p { margin-bottom:5px; }
#top span { width:105px; }
#top span .buy { margin-right:5px; }
#top .whatsnew { margin:30px 0 20px; }
#top .whatsnew h2 { border-bottom:#b9b4af 1px solid; padding-bottom:5px; }
#top #feed { overflow:scroll; height:360px; }
#top #feed li { border-bottom:#73706d 1px dotted; padding:5px; }
#top #feed span { color:#666; margin-right:10px; }
#top #feed p { margin-bottom:0; }
#top #footer { border-top:none; }
#top #sns { float:left; margin:5px 0 100px; }

/* second
----------------------------------------------------------------------------------------------------*/
#second #wrapper { background:url(../images/bg2.png) top center no-repeat; border-top:#fff 1px solid; padding-top:20px; }
#second .mainCol { float:left; width:640px; }
#second .mainCol h1 { border-bottom:#b9b4af 1px solid; padding-bottom:20px; }
#second .mainCol #contents { border-top:#fff 1px solid; margin-bottom:50px; }
#second .mainCol .nav li { float:left; margin:5px 10px; }
#second .mainCol h2 { background-color:#e39fc5; color:#fff; font-size:16px; font-weight:normal; margin-top:40px; padding:0 10px; }
#second .mainCol h3 { border-bottom:#73706d 1px dotted; color: #2D2D2D; font-size:18px; font-weight:normal; line-height:1.5; margin-top:20px; }

/*news*/
#second .mainCol .newsList li { border-bottom:#73706d 1px dotted; padding:0 5px; }
#second .mainCol .newsList dl { margin:10px 0;  }
#second .mainCol .newsList dt { color:#666; margin-right:20px; }
#second .mainCol .newsList dd { font-size:14px; }
#second .mainCol .body { margin:20px 10px; }

/*live*/
#second .mainCol .liveList li { border-bottom:#73706d 1px dotted; font-size:14px; padding:10px 5px; }

/*media*/
#second .mainCol .mediaList li { border-bottom:#73706d 1px dotted; padding:10px 5px; }
#second .mainCol .mediaList li.date { border:none; float:none; padding:0; }
#second .mainCol .mediaList li.title { border:none; color: #2D2D2D; font-size:14px; padding:0; }
#second .mainCol .mediaList li.time { border:none; line-height:1.5; padding:0; }
#second .mainCol .mediaList li.link { border:none; line-height:1.5; padding:0; }

/*profile*/
#second .mainCol .photo { float:left; margin:40px 0; }
#second .mainCol .profile { float:right; width:300px; }
#second .mainCol .profile p { margin-top:20px; }
#second .mainCol .profileList { margin-top:20px; }
#second .mainCol .profileList li { border-bottom:#ccc 1px dotted; padding:5px 0; }

/*disc*/
#second .mainCol h3 span { font-size:12px; padding-left:10px; }
#second .mainCol dl { margin:20px 0; }
#second .mainCol .jk { float:left; width:300px; }
#second .mainCol .detail { float:right; width:310px; }
#second .mainCol .detail p { margin-bottom:5px; }
#second .mainCol .detail ul { margin-top:10px; }
#second .mainCol .discList { margin-top:20px; }
#second .mainCol .discList li { border-bottom:#ccc 1px dotted; padding:5px 0; }
#second .mainCol .media { font-weight:bold; }
#second .mainCol ol { margin-bottom:10px; }
#second .mainCol .song { margin-right:5px; }
#second .mainCol .date { color:#666; float:left; line-height:2.0; margin-right:10px; }

/*diary*/
#second .mainCol .body .name { margin-right:20px; }
#second .mainCol .body .date { float:none; }
#second .mainCol .move { border-top:#73706d 1px solid; }
#second .mainCol .move .main { float:left; margin:5px 0; }
#second .mainCol .move .sub { float:right; margin:10px 0; }
#second .mainCol .move .sub li { border-left:#73706d 1px solid; float:left; line-height:1.0; padding:0 10px; }
input[type="submit"] { background:#e3007f; border:none; color:#fff; line-height:1.0; padding:5px; cursor:pointer; }

/*bbs*/
#second .att { color:#c00; margin-top:10px; }
.login {
  background:#e3007f;
  border:#fff 1px solid;
  border-radius:4px;
	-webkit-border-radius:4px;
  margin:40px auto;
	width:200px;
  height:40px;
}
.login a { color:#fff; display:block; font-weight:bold; padding:8px; text-align:center; }
.login a:hover { text-decoration:none; }

/* subCol
----------------------------------------------------------------------------------------------------*/
#second .subCol { float:right; width:240px; }
#second .subCol .jk { width:240px; height:240px; }
#second .subCol h2 { margin:10px 0; }
#second .subCol .buy { margin:5px 10px; }
#second .subCol .bnr { margin:20px 0; }
#second .subCol .info { color:#e3007f; font-size:10px; line-height:1.2; margin:5px; }

/* header
----------------------------------------------------------------------------------------------------*/
#header { border-bottom:#b9b4af 1px solid; }
#logo { float:left; margin:10px 0 20px; }
#navCol { float:right; margin-top:10px; }
#navCol .nav li { float:right; margin:10px 0 30px 20px; }
#nav li { float:left; margin-left:15px; text-indent:-9999px; }
#nav a { background:url(../images/nav.png) no-repeat top left; display:block; }
#nav .bbs a { background-position: 0 0; width: 28px; height: 13px; } 
#nav .bbs a:hover,
#nav .bbs a.on { background-position: 0 -23px; width: 28px; height: 13px; } 
#nav .cal a { background-position: 0 -46px; width: 57px; height: 13px; } 
#nav .cal a:hover,
#nav .cal a.on { background-position: 0 -69px; width: 57px; height: 13px; } 
#nav .disc a { background-position: 0 -92px; width: 100px; height: 13px; } 
#nav .disc a:hover,
#nav .disc a.on { background-position: 0 -115px; width: 100px; height: 13px; } 
#nav .diary a { background-position: 0 -138px; width: 38px; height: 13px; } 
#nav .diary a:hover,
#nav .diary a.on { background-position: 0 -161px; width: 38px; height: 13px; } 
#nav .live a { background-position: 0 -184px; width: 79px; height: 13px; } 
#nav .live a:hover,
#nav .live a.on { background-position: 0 -207px; width: 79px; height: 13px; } 
#nav .media a { background-position: 0 -230px; width: 43px; height: 13px; } 
#nav .media a:hover,
#nav .media a.on { background-position: 0 -253px; width: 43px; height: 13px; } 
#nav .news a { background-position: 0 -276px; width: 39px; height: 13px; } 
#nav .news a:hover,
#nav .news a.on { background-position: 0 -299px; width: 39px; height: 13px; } 
#nav .profile a { background-position: 0 -322px; width: 57px; height: 13px; } 
#nav .profile a:hover,
#nav .profile a.on { background-position: 0 -345px; width: 57px; height: 13px; } 
#nav .top a { background-position: 0 -368px; width: 27px; height: 13px; } 
#nav .top a:hover,
#nav .top a.on { background-position: 0 -391px; width: 27px; height: 13px; }

/* footer
----------------------------------------------------------------------------------------------------*/
#footer { background-color:#0a0a0a; border-top:#e3007f 5px solid; width:100%; }
#footCol { margin:0 auto; width:960px; }
#credit { float:right; margin:10px 0 30px; }
#credit a { color:#999; }
#credit li { color:#999; float:left; font-size:10px; }
.link { margin-right:10px; }
.copyright { border-left:#999 1px solid; padding-left:10px; }

/* sns
----------------------------------------------------------------------------------------------------*/
.shareSoc { margin:0; padding:0; }
.shareSoc iframe { vertical-align:middle; }
.btnFb { margin-top:1px; }
.youtube { z-index:10; }

/* clearfix
----------------------------------------------------------------------------------------------------*/
.clearfix:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }