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

/* Put a border around the newly clickable element */
.bl-hot {
	zoom: 1; /* Should be IE only */
}

/* rollover style for clickable element */
.bl-hover {
	cursor: pointer;
	        filter: alpha(opacity=70);
            -moz-opacity:0.70;
            opacity:0.70;
}

/* Simulate hover on contained link */
.bl-hover a:link {

}

.bl-hover a:visited {

}

/* Some demo layout */
#links {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
	font-size:92%;
}

#links li.bl-hot {
	width: 140px;
	float: left;
	padding: 15px 30px;
	margin: 0 0 20px 50px;
	display: inline;
	list-style-type: none;
	background-color:#EFEFEF;
}

#links li:before {
	content: '';
}

#links {
	text-transform:uppercase;
}

#links img {
	margin-bottom:1em;
}

#links h2, #links h3 {
	line-height:1.5em;
	margin-bottom:1em;
	
}


#links h2 {
	border:none;
	margin:0;
	padding:0;
	font-size:92%;
}

#links h3 {
	font-size:92%;
	font-weight:bold;
	margin:0;
	padding:0;
}


#links p {
	margin-bottom:;
	font-size:92%;
}


/*---------------------------------------------*/

#links2 {
	width: 350px;
	margin: 0;
	padding: 0;
}

#links2 li.bl-hot {
	width: 140px;
	float: left;
	padding: 30px;
	margin: 0 0 20px 50px;
	display: inline;
	list-style-type: none;
	background-color:#EFEFEF;
}

#links2 li:before {
	content: '';
}

#links2 {
	text-transform:uppercase;
}

#links2 img {
	margin-bottom:1em;
}

#links2 h2, #links2 h3 {
	line-height:1.5em;
	letter-spacing:0.2em;
	border:none;
}

#links2 h2 {
	margin:0;
	padding:0;
	font-size:110%;
}

#links2 h3 {
	font-size:110%;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#links2 li.bl-hot {
	width: 350px;
	padding: 0px;
	margin: 0 0 30px 0;
	display: inline;
	list-style-type: none;
	background-color:#FFF;
}

#links2 li.bl-hot img{
	float:left;
	margin-right: 10px;
}

#detail #main #links2 p{
	margin-bottom: 0px;
	color:#999;
	letter-spacing: 0.1em;
}

/*---------------------------------------------*/

#links3 {
	width: 350px;
	margin: 0;
	padding: 0;
}

#links3 li.bl-hot {
	width: 140px;
	float: left;
	padding: 30px;
	margin: 0 0 20px 50px;
	display: inline;
	list-style-type: none;
	background-color:#EFEFEF;
}

#links3 li:before {
	content: '';
}

#links3 {
	text-transform:uppercase;
}

#links3 img {
	margin-bottom:1em;
}

#links3 h2, #links3 h3 {
	letter-spacing:0.2em;
}

#links3 h2 {
	font-size:108%;
	border:none;
	color:#000;
	margin:0;
	padding:0;
}


#links3 h3 {
	color:#888;
	font-weight:bold;
	padding:0;
	font-size:108%;
}


#links3 li.bl-hot {
	width: 280px;
	padding: 0px;
	margin: 0 0 30px 50px;
	display: inline;
	list-style-type: none;
	background-color:#FFF;
}

#links3 li.bl-hot img{
	float:left;
	margin-right: 10px;
}

#detail #main #links3 p{
	margin-bottom: 0px;
	color:#999;
	letter-spacing: 0.1em;
}

#detail #main #links3 div.ev-title {
	font-size:180%!important;
	margin:0 0 20px 50px!important;
	letter-spacing:0.1em;
	font-weight:bold;
}


#links_top {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size:92%;
}

#links_top li.bl-hot {
	width: 140px;
	float: left;
	padding: 30px;
	display: inline;
	list-style-type: none;
	background-color:#EFEFEF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px!important;
}

#links_top li:before {
	content: '';
}

#links_top {
	text-transform:uppercase;
}

#links_top img {
	margin-bottom:1em;
}

#links_top h2, #links_top h3 {
	line-height:1.5em;
	margin-bottom:1em;
	
}


#links_top h2 {
	border:none;
	margin:0;
	padding:0;
	font-size:92%;
}

#links_top h3 {
	font-size:92%;
	font-weight:bold;
	margin:0;
	padding:0;
}


#links_top p {
	margin-bottom:;
	font-size:92%;
}









#links_book {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size:92%;
}

#links_book li.bl-hot {
	width: 180px;
	float: left;
	padding: 10px;
	display: inline;
	list-style-type: none;
	background-color:#EFEFEF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px!important;
	line-height:1.6em;
}

#links_book li:before {
	content: '';
}

#links_book {
	text-transform:uppercase;
}

#links_book li.bl-hot div.l-left {
	width:90px;
	float:left;
}

#links_book li.bl-hot div.l-right {
	width:90px;
	float:right;
}


#links_book img {
	/*margin-bottom:1em;*/
}

#links_book h2, #links_top h3 {
	line-height:1.5em;
	margin-bottom:1em;
	
}


#links_book h2 {
	border:none;
	margin:0;
	padding:0;
	font-size:92%;
}

#links_book h3 {
	font-size:92%;
	font-weight:bold;
	margin:0;
	padding:0;
}


#links_top p {
	margin-bottom:;
	font-size:92%;
}