/* headline */
#headline{
	width:950px;
	height:40px;
	background:url(../img/headline_bg.png) no-repeat;
	margin:10px 0 0 0;
	padding:0;
}

/*
.rss_area {
	width:720px;
	height: 24px;
	margin: 0px 0px 0px 210px;
	background: #ffff00;
}
*/

/* top */
#top_image{
	width:950px;
	height:738px;
	background:url(../img/top_image.png) no-repeat;
	margin:0px 0px 20px 0px;
	padding:0;
}


/* top navi */
#top_navi{
  margin: 0;
  padding: 0;
}
  
#top_navi ul{  
  list-style-type: none;  
  margin: 0px 0px 0px 20px;  
  padding: 0;  
}  
  
#top_navi li{  
  float: left; 
  margin: 14px 0px 0px 0px;  
  padding: 0; 
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}  
  
#top_navi a:hover{  
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}  

#top_navi:after {
    clear: both;
}

.dotto1 {
	background:url(../img/navi_dotto.png) no-repeat;
	width:10px;
	height:31px;
	margin:14px 0px 0px 20px;
}

.dotto2 {
	background:url(../img/navi_dotto.png) no-repeat;
	width:10px;
	height:31px;
	margin:14px 0px 0px 0px;
}

.profile {
	background:url(../img/navi_profile.png) no-repeat;
	width:231px;
	height:31px;
	margin:14px 0px 0px 0px;
}

.profile:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.books {
	background:url(../img/navi_book.png) no-repeat;
	width:204px;
	height:31px;
	margin:14px 0px 0px 0px;
}

.books:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.blog {
	background:url(../img/navi_blog.png) no-repeat;
	width:161px;
	height:31px;
	margin:14px 0px 0px 0px;
}

.blog:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.contact {
	background:url(../img/navi_contact.png) no-repeat;
	width:264px;
	height:31px;
	margin:14px 0px 0px 0px;
}

.contact:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/* topics */
#topics_area{
	width:650px;
	height:180px;
	margin:536px 0px 0px 25px;
	padding:0px;
	position:absolute;
}

/* topics_rss */
#topics_ditail{
	width:550px;
	margin: 0;
	padding: 0;
}

#topics_ditail ul{
	list-style-type: none;  
	margin: 0;
	padding: 0;
	clear:both;
	line-height:2em;
}

#topics_ditail li.ditail_date{
	width:100px;
	float: left;
	margin:0px 0px 0px 0px;
	padding: 0;
	font-size:14px;
	color:#666666;
}

#topics_ditail li.ditail_title{
	width:400px;
	float: left;
	margin: 0;
 	padding: 0;
	font-size:18px;
	color:#666666;
  	text-align: left;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#topics_ditail li.ditail_title a{
	color:#008C67;
}

#topics_ditail li.ditail_title a:hover{
	color:#D90000;
}

#topics_ditail li.ditail_all{
	width:550px;
	text-align:right;
	margin: 0;
 	padding: 0;
	font-size:16px;
	color:#666666;
}

#topics_ditail li.ditail_all a{
	color:#008C67;
}

#topics_ditail li.ditail_all a:hover{
	color:#D90000;
}

#topics_ditail2 {
    clear: both;
}

/* pickup */
#pickup_area{
	width:270px;
	height:360px;
	margin:356px 0px 0px 675px;
	padding:0px;
	position:absolute;
}

.pickup_image1406{
	background:url(../img/top_pickup1.png) no-repeat;
	width:269px;
	height:353px;
	margin:4px 0px 0px 3px;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
  
.pickup_image1505:hover{ 
	background:url(../img/top_pickup2.png) no-repeat;
}  

.pickup_image1505{
	background:url(../img/top_pickup3.png) no-repeat;
	width:269px;
	height:353px;
	margin:4px 0px 0px 3px;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
  
.pickup_image1505:hover{ 
	background:url(../img/top_pickup3.png) no-repeat;
	background-size: 90%;
	background-position: 20px 20px;
/*	background:url(../img/top_pickup2.png) no-repeat;*/
}  


/* main*/
#main_left{
	width:647px;
	height:inherit;
	float:left;
	text-align:left;
}

#main_right{
	width:303px;
	height:inherit;
	float:left;
}

/* eye*/
#eye_area{
	background:url(../img/eye_bg.png) no-repeat;
	width:632px;
	height:407px;
	margin:0;
	padding:0;
}


#slide_area{
	padding:50px 0px 0px 16px;
	margin:0;
}

/* media*/
#media_area{
	background:url(../img/media_bg.png) no-repeat;
	width:632px;
	height:805px;
	margin:20px 0px 0px 0px;
	padding:0;
}

#jam_detail{
	background:url(../img/jamtheworld_text.png) no-repeat;
	width:368px;
	height:90px;
	margin:55px 0px 0px 20px;
	position:absolute;
	text-indent:-9999px;
}

#media_link{
	margin:70px 0px 0px 413px;
	position:absolute;
}

.jam_btn a{
	background:url(../img/btn_jamtheworld.png) no-repeat;
	width:197px;
	height:42px;
	margin:-2em 0px 0px 0px;
	text-indent:-9999px;
	display:block;
}

.jam_btn a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	cursor:pointer;
}

.radiko_btn a{
	background:url(../img/btn_radiko.png) no-repeat;
	width:197px;
	height:42px;
	padding:0;
	margin-top:-0.5em;
	text-indent:-9999px;
	display:block;
}

.radiko_btn a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	cursor:pointer;
}

#soundcloud{
	width: 600px;
	height: 166px;
	margin: 160px 0px 0px 18px;
	position: absolute;
}

#media_line{
	background:url(../img/media_line.png) no-repeat;
	width:640px;
	height:1px;
	margin:290px 0px 0px 0px;
	padding:0;
	position: absolute;
}

#youtube_title{
	background:url(../img/youtube_title.png) no-repeat;
	width:340px;
	height:22px;
	margin:310px 0px 0px 20px;
	padding:0;
	position: absolute;
	text-indent:-9999px;
}

#youtube_movie{
	width:400px;
	height:225px;
	margin:355px 0px 0px 20px;
	padding:0;
	position: absolute;
}

#youtube_text{
	width:190px;
	font-size:16px;
	margin:355px 0px 0px 430px;
	padding:0;
	position: absolute;
}

#youtube_link a{
    display: block;
	background:url(../img/youtube_btn.png) no-repeat;
	width:169px;
	height:20px;
	margin:560px 0px 0px 430px;
	padding:0;
	position: absolute;
}

#youtube_link a:hover{
	background:url(../img/youtube_btn2.png) no-repeat;
}

/* photo*/
#photo_area{
	background:url(../img/photo_bg.png) no-repeat;
	width:632px;
	height:249px;
	margin:20px 0px 0px 0px;
	padding:0;
}

/* info*/
#infomation_area{
	background:url(../img/info_bg.png) no-repeat;
	width:632px;
	height:62px;
	margin:20px 0px 30px 0px;
	padding:0;
}

/* contact*/
#contact_area{
	background:url(../img/contact_bg.png) no-repeat;
	width:305px;
	height:170px;
	margin:0px 0px 0px 0px;
	padding:0;
}

#contact_sp{
  margin: 0;
  padding: 0;
  text-align:left;
}

#contact_sp ul{
  list-style-type: none;  
  margin: 0px 0px 0px 6px;  
  padding: 0;  
}

#contact_sp li{
  float: left; 
  margin: 14px 0px 0px 0px;  
  padding: 0;
}

#contact_sp:after {
    clear: both;
}

#contact_sp .button1 {
	background:url(../img/contact_btn11.png) no-repeat;
	width:142px;
	height:109px;
	margin:44px 0px 0px 0px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#contact_sp .button1:hover {
	background:url(../img/contact_btn12.gif) no-repeat;
}

#contact_sp .button2 {
	background:url(../img/contact_btn21.png) no-repeat;
	width:142px;
	height:109px;
	margin:44px 0px 0px 0px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#contact_sp .button2:hover {
	background:url(../img/contact_btn22.gif) no-repeat;
}

/* sns*/
#sns_area{
	background:url(../img/sns_bg.png) no-repeat;
	width:305px;
	height:554px;
	margin:20px 0px 0px 0px;
	padding:0;
}

.twitterTL{
	padding:50px 0px 10px 22px;
	margin:0;
}

.social_button{
	padding:0px 0px 0px 23px;
	margin:0;
}

/* vote*/
#vote_area{
	background:url(../img/vote_bg_long.png) no-repeat;
	width:305px;
	height:758px;
	margin:20px 0px 0px 0px;
	padding:0;
}

.vote_frame{
	padding:60px 0px 0px 18px;
	margin:0;
}

#vote_area #cat{
	background:url(../img/cat.gif) no-repeat;
	width:106px;
	height:137px;
/*	margin:38px 0px 0px 197px;*/
	margin:258px 0px 0px 197px;
	position:absolute;
}

#vote_area #butterfly1{
	background:url(../img/butterfly1.gif)no-repeat;
	width:42px;
	height:39px;
/*	margin:50px 0px 0px 33px;*/
	margin:270px 0px 0px 33px;
	position:absolute;
}


#vote_area #butterfly2{
	background:url(../img/butterfly2.gif)no-repeat;
	width:42px;
	height:39px;
/*	margin:20px 0px 0px 150px;*/
	margin:240px 0px 0px 150px;
	position:absolute;
}

/* key*/
#key_area{
	background:url(../img/key_bg_close.png) no-repeat;
	width:305px;
	height:62px;
	margin:19px 0px 30px 0px;
	padding:0;
}

/* 重版情報 */
.news_area{
margin:0px 25px 0px 15px;
}
.news_title{
width:570px;
border-bottom:1px solid #000000;
font-size:28px;
font-weight:bold;
}
.book_title{
line-height:2.0;
font-size:18px;
font-weight:bold;
float:left;
}
.repeat{
font-size:18px;
width:120px;
text-align:right;
float:right;
color:#33855e;
}