@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, 'MS Pゴシック', sans-serif;
	font-size:14px;
	line-height:1.4;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	text-align:center;
	margin:0;
	background-color:#323F41;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
img {
border:none;
margin:0;
}

.c-both {
clear:both;
}

.f-left {
float:left;
}

#out-line {
/*background-color:#00FF66;*/
width:850px;
margin:0 auto;
text-align:left;
padding:0;
}

/********* header ***********/

#header {
	/*background-color:#CC3300;*/
position:relative;
}
#header div#h-nav {
	width:240px;
	position:absolute;
	top:5px;
	right:5px;
}
#header ul{
	text-align:left;
	margin: 0;
	padding: 0;
}

#header li{
	float: left;
	display:inline;
	margin:0;
	list-style-type:none;
}
#header li img{
	vertical-align:bottom;
}


/******** key (TOP only) **********/
#key {
	background:#000000;
	width: 100%;
	height: 190px;
}

#key div.pos {
	width:250px;
	float:left;
	text-align:center;
	margin:20px 0 15px 15px;
	_margin:20px 0 15px 7px;
}

#key div.info {
	float:left;
	color:#FFFFFF;
	width:297px;
	height:150px;
	text-align:center;
	margin-top:20px;
	margin-bottom: 20px;
	padding: 0 px;
}

#key div.info p.title {
	font-size:17px;
	font-weight:bold;
	margin:0;
	line-height: 22px;
}
#key div.info p.date {
	font-size:18px;
	margin-bottom:25px;
}
#key div.info div.text {
	background-color:#666;
	;
	font-size:12px;
	margin-left:20px;
	padding:10px 15px;
	text-align:left;
	margin-bottom: 0px;
	line-height: 17px;
}
#key div.info p {
	margin: 5px;
}

#key div.info div.text a:link,
#key div.label div.red a:link {
color:#FFFFFF;
text-decoration:underline;
}
#key div.info div.text a:visited,
#key div.label div.red a:visited {
color:#FFFFFF;
text-decoration:underline;
}
#key div.info div.text a:hover,
#key div.label div.red a:hover {
color:#ccc;
text-decoration:underline;
}
#key div.info div.text a:active,
#key div.label div.red a:active {
color:#ccc;
text-decoration:none;
}
#key div.label{
	float:left;
	width:273px;
	margin-top:20px;
	margin-bottom: 20px;
}

#key div.label div.red {
	height:60px;
	background-image:url(../img/main/info/top-box_navi-red.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin-bottom: 3px;
}

#key div.label div.red p {
padding-left:20px; margin:0px; padding-top:10px; color:#fff; font-weight:bold;
}

#key div.label div.gray {
	height:60px;
	background-image:url(../img/main/info/top-box_navi-gr.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align: center;
	margin-bottom:3px;
}

#key div.label div.gray p{
margin:0px; padding-top:10px; padding-left:20px;
font-weight:bold;
color:#333;
}


/*********** main ***********/

#main {
	background-color:#F7FBFD;
	margin:0;
	padding:0 15px;
	padding-bottom: 40px;
}


/*********** leftclm ************/
#leftclm {
	/*background-color:#996699;*/
	width:570px;
	float:left;
	margin:0;
	margin-top: 20px;
}


/*TOP PAGE*/
#leftclm div.blog {
	width:292px;
	float:left;
	margin-right:18px;
	background-color: #Fff;
}

#leftclm div#feed {
	font-size:12px;
	border:#CCCCCC solid 1px;
	_width:292px;
	padding:10px 0;
	margin:0;
	margin-bottom: 5px;
}
#leftclm div#feed ul{
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:20px;
	list-style-type: none;
}
#leftclm div#feed ul li{
margin-bottom:0;
padding-bottom:0;
}
#leftclm div#feed ul li a:link{
margin-bottom:0;
padding-bottom:0;
}

#leftclm div.watch {
	float:left;
	background-color:#CCCCCC;
	text-align:center;
	height: 100%;
	border:#c2c2c2 solid 1px;
}
#leftclm div.watch img {
	margin-bottom:5px;
}

#leftclm div.citizens {
	/*background-color:#339999;*/
	margin-top:20px;
	background-image: url(../img/main/top/citizens-bg.jpg);
	background-repeat: repeat-x;
	margin-right: 20px;
	border:#CCCCCC solid 1px;
	background-position: bottom;
	height: 224px;
}
#leftclm div.citizens div.citizen-l {
	float:left;
	width:290px;
	text-align:center;
	margin-top:10px;
}
#leftclm div.citizens div.citizen-l ul {
	font-size:12px;
	text-align:left;
	padding-left: 10px;
	margin-left: 65px;
	padding-top:8px;
	*margin-top:8px;
	margin-bottom:0;
}
#leftclm div.citizens p {
	text-align:left;
	padding:10px 30px 0 30px;
	font-size:12px;
	margin:0;
	}
#leftclm div.citizens div.citizen-r {
	float:left;
	text-align:center;
	margin-top:5px;
	width: 240px;
	margin-left: 15px;
}
#leftclm div.citizens div.citizen-r img.photo{
	margin-bottom:3px;

}

/* info page */
#sub-bar_info {
	background-image:url(../img/main/vinfo/sub-bar.gif);
	background-repeat:no-repeat;
	height:28px;
}
#sub-bar_info ul{
	margin:0;
	padding-left:100px;
	font-size:12px;
	color:#FFFFFF;
	padding-top:4px;
}
#sub-bar_info li{
float:left;
list-style:none;
margin-right:20px;
}

#leftclm div.title-info {
	background-image:url(../img/main/vinfo/title-bg.gif);
	background-repeat:no-repeat;
	height:38px;
	margin-bottom: 20px;
}
#leftclm div.title-info p,
#leftclm div.title-seen p {
padding-left:60px;
padding-top:10px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
margin:0;
}
#leftclm div.sub-gr {
	background-color:#CCCCCC;
	width:535px;
	margin:20px 0 20px 20px;
}
#leftclm div.sub-gr p{
margin:0;
padding-left:20px;
font-weight:bold;
}
#leftclm p.sub-text {
padding:0px 40px;
margin:0;
}
#leftclm div.title-seen {
	background-image:url(../img/main/vinfo/title-bg_r.gif);
	background-repeat:no-repeat;
	height:38px;
	margin-bottom: 20px;
}
#leftclm div.area{
margin-left:20px;
}
#leftclm div.area table{
width:508px;
}

/* sub-ber alink*/
#sub-bar_info a:link,
#sub-bar_bc a:link {
color:#FFFFFF;
text-decoration:underline;
}
#sub-bar_info a:visited,
#sub-bar_bc a:visited {
color:#FFFFFF;
text-decoration:underline;
}
#sub-bar_info a:hover,
#sub-bar_bc a:hover {
color:#ccc;
text-decoration:underline;
}
#sub-bar_info a:active,
#sub-bar_bc a:active {
color:#ccc;
text-decoration:none;
}

/* broadcast page */
#sub-bar_bc {
	background-image:url(../img/main/broad/sub-bar.gif);
	background-repeat:no-repeat;
	height:28px;
}
#sub-bar_bc ul{
	margin:0;
	padding-left:250px;
	font-size:12px;
	color:#FFFFFF;
	padding-top:4px;
}
#sub-bar_bc li{
float:left;
list-style:none;
margin-right:20px;
}
#leftclm div.title-bc {
	background-image:url(../img/main/broad/title-bg_g.gif);
	background-repeat:no-repeat;
	height:38px;
	margin-bottom: 20px;
}
#leftclm div.title-bc p {
padding-left:60px;
padding-top:10px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
margin:0;
}

#leftclm div.program {
margin-left:20px;
}
#leftclm div.program table{
width:508px;
}
#leftclm div.program table th {
padding:5px 0;
border-bottom:#CCCCCC solid 1px;
}
#leftclm div.program table td {
	padding:5px 0;
	border-bottom:#CCCCCC solid 1px;
	padding-left:10px;
	font-size: 14px;
}
#leftclm div.sub-sl {
	background-image:url(../img/main/broad/sl-eve.gif);
	height:37px;
	background-color:#e1e1e1;
	width:535px;
	margin:20px 0 10px 20px;
}
#leftclm div.sub-rl {
	background-image:url(../img/main/broad/rl-eve.gif);
	height:37px;
	background-color:#e1e1e1;
	width:535px;
	margin:20px 0 10px 20px;
}

#leftclm div.sub-sl p,
#leftclm div.sub-rl p{
	padding-left:72px;
	font-weight: bold;
	padding-top: 12px;
	margin: 0;
}

/* citizens */

#leftclm div.sub-cit {
	background-color:#ededed;
	width:535px;
	margin:20px 0 10px 20px;
}
#leftclm div.sub-cit p{
margin:0;
padding-left:20px;
font-weight:bold;
border-bottom:#990000 solid 1px;
border-left:#990000 solid 5px;
}

/* archive */
#leftclm div.arc{
width:270px;
float:left;
margin-left:10px;
margin-bottom:30px;
}
#leftclm div.arc p {
font-size:14px; color:#333; padding-left:10px; margin:0; border-bottom:#6699FF solid 1px;
}

/*site Map */
#leftclm dl.sitemap {
padding-left:40px;
}
#leftclm dl.sitemap dt {
margin:5px 0;
}
#leftclm dl.sitemap dd {
margin-left:20px;
}
/*********** side *************/
#side {
	/*background-color:#FF00FF;*/
	width:241px;
	float:right;
	margin:0;
	margin-top: 26px;
}
#side div.sidenavi {
	background-image: url(../img/main/side/navi-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
	padding-bottom:10px;
	background-color: #BCE1ED;
	}

#side div.sidenavi ul.s-nav,
#side div.sidenavi ul.s-nav2 {
margin:0;
padding:0;
padding-top:10px;
}
#side div.sidenavi ul.s-nav li{
	list-style-type: none;
	margin:0;
	padding-left: 25px;
	border-bottom:#C5E4EF dotted 2px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

#side div.sidenavi ul.s-nav li img,
#side div.sidenavi ul.s-nav2 li img{
margin-right:10px;
}
#side ul.s-nav2 li{
	background-image:url(../img/main/side/navi-graybg.gif);
	background-repeat:no-repeat;
	list-style-type: none;
	margin:0;
	margin-bottom:6px;
	color:#FFFFFF;
	padding:5px 0 5px 23px;
}
#side div.bannar {
	padding-top:20px;
	text-align: center;
}
#side div.bannar img {
	margin-bottom:5px;
}
#side div.sidenavi ul.s-nav2 a:link {
color:#FFFFFF;
text-decoration:underline;
}
#side div.sidenavi ul.s-nav2 a:visited {
color:#FFFFFF;
text-decoration:underline;
}
#side div.sidenavi ul.s-nav2 a:hover {
color:#ccc;
text-decoration:underline;
}
#side div.sidenavi ul.s-nav2 a:active {
color:#ccc;
text-decoration:none;
}

/* form page */
#leftclm div.form {
	text-align:center;
}
#leftclm div.form table {
width:531px;
text-align:left;
margin-left:18px;
font-size:12px;
}
#leftclm div.form table td {
padding:3px 0;
}

/******* footer ********/

#footer {
	/*background-color:#999966;*/
height:150px;
	padding-top:20px;
	padding-left:15px;
	padding-right: 15px;
	background-color:#F7FBFD;
	border-top:#CCCCCC solid 1px;
}
#footer div.add {
	float:left;
	font-size:12px;
	margin-left:20px;
	color:#666666;
	text-align: left;
}