@charset "utf-8";
/* CSS Document */

/**   全体   **/

body{
	width:100%;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

li{
	list-style:none;
}


.shadow{
	-moz-box-shadow: 0px 5px 5px #000000;
    -webkit-box-shadow: 0px 5px 5px #000000;
    box-shadow: 0px 5px 5px #000000;
}

.cl{
	clear:both;
}

.f14{
	font-size:14px;
}

.red{
	color:#F00;
	font-weight:bold;
}

.blue{
	color:#00F;
}

.pd15{
	padding:15px;
}

.mgt10{
	margin-top:10px;
}
.mgb15{
	margin-bottom:15px;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

a{
	color:#002DB2;
}
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  



/**   ヘッダー   **/

#sb-site{
	padding:0;
	margin:0;

}



.sb-slidebar {
	padding: 14px;

}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 20px;
}

#fixed-top {
	position: fixed;
	top: 0;
	padding:10px 0;
	width: 100%;
	height: 50px;
	background-color:#669;
	color:#FFF;
	z-index: 4;
}


.logoarea{
	padding:75px 0 5px 0;
	margin:0;

}

#fixed-top p {
	float: right;
	color: white;
	padding: 10px;

}



nav{
margin:0 0 20px 0;
}
nav img{
	width:50%;
	margin:0;
}





/*main*/
#main {

}
#contents {
    padding: 20px;
}
#contents h1 {
    font-size: 18px;
}
#contents p {
    margin-top: 15px;
}



.header_leftbtn{
	margin:0 0 0 0;
	float:left;
	width:48%;
}
.header_rightbtn{
	margin:0 0 0 0;
	float:right;
	width:48%;
}




/**   　メイン　　　　**/

article{
	margin:15px 0 5px 0;
}


#gift table{
	width:96%;
	margin:15px 2%;
	border-collapse:collapse;
	border:solid 1px #000;
	font-size:12px;
	font-weight:bold;
	-moz-box-shadow: 0px 3px 3px #999;
    -webkit-box-shadow: 0px 3px 3px #999;
    box-shadow: 0px 3px 3px #999;
}

#gift th{
	width:25%;
	border:solid 1px #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #70b6f2), color-stop(0.50, #54a3ee), color-stop(0.50, #3690f0), color-stop(1.00, #1a62db));
    background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
    background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
    background: -o-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
    background: -ms-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
    background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background-color: #00a9e5;
	color:#FFF;
	padding-top:15px;
	padding-bottom:15px;
}




section{
	width:100%;
	margin:10px 0 20px 0;
	font-size:14px;
}
section h2{
	width:100%;
	text-align:center;
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	margin:0 0 20px 0;
	border:solid 1px #666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #265CFF), color-stop(1.00, #002DB2));
    background: -webkit-linear-gradient(#265CFF, #002DB2);
    background: -moz-linear-gradient(#265CFF, #002DB2);
    background: -o-linear-gradient(#265CFF, #002DB2);
    background: -ms-linear-gradient(#265CFF, #002DB2);
    background: linear-gradient(#265CFF, #002DB2);
	background-color:#002DB2;	
}
section h4{
	margin:0 0 10px 0;
}

.innercontainer{
	padding:2%;
	width:96%;
	margin:0;
}
.topcotact_left{
	float:left;
	width:48%
}
.topcotact_right{
	float:right;
	width:48%
}


#undernavileft{
	float:left;
	width:47%;
	margin:0 1% 10px 0;
	padding:10px 0;
	border:solid 1px #999999;

	background-color:#F00;	
}
#undernavileft a , #undernaviright a{
	display:block;
	height:100%;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	
}
#undernaviright{
	width:47%;
	float:right;
	margin:0 1% 10px 0;
	padding:10px 0;
	border:solid 1px #999;
	background-color:#F00;		
}

.top_ranktit{
	font-size:15px;
	font-weight:bold;
	padding:5px 0;
	color:#FF0;
}


#top_tit1507{
	background-color:#F00;
	padding:2%;
	width:96%;
	color:#FFF;
	font-size:17px;
}



.system_toptxt03{
	font-size:16px;
	font-weight:bold;

}

/*
body img:nth-child(1){
display:none;
}
*/


/****************店舗から探す****************/
.liveinfo table{
	border:1px #ddd solid;
	border-collapse:collapse;
	width:100%;
	margin:0 0 10px 0;
}
.liveinfo table th{
	background-color:#CC8F8F;
	padding:6px;
	color:#FFF;
	font-weight:bold;
	border:1px #ddd solid;
}
.liveinfo table td{
	padding:6px;
	border:1px #ddd solid;
}
#livetime{
	color:#8C0000;
	font-weight:bold;

}
#tel{
	padding:3px 0 0 0;
	margin:5px 0 0 0;
	font-weight:bold;
	color:#69F;
}

#btn_shopban{
	width:300px;
	margin:15px auto;
}

.btn_shopbanleft{
	float:left;
	width:140px;
}
.btn_shopbanright{
	float:right;
	width:140px;
}


/*********** アーティスト一覧 **************/

.artistlist table{
	width:100%;
	border:1px #664C00 solid;
	border-collapse:collapse;
	margin:0 0 10px 0;
}
.artistlist table th{
	background-color:#8A6B00;
	padding:6px;
	border:1px #664C00 solid;
	color:#FFF;
	font-weight:bold;
}
.artistlist table td{
	padding:6px;
	border:1px #664C00 solid;
}
.artistlist table td img{
	vertical-align:middle;
	padding:0 3px 0 0;
}


/*********** 収支報告 **************/
#shien table{
	width:100%;
	background-color:#FFF;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	margin:0 0 15px 0;
}
#shien table caption{
	text-align:left;
	font-weight:bold;
	color:#C30;
}
#shien table th{
	border:1px #CCCCCC solid;
	padding:10px 5px;
	background-color:#963;
	color:#FFF;
}
#shien table td{
	border:1px #CCCCCC solid;
	padding:10px 5px;
}

#shien_name{
	font-weight:bold;
}

/****************ショップ情報****************/
.shopinfo table{
	width:99%;
	margin:0 0 20px 0;

}
.shopinfo table td{
	padding:10px;
	
}

#shoptxt01{
	background-color:#999;
	color:#FFF;
	font-weight:bold;
}

#shoptxt02{
	background-color:#06C;
	color:#FFF;
}

.shopsites li{
	width:80%;
	margin:0 auto 15px auto;
	list-style:none;
}


#page-top {
position:fixed;
bottom:200px;
right:20px;
font-size:12px;
z-index:10;
}
#page-top a {
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
background:red;
text-decoration:none;
color:#fff;
width:50px;
text-align:center;
display:block;
border-radius:5px;
padding:10px 0;
}
#page-top a:hover {
text-decoration:none;
background:#999;
}


#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 45px;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 7em;     /* ←横幅 */
	  z-index:10;

      /* ▼最初は非表示にしておく */
      display: none;

      /* ▼配色・配置・文字の装飾など */
      background-color:#C30; /* ←背景色 */
      opacity: 0.75;             /* ←透明度 */
      border-radius: 24px;       /* ←角丸の半径 */
      text-align: center;    /* ←文字の位置 */
      font-size: 12px;       /* ←文字サイズ */
      margin: 0px;    /* ←外側の余白 */
      padding: 6px;  /* ←内側の余白 */
   }
   #topbutton a {
      /* ▼リンクの装飾 */
      color: white;          /* ←文字色 */
      text-decoration: none; /* ←下線なし */
   }
   #topbutton a:hover {
      /* ▼マウスが載ったときの装飾 */
      color: yellow;              /* ←文字色 */
      text-decoration: underline; /* ←下線あり */
   }

/**   　フッター　　　　**/

footer{
	padding:10px 3%;
	width:94%;
	font-size: 12px;
	text-align:center;
	background-color:#669;
	color:#FFF;
}
footer ul li{
	float:left;
	width:32%;
	margin:0 0.5%;
	
}


#footnavi{
	width:100%;
	margin:10px 0 0 0;
	color:#fff;
	text-align:center;
	text-height:2em;
	font-size:12px;
}

#footnavi a:link, a:visited, a:active, a:hover{
	text-decoration:none;
	color:#fff;
}


#footnavi p{
	font-weight:bold;
	font-style:italic;
	border-top:1px #CCCCCC solid;
	padding:5px 0 0 0;
	
}

#btnTop {
	font-size: 85%;
	float:right;
	clear:both;
	margin:30px 10px 10px 0;
	
}
#btnTop img{
	width:17px;
	vertical-align:middle;
}
#btnTop p{
	text-align:right;
}
#btnTop a {

	padding: 5px 0 5px 20px;
	color:#CCC;
	text-decoration: none;
	text-align:right;
	background:url(img/ico_pagetop.jpg) 0 50% no-repeat;
}

.footerlogo{
	clear:both;
	padding:10px 0 0 0;
	border-top:1px #FFFFFF solid;
}

/* ===============================================
	▼共通 (テーブル)
=============================================== */
.tableStyle01 {
	width: 100%;
	background-color: #ccc;
}
.tableStyle01 th {
	font-weight: bold;
	background-color: #664422;
	padding: 10px;
}
.tableStyle01 td {
	background-color: #fff;
	padding: 10px;
}

.tableStyle01 td input,textarea{
	width:96%;
}
table th.middle {
	vertical-align: middle;
}
table td.middle {
	vertical-align: middle;
}


.mar_b30{
	margin:0 0 30px 0;
}