@charset "utf-8";
/*
Theme Name:EAR
Thme URI:http://www.ear-bar.com/
Description:Theme for EAR.
Author:bop coding
*/

/*
search items

=01_base
=02_header
=03_navi
=04_footer
=05_footer_link_color
=06_top
=07_layout
=08_general_purpose
=09_page_title

*/

/*---=01_base---*/
* {
	margin:0px;
	padding:0px;
}

body {
	font:normal normal normal 75%/1.6 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color:#333333;
	background-color:#333333;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}

img {
	border:0;
	vertical-align:bottom;
}

ul {
	list-style:none;
}

table {
	border:none;
	border-collapse:collapse;
	font-size:100%;
}

table caption {
	display:none;
}

td,th {
	text-align:left;
	line-height: 1.4;
}

#wrapper {
	overflow:hidden;
	background: url(./img/bg_wrapper.jpg);
	text-align:center;
}


#main_box {
	width:800px;
	margin: 0px auto;
	text-align:left;
	padding: 122px 0px 0px;
}

#main {
	width:580px;
	float:left;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 20px;
}

a {
	outline-style:none;
}

a:link,a:visited {
	color:#FF8800;
	text-decoration:none;
}

a:active,a:hover {
	color:#333333;
	text-decoration:underline;
}

a:active img,a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


/*---=02_header---*/

div#header_wrapper {
	position: fixed;
	z-index:3;
	width:100%;
	height:112px;
	text-align:center;
	background:url(./img/bg_head_navi.jpg) repeat-x;
}

div#header {
	position:relative;
	width:800px;
	height:112px;
	margin:0px auto;
	text-align:left;
}

div#header h1 {
	position:absolute;
	left:0px;
	top:0px;
	width:390px;
	height:80px;
	background:url(./img/h1.jpg) no-repeat;
	text-indent:-99999px;
}

div#header h1 a {
	display:block;
	width:390px;
	height:80px;
}

div#header p#mixi {
	position:absolute;
	left:640px;
	top:0px;
	width:160px;
	height:80px;
	text-indent:-99999px;
	background: url(./img/header_mixi.jpg) no-repeat;
}

div#header p#mixi a {
	display:block;
	width:160px;
	height:80px;
}

div#header ul {
	position:absolute;
	top:81px;
	width:800px;
	height:30px;
}

div#header ul li {
	float:left;
	width:130px;
	height:30px;
	text-indent:-99999px;
}

div#header ul li a {
	display:block;
	width:130px;
	height:30px;
}
div#header ul li a:active,div#header ul li a:hover {
	background-position:bottom;
}
li.navi01 a {
	background-image:url(./img/navi01.jpg);
}
li.navi02 a {
	background-image:url(./img/navi02.jpg);
}
li.navi03 a {
	background-image:url(./img/navi03.jpg);
}
li.navi04 a {
	background-image:url(./img/navi04.jpg);
}
li.navi05 a {
	background-image:url(./img/navi05.jpg);
}
li.navi06 a {
	background-image:url(./img/navi06.jpg);
}

/*---=03_navi---*/

#right_column {
	float:right;
	width:200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px;
}

#right_column div#serch_box {
	float:left;
	width:200px;
	height:80px;
	margin: 0px 0px 20px 0px;
	background: url(./img/bg_right_serch.jpg) no-repeat bottom;
}

#right_column div#serch_box h3 {
	width:200px;
	height:27px;
	background: url(./img/right_sub01.jpg) no-repeat;
	text-indent:-99999px;
}

#right_column div#serch_box p {
	float:left;
	padding: 15px 0px 0px 10px;
}

#right_column div.box_bottom {
	float:left;
	width:200px;
	background: url(./img/bg_right_bottom.png) no-repeat bottom;
	padding: 0px 0px 20px;
	margin: 0px 0px 20px;
}

#right_column div.box01 {
	float:left;
	width:198px;
	background: #FFFFFF;
	padding: 1px 1px 0px;
	font-size:80%;
}

#right_column div.box_bottom h4 {
	float:left;
	background-color:#333333;
	width:99px;
	height:26px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin: 0px 0px 10px;
}

#right_column div.box_bottom h4 a {
	display:block;
	width:99px;
	height:26px;
}

#right_column div.box_bottom .right_contents {
	float:left;
	display:inline;
	width:180px;
	margin: 0px 9px 10px;
}

#right_sub02 {
	background-image:url(./img/right_sub02.jpg);
}

#right_sub03 {
	background-image:url(./img/right_sub03.jpg);
}

#right_column div.box_bottom #right_sub04 {
	background-image:url(./img/right_sub04.jpg);
	width:198px;
}

#right_column ul#banner {
	width:180px;
	float:left;
	margin: 0px;
}

#right_column ul#banner li {
	margin:0px 0px 10px;
}

/*---=04_footer---*/

#footer {
	width:100%;
	font-size:80%;
	margin: 0px auto;
	border-top: #666666 solid 1px;
	background: #333333;
}

address {
	display:block;
	width:800px;
	margin: 0px auto;
	text-align:right;
	font-style: normal;
	clear:both;
	padding: 10px 0px 130px;
	color:#FFFFFF;
}

/*---=05_footer_link_color---*/

address a:link,address a:visited {
	color:#FFFFFF;
}
address a:active,address a:hover {
	color:#FF9933;
}

/*---=06_page_title---*/

#top_sub01 {
	background-image: url(./img/top_sub01.png);
}
#access_sub01 {
	background-image: url(./img/access_sub01.png);
}
#event_sub01 {
	background-image: url(./img/event_sub01.png);
}
#gallery_sub01 {
	background-image: url(./img/gallery_sub01.png);
}
#label_sub01 {
	background-image: url(./img/label_sub01.png);
}
#menu_sub01 {
	background-image: url(./img/menu_sub01.png);
}
#contact_sub01 {
	background-image: url(./img/contact_sub01.png);
}
#serch_sub01 {
	background-image: url(./img/serch_sub01.png);
}

/*---=07_layout---*/

.seg01_top {
	width:580px;
	float:left;
	background:url(./img/bg_contents_top.png) no-repeat;
	padding: 20px 0px 20px;
}
.seg01_bottom {
	width:580px;
	float:left;
	background:url(./img/bg_contents_bottom.png) no-repeat bottom;
	padding: 0px 0px 20px;
}

.seg01_01 {
	float:left;
	width:560px;
	padding: 0px 10px 20px;
	background-color:#FFFFFF;
}

.seg01_01_left {
	float:left;
	width:200px;
}

.seg01_01_right {
	float:right;
	width:340px;
}
.seg01_01_left02 {
	float:left;
	width:285px;
}

.seg01_01_right02 {
	float:right;
	width:255px;
}
.seg01_01_left03 {
	float:left;
	width:340px;
}

.seg01_01_right03 {
	float:right;
	width:200px;
}

/*---=08_general_purpose---*/

.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}

.ali_cen {
	text-align:center;
}
.ali_right {
	text-align: right;
}
.ali_left {
	text-align: left;
}

.fl {
	float:left;
}
.fr {
	float:right;
}

.clb {
	clear:both;
}
.cll {
	clear:left;
}
.clr {
	clear:right;
}

.clo_wh {
	color:#FFF;
}
.clo_wh a:link,.clo_wh a:visited {
	color:#FFF;
}

h2 {
	float:left;
	width:580px;
	height:105px;
	margin: 0px 0px 10px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}

#main h3 {
	color:#CCC;
	font-size:300%;
	margin: 0px 0px 10px;
}

#main h4 {
	background: url(./img/icon01.jpg) no-repeat 0px 3px;
	color: #FF6600;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	border-bottom: #FF6633 solid 1px;
	clear: both;
}

div#next_night {
	position:absolute;
	z-index:0;
	left:50%;
	top:182px;
	width:580px;
	height:50px;
	margin: 0px 0px 0px -400px;
	color:#FF7F00;
	font-size:140%;
	line-height:1.2;
}

div#next_night p {
	text-align:left;
	height:25px;
	padding: 0px 20px 0px 165px;
	background: url(./img/next_night.png) no-repeat; 
}

div#next_night p#event_name {
	padding: 0px 0px 0px 165px;
	background:none; 
}

div#next_night p#event_name a:link,div#next_night p#event_name a:visited {
	color:#FF8800;
}

div#next_night p#event_name a:active,div#next_night p#event_name a:hover {
	color:#FFFFFF;
}

ul#fixed_link {
	position:fixed;
	left:50%;
	bottom:0;
	width:70px;
	margin: 0px 0px 0px 330px;
}

ul#fixed_link li {
	width:30px;
	height:30px;
	text-indent:-99999px;
}

ul#fixed_link li a {
	display:block;
	width:30px;
	height:30px;
}

.seg01_01 img {
	float:left;
	margin: 0px 10px 10px 0px;
}

.seg01_01_left img,
.seg01_01_left02 img,
.seg01_01_right img,
.seg01_01_right02 img {
	float:none;
	margin: 0px;
}

.seg01_01 ul {
	margin:0 0 20px;
}

#to_home {
	background-image:url(./img/to_home.jpg);
	float:left;
}
#to_top {
	background-image:url(./img/to_top.jpg);
	float:right;
}


.top_img {
	width:580px;
	float:left;
	padding: 0px 0px 20px;
}
.top_img li {
	width:49px;
	float:left;
	margin: 0px 10px 0px 0px;
}
.top_img li.end {
	width:49px;
	float:right;
	margin: 0px 0px 0px 0px;
}
.top_img li a {
	display:block;
	width:49px;
	height:49px;
}

.artists li {
	display:inline;
}

/*---=10_tabAccordion---*/

/* タブ全体 */
#update_wrapper {
    float: left;
    margin: 0 auto;
}
/* リスト表示部分 */
.boxholder{
    clear: both;
}

#update_wrapper ul#update {
	width:180px;
	float:left;
	margin: 0px;
}

#update_wrapper ul#update li {
	background: url(./img/icon02.jpg) no-repeat;
	margin:0px 0px 10px;
	padding: 0px 0px 0px 20px;
	line-height:2;
}

#update_wrapper p#update {
	width:180px;
	float:left;
	margin: 0px;
	overflow:hidden;
}