@charset "UTF-8";

/*
===== main =====
*/
/* 070226 serialplus */
#Index #blog-content {
	background-color: #000000;
	color: #FFFFFF;
	padding-bottom: 20px;
}


#Index #blog-content a:link,
#Index #blog-content a:visited,
#Index #blog-content a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#Index #blog-content a:hover {
	color: #B30F74;
	text-decoration: underline;
}

#Introduction {
	margin: 10px 10px 20px;
	padding-bottom: 10px;
	background: url(/radio/images/intro_bottom.gif) left bottom no-repeat;
}

.IntroSub {
	width: 570px;
	margin: 0 auto 0;
	padding: 0;
	background: url(/radio/images/intro_bg.gif) left top repeat-y;
}

.IntroSub:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.Introimg {
	float: left;
	width: 40px;
	margin-left: 10px !important;
	margin-left: 7px;
	height: auto;
	display: block;
}

.Introtxt {
	float: right;
	width: 495px !important;
	width: 485px;
	margin-right: 15px !important;
	margin-right: 10px;
	height: auto;
	display: block;
	font-size: 10px;
}

.Introtxt p.Intromain {
	margin-bottom: 15px;
}

/* GUEST OF THIS WEEK */
.WeekSet {
	width: 570px;
	padding: 0;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.Weekimg {
	float: left;
	width: 250px;
	margin-left: 10px!important;
	margin-left: 5px;
	height: auto;
	display: block;
	margin-bottom: 15px;
}

.Weektxt {
	float: right;
	width: 290px;
	margin-right: 10px !important;
	margin-right: 0;
	height: auto;
	display: block;
}

.WeekSet:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.Weekimg img {
	background: url(/radio/images/week_bg.gif) left top no-repeat;
	height: 240px;
	width: 240px;
	padding: 5px;
}

* html .Weekimg .bg {
	background: url(/radio/images/week_bg.gif) left top no-repeat;
	display: block;
	height: 240px;
	width: 240px;
	padding: 5px;
}

.Weektxt h4 {
	margin: 10px 0 5px;
	font-weight: bold;
	font-size: 14px;
}

.Weektxt h4 a:link,
.Weektxt h4 a:visited,
.Weektxt h4 a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.Weektxt h4 a:hover {
	color: #B30F74;
	text-decoration: underline;
}


.file {
	background-image: url(/radio/images/mp3_dl.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	clear: both;
	margin-top: 10px;
	width: 208px
}

.file a {
	background-image: url(/radio/images/mp3_dl.gif);
	display: block;
	height: 31px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -10000px;
}

.file a:hover {
	background-position: 0px -35px;
}



/* thumbnail */

.Weektxt .ph-thumbnail {
	margin: 10px -10px 0 0;
}
.Weektxt .ph-thumbnail a img {
	float: left;
	height: 80px;
	width: 80px;
	padding: 4px;
	background: url(/radio/images/archive_bg.gif) left top no-repeat;
	margin-top: 0px;
	margin-right: 10px !important;
	margin-right: 7px;
	margin-bottom: 10px !important;
	margin-bottom: 7px;
	margin-left: 0px;
	border: none;
}
/*WinIE用*/
* html .Weektxt .ph-thumbnail a {
	background: url(/radio/images/archive_bg.gif) left top no-repeat;
	height: 90px;
	width: 90px;
	padding: 5px;
}
* html .Weektxt .ph-thumbnail a img {
	border: none;
}

.Weektxt .ph-thumbnail:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* 070329 maruhama */
.reverseText {
	width: 560px;
	margin-right: 5px;
	margin-left: 5px;
}
.reverseText a {
	color: #FFFFFF;
}
.reverseText a:hover{
	color: #B30F74;
	text-decoration: none;
}

/* ArchiveList */
.ArchiveSet {
	margin-top: 10px;
	margin-left: 0px !important;
	margin-left: -10px;
}

.ArchiveSet p {
	font-size: 10px;
	margin: 0;
}

.ArchiveList {
	padding: 0px;
	/*
	margin-right: 23px !important;
	margin-right: 0px;
	*/
	margin-left: 23px !important;
	margin-left: 20px;
	margin-bottom: 10px;
	float: left;
	width: 90px;
	height: 140px;
}

.ArchiveList img {
	background: url(/radio/images/archive_bg.gif) left top no-repeat;
	height: 80px;
	width: 80px;
	padding: 5px;
	margin-bottom: 3px;
}

.ArchiveList:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html .ArchiveList .bg {
	background: url(/radio/images/archive_bg.gif) left top no-repeat;
	height: 80px;
	width: 80px;
	padding: 5px;
}




.box01 {
	border-top: 1px solid #DCDBDA;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 0px !important;
	padding-bottom: 4px;
	height: 23px;
	clear: both;
}
.box01 img {
	margin: 0px;
	padding: 0px;
	border: none;
}
.box01 p {
	float: left;
	margin-top: 0;
}
.box01 ul {
	margin: 0px;
	padding: 0px;
	float: right;
	list-style-type: none;
	font-size: 10px;
}
.box01 li {
	float: left;
	display: inline;
	margin-left: 20px;
	vertical-align: bottom;
}

.box01 li a {
	text-decoration: none;
	vertical-align: bottom;
}

.box01 li span {
	padding-top: 10px;
}


/*
===== EntryArchives =====
*/

/*Itemrecomと同じ*/
.Individualbox {
	background: url(/common/images/blog/entrybox_bg.gif) left top no-repeat;
	border-bottom: 1px solid #908B8A;
	margin-bottom: 30px;
	padding-top: 10px;
	clear: both;
}
.Individualbox h4  {
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 14px;
}

.Individualbox h4 a:link,
.Individualbox h4 a:visited,
.Individualbox h4 a:active {
	font-weight: bold;
}

/*
.Individualbox img {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	border: 1px solid #5D5C61;
}
*/

.IndividualBody p {
	line-height: 140%;
}

.box02 {
	padding-left: 140px;
}
.nav {
	list-style-type: none;
	line-height: 100%;
	margin: 0px;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
.nav li {
	display: inline;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
}
.nav a, .nav a:hover, .nav a:visited, .box03 a, .box03 a:hover, .box03 a:visited {
	color: #B30F74;
}
.nav .main {
	border-right: 1px solid #AEAAA9;
	border-left: 1px solid #AEAAA9;
}

.Comwrap {
width: 590px;
}

.Comsubwrap {
text-align: left;
}

.box03 {
	clear: both;
}

.box03 h4,
.TBbox h4 {
	border-bottom: 1px solid #DCDBDA;
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 6px 0px;
}

.TBentry,
.Comentry {
	background: url(/common/images/blog/line01.gif) left bottom no-repeat;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.TBcontent {
	margin-bottom: 5px;
}

.TBcontent p {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	background-image: url(/common/images/blog/mark_yajirushi.gif);
}

.TBcontent span {
	padding-left: 15px;
}

.TBcontent span a:link,
.TBcontent span a:visited,
.TBcontent span a:active {
	color: #B30F74;
	text-decoration: underline;
}

.lineright {
	text-align: right;
}

.box04 {
	width: 240px;
	background: url(/common/images/blog/post_line.gif) right top no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
}
.box05 {
	width: 340px;
	padding-top: 35px;
}
.box06 {
	width: 588px;
}
.box07 {
	width: 200px;
}

/*↑Itemrecomと同じ*/

#Individualmore {
	margin-bottom: 10px;
}

#Individualmore p {
	margin: 0px;
	padding: 0 0 0 20px;
	background: url("/radio/images/listen_icon.gif") no-repeat 0 50%;
}

/* added serialplus061124 */
.Individualbox .IndividualBody a,
.Individualbox #Individualmore a {
	color: #B30F74;
	font-weight: bold;
}

.Individualbox .IndividualBody a:hover,
.Individualbox #Individualmore a:hover {
	text-decoration: underline;
}

/* ボックスの最後でfloatをクリア */
#Individualmore:after { 
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/*
===== CategoryArchives =====
LinkColorの設定
ListBoxの設定は共通(common/styles.css)
*/

.Listbox .date {
	color: #B30F74;
	text-decoration: none;
}

.Listbox .title a {
	text-decoration: none;
}
.Listbox .title a:hover {
	color: #B30F74;
	text-decoration: underline;
}

#sameNav a {
	color: #B30F74;
	text-decoration: none;
}
#sameNav a:hover {
	color: #B30F74;
	text-decoration: underline;
}

/*
===== MonthArchives =====
*/

/*Itemrecomと同じ*/
.entrybox-bg {
	background: url(/common/images/blog/entrybox_bg.gif) left top no-repeat;
	padding-top: 25px;
}
.datebox {
	width: 100%;
}
.datebox td {
	padding: 5px 0px 5px 5px;
}
.datebox-date {
	width: 100px;
	color: #B30F74;
}
.datebox-cat {
	width: 200px;
	text-align: right;
	font-size: 10px;
	color: #908B8A;
}

.datebox-title a {
	text-decoration: none;
}
.datebox-title a:hover {
	color: #B30F74!important;
	text-decoration: underline;
}

/*
===== 検索結果 =====
*/
/*Itemrecomと同じ*/
.search h3 {
 margin: 0px  0px 20px 0px;
 padding: 0px 0px 0px 0px;
}

.search p {
 margin-bottom: 10px;
}

.search-box h4 {
 background: url(/common/images/blog/entrybox_bg.gif) left top no-repeat;
 padding: 5px 0px 6px 0px;
 margin: 30px 0px 35px 0px;
 border-bottom: 1px solid #DCDBDA;
}

.search-box {
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
}

.search-box dl {
 background: url(/common/images/blog/line01.gif) left bottom no-repeat;
 padding: 0px 0px 25px 0px;
 margin: 0px 0px 10px 0px;
}

.search-box dt {
 font-size: 14px;
 margin-bottom: 10px;
}

.search-box dt a {
 text-decoration: underline;
}

.search-box dd {
 margin: 0px;
}


/*
===== Sidebar =====
*/
/*070226 serialplus */
.Podcast {
	margin-bottom: 35px;
	margin-left: -3px;
}

.PodcastTxt {
	background: url(/radio/images/podcast_bg.gif) left top repeat-y;
	margin: 0;
	padding: 0 20px;
}

.PodcastTxt p {
	margin: 0;
	padding: 15px 0;
}

/* winIE */
* html .PodcastTxt p {
	width: 155px;
}


/*
===== other =====
*/

.textright {
	text-align: right;
}

.center {
	text-align: center;
}