@charset "utf-8";

/*===================================================
*
*	home style sheet
*
====================================================*/

/* ---------------------------------------
 1. outline
----------------------------------------*/

div#contents {
	width: 650px;
	float: left;
}

div#contents div.leftContents {
	width: 180px;
	float: left;
}

div#contents div.rightContents {
	width: 460px;
	float: right;
}

div.sidebar {
	width: 300px;
	float: right;
}

li.widget{
	list-style-type:none;
}

/* ---------------------------------------
 2. contents
----------------------------------------*/

/*
 news area
---------------------------------*/

div.news {
	margin: 0 0 10px;
}

div.news ul {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #f0ece0;
	padding: 5px 0;
}

div.news ul li {
	background: url(/images/common/arrow_beige.gif) no-repeat 6px 9px;
	padding: 5px 6px 5px 16px;
	border-bottom: 1px solid #dddddd;
}

div.news ul li.more {
	background: none;
	text-align: right;
	font-size: 84%;
	padding: 5px 6px 0px 16px;
	border: none;
}


/*
 live area
---------------------------------*/

div.live {
	margin: 0 0 10px;
}

div.live ul {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #f0ece0;
	padding: 5px 0;
}

div.live ul li {
	background: url(/images/common/arrow_beige.gif) no-repeat 6px 9px;
	padding: 5px 6px 5px 16px;
	border-bottom: 1px solid #dddddd;
}

div.live ul li.more {
	background: none;
	text-align: right;
	font-size: 84%;
	padding: 5px 6px 0px 16px;
	border: none;
}


/*
 live area
---------------------------------*/

div.column {
	margin: 0 0 10px;
}

div.column ul li {
	margin-top: 5px;
}


/*
 special area
---------------------------------*/

div.special {
	margin: 0 0 10px;
}

div.special ul {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
	padding: 5px 9px;
}

div.special ul li {
	border-bottom: 1px solid #dddddd;
	margin: 0 0 5px 0;
	padding: 5px 0 10px;
	zoom: 1;
}

*html div.special ul li {
	padding: 5px 0 0px;
}

*:first-child+html div.special ul li {
	padding: 5px 0 0px;
}

div.special ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* For only mac IE \*//*/
div.special ul li {
	display: inline-table;
}
/**/

div.special ul li h3 {
	background: #cccccc url(/images/common/arrow_gray.gif) no-repeat 5px 6px;
	padding: 3px 5px 2px 16px;
	margin: 0 0 10px 0;
}

div.special ul li h3 a{
	text-decoration: none;
}


div.special ul li div.thumbImg {
	width: 140px;
	float: left;
	padding: 0 10px 0 0;
	text-align: center;
}

div.special ul li p {
	float: left;
	width: 290px;
}

div.special ul li.more {
	background: none;
	text-align: right;
	font-size: 84%;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}


/*
 new area
---------------------------------*/
div.new {
	margin: 0 0 10px;
}

div.new ul {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
	padding: 5px 9px;
}

div.new ul li {
	border-bottom: 1px solid #dddddd;
	margin: 0 0 5px 0;
	padding: 5px 0 10px;
	position:relative;
}

*html div.new ul li {
	padding: 5px 0 0px;
}

*:first-child+html div.new ul li {
	padding: 5px 0 0px;
}


div.new ul li h3 {
	background: #cccccc url(/images/common/arrow_gray.gif) no-repeat 5px 6px;
	padding: 3px 5px 2px 16px;
	margin: 0 0 10px 0;
}

div.news ul li h3 a{
	text-decoration: none;
}


div.new ul li div.thumbImg {
	width: 80px;
	float: left;
	padding: 0 5px 0 0;
	text-align: center;
}

div.new ul li p {
	margin-left:90px;
}

div.new ul li p span.more {
	font-size: 84%;
	margin: 0;
	padding: 0;
	display: block;
}

ul li a.more-link {
	color: #0068e0;
}

div.new ul li.more {
	background: none;
	text-align: right;
	font-size: 84%;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}

/*
 entry
---------------------------------*/
body.archive .rightContents h2,
body.search .rightContents h2,
body.single .rightContents h2,
body.page .rightContents h2{
	background:url(/images/common/bg_contents_title.gif) 0 0 no-repeat #000;
	padding: 6px 0 0 27px;
	height:22px;
	color:#FFF;
	font-size:117%;
}

p.pan {
	background:url(/images/entry/news_line.gif) 0 bottom repeat-x #FFF;
	padding-bottom:8px;
	margin-bottom:8px;
	font-size:84%;
}

ul.post-categories li {
	float:left;
	background:#ddd;
	padding:0 5px;
	margin-right:5px;
}

body.single div.rightContents h3 a,
ul.post-categories li a {
	text-decoration: none;
}

body.single .rightContents h3{
	clear: both ;
	padding :16px 0 8px;
	border-bottom :3px solid #333;
	margin-bottom:8px;
	font-size:117%;
}

body.single div.entry p {
	font-size:117%;
	line-height:1.6em;
	margin-bottom:1.6em;
}

body.single div.entry p.postmetadata {
	font-size:84%;
	color:#666;
}

body.single div.entry p.date {
	float:left;
	width:130px;
	font-size:84%;
	color:#666;
}
p.clipNavi {
	text-align:right;
	float:right;
	width:280px;
}

p.clipNavi img{
	vertical-align:top;
}

img.clipBtn {
	vertical-align: middle;
}


/*
 エントリ汎用クラス
---------------------------------*/

#entry .L{
	float:left;
	margin-right:10px;
}

#entry .R{
	margin-left:10px;
	float:right;
}

#entry .photo{
	width:180px;
	padding: 1px;
	background: #DDD;
}

#entry .photo img{
	margin:0 0 5px !important;
}


#entry .photo .caption{
	padding: 5px ;
	font-size:92%;
	margin-bottom:0;
	line-height:1.4;
}

div.lineGray{
	height:4px;
	border:none;
	background:#CCC;
	margin-bottom:1.6em;
	clear:both;
}

div.lineDot{
	height:4px;
	border:none;
	background:url(/images/common/line_dot.gif) 0 bottom repeat-x #FFF;
	margin-bottom:1.6em;
	clear:both;
}

div.spc{
	height:4px;
	border:none;
	background:none;
	margin-bottom:1.6em;
	clear:both;
}
div.spc hr,
div.lineGray hr,
div.lineDot hr {  
	display:none;
}	

div.banner{
	margin-bottom:10px;
}


/*
 ライブ情報
---------------------------------*/

#entry table.tableLive {
	background: #efefef ;
	width:430px;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:1.6em;
	font-weight:bolder;
}

#entry table.tableLive caption{
	background: #251f41 ;
	color:#FFF;
	text-align:left;
	padding:5px;
}

#entry table.tableLive th,
#entry table.tableLive td{
	border:1px solid #dedede;
	padding:5px;
	text-align:left;
}

#entry table.tableLive th{
	width:125px;
}

#entry table.tableLive td{
	font-weight:normal;
}

body.single #entry h4.entrySubtitle {
	font-size:117%;
	margin:1.5em 0 1em;
	color:#339966;
	background:url(/images/common/line_dot.gif) repeat-x 0 bottom;
	padding:10px 0  5px;
}

/*
 プロフィール情報
---------------------------------*/

#entry .profile{
	background:none 0 0 #F0ECE0;
	border:1px solid #969696 ;
	margin-bottom:1.6em;
	padding:10px;
}

/*
 特集画像
---------------------------------*/
.specialIntroduction {
	font-weight:bolder;
}

.specialImg {
	position: relative;
	margin:0 0 1.6em 0;
}


/* gallery
-----------------------------------*/

table.galleryList td {
	width:215px;
	padding-bottom:20px;
	text-align:center;
}

/*
 なに聴いてますか？
---------------------------------*/

div.leftContents div.listeners {
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	margin-bottom:10px;
	padding:10px;
}

div.leftContents div.listeners h3{
	margin:8px 0 5px;
}


div.leftContents div.listenerImg{
	padding:0 0 10px;
}


div.leftContents div.listeners ul{
	padding-left:58px;
	line-height:1.4;
	font-size:83%;
	background:url(/images/contents/sub/thumb_listener.gif) 0 2px no-repeat;
}


div#listeners {
	border:1px solid #CCC;
}

div.listenerImg{
	width:160px;
	background:CCC;
	float:left;
	padding:10px;
}

div#listeners dl {
	width:245px;
	float:right;
	border-left:1px solid #CCC;
}

div#listeners dl dt {
	background:#000056;
	color:#FFFFFF;
	padding:6px 7px 5px; 
}

div#listeners dl dd {
	padding:6px 7px 5px; 
}


/*
 分割ページ
---------------------------------*/

div#linkpages{
	font-size:117%;
	text-align:center;
	margin-bottom:30px;
	font-weight:bold;
}

div#linkpages a {
	border:1px solid #CCC;
	background:#DDD;
	padding:3px 7px;
	line-height:22px;
	margin: 0 0 0 3px;
	font-weight:normal;
	color:#0068E0;
}

/*
 amazon
---------------------------------*/

body.single #entry h4.amazon {
	background:none;
	height:29px;
	padding:0;
	margin:0;
}

div.amazon {
	border-left:1px solid #969696 ;
	border-right:1px solid #969696 ;
	border-bottom:1px solid #969696 ;
}

div.amazon img{
	padding:10px;
	width:130px;
}

*html div.amazon img{
	float:left;
}

*+html div.amazon img{
	float:left;
}

div.amazon p{
	padding:10px 10px 10px 26px;
	background:url("/images/entry/arrow_amazon.gif") no-repeat 0 10px #FFFFFF;
	float:right;
	margin-bottom:1px !important;
	width:235px;
	font-size:100% !important;
}

div.amazon p a{
	color:#0068E0 !important;
}


/*
 ページ下
---------------------------------*/


body.single #entry h4 {
	background:url(/images/common/bg_contents_title_2.gif) 0 0 no-repeat #ddd;
	height:22px;
	padding:4px 0 0 28px;
	margin-bottom:5px;
}

div.entrySimilarTitle {
	margin-bottom:10px;
}

#tweet_me_here{
	margin-top:1em;
	line-height:1.6;
	color:#333;
}
ul.similar-posts{
	margin-bottom:1em;
}

ul.similar-posts li{
	background: url(/images/entry/arrow_slimilar.gif) no-repeat 0 4px ;
	padding: 1px 0 1px 12px;
}
div.tweet_me_box ul li{
	background: url(/images/entry/arrow_slimilar.gi) no-repeat 0 11px ;
	border-top:1px solid #CCC;
	padding: 1px 0 1em 0;
}

p.tweetme_navi{
	text-align:right;
	line-height:1.8;
}

input#trackbackurl{
	margin-bottom:20px;
}

img.clipBtn{
	vertical-align: middle;
}

div.tweet_me_msg{
	padding: 0.25em 0 0 12px;
}

div.tweet_me_info{
	color:#666;
	text-align:right;
}


body.search span.date,
body.archive span.date {
	font-size:84%;
	color:#666;
}

.commentlist p{
	font-size:100% !important;
	margin-bottom:0.5em !important;
}

p.comment-footer {
	font-size:100% !important;
	color:#666 !important;
	margin-bottom:1.6em !important;
}

/*
 search area
---------------------------------*/

div.search {
	background: url(/images/common/search.gif) no-repeat;
	margin-bottom: 10px;
	height: 36px;
	position: relative;
	width:300px;
}

div.search label {
	display:none;
}

div.search input#s {
	position: absolute;
	left: 43px;
	top: 9px;
	border: none;
	width:185px;
}

div.search input#searchsubmit {
	background:url(/images/common/search_btn.gif) no-repeat 0 50% #666;
	position: absolute;
	right: 6px;
	top: 9px;
	text-indent: -9999px;
	cursor : pointer ;
	width:45px;
	border: none;
}


/*
 pr area
---------------------------------*/

div.pr {
	margin-bottom: 10px;
}

div.pr h2 {
	text-align: center;
	color: #FFFFFF;
	background: #000000;
	padding: 2px 0;
	font-weight: normal;
}

div.pr p {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
}
div.pr li {
	zoom: 1;
}
/*
 present area
---------------------------------*/

div.present {
	margin-bottom: 10px;
}

div.present div.box {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
	padding: 10px;
}

div.present div.box h5.imgBg {
	width: 90px;
	float: left;
	padding: 0 10px 10px 0;
	text-align: center;
}

div.present div.preBody {
	width: 178px;
	float: left;
	font-size: 84%;
	padding: 0 0px 10px 0;
}

div.present div.box h3 {
	clear: both;
	color: #0068e0;
	text-align: center;
	font-size: 117%;
}

div.present div.box div.detail_btn {
	margin: 5px 0 0 0;
}


/*
 musicair area
---------------------------------*/

div.musicair {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	background: #f0ece0;
	padding: 10px;
}

div.musicair h2 {
	margin: 0 0 8px 0;
}

div.musicair h3 {
	margin: 0 0 8px 0;
}

div.musicair div.thumbImg {
	width: 80px;
	float: left;
	padding: 0 10px 10px 0;
	text-align: center;
}

div.musicair p {
	width: 186px;
	float: left;
	font-size: 84%;
	padding: 0 0px 10px 0;
}

div.musicair  div.detail_btn {
	clear: both;
}



/*
 goods area
---------------------------------*/

div.goods {
	margin-bottom: 10px;
}

div.goods div.box {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
	padding: 10px;
}

div.goods div.box div.thumbImg {
	width: 80px;
	float: left;
	padding: 0 10px 10px 0;
	text-align: center;
}

div.goods div.box p {
	width: 186px;
	float: left;
	font-size: 84%;
	padding: 0 0px 10px 0;
}

div.goods div.box h3 {
	clear: both;
	color: #0068e0;
	text-align: center;
	font-size: 117%;
}

div.goods div.box div.detail_btn {
	margin: 5px 0 0 0;
	clear:both ;
}


/*
 rank area
---------------------------------*/

div.rank {
	margin-bottom: 10px;
	
}

div.rank ul{
	width:298px;
	background:#f0ece0;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

div.rank ul li{
	padding: 8px 5px 8px 42px;
	width:245px;
	border-top:1px solid #dddddd;
}

div.rank ul li a{
	line-height:1.4em;
}

div.rank li.rank1{
	background:url(/images/common/bg_ranking_1.gif) 12px 50% no-repeat;
}
div.rank li.rank2{
	background:url(/images/common/bg_ranking_2.gif) 12px 50% no-repeat;
}
div.rank li.rank3{
	background:url(/images/common/bg_ranking_3.gif) 12px 50% no-repeat;
}
div.rank li.rank4{
	background:url(/images/common/bg_ranking_4.gif) 12px 50% no-repeat;
}
div.rank li.rank5{
	background:url(/images/common/bg_ranking_5.gif) 12px 50% no-repeat;
}

/*
 sidebar
---------------------------------*/


.sidebar a.more-link {
	color:#0068E0;
}