@charset "UTF-8";

/*
		2009楽器フェア
		style.css
*/


/*	Browser Reset	*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}

fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}




/*
	LINK
	____________________
*/
a:link {
	text-decoration: none;
	color: #FF6600;
}
a:visited {
	text-decoration: none;
	color: #FF6600;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #FF6600;
}

a img {
	border: none;
}






body {
	margin: 0;
	padding: 0;
	background-color: #535353;
	text-align: center;
	font-size: 13px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    *font-size: 81.25%; /*for IE6,IE7*/
}


div#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../img/body_bg.jpg) top repeat-x;
	background-color: #FFFFFF;
}

div#container {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	overflow: visible;
}



div#header {
	width: 1000px;
	height: 160px;
	margin: 0;
	padding: 0;
	background: url(../img/header_bg.jpg) top left no-repeat;
}

div#header #title-logo a {
	display: block;
	width: 260px;
	height: 125px;
	background: url(../img/title-logo.jpg) top no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}


div#main {
	width: 1000px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	overflow: hidden;
}




/*
	NAVI box
	____________________
*/
div#navi-bar {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

div#navi-bar #navi {
	width: 150px;
	margin: 0 0 0 8px;
	padding: 0;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}

div#navi-bar #navi ul {
	margin: 0;
	padding: 0;
}
div#navi-bar #navi ul li {
	border-top: 1px solid #DCDCDC;
	text-indent: -9999px;
	overflow: hidden;
}
div#navi-bar #navi ul li a {
	display: block;
	width: 150px;
	height: 32px;
	margin: 0;
	padding: 0;
}

div#navi-bar #navi ul li.gaiyou a {
	background: url(../img/n_gaiyou.jpg) top no-repeat;
}
div#navi-bar #navi ul li.ticket a {
	background: url(../img/n_ticket.jpg) top no-repeat;
}
div#navi-bar #navi ul li.map a {
	background: url(../img/n_map.jpg) top no-repeat;
}
div#navi-bar #navi ul li.exhibitor a {
	background: url(../img/n_exhibitor.jpg) top no-repeat;
}
div#navi-bar #navi ul li.event a {
	background: url(../img/n_event.jpg) top no-repeat;
}
div#navi-bar #navi ul li.outlet a {
	background: url(../img/n_outlet.jpg) top no-repeat;
}
div#navi-bar #navi ul li.publisher a {
	background: url(../img/n_publisher.jpg) top no-repeat;
}
div#navi-bar #navi ul li.auction a {
	background: url(../img/n_auction.jpg) top no-repeat;
}
div#navi-bar #navi ul li.access a {
	background: url(../img/n_access.jpg) top no-repeat;
}
div#navi-bar #navi ul li.kikaku a {
	background: url(../img/n_kikaku.jpg) top no-repeat;
}
div#navi-bar #navi ul li.contact a {
	background: url(../img/n_contact.jpg) top no-repeat;
}
div#navi-bar #navi ul li.policy a {
	background: url(../img/n_policy.jpg) top no-repeat;
}
div#navi-bar #navi ul li.about-link a {
	background: url(../img/n_about-link.jpg) top no-repeat;
}
div#navi-bar #navi ul li.english a {
	background: url(../img/n_english.jpg) top no-repeat;
}
div#navi-bar #navi ul li.back-home a {
	background: url(../img/n_back-home.jpg) top no-repeat;
	border-bottom: 1px solid #DCDCDC;
}


div#navi-bar #navi ul li a:hover {
	background-position: bottom;
}






/*
	NAVI - LEFT BANNER box
	____________________
*/
div#navi-bar #left-bnr {
	width: 150px;
	margin: 25px 0 0 9px;
	padding: 0;
}
div#navi-bar #left-bnr a img {
	margin: 0 0 10px 0;
}


div#navi-bar #left-bnr object,embed {
	margin: 0 0 8px 0;
	padding: 0;
	vertical-align: top;
}








/*
	CONTENT box
	____________________
*/
div#content {
	float: left;
	width: 650px;
	margin: 0;
	padding: 0 0 10px 20px;
	background-color: #FFFFFF;
	overflow: hidden;
}


#content h1 {  /*  ページタイトル画像  */
	margin: 0;
	padding: 0;
}



#content h3 {  /*  見出し h3  */
	font-size: 114%;
	color: #EB8C28;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	background: url(../img/circle_orange.gif) left no-repeat;
	clear: both;
}



#content p {  /*  本文  */
	font-size: 93%;
	color: #333333;
	line-height: 1.5;
	margin: 0 2em 3em 20px;
	padding: 0 0 0 0;
}







#content ul.listmark {  /*  リスト　：　緑丸リストマーク  */
	margin: 1em 0 2em 30px;
	padding: 0;
	list-style: none;
	font-size: 93%;
	color: #444444;
}
#content ul.listmark li {
	margin: 0 0 0.4em 0;
	padding: 0.4em 0 0.4em 14px;
	background-image: url(../img/list-mark_red.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
}
#content ul.listmark li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}





#content table {  /*  テーブル　：　区切り罫線のみ  */
	color: #444444;
	border-collapse: collapse;
	margin: 1em 0 2em 20px;
	padding: 0;
	border-top: 1px solid #D2D2D2;
}
#content th, td {
	padding: 0.6em;
	font-weight: normal;
	border-bottom: 1px solid #D2D2D2;
}
#content th {
	text-align: right;
	vertical-align: top;
}
#content .nowrap {
	white-space: nowrap;
}




#content ul.border {  /*  リスト　：　罫線区切り  */
	margin: 1em 2em 2em 20px;
	padding: 0;
	list-style: none;
	font-size: 93%;
	color: #444444;
}
#content ul.border li {
	margin: 0 0 0 0;
	padding: 0.4em 0 0.4em 14px;
	border-bottom: 1px solid #CCCCCC;
}
#content ul.border li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}






#content .kakomi {  /*  囲み  */
	width: 92%;
	background-color: #fad2c7;
	margin: 0 0 2em 20px;
	padding: 0 0 0 0;
}
#content .kakomi h4 {
	font-size: 93%;
	color: #FFF;
	border-left: 5px #fbb03b solid;
	background-color: #f15a24;
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 0.8em;
}
#content .kakomi p {
	font-size: 93%;
	color: #333333;
	line-height: 1.4;
	margin: 1em 0 0 0;
	padding: 0 2em 1em 2em;
}




#content .imgbox {  /*  ボーダー付き 画像  */
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	width: 630px;
	clear: left;
}
#content .imgbox img {
	margin: 0 8px 8px 0;
	padding: 0;
	border: 4px solid #FFCC99;
}
#content .imgbox a img {
	margin: 0 8px 8px 0;
	padding: 0;
	border: 4px solid #FFCC99;
}
#contents .imgbox a:hover img {
	border:4px solid #FF9933;
}












/*
	RIGHT BANNER box
	____________________
*/
div#banner-bar {
	float: left;
	width: 160px;
	margin: 0;
	background: url(../img/bnr_advertise.gif) top no-repeat;
	height: 840px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	overflow: hidden;
}

#banner-bar a img {
	margin: 0 0 8px 0;
	padding: 0;
}


#banner-bar object,embed {
	margin: 0 0 8px 0;
	padding: 0;
	vertical-align: top;
}




/*
	FOOTER box
	____________________
*/
div#footer-wrapper {
	clear: both;
	width: 100%;
	height: 113px;
	margin: 0;
	padding: 10px 0 0 0;
	background: url(../img/footer_bg.jpg) top repeat-x;
	color: #FFFFFF;
}
div#footer {
	width: 970px;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}
div#footer address {
	float: left;
	font-size: 10px;
	color: #DCDCDC;
	margin: 0 0 0 2px;
}


#footer ul {
	float: right;
	margin: 0 8px 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
#footer li {
	display: inline;
}
#footer li a {
	font-size: 90%;
	background: url(../img/footer_arrow.gif) left no-repeat;
	color: #DCDCDC;
	margin: 0 0 0 18px;
	padding: 0 0 0 10px;
	text-decoration: none;
}
#footer li a:hover {
	color: #FF9900;
}





/*
	PAGE TOP BUTTON
	____________________
*/
a.pagetop {
	clear: both;
	float: right;
	display: block;
	width: 111px;
	height: 15px;
	margin: 1em 20px 1em 0;
	padding: 0;
	background: url(../img/btn_pagetop.gif) left top no-repeat;
	text-indent: -9999px;
/*\*/ 
	overflow: hidden;	/*	FF で text-indent: -9999px クリック時の枠線伸びを防ぐ	*/
/**/
}





/*
	BACK BUTTON
	____________________
*/
a.back {
	clear: both;
	display: block;
	width: 100px;
	height: 40px;
	background: url(../img/btn_back.gif) top left no-repeat;
	margin: 1.4em auto 1em auto;
	padding: 0;
	text-indent: -9999px;
/*\*/ 
	overflow: hidden;	/*	FF で text-indent: -9999px クリック時の枠線伸びを防ぐ	*/
/**/
}

a.back_home {
	clear: both;
	display: block;
	width: 165px;
	height: 40px;
	background: url(../img/btn_back-home.gif) top left no-repeat;
	margin: 1.4em auto 1em auto;
	padding: 0;
	text-indent: -9999px;
/*\*/ 
	overflow: hidden;	/*	FF で text-indent: -9999px クリック時の枠線伸びを防ぐ	*/
/**/
}






/*
	KANRI LOGIN
	____________________
*/
#kanri {
	width: 100%;
}
#kanri img {
	margin: 0 0 10px 0;
}
.wnbg {
	background-color: #F15A24;
	overflow-x: hidden;
}
.bar {
	background-color: #DC4510;
	width: 610px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #EB8C28;
	font-size: 114%;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 10px;
}
#wrapper #container #main #content .red {
	color: #FF0000;
	font-weight: bold;
}
.mapname {
	font-weight: bold;
	color: #FFFFFF;
	width: 290px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EB8C28;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.mapthum {
	float: left;
	width: 142px;
	font-size: 0.9em;
	color: #EB8C28;
	text-align: center;
	line-height: 1.5em;
	background-color: #FFFFCC;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.maparea {
	float: left;
	width: 295px;
	margin-left: 10px;
}
.mapwaku {
	width: 620px;
	float: left;
	margin-left: 10px;
}
.kome {
	font-weight: bold;
	margin-bottom: 10px;
	width: 635px;
	color: #EB8C28;
	padding-left: 15px;
	margin-top: -5px;
}
#content .auc_area {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	width: 630px;
	float: left;
	overflow: auto;
	display: inline;
}
.auc_item {
	margin-right: 8px;
	width: 186px;
	border: 4px solid #FFCC99;
	margin-bottom: 8px;
	float: left;
	display: inline;
}
.auc_title {
	background-color: #FF6600;
	width: 176px;
	padding: 5px;
	font-size: 90%;
	text-align: left;
	color: #FFFFFF;
	height: inherit;
	overflow: visible;
}
.auc_price {
	font-size: 90%;
	padding: 5px;
	width: 176px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	text-align: left;
}
.auc_comment {
	padding: 5px;
	width: 176px;
	font-size: 90%;
	text-align: left;
}
#content  .auc_table  {
	color: #444444;
	border-collapse: collapse;
	padding: 0;
	border-top: 1px solid #D2D2D2;
	clear: left;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 20px;
}