@charset "Shift_JIS";

/* body
------------------------------------------------------------------------*/
.col-l {
	float: left;
}

.col-r {
	float: right;
	margin: 15px 0 0;
	background: #333;
}

.cl_both {
	clear: both;
}

#content_title h2 {
	width: 280px;
	height: 70px;
	background: url("../img/tit_exhibition16.gif") top no-repeat;
	text-indent: -10000px;
}


/* lead
------------------------------------------------------------------------*/
#lead {
	clear: both;
	float: left;
	width: 660px;
	text-align: left;
}

#lead h3 {
	height: 30px;
	text-indent: -10000px;
}

#lead h3.lead_flow {
	background: url("../img/sub_flow.gif") top left no-repeat;
}

#lead h3.lead_winners {
	background: url("../img/sub_winners.gif") top left no-repeat;
}

#lead h3.lead_artist {
	background: url("../img/sub_artist.gif") top left no-repeat;
}

#lead p.lead_txt {
	padding: 30px 0 50px;
	font-size: 75%;
}


/* tabs
------------------------------------------------------------------------*/
div#tabs {
	margin-top: 50px;
	clear: both;
}

div#tabs ul {
	height: 43px;
	background: url("../../common/img/tab_bg.gif") repeat-x 0px 0px;
}

div#tabs ul li {
	float: left;
	text-indent: -10000px;
	margin-left: 10px;
}

div#tabs ul li a {
	display: block;
	width: 190px;
	height: 43px;
}

div#tabs li.tab_winners a {
	background: url("../../common/img/tab_winners.gif") no-repeat;
	background-position: 0 0px;
}

div#tabs li.tab_artist a {
	background: url("../../common/img/tab_artist.gif") no-repeat;
	background-position: 0 0px;
}

div#tabs li.tab_winners_on a {
	background: url("../../common/img/tab_winners.gif") no-repeat;
	background-position: 0 -43px;
}

div#tabs li.tab_artist_on a {
	background: url("../../common/img/tab_artist.gif") no-repeat;
	background-position: 0 -43px;
}

div#tabs li.tab_winners a:hover,
div#tabs li.tab_artist a:hover {
	background-position: 0 -43px;
}

div#tabs p.tab_txt {
	padding: 30px 0 50px;
	font-size: 75%;
	clear: both;
}





/* exhi_main
------------------------------------------------------------------------*/
div#exhi_main {
	width: 660px;
}

div#exhi_main:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}
* html div#exhi_main {
	display: inline-block;
}
/* no ie mac \*/
* html div#exhi_main{ height: 1%;}
div#exhi_main { display: block;}
/* */

.exhi_l {
	float: left;
	width: 420px;
}

.exhi_r {
	float: right;
	width: 180px;
}

#lead p.exhi_txt {
	font-size: 75%;
}

#lead p.gaiyou {
	padding: 20px 0 15px;
	font-size: 75%;
	font-weight: bold;
}

#gaiyou_table table{
	width: 420px;
	font-size: 75%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

#gaiyou_table table th {
	padding: 2px;
	background: #f7f7f7;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

#gaiyou_table table td {
	padding: 2px;
	background: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}


/* exhi_content
------------------------------------------------------------------------*/
div#exhi_content {
	width: 660px;
}

div#exhi_content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}
* html div#exhi_content {
	display: inline-block;
}
/* no ie mac \*/
* html div#exhi_content{ height: 1%;}
div#exhi_content { display: block;}
/* */

div.exhi_content_l {
	float: left;
	width: 200px;
	height: 180px;
	margin: 50px 30px 30px 0;
	background: #eef;
}

div.exhi_content_c {
	float: left;
	width: 200px;
	height: 180px;
	margin: 50px 30px 30px 0;
}

div.exhi_content_r {
	float: right;
	width: 200px;
	height: 180px;
	margin: 50px 0 30px;
}

div#exhi_content h3 a {
	display: block;
	width: 200px;
	height: 180px;
	text-indent: -10000px;
}

div.exhi_content_l h3 a {
	height: 180px;
	background: url("../img/top_flow.jpg") top left no-repeat;
	background-position: 0 0;
}

div.exhi_content_c h3 a {
	height: 180px;
	background: url("../img/top_winners.jpg") top left no-repeat;
	background-position: 0 0;
}

div.exhi_content_r h3 a {
	height: 180px;
	background: url("../img/top_artist.jpg") top left no-repeat;
	background-position: 0 0;
}

div.exhi_content_l h3 a:hover,
div.exhi_content_c h3 a:hover,
div.exhi_content_r h3 a:hover {
	background-position: 0 -180px;
}
