@charset "utf-8";

/*===============================================
●tablet.css 画面の横幅が1024pxまで
===============================================*/
@media screen and (max-width: 2400px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}


* { margin: 0; padding: 0; }

h1,h2,h3,h4,p,ul,li,table{
	margin:0px;
	padding:0px;
	/*line-height:70%;*/
}

ul,li{
	list-style:none;
	}


body { 
	font: 12px Futura Lt BT;
	/*background: #2F2626;*/
	background:#fff;
	color:#333;
	margin:0px auto;
	font-size:small;
	padding:0px;
	letter-spacing:1px;
}

#wrapper{
	margin:0px auto;
	/*background-color:#0CF;*/	
	width:800px;
	}


#header { 
	/*padding: 100px 0 0 0;
	display: block;*/
	margin-top:5px;
	margin-bottom:5px;
	}

/*logo*/
h1 a{
	display:block;
	text-indent:-9999px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 273px;
	}


/*
a { color: #eee; }
a:hover { color: white; }
*/


/*menu slide-----------------------*/

/*irQ[Vwi*/
.nav-wrap {
	/*margin:0px auto;
	background-color:rgba(0,0,0,0.6);
	border-top:2px solid #fff;
	padding-top:10px;
	height:28px;*/
	padding:0;
	background-color:#151715;
	border-bottom:3px solid #606660;
	width:560px;
	padding-left:240px;
	}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */



/* Example One */

#example-one { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width:558px;
}

#example-one li { 
	display: inline-block;	
}

/*menu txt]????*/

#example-one a { 
	color: #bbb; 
	font-size: 14px; 
	float: left;
	/*padding: 6px 10px 4px 10px;*/
	text-decoration: none;
	/*
	text-transform: uppercase;
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: center;	
	padding:5px 15px 6px 15px;
	*/
}

/*
#example-one a:hover { 
	color: white; 
}
*/


/*btn?--------------home*/	
#home-btn a{
	background-image: url(../images/home-btn.jpg);
	/*background-color:#9C6;*/
	width: 45px;
	display:block;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding-top:6px;
	padding-bottom:4px;
	}

#about-btn a{
	background-image: url(../images/about-btn.jpg);
	width: 54px;
	/*background-color:#fff;*/
	display:block;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding-top:6px;
	padding-bottom:4px;
	}
	
#artist-btn a{
	background-image: url(../images/artist-btn.jpg);
	width: 53px;
	/*background-color:#9C6;*/
	display:block;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding-top:6px;
	padding-bottom:4px;
	}
	
#music-btn a{
	background-image: url(../images/music-btn.jpg);
	width: 49px;
	/*background-color:#fff;*/
	display:block;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding-top:6px;
	padding-bottom:4px;
	}

#magazine-btn a{
	background-image: url(../images/magazine-btn.jpg);
	width: 79px;
	/*background-color:#9C6;*/
	display:block;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding-top:6px;
	padding-bottom:4px;
}

#contact-btn a{
	background-image: url(../images/contact-btn.jpg);
	width: 72px;
	/*background-color:#fff;*/
	display:block;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position:center;
	padding-top:6px;
	padding-bottom:4px;

	}


/*onmouse*/

#home-btn a:hover{
	background-image: url(../images/home-btn-on.jpg);
	background-repeat: no-repeat;
	width: 45px;
	}


#about-btn a:hover{
	background-image: url(../images/about-btn-on.jpg);
	background-repeat: no-repeat;
	width: 54px;
	}
	
#artist-btn a:hover{
	background-image: url(../images/artist-btn-on.jpg);
	background-repeat: no-repeat;
	width: 53px;
	}
	
#music-btn a:hover{
	background-image: url(../images/music-btn-on.jpg);
	background-repeat: no-repeat;
	width: 49px;
	}

#magazine-btn a:hover{
	background-image: url(../images/magazine-btn-on.jpg);
	background-repeat: no-repeat;
	width: 79px;
	}

#contact-btn a:hover{
	background-image: url(../images/contact-btn-on.jpg);
	background-repeat: no-repeat;
	width: 72px;
	}


/*XCh?C-------------------*/

/*animation line*/
#magic-line { 
	position: absolute;
	bottom: -3px; 
	left: 0; 
	width: 100px; 
	height: 3px; 
	background: #107b10;
}
.current_page_item a { 
	color: white !important; 
}
.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}



/*dot line--------------------*/
#line{
	width:800px;
	height:6px;
	/*margin-top: 2px;
	margin-bottom: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #114111;
	*/
	}

* html #line{
	margin-bottom: -10px;
	}

}