@charset "euc-jp";
/* CSS Document */

/* css reset */
* {
        margin: 0;
        padding: 0;
        border: none;
        list-style-type: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
		color:#666;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1,h2,h3,h4,h5{
font-weight:bold;
}

strong{
font-weight:bold;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* IE6 */
* html .clearfix { zoom: 1;}

/* IE7 */
*:first-child+html .clearfix { zoom: 1;}

/* 基礎定義 */

img {
border:0px;
vertical-align:bottom;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

a{
color:#FF9900;
}

a:hover{
color:#FFCC00;
text-decoration:underline;
}

/* 共通レイアウト */

html{
	height:100%;
}

body{
	background:#FFF;
background: repeat-x url(/project/egg/image/bg_grade.png);
position:relative;
}

.main{
	background:repeat-y url(/project/egg/image/frame.png);
	width:1000px;
	margin:auto;
	height:100%;
	position: relative;
	z-index:20;
	padding:0 12px;
}


/* 左カラム */

.left_col{
	width:260px;
	float: left;
	margin-left:10px;
	height:100%;
}

h1{
text-align:center;
margin:30px auto;
}

h1 a{
	display:block;
	background:no-repeat url(/project/egg/image/logo.png) center center;
	width:260px;
	height:120px;
	line-height:500;
	overflow:hidden;
}

/* ログイン部分 */

.regist .login{
	display:block;
	background:url(/project/egg/image/login.png) center -3px;
	width:254px;
	height:40px;
	border:3px #FFF solid;
	line-height:300;
	overflow:hidden;
	border-radius:22px;        /* CSS3草案 */
	-webkit-border-radius: 22px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 22px;   /* Firefox用 */
	margin:0 auto 20px;
}

.regist .login:hover{
	background-position:center 43px;
}

.regist a.logout{
display:block;
height:15px;
margin:5px auto;
background:#fff url(/project/emusic/image/nowlogin.gif) no-repeat center center;
border-radius: 10px;        /* CSS3草案 */ 
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 10px;   /* Firefox用 */
position:relative;
font-size:12px;
color:#FF0000;
text-align:center;
padding-top:35px;
max-width:254px;
}

.regist a.logout:hover{
color:#FF9900;
text-decoration:underline;	
}

.regist_join_ac{
	margin-bottom:20px;
}

.regist_join_ac a.join_ac_link{
width:150px;
height:120px;
display:block;
background: url(/image/joinbtn.gif);
line-height:300px;
overflow:hidden;
margin:0 auto 5px;
}

.regist_join_ac a.join_ac_link:hover{
background-position:0 120px;
}

.regist_join_ac a.join_egg{
background:url(/project/egg/image/newindex/joinbtn_egg.gif);
width:150px;
height:120px;
display:block;
line-height:300px;
overflow:hidden;
margin:0 auto 5px;
}

.regist_join_ac a.join_egg:hover{
background-position:0 120px;
}

.regist_join_ac p{
	margin:5px 20px 0;
	color:#FFF;
	font-size:12px;
	line-height:14px;
}

/* Main menu */

#menu
{
	width: 100%;
	margin: 0 0 10px;
	margin-top:5px;
	padding: 3px 0 3px 0;
	list-style: none;  
	background: #111;
	background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));	
	background: -webkit-linear-gradient(#444, #111);	
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111);
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#menu li
{
	padding: 5px 0 5px 0;
	position: relative;
	line-height: 0;
}

#menu a 
{
	height: 25px;
	padding: 0 15px;
	color: #999;
	text-transform: uppercase;
	font: bold 16px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;

}

#menu li:hover > a
{
	color: #FF9900;
}

*html #menu li a:hover /* IE6 */
{
	color: #FF9900;
}

#menu li:hover > ul
{
	display: block;
}

li#menu15th{
	margin: 0 0 1em ;
	padding: 1em;
	border-bottom: 1px dashed #666;
}

li#menu15th a{
	margin:0;
	padding:0;
}



/* Sub-menu */

.newico{
position: absolute;
display:block;
right:5px;
top:10px;
width:45px;
height:13px;
background:url(/project/egg/image/newico.gif);
line-height:40px;
overflow:hidden;
}

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 0px;
    left: 220px;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
    box-shadow: 0 0 2px rgba(255,255,255,.5);	
    -moz-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 0px 2px 3px #000000;
-webkit-box-shadow: 0px 2px 3px #000000;
box-shadow: 0px 2px 3px #000000;
}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a
{    
    padding: 10px;
	height: 10px;
	width: 650px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
	font-size:14px;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
    background: #ff9900;
	background: -moz-linear-gradient(#f0b115,  #ff9900);	
	background: -webkit-gradient(linear, left top, left bottom, from(#f0b115), to(#ff9900));
	background: -webkit-linear-gradient(#f0b115,  #ff9900);
	background: -o-linear-gradient(#f0b115,  #ff9900);
	background: -ms-linear-gradient(#f0b115,  #ff9900);
	background: linear-gradient(#f0b115,  #ff9900);
	color:#333;
	text-shadow:none;
}

#menu ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}



#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #363636;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 12px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #363636;
	
}

#menu ul li:first-child a:hover:after
{
    border-right-color: #f7a60b;
}

#menu ul ul li:first-child a:hover:after
{
    border-right-color: #f7a60b; 
    border-bottom-color: transparent; 	
}

#menu ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}


#menu ul li a:hover{
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/* add sh 201206 */

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* サイドバナー */

.side_banner a{
	margin-bottom:10px;
	float:left;
	display:block;
}

.side_banner a.r_banner{
	margin-left:10px;
}

.banner_wide{
text-align:center;
margin-bottom:10px;
}


/* 右カラム */

.right_col{
	width:710px;
	background:#ffffff;
	float:right;
	margin-right:10px;
	font-size:14px;
	position:relative;
	min-height:780px;
}

body > .main{
height: auto;
}

body > .left_col{
height: auto;
}

body > .right_col{
height: auto;
}

/* 見出し */

.right_col h3{
font-size:26px;
border-bottom:solid 4px #FF9900;
padding:50px 20px 5px;
margin-bottom:30px;
}

/* ツイート・いいね！ボタン */

.egg_tweet_1{
	float:right;
	margin-right:20px;
	margin-top:42px;
}

.sub_index{
margin:50px 10px 0;
}

.sub_index a{
	display:block;
	margin:30px auto;
	color:#ff9900;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

/* ランチャーバージョン */

.egglauncher_version{
text-align:center;
font-size:12px;
padding:5px 0px;
background:#00CCCC;
color:#fff;
width:400px;
margin:20px auto;
}

.egglauncher_version a{
display:block;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}

.egglauncher_version a:hover{
text-decoration:underline;
}


/* ティッカー部 */

.tickerarea{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 100%;
font: 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
line-height:27px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
text-decoration:none;
}

ul.newsticker a:hover{
text-decoration: underline;
}

ul.newsticker span {
margin: 0 10px 0 0;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
}

/* 検索フォーム */

.searchbox{
mardin:0 20px;
}

.searchbox select{
	width:110px;
}

.search{
	width:auto;
padding:30px 0;
position: relative;
margin:0 auto;
text-align:center;
}

.search *{
	vertical-align:middle;
}

#searchform1 {
width:230px;
display:inline-block;
padding-left:20px;
}

#keywords1  {
	border:1px solid #999;
	color:#666;
    width:174px; 
    height: 22px;
	padding:0 3px;
}
  
#searchBtn1 {
	background:#ff9900;
	padding:5px;
	color:#fff;
}
  
#searchBtn1:hover {
	background:#ffbb22;
}

.selectdata{
	border:1px solid #999;
}

.search_detail{
margin-bottom:30px;
}

.accordion { text-align:center; padding-bottom:2px;}
.accordion dt { width:120px; text-align:center; margin:0 auto 5px; padding:3px; font-size:12px;}
.accordion dt:hover {background:#fa0;}
.accordion dd {overflow:hidden;}
.accordion span {display:block; width:425px; border:2px solid #9ac1c9; border-top:none; padding:15px;}


.search_result{
padding:10px;
margin:0 20px 40px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:14px;
}

.search_result .page_guide{
	float:right;
}

/* HOMEに戻る */

.backtohome{
clear:both;
text-align:center;
padding:30px;
width:650px;
height:56px;
position:absolute;
bottom:0;
right:22px;
}

.backtohome a{
display:block;
width:56px;
height:56px;
background:url(/project/egg/image/btn_backtohome.gif);
line-height:180px;
overflow:hidden;
margin:0 auto;
}

.backtohome a:hover{
background-position:0 -56px;
}
	
/* フロートメニュー部分 */

#floatSideMenu{
	width:100%;
	min-width:1065px;
	position:absolute;
	top:80px;
	left:0px;
	z-index: 5;
}

#floatSideMenu ul{
	margin-bottom: 5px;
	float: right;
}

#floatSideMenu li{
	width: 40px;
	height: 120px;
	padding-bottom:5px;
	overflow: hidden;
}

#floatSideMenu ul li a{
	display:block;
	width: 35px;
	height: 120px;
	background: #fff;
	margin-left:10px;
	-webkit-box-shadow: 0px 2px 3px 0px #aaa; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 2px 3px 0px #aaa; /* Firefox用 */
	box-shadow: 0px 2px 3px 0px #aaa; /* CSS3 */
	overflow: hidden;
	-webkit-transition: 0.1s margin-left;
}

#floatSideMenu ul li a:hover{
		margin-left:5px;
}

.mobile_snsicon{
	display:none;
}

	
/* フッター */

.jasrac{
	display:none;
}

/* 言語選択メニュー */

.language_space{
margin:0 auto 20px;
position:relative;
overflow:hidden;
}

ul.langmenu {
margin:0px;
padding:0px;
position:absolute;
right:20px;
top:0px;
height:20px;
line-height:20px;
position: relative;
left: 50%;
float: left;
}

ul.langmenu li{
float:left;
list-style:none;
margin:0px 0px 0px 5px;
padding:0px;
position:relative;
left: -50%;
}

ul.langmenu li a{
padding-left:17px;
}

li#ja{
background-image:url(../../../image/langbtn_ja.gif);
background-repeat: no-repeat;
background-position:left center;
}

li#en{
background-image:url(../../../image/langbtn_en.gif);
background-repeat: no-repeat;
background-position:left center;
}

li#cn{
background-image:url(../../../image/langbtn_cn.gif);
background-repeat: no-repeat;
background-position:left center;
}

.back_list{
margin-top:30px;
text-align:center;
}

/* 11周年バッジ */

.egg11thlink{
background:url(/image/egg11th_badge.png);
width:200px;
height:120px;
margin:-20px auto 5px;
}

.egg11thlink a{
display:block;
width:200px;
height:120px;
line-height:360px;
overflow:hidden;
}

@media screen and (max-width: 1000px) {

a{
	text-decoration:underline;
}

.main{
	width:100%;
	background:url(/project/egg/image/frame_m.png);
	background-size:100% auto;
	padding:0;
	overflow:hidden;
}

.left_col{
	width:26%;
	margin-left:1%;
	margin-right:1%;
}

h1 {
	margin:20px auto;
}

h1 a{
	background-size: contain;
	width:95%;
	height:100px;
	margin:0 auto;
}

.regist .login,.regist .logout{
	margin:0 auto;
	margin-bottom:10px;
	width:96%;
}

.regist_join_ac{
	margin-bottom:10px;
}

#menu a {
	padding: 0 10px;
	line-height:20px;
	font-size:14px;
	display:block;
	text-align:center;
	height:auto;
	min-height:20px;
}

#menu li:hover > ul li{
	display:none;
}

.newico{
	display:none;
}

/* サイドバナー */

.side_banner a{
	text-align:center;
	margin-bottom:10px;
	float: none;
}

.side_banner a img{
	margin:0 auto;
}

.side_banner a.r_banner{
	margin-left:0;
}

.right_col{
	width:72%;
	margin-right:0;
}

ul.newsticker a {
text-decoration: underline;
}

.search{
padding:20px;
}


/* 見出し */

.right_col h3{
font-size:20px;
border-bottom-width:3px;
padding:20px 10px 5px;
margin-bottom:15px;
}

/* ツイート・いいね！ボタン */

.egg_tweet_1{
	float:right;
	margin-right:7px;
	margin-top:7px;
}

.backtohome{
width:72%;
padding:30px 0;
position:absolute;
bottom:0;
right:0;
}

/* フロートメニュー部分 */

#floatSideMenu{
	display:none;
}

.mobile_snsicon{
	display:block;
	max-width:300px;
	margin:0 auto 10px;
}

.mobile_snsicon a{
	display:block;
	width:24%;
	float:left;
	margin-right:1%;
border-radius: 5px;        /* CSS3草案 */ 
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px;   /* Firefox用 */
}

/* ランチャーバージョン */

.egglauncher_version{
padding:5px;
max-width:400px;
width:auto;
margin:10px auto;
}

.search_result{
	text-align:center;
}

.search_result .page_guide{
	display:block;
	float:none;
	margin-top:10px;
	text-align:center;
}

}

@media screen and (max-width: 894px) {

#searchform1{
	padding-top:10px;
	width:auto;
}

}

@media screen and (max-width: 599px) {

.search_result{
margin:0 10px 40px;
}

.searchbox select{
	width:31%;
}

.search{
padding:20px 10px;
}

.main{
	background:none;
}

.left_col{
	float:none;
	width:94%;
	padding-top:20px;
	padding-left:3%;
	padding-right:3%;
	margin:0;
	background:#f0b115;
}

h1{
	margin:0 auto 20px;
}

h1 a{
	height:80px;
}

.regist .login{
	max-width:250px;
	margin:0 auto 10px;
}

.left_col .regist_join_ac{
	display:none;
}

#menu{
	margin:10px auto;
	max-width:300px;
}

ul#menu li a{
	display:block;
	text-align:center;
}

#menu a 
{
	padding: 0 15px;
}

/* サイドバナー */

.side_banner{
	display:none;
}

.right_col{
	width:100%;
	min-height:auto;
}

.backtohome{
width:100%;
padding:30px 0;
position:absolute;
bottom:0;
right:0;
}





}