@charset "utf-8";

#sub {
	min-height:100%;
}

* html #sub {
	height:100%;
}

.section .articles.article-bottom {
	margin:0;
	padding:0 20px 20px;
	background:url(../images/bg_section_foot.gif) left bottom no-repeat;
	border-bottom:none;
	height:100%;
}

.articles h2 {
	padding:0;
}

.articles p.thumb-img01 {
	position: absolute;
}

.articles .txt_accessLeft {
	float: left;
}

.articles .txt_accessRight {
	float: right;
}

.articles p {
	margin:0 0 10px 0;
	/*font-size:77%;*/
}

span.bold {font-weight:bold;}
span.red {color:#cc0000;}
span.green {color:#009900;}
span.yellow {color:#ff9900;}
span.blue {color:#3399ac;}
span.grey {color:#666;}
span.pink {color:#ff3477; font-size:14px; font-weight:bold;}

.section .detail-link {
	position:absolute;
	top:17px;
	text-align:right;
}

.section .link-mappdf {
	left:598px;
}

/* ================================= Sub menu ==================================== */
#sub {
	position:relative;
	margin-top:13px;
	top:-2px;
	left:-2px;
	float:left;
	width:210px;
	background:url(../images/bg_sub.gif) no-repeat;
	font-size:12px;
	letter-spacing:1px;
	line-height:1.5;
}

#sub dl {
	margin:16px 10px 20px;
}

#sub dl img {
	display:block;
}

#sub .sub-contents dt {
	padding:0 0 20px;
}

#sub .sub-contents dd {
	padding:0 0 8px 10px;
}

#sub h2 {
	text-align:left;
}

#sub .sub-link dt {
	padding:0 0 8px;
}

#sub .sub-link dd {
	padding:0 0 4px 11px;
}

.sub-contents a {
	color:#666;
}

.sub-contents a:hover {
	text-decoration:underline;
	color:#7de3b1;
}

/* ================================= Main ==================================== */
#main {
	float:right;
	width:750px;
	margin-top:13px;
	padding-bottom:50px;
}

#main h3 {
	padding:2px 0 2px 5px;
	margin:5px 0 10px 0;
	color:#FFFFFF;
	background:url(../images/top_event_obi.gif) left top no-repeat;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	font-weight:bold;
}

#main a {
	color:#666;	
}

#main a:hover {
	text-decoration:underline;
	color:#7de3b1;
}


/* @group section */
.section {
	position:relative;
	margin:0;
	/*margin:0 0 30px;*/
	padding:15px 0 0;
	background:url(../images/bg_section_head.gif) left top no-repeat;
}

.section .articles {
	margin:0 20px 10px;
	padding:0 0 10px;
	border-bottom:solid 1px #e5e5e5;
}

.section .articles.article-bottom {
	margin:0;
	padding:0 20px 20px;
	background:url(../images/bg_section_foot.gif) left bottom no-repeat;
	border-bottom:none;
}



.section .articles .article-theaterLeft {
	width:345px;
	margin:0 20px 0 0;
	padding:0;
	float: left;
}

.section .articles .article-theaterRight {
	width:345px;
	margin:0;
	padding:0;
	float: left;
}

.section h2 {
	padding:0 16px 20px;
}

.section .detail-link {
	position:absolute;
	top:14px;
	text-align:right;
}

.section .detail-link img {
	display:block;
}

.articles h3 {
	/*padding:0 75px 10px 0;*/
	padding:0 0 10px 0;
	font-weight:bold;
	line-height:1.4;
}

.articles h3 a {
	padding-left:20px;
	background:url(../images/icon_link.gif) left top no-repeat;
	color:#333;
	font-weight:bold;
}

.articles h3 .sub,
.articles h3 a .sub{
	font-weight:normal;
}

.articles h3 a:hover,
.articles h3 a:hover .sub {
	text-decoration:underline;
}

.articles .date,
.articles a .date {
	color:#666;
	font-weight:normal;
	text-decoration:none;
}

.articles .link-title .date {
	line-height:1.7;
}

.articles .article-category {
	margin:-40px 0 22px;
	text-align:right;
}

.articles .date {
	font-size:77%;
}

.articles .caption,
.articles a .caption {
	color:#666;
	font-weight:normal;
	text-decoration:none;
}

.articles .caption {
	line-height:1.4;
}

.articles .caption {
	font-size:77%;
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,
	'メイリオ',Meiryo,'EE ゴシチE','MS PGothic',sans-serif;

}

.articles p {
	margin:0;
	/*margin:0 0 15px;*/
	font-size:93%;
	line-height:1.7;
}

.articles p.small {
	margin:0;
	/*margin:0 0 15px;*/
	font-size:77%;
	line-height:1.4;
}

.articles p.thumb {
	float:left;
	margin:0 14px 0 0;
}

.articles .thumb img {
	display:block;
}

.pagetop {
	margin:2px 0 30px;
	text-align:right;
}

.pagetop p a {
	padding-left:13px;
	background:url(../images/pagetop_arrow.gif) left top no-repeat;
	font-size:77%;
}

.pagetop p a {
	color:#666;
}

.pagetop p a:hover {
	text-decoration:underline;
	color:#7de3b1;
}



.radio_area{
 width:649px;
 background:url(../images/bg_section_redio.jpg);
}
.radio_area .text{
	text-align:left;
	padding:10px 0 0 20px;
}