/*========================================================*/
/*　トップページ用スタイルシート（index.html）　　　　　　*/
/*========================================================*/

/*　トップページの左メニュー部分　*/
#team-topside{
width:239px;height:504px;
background:url(../images/team/top-haikei.jpg) no-repeat;
border-right:1px solid #11678b;border-bottom: 1px solid #11678b;
float:left;
}

/*　トップページの左メニュー部分のロールオーバー設定　*/
dt{display:none;}
dd.menu a span{display: none;}
dd.menu a{width:239px;height:38px;left:0px;border-top:1px solid #11678b;border-bottom:1px solid #11678b;}
dd#about a{position: absolute;background:url(../images/team/menu-about.png) no-repeat;top:160px;}
dd#about a:hover{background-position:0px -38px;}
dd#game a{position: absolute;background:url(../images/team/menu-game.png) no-repeat;top:203px;}
dd#game a:hover{background-position:0px -38px;}
dd#link a{position: absolute;background:url(../images/team/menu-link.png) no-repeat;top:246px;}
dd#link a:hover{background-position:0px -38px;}

/*　更新履歴のタイトルバー　*/
#newstitle{
width:239px;height:18px;
background:url(../images/team/news.gif) no-repeat;
background-position:0px 0px;
position: relative; top:277px;/*　内容部分の表示位置を下に277pxずらす（初期位置はメニューバーのトップ）　*/
border-top:1px solid #11678b;
text-indent:-9999px;
}

/*　更新履歴タイトルバー内詳細更新ページへのリンク＆ロールオーバー設定　*/
.newsmore a{
width:114px;height:18px;
background:url(../images/team/news2.gif) no-repeat;
position:absolute;
left:125px;
}
.newsmore a:hover{
background:url(../images/team/news2.gif) -114px 0px no-repeat;
}

/*　更新履歴内容部分のスタイル設定　*/
#news{
overflow:auto;
width:229px;
height:80px;/*　内容部分の高さ設定　*/
border-bottom:1px solid #11678b;
top:312px;/*　内容部分の表示位置を下に312pxずらす（初期位置はメニューバーのトップ）　*/
position: absolute;
color:#5792c6;font-size:70%;
padding:3px 5px 3px 5px;
background-color:#ffffff;
}
.newstext{color:#006699;text-indent:1em;margin-bottom:5px;}
.newstext2{color:#ee6666;font-weight: bold;text-indent:1em;margin-bottom:5px;}

/*　問い合わせ用リンク　*/
.contactlink a{top:406px;position:absolute;margin-left:45px;}
.contactlink a:hover{top:408px;left:2px;position:absolute;margin-left:45px;}
.contact-text {text-align:center;color:#db7093;font-size:70%;top:455px;position:relative;}

/*　トップページトップ絵表示　*/
#team-topimage{
width:480px;height:504px;
background:url(../images/team/top.jpg) no-repeat;
border-bottom:1px solid #11678b;
float:right;
text-align:center;
}

/*　トップページトップ絵ロールオーバー表示　*/
#team-topimage2 a{
background:url(../images/team/top1.jpg) no-repeat;
width:480px;height:504px;
display:block;
text-indent:-9999px;
border-bottom:1px solid #11678b;
}
#team-topimage2 a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

#toplink{
margin:22px 0px 0px 0px;}

#toplink a{
background:url(../images/team/top_link.jpg) no-repeat;
width:480px;height:110px;
display:block;
text-indent:-9999px;
border:0px solid red;
}
#toplink a:hover{
background:url(../images/team/top_link.jpg) 0px -110px no-repeat;
border:0px solid red;
}

a:hover .linkimage{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*a:hover #team-topimage{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}*/

/*　トップページトップ絵ポップアップ説明　*/
.popup{
color:#2d80d5;
font-size:80%;
padding:10px;
width:200px;
position: absolute;
top:430px;
left:250px;
}

a .popup {display:block;text-indent:-9999px;}

a:hover .popup{
display:block;
border:3px double #6ad3ff;
text-indent:0px;
background-color:#ffffff;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
}

/*　コンテンツ部分枠＆タイトルバー表示　*/
#team-contents{
background:url(../images/team/line-contents.gif) no-repeat;
padding-top:25px;
}

/*　コンテンツ部分サイズ指定　*/
ul.contlist{
list-style-type:none;
margin-top:0px;margin-bottom:0px;margin-left:10px;
padding:0px;
float: left;
}
ul.contlist li{
float: left;
width:120px;height:167px;
margin:0px 5px 0px 5px;}

/*　コンテンツ部分テキスト飛ばし　*/
.cl a{
display:block;
text-indent:-9999px;
width:120px;height:167px;
}

/*　コンテンツ部分説明テキスト　*/
.cnt-text{font-size:80%;text-align:center;margin-top:5px;padding:0px;}
.ct1{color:#999999;margin-top:172px;}
.ct2{color:#ef5779;}
.ct3{color:#2f9ad8;}

/*　コンテンツ部分ロールオーバー設定　*/
/*　コンテンツ１つ目（現在はweb限定シナリオ）　*/
#cont1 {background:url(../images/team/scenario.gif) -120px no-repeat;}
#cont1 a{background:url(../images/team/scenario.gif) -120px no-repeat;}
/*#cont1 a:hover{background:url(../images/team/scenario.gif) no-repeat;}*/

/*　コンテンツ２つ目（現在は漫画劇場）　*/
#cont2 a{background:url(../images/team/comic.jpg) -120px no-repeat;}
#cont2 a:hover{background:url(../images/team/comic.jpg) no-repeat;}

/*　コンテンツ３つ目（現在はＱ＆Ａ）　*/
#cont3 a{background:url(../images/team/qa.jpg) -120px no-repeat;}
#cont3 a:hover{background:url(../images/team/qa.jpg) no-repeat;}

/*　次回作（現在は非表示）　*/
#nextgame a{background:url(../images/team/coming-alice.gif) no-repeat;width:240px;height:167px;margin:0px;}
#nextgame a:hover{background:url(../images/team/alice.gif) no-repeat;width:240px;height:167px;margin:0px;}

/*　コンテンツ右側（ブログバナー、twitter） 　　　　　　　*/
/*========================================================*/
/*　全体を右寄せ、右側に余白　*/
#contr-wrap{float:right;margin-right:15px;}

/*　もじゃべあショップへのバナー　*/
#banner-shop a{
background:url(../images/team/banner-shop.png) no-repeat;
width:260px;height:50px;
display:block;
text-indent:-9999px;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
}
#banner-shop a:hover{
background:url(../images/team/banner-shop.png) 0px -50px no-repeat;
}

/*　もじゃ部屋ブログへのバナー　*/
#banner-blog a{
background:url(../images/team/banner-blog.png) no-repeat;
width:260px;height:50px;
display:block;
text-indent:-9999px;
border:1px solid black;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
}
#banner-blog a:hover{
background:url(../images/team/banner-blog.png) 0px -50px no-repeat;
border:1px solid #666666;
}

/*　トップ絵ギャラリーへのバナー　*/
#banner-tops a{
background:url(../images/team/banner-tops.png) no-repeat;
width:260px;height:50px;
display:block;
text-indent:-9999px;
border:1px solid #77b2e0;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
}
#banner-tops a:hover{
background:url(../images/team/banner-tops.png) 0px -50px no-repeat;
border:1px solid #96e0ff;
}

/*　twitter表示部分スタイル　*/
#twitter {
width:290px;/*　全体の横幅　*/
font-size:70%;
border:1px solid #666666;/*　全体の外枠の線　*/
line-height:1.2em;
text-align:left;
}
#twitter_inner {padding:0px;}
#twitter_title {/*　ヘッダ部分のスタイル　*/
color:#26699a;
font-weight:bold;
font-size:110%;
line-height:1.2em;
padding:5px;
text-indent:30px;
background:url(../images/team/twitter.png) 6px 4px no-repeat;
background-color:#d6f9ff;
}
#twitter_inner ul#twitter_update_list {
list-style-type:none;
margin:0;padding:0;
}
#twitter_inner ul#twitter_update_list li {
padding:3px 5px;margin-top:0px;
border-top:1px dashed #ccc;
color:#555555;
}