@charset "utf-8";

/* ===================================================================
CSS情報　　 ：基本情報
使用ファイル：すべてのファイル
=================================================================== */

body{background:url("../images/bg.jpg") no-repeat top #f8f8f8;color:#333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0px;padding:0px;}
li{list-style-type:none;}
table{border-collapse:separate;border-spacing:1px;}
img{border:0px;}

a:link{color:#3B5998;text-decoration:none;}
a:visited{color:#3B5998;text-decoration:none;}
a:hover{color:#3B5998;text-decoration:underline;}
a:active{color:#3B5998;text-decoration:underline;}

#container{width:960px;margin:auto;zoom:1;}
#container:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#content{background:#FFF;width:600px;float:right;padding:35px 50px;}


/* ===================================================================
CSS情報　　 ：ヘッダー
使用ファイル：すべてのファイル
=================================================================== */

#header{margin-bottom:12px;zoom:1;height:95px;margin-top:20px;}
#header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#header .inner{width:960px;margin:auto;}
#header h1{float:left;}
#header h1 a{display:block;background:url("../images/header_title.png") no-repeat;text-indent:-9999px;width:279px;height:82px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
#header h1 a:hover{opacity:0.5;}
#header ul{margin-top:37px;float:right;}
#header li{float:left;margin:0 10px;}
#header li a{display:block;text-indent:-9999px;height:30px;}
#header li a.schedule{background:url("../images/menu_schedule.png") top center no-repeat;width:113px;}
#header li a.profile{background:url("../images/menu_profile.png") top center no-repeat;width:89px;}
#header li a.disco{background:url("../images/menu_disco.png") top center no-repeat;width:144px;}
#header li a.ticket{background:url("../images/menu_ticket.png") top center no-repeat;width:81px;}
#header li a:hover{opacity:0.5;}
#header li a.select{opacity:0.5;}
.index{background:url("../images/header_bg.png") bottom repeat-x;}


/* ===================================================================
CSS情報　　 ：フッター
使用ファイル：すべてのファイル
=================================================================== */

#footer{margin-top:50px;padding:0 0 25px;}
#footer p{text-align:center;font-size:12px;}
#footer .menu{color:#333;margin-bottom:5px;}
#footer .menu a{color:#999;font-weight:bold;}
#footer .menu strong{margin-right:15px;color:#999;font-weight:normal;}
#footer .links{color:#333;margin-bottom:5px;}
#footer .links a{color:#999;font-weight:bold;}
#footer .links strong{margin-right:15px;color:#999;font-weight:normal;}
#footer .copy{font-size:11px;color:#333;font-weight:bold;margin-top:20px;}


/* ===================================================================
CSS情報　　 ：メインビジュアル
使用ファイル：index.html
=================================================================== */

#main{width:960px;margin:auto;}
#main img{display:block;margin:20px 0 -20px 480px;}


/* ===================================================================
CSS情報　　 ：Facebook
使用ファイル：index.html
=================================================================== */

#fb{background:#FFF;padding:25px 30px;clear:both;}
#fb h2 img{display:block;margin-bottom:10px;}


/* ===================================================================
CSS情報　　 ：スケジュール
使用ファイル：schedule.html
=================================================================== */

#schedule{background:#FFF;padding:35px 30px;}
#schedule h2 img{display:block;margin-bottom:15px;}

#schedule .box{background:#f8f8f8;padding:30px;margin-bottom:40px;line-height:1.2;}
#schedule .new h4{font-size:18px;margin:20px 0 5px;padding-top:20px;border-top:1px solid #CCC;}
#schedule .new .title{font-size:15px;font-weight:bold;margin-bottom:8px;}
#schedule .new .place{font-size:13px;}
#schedule .new .comment{font-size:13px;margin-bottom:8px;}

#schedule .past h4{margin:25px 0 8px;font-size:18px;}
#schedule .past p{height:130px;overflow-y:scroll;background:#FFF;padding:15px 20px;font-size:13px;}


/* ===================================================================
CSS情報　　 ：プロフィール
使用ファイル：profile.html
=================================================================== */

#profile{background:#FFF;padding:35px 30px;}
#profile h2 img{display:block;margin-bottom:15px;}
#profile .box{background:#f8f8f8;padding:30px 20px;margin-bottom:40px;position:relative;zoom:1;}
#profile .box:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */

#profile h3{margin-top:10px;text-align:center;}
#profile .photo{display:block;}
#profile .part{font-size:14px;font-weight:bold;text-align:center;}

#profile .member{float:left;width:180px;margin:0 17px;}
#profile .tsg p{text-align:center;font-size:14px;}
#profile .tsg .img{display:block;margin:0 auto 15px;}



/* ===================================================================
CSS情報　　 ：ディスコグラフィー
使用ファイル：disco.html
=================================================================== */

#disco{background:#FFF;padding:35px 30px;}
#disco h2 img{display:block;margin-bottom:15px;}

#disco .box{background:#f8f8f8;padding:20px;margin-bottom:20px;line-height:1.2;zoom:1;}
#disco .box:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */

#disco .img{display:block;float:left;}
#disco .text{width:660px;float:right;margin:10px 0 30px;}
#disco h3{margin-bottom:8px;}
#disco .info{font-size:13px;border-bottom:1px solid #CCC;padding-bottom:7px;margin-bottom:10px;-webkit-text-size-adjust:none;}
#disco .info img{float:right;margin:-7px 0 0 6px;}
#disco .track{font-size:12px;}
#disco .inactive img{opacity:0.3;}


/* ===================================================================
CSS情報　　 ：チケット
使用ファイル：ticket/
=================================================================== */

#ticket{background:#FFF;padding:35px 30px;}
#ticket h2 img{display:block;margin-bottom:15px;}

#ticket .box{background:#f8f8f8;padding:30px;margin-bottom:20px;zoom:1;}
#ticket .box:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */

#ticket h3{border-bottom:1px solid #CCC;font-size:20px;padding-bottom:3px;margin-bottom:30px;}
#ticket p{font-size:14px;margin-bottom:20px;}
#ticket .error{color:#f00;}
#ticket input[type="text"]{background:#FFF;padding:10px;font-size:14px;border-radius:5px;box-shadow:0 0 10px #CCC inset;width:300px;margin:5px 0;border:1px solid #CCC;}
#ticket select{background:#FFF;font-size:14px;border-radius:5px;box-shadow:0 0 10px #CCC inset;margin:5px 0;border:1px solid #CCC;height:35px;}
#ticket textarea{background:#FFF;padding:10px;font-size:14px;border-radius:5px;box-shadow:0 0 10px #CCC inset;width:550px;height:150px;margin:5px 0;border:1px solid #CCC;}
#ticket label{margin-right:20px;}
#ticket  table{width:100%;}
#ticket  th{text-align:left;width:140px;padding:25px 10px;font-size:15px;border-bottom:1px solid #CCC;vertical-align:top;}
#ticket  td{padding:15px 10px;font-size:14px;border-bottom:1px solid #CCC;}
#ticket .button{text-align:center;padding:30px;}
#ticket .button input[type="submit"]{background:#333;color:#FFF;padding:10px;font-size:16px;width:180px;font-weight:bold;margin:0 5px;border-radius:5px;border:1px solid #333;}
#ticket .button input[type="submit"]:hover{opacity:0.8;}
#ticket .button a{display:inline-block;background:#333;color:#FFF;padding:10px;font-size:16px;width:180px;font-weight:bold;margin:0 5px;border-radius:5px;border:1px solid #333;}
#ticket .button a:hover{text-decoration:none;}