@charset "utf-8";
/*
Theme Name: Kishiwada
Description: ラヂオきしわだ
Author: ラヂオきしわだ
*/

/* 基本の書体の設定 */
*{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "monospace", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	 /* font-size:100%;  font-size:12px; font-weight:normal; color:#666666; */ 
}

/* 余白 */
* {margin: 0px; padding: 0px;}
img,table,td {border:0px;margin:0;padding:0;vertical-align:middle;}
p {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;}
h2.personality { padding: 6px 10px 0;}

/* クリア */
hr {
border: none;
clear: both;
visibility: hidden;
height: 0px;
}

/* 表の線 */
table {

}

/* リスト */
ul {
	list-style-type:none;
	list-style-image:none;
}


/* ボディ */
body {
	margin:0 auto;
	padding:0;
	text-align:center;
	background-image:url(./images/bk.jpg);
	background-repeat:no-repeat;
	background-position:center top;
color:#666666; 
font-size:100%;  font-size:12px; 
}




/* コンテナー　中央に配置 */
#container {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	/* display:inline-table; */
}

/* 文字左寄せ */
#header, #content{
	text-align:left;
}

/* コンテナからはみ出してヘッダーフッターを配置するため */
body{
	overflow-x: hidden;    /* はみ出し用 */  
    position: relative;   /*はみ出し用 */   
    min-width: 960px;  　/* はみ出し用 */   
}


/* はみ出し用 */ 
* html body { /* for IE6 */  
     overflow-y: auto;  
     height: 100%;  
}  

/* はみ出し用 */ 
html {  
     overflow: auto;  
} 

/* はみ出し用 */ 
* html { /* for IE6 */  
     overflow: hidden;  
     overflow-x: auto;  
     height: 100%;  
}  









/* らっぷ */ 
#wrap{
	text-align:left;
	width:960px;
	margin-right:auto;
	margin-left:auto;
	background-position:right bottom;
	background-repeat:no-repeat;
	display:inline-table;
	margin-bottom:0px;
}







/* フッター
------------------------------------------------------------------------------------- */
#footer{
	clear:both;
	padding-bottom:0px;
	padding-top:0px;
	background-color:#4CD2D2;
	height:160px;
	text-align:left;			/*  フッターをブラウザいっぱいに広げるために */
		margin: 0 -500%;
		padding: 0 500%; 
		width: 100%;
}

/* for IE6 */ 
* html #footer {  
     position: relative;  
     zoom: 1;  
 } 

/* for IE7 */ 
*:first-child+html #footer {  
     position: relative;  
     zoom: 1;  
 }  



/* for Safari 3~ and Google Chrome */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer {
	margin:0 auto;
	padding:0;
    	position: relative; 
		margin: 0 -7000px;
		padding: 0 7000px; 
		width: 100%;
}
}



/* フッター　 左部分 */ 
#footer_left{
		float:left;
		width:280px;
}


/* フッター　ロゴ部分 */ 
#footer-logo{
	height:55px;
	width:143px;
}


/* フッター　 右部分 */ 
#footer_right{
		float:left;
		width:640px;
}


/* フッター　メニュー */

#footer_menu{
	margin-top:0px;
	text-align:center;
}


#footer_menu ul{
	line-height:3em;
}

#footer_menu li{
	display:inline;
	list-style-type: none;
	border-right: 1px #ffffff solid;
	padding-bottom:0px;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0px;
}


#footer_menu li a{
	color:#ffffff;
	text-decoration:none;
}

#footer_menu li a:hover{
	color:#0066CC;
}


#footer_kugiri{
	clear:both;
}

/* IE用 */
* html #footer_menu li{ 
display: inline;
padding-left: 1em;}


/* 右側の区切り棒を消す */
#footer_menu .list_migi {
	border-right: none; 
}

/* 住所 */
#f-add{
	color:#FFF;
	font-size:13px;
	padding-top: 10px;
	font-weight:bold;
}

 
/* ヘッダー
------------------------------------------------------------------------------------- */

/* ヘッダー */
#header{
	padding-bottom:0px;
	padding-top:0px;
	height:170px;
position: relative;
}



/* ロゴ部分 */ 
#logo{
position:absolute;
	padding-bottom:15px;
//	float:left;
	display:inline-block;
	height:71px;
	margin-top:2px;/* 79.7MHzと高さを合わすため*/ 

}

/* キャッチコピー部分 */ 
h1{
	margin-top:10px;
	color:#42BABB;
	font-size:10px;
	line-height:1em;
	height:20px;
}


/* 79.7ＭＨｚ部分 */ 
#mhz_hed{
	float:right;
	width:184px;
	height:73px;
}





/* このページのトップへ　部分 */ 
#page_top{
	padding-top:5px;
	text-align:right;
}


#page_top a{
	text-decoration:none;
	color:#ffffff;
}


#page_top a:hover{
	color:#0066CC;
}




/* メニュー部分
------------------------------------------------------------------------------------- */
#menu_wrap{
	clear:both; /* クリアをhrでした場合、IE6,7に不具合有 */
	text-align:center;
	width:960px;
	height:41px;
}
 

#menu	{
	width:960px;
	position:relative;
}


#menu li	{
	float:left;
	position:relative;
}
 
#menu li a	{
	text-decoration:none;
}
 

/*  メニュー横幅・*/
.menu01{
	width:84px;
}
 
.menu02{
	width:119px;
}
 
.menu03{
	width:99px;
}

.menu04{
	width:109px;
}

.menu05{
	width:131px;
}

.menu06{
	width:131px;
}

.menu07{
	width:167px;
}

.menu08{
	width:120px;
}




/* このページの先頭に戻る　部分
------------------------------------------------------------------------------------- */
#page-top{
	text-align:right;
	margin-top:20px;
	margin-bottom:10px;
	margin-right:30px;
	clear:both;
}


#page-top a{
	color:#C2BA9E;
	text-decoration:none;
}

#page-top a:hover{
	color:#880000;
}


/* 各ページの　メインブロック部分　
------------------------------------------------------------------------------------- */
#page_main_block{
	clear:both;
	width:960px;
}


/*  左側　かたまり全体  */
#left_block_wrap{
	float:left;
	width:748px;
	margin-bottom:20px;
	display:inline-table;
}


/*  左側　白バック部分　※IE用別ファイル指定有  */
#left_block{
	width:748px;
	display:inline-table;	
	background-color:#ffffff;
	
	border-radius: 10px;         /* CSS3 角丸 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 1px #DFDFDF solid;     /* 枠線 */
   
   box-shadow: 0px 1px 2px #DFDFDF;          /* CSS3 x-offset、y-offset、ぼかし半径、影の色*/ 
	-moz-box-shadow: 1px 2px 3px #DFDFDF;     /* Firefox */  
	-webkit-box-shadow: 1px 2px 3px #DFDFDF;  /* Safari,Chrome */
	
	z-index:3;
	
}
#left_block_txtbox{
	padding:20px;
	text-align:left;
	line-height:1.7em;
}

#right_block{
	float:right;
	width:182px;
}

#kishiwada-shiro{
	height:150px; /* 岸和田城を見せるため */
	width:182px;
	display:inline-table;
}

/* サイト内検索　
------------------------------------------------------------------------------------- */
input#s{
	width:160px;
	margin-bottom:5px;
}

#search_wrap2{
padding-top:10px;
padding-left:5px;
}

#search_wrap{
	margin-bottom:20px;
}


/* 個別記事ページ部分　
------------------------------------------------------------------------------------- */
/* ページリンク部分 */
.pagelink{
	margin-top:20px;
}

/* 左 */
.pageprev{
	float:left;
	width:250px;
}

.pageprev a{
font-size:10px;
	color:#666666;
	text-decoration:none;
}

.pageprev a:hover{
	color:#42BABB;
}

/* 右 */
.pagenext{
	float:right;
	width:250px;
	text-align:right;
}

.pagenext a{
font-size:10px;
	color:#666666;
	text-decoration:none;
}

.pagenext a:hover{
	color:#42BABB;
}

/* ページ見出し部分 */
.page_midashi{
	margin-bottom:20px;
}



/*  番組一覧用 (single-b-hyo3.php)
------------------------------------------------------------------------------------- */

.bb{
	border: 1px solid #666;
	background-color:#D5EA80;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	width:14%;
padding-top:5px;
padding-bottom:2px;
}

	
.b-ichiran-hyou{
	width:707px;
	font-size:10px;
	line-height:1.5em;
	padding:2px;
}

.b-ichiran-hyou td{
		border: 1px solid #666;
vertical-align: middle;
}

.b-ichiran-hyou th{
	text-align:center;
text-align: center;
vertical-align: middle;
}

.b-time {
	background-color: #F2F2F2;
	border-bottom: 1px solid #666;
}

.bb-oha {
	background-color: #F6F9F9;
}


.bb-hiru {
	background-color: #FFF9DD;
}

.bb-cafe{
	background-color: #FFE8F3;
}


.bb-ban{
	background-color: #F3EDFA;
}

.fontsize10{
	font-size:10px;
}


.print1{
	display:none;
}




/*------------------------------
	ページャー 
--------------------------------*/
/* ページャー　部分 */
#pager_area{
	text-align:center;
	font-size:12px;
 	width:210px;
	margin-left:auto;
	margin-right:auto;
}

/* ← */
.prev{
	float:left;
	width:44px;
	height:26px;
	margin-right:10px;
}

.prev a{
	background-image:url(./images/prev_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:44px;
	height:26px;
	display: inline-block;
	text-decoration:none;
    color: #666;
}


.prev a:focus,
.prev a:hover,
.prev a:active{
	background-image:url(./images/prev_bg.jpg);
	background-position:left -26px;
	background-repeat:no-repeat;
    color: #42BABB;
}

/* ページャーのページ数部分 */
.pager{
	float:left;
}


.pager a{
	background-image:url(./images/pager_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:22px;
	height:26px;
	display: inline-block;
    color: #666;
}


.pager a:focus,
.pager a:hover,
.pager a:active{
	background-image:url(./images/pager_bg.jpg);
	background-position:left -26px;
	background-repeat:no-repeat;
    color: #42BABB;
}


.koko{
	background-image:url(./images/pager_bg.jpg);
	background-position:left -26px;
	background-repeat:no-repeat;
	width:22px;
	height:26px;
	display: inline-block;
}




/* → */
.next{
	float:left;
	width:44px;
	height:26px;
	padding-left:10px;
}

.next a{
	background-image:url(./images/next_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:44px;
	height:26px;
	display: inline-block;
	text-decoration:none;
    color: #666;
}


.next a:focus,
.next a:hover,
.next a:active{
	background-image:url(images/next_bg.jpg);
	background-position:left -26px;
	background-repeat:no-repeat;
    color: #42BABB;
}