@charset "shift_jis";
body { margin:0; padding:0;	 background:url(img/notyoursavior_bg.jpg) no-repeat;  background-color:#eadede;  background-position:50% 0%; font-size:90%; color:#fff; line-height:1.5em; }
* html { zoom: 80%; height:100%;}
 h1, h2, h3,  { margin: 0px; padding: 0px; font-family: 'Arial', 'Tahoma', sans-serif}
p,{ margin: 5px; padding: 10px; font-family: 'Arial', 'Tahoma', sans-serif} 
img { border:0;}
a {color:#C30; text-decoration : none;}
a:hover, a:focus, a:active, a:visited{ text-decoration:underline;}

/* div styles ------------------------------------------------- */
#html-all {	width:100%;	height:100%; margin:0; padding:0; text-align:center;}
/* header styles ---------------------------------------------- */
#header { width:100%; height:46px; margin:0px 0 10px; padding:0; position:relative; text-align:center;}

#header-inner {	width:850px; height:46px; margin:0; text-align:center; background:url(img/logo.png) no-repeat; position:relative; display:inline-block;}
#header-inner h1 { width:650px;	height:46px; margin:0; padding:0; padding:0; float:left;}
#header-inner h1 a { width:650px; height:46px; display:block; text-indent:-999em;}

/*メインメニュー---------------------------------------------- */
#menu-nav {	width:100%;	text-align:left; margin:20px 0 ;}
#menu-nav-inner { width:850px;	height:70px; margin:0 auto; text-align:center;}
#menu-nav ul { width:850px;	height:70px; margin:0; text-align:left; padding:0; list-style:none; display:inline-block;}
#menu-nav ul li { height:70px; margin:0; padding:0;	float:left;}
#menu-nav ul li a {	height:70px; margin:0; padding:0; display:block; text-indent:-999em; float:left;}

#menu-nav ul li#menu-nav-home a { width:135px; background:url(img/menu-navi.png) 0 0;}
#menu-nav ul li#menu-nav-home a:hover { width:135px; background:url(img/menu-navi.png) 0 -70px;}
#menu-nav ul li#menu-nav-profile a { width:155px; background:url(img/menu-navi.png) -135px 0;}
#menu-nav ul li#menu-nav-profile a:hover { width:155px; background:url(img/menu-navi.png) -135px -70px;}
#menu-nav ul li#menu-nav-schedule a { width:175px; background:url(img/menu-navi.png) -290px 0;}
#menu-nav ul li#menu-nav-schedule a:hover { width:175px; background:url(img/menu-navi.png) -290px -70px;}
#menu-nav ul li#menu-nav-discography a { width:232px; background:url(img/menu-navi.png) -465px 0;}
#menu-nav ul li#menu-nav-discography a:hover {	width:232px; background:url(img/menu-navi.png) -465px -70px;}
#menu-nav ul li#menu-nav-contact a { width:153px; background:url(img/menu-navi.png) -697px 0;}
#menu-nav ul li#menu-nav-contact a:hover {	width:153px; background:url(img/menu-navi.png) -697px -70px;}

/*メインコンテンツ---------------------------------- */
#content-area {	width:100%;	margin:0; position:relative; text-align:center;	margin:0 auto;}
#content-area-inner { width:850px; text-align:center; display:inline-block;}
#content-area-right { width:150px; text-align:left; display:inline-block; margin:20px 20px 20px 10px;}
#content-area-left { width:650px; text-align:left; display:inline-block; float:left;}
#main-area { display:inline-block;}
#index-area { width:850px; height:auto; margin:0px 0; display:inline-block; position:relative; text-align:center;}
#index-areatop { width:850px; height:700px; margin:30px 0 0px; display:inline-block; position:relative; text-align:center; background:url(img/top_image.png) no-repeat}
#index-area-bg { width:100%; height:auto; margin:0px 0; display:block; text-align:center; background:url(img/index_bg.jpg) repeat-x;}
#index-area-bgtop { width:100%; height:auto; margin:0px 0; display:block; text-align:center;}
div.banner{ width:200px; height:auto; float:right; text-align:right; margin:20px 10px 0px; display:block;}

/*ニュース
------------------------------------------------------------------*/
#news{ width:645px; display:block; margin:20px 10px 10px; text-align:left; clear:none; float:left;}
#news-top{ width:645px; height:100px; margin:0px; background:url(img/news-top.png) no-repeat; text-indent:-999em;}
#news-inner{ background:url(img/news-inner.png) repeat-y; width:645px; height:auto; margin:0;}
#news-inner dl{ width:600px; margin:0 10px; padding:5px 0px;  border-bottom:solid #fff 2px;} 
#news-inner dl dd{ width:600px; margin:0; font-size:14px; list-style-type:none; padding:0px 5px; text-align:left; background:url(img/list.png) no-repeat; color:#fff; }
#news-inner dl dd.day{ width:600px; margin:0; font-size:14px; list-style-type:none; padding:0px 5px; text-align:right; background:url(img/list.png) no-repeat; color:#fff; }
#news-inner dl dd span{ color:#900; font-weight:bold; margin:0 0 10px;}
#news-bottom { background:url(img/news-bottom.png) no-repeat; width:645px; height:50px;} 


/*フッター
------------------------------------------------------------------*/
#footer { width: 100%; height:150px; margin:10px 0 0; text-align:center; position:relative; clear:left;}
#footer-inner {	width:850px; height:60px; padding:0px; text-align:center; position:relative; display:inline-block; line-height: 120%;}
#footer-phone {	width:300px; margin:0 0 0 10px; text-align:left; position:relative; display:inline-block; color:#985a5d; float:left;}
#footer-info {	width:460px; float:right; text-align:right;}
#footer-info p { text-align:right; margin:0px; font-size:100%; color:#202020;}
#footer-info p a{ text-align:right; margin:0px; font-size:100%; color:#202020;}
/*clearfix
------------------------------------------------------------------*/
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden;}
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix {	display:inline-block;}
/* End hide from IE-mac */



/*top-page
------------------------------------------------------------------*/
#top-page{width:850px; margin:0px 0 20px 0; text-align:left;}
#top-page h2{ margin:10px 0 5px; width:700px ; height:30px; padding: 5px 20px; text-align:left; background:url(img/h2-image.png) no-repeat; text-indent:-999em;  font-size:17px; color:#333; float:left; clear:left;}
#top-page h3{ margin:0; width:720px ; height:30px; padding: 5px 0 0 0; text-align:left; background:url(img/subtitle.jpg) no-repeat;  font-size:17px; color:#333; float:left; clear:both; display:inline-block;}
#top-page h3 span{  color:#090;}
#top-page.img-left{ float:left;}
#top-page.img-right{ float:left;}
#top-page p.textleft{ width:720px; text-align:left; margin:0px; clear:left;}
#new-disc{width:830px; margin:0px 10px ; text-align:left;}
#new-disc ul{ width:450px; float:left; list-style-type:none;}


/*schedule
------------------------------------------------------------------*/
#schedule{ width:645px; display:block; margin:20px 10px 10px; text-align:left; clear:none; float:left;}
#schedule h2{ width:645px; height:100px; margin:0px; background:url(img/title-schedule.png) no-repeat; text-indent:-999em;}
#schedule-inner{ background:url(img/news-inner.png) repeat-y; width:645px; height:auto; margin:0;}
#schedule-inner dl{ width:600px; margin:0 10px; padding:5px 0px;  border-bottom:solid #fff 2px;} 
#schedule-inner dl dd{ width:600px; margin:0; font-size:14px; list-style-type:none; padding:0px 5px; text-align:left; background:url(img/list.png) no-repeat; color:#fff; }
#schedule-inner dl dd span{ color:#900; font-weight:bold; margin:0 0 10px;}
#schedule-bottom { background:url(img/news-bottom.png) no-repeat; width:645px; height:50px;} 

/*menber
------------------------------------------------------------------*/
#menber{ width:645px; display:block; margin:20px 10px 10px; text-align:left; clear:none; float:left;}
#menber h2{ width:645px; height:100px; margin:0px; background:url(img/title-menber.png) no-repeat; text-indent:-999em;}
#menber-inner{ background:url(img/news-inner.png) repeat-y; width:645px; height:auto; margin:0;}
table.menber {	width:630px; margin:10px 5px; line-height:1.5em; display:inline-block; color:#fff;}
table.menber td { width:500px; text-align:center; padding:5px 10px; border:solid 1px #fff; background:none;}
table.menber th { width:100px; font-weight:normal; text-align:center; padding:5px 10px; border:solid 1px #fff; background:none;}
#menber-bottom { background:url(img/news-bottom.png) no-repeat; width:645px; height:50px;} 

/*コンテンツブロック
------------------------------------------------------------------*/
#content-top{ width:830px; height:20px; margin:0px; background:url(img/content-top.png) no-repeat; text-indent:-999em;}
#content-inner{ background:url(img/content-inner.png) repeat-y; width:830px; height:auto; margin:0;}
#content-bottom { background:url(img/content-bottom.png) no-repeat; width:830px; height:20px;} 

/*disc
------------------------------------------------------------------*/
#disc{ width:645px; display:block; margin:20px 10px 10px; text-align:left; clear:none; float:left;}
#disc h2{ width:645px; height:100px; margin:0px; background:url(img/title-disc.png) no-repeat; text-indent:-999em;}
#disc-inner{ background:url(img/news-inner.png) repeat-y; width:645px; height:auto; margin:0;}
#disc-inner dl{ width:600px; margin:0 10px; padding:5px 0px;  border-bottom:solid #fff 2px;} 
#disc-inner dl dd{ width:600px; margin:0; font-size:14px; list-style-type:none; padding:0px 5px; text-align:left; background:url(img/list.png) no-repeat; color:#fff; }
#disc-inner dl dd span{ color:#900; font-weight:bold; margin:0 0 10px;}
#disc-bottom { background:url(img/news-bottom.png) no-repeat; width:645px; height:50px;} 


/*contact
------------------------------------------------------------------*/
#contact{ width:645px; display:block; margin:20px 10px 10px; text-align:left; clear:none; float:left;}
#contact h2{ width:645px; height:100px; margin:0px; background:url(img/title-info.png) no-repeat; text-indent:-999em;}
#contact-inner{ background:url(img/news-inner.png) repeat-y; width:645px; height:auto; margin:0;}
#contact-inner p.textleft{ width:600px; margin:0px 10px; text-align:left; clear:none;}
#contact-bottom { background:url(img/news-bottom.png) no-repeat; width:645px; height:50px;}