@charset "shift_jis";
/* common.css */

/* reset 
-------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1.3;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0 none;
}
li {
	list-style: none outside none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none; 
	color: #ffffff; 
}
a:hover { 
	text-decoration: none;  
}

/* /reset
--------------------------------------------- */
html {
	color: #ffffff;
	-webkit-text-size-adjust: none;
}
body {
  min-width: 320px; /* 最小幅 */  
	background-color: #333333; 
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
}
/* clearfix */
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.clear { clear: both; }

/* header
--------------------------------------------- */
header { 
	display: block; 
}
header:after {
	content: ""; 
	display: block; 
	clear: both; 
}
header h1 { 
	float: left; 
}
header h1 img { 
	width: 100px; 
}
header h2 { 
	float: left; 
	font-size: 14px; 
	padding-top: 10px; 
	margin-left: 7px
}

/* mainvisual
--------------------------------------------- */
.mainvisual { 
	text-align: center; 
	margin: 10px auto 15px auto; 
}
.mainvisual img { width: 90%; }

/* .title
--------------------------------------------- */
.title { 
	width: 100%; 
	padding: 10px 0; 
	background: -moz-linear-gradient(
		top,
		#3bd4fa 0%,
		#00758a 100%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
  color-stop(0%,#3bd4fa), 
  color-stop(60%,#00758a), 
  color-stop(100%,#00758a));
	font-size: 14px;
}
.title h1 { padding-left: 10px; }

/* .program
--------------------------------------------- */
.program { 
	width: 100%; 
	border-bottom: 1px solid #000000; 
	border-top: 1px solid #909090; 
	background: -moz-linear-gradient(
		top,
		#7a7a7a 0%,
		#404040 100%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
 		color-stop(0%,#7a7a7a), 
		color-stop(60%,#404040), 
		color-stop(100%,#404040));
}
.program a { 
	display: block; 
	width: 100%; 
	height: 100%; 
	padding: 10px 0 5px 0; 
	background: url("images/ico_right.png")  no-repeat scroll 98% 10% transparent; 
	box-sizing: content-box; 
	overflow: hidden; 
}
.program p { 
	min-width:150px; 
	margin: 0 0 0 130px; 
	padding-top: 20px; 
	font-size: 12px; 
	font-weight: bold; 
	box-sizing: content-box; 
	overflow: hidden; 
}
.program p.ico_radio { 
	background: url("images/news_radio.gif")  no-repeat scroll 0 0 transparent; 	
}
.program p.ico_tv { 
	background: url("images/news_tv.gif")  no-repeat scroll 0 0 transparent; 	
}
.program .nomal {　
	font-size: 9px; 
	font-weight: normal; 
	line-height: 140%; 
}
.program01 { 
	width: 100%; 
	background: url("images/bana_matsuda_r.jpg")  no-repeat scroll 5px 10px transparent; 
}
.program02 { 
	width: 100%; 	
	background: url("images/bana_mai_aru_r.jpg")  no-repeat scroll 5px 10px transparent; 
}
.program03 { 
	width: 100%; 	
	background: url("images/bana_taiketsu_tv.jpg")  no-repeat scroll 5px 10px transparent; 
}
.program04 { 
	width: 100%; 	
	background: url("images/bana_shure_tv.jpg")  no-repeat scroll 5px 10px transparent; 
}


/* pcsite
--------------------------------------------- */
.pcsite { 
	display: block; 
	width: 100%;  
	background-color: #004656; 
	padding: 10px 0 10px 0; 
	margin-bottom: 30px; 
	text-align: center; 
}

.pcsite .pc { 
	margin: 0 0 10px 10px; 
	padding-left: 25px; 
	font-size: 10px; 
	line-height: 20px;
	background: url("images/ico_pc.png")  no-repeat scroll 0 0 transparent; 
	text-align: left; 
}
.pcsite ul { 
	margin-left: 10px; 
}
.pcsite ul:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.pcsite li { 
	float: left; 
	width: 18%; 
	height: auto; 
	margin-right: 6px; 
	font-size: 10px; 
}
.pcsite li img { 
	width: 100%; 
}

/* footer
--------------------------------------------- */
footer { 
	font-size: 10px; 
	text-align: center; 
	margin-bottom: 20px
}


/* etc
--------------------------------------------- */
.fn { font-weight: normal; }
.fb { font-weight: bold; }
.f8 { font-size: 8px; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }

.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
