@charset "utf-8";

/* @group ページ背景設定 */
/*
ページ背景設定================================================*/
body {
/*	background:#fff url(../images/bg_head.gif) repeat-x;
	text-align:center;*/
}
h1 {
	font-size:10px;
	color:#999999;
}

h2 {
	font-size:10px;
	color:#999999;
}

.top1 {
	background:#fff url(../images/bg_head.gif) repeat-x;
	text-align:center;
}
/* My Comment */
/* @end */



/* @group 各ブロック背景設定 */
/*
各ブロック背景設定================================================*/
#container {
	background:url(../images/bg_foot.gif) left bottom repeat-x;
}

#contents {
	min-height:900px;
}

#footer {
/*	background-image:url(../images/bg_foot4.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	behavior: expression(IEPNGFIX.fix(this));*/
}
/* @end */

/* @group Header===================================================================== */
#header0 {
	text-align:left;
	font-size: 6px;
	line-height: 15px;
	font-weight: normal;
	color: #5E7622;	
}

#header {
	width:984px;
	height:70px;
	margin:0 auto;
	text-align:left;
}

#header img {
	display:block;
}

#header h2,
#header p {
	float:left;
}

#header .logo {
	padding:0px 0px 0 2px;
}

#header .home {
	padding:48px 0 0;
}

#header ul {
	float:right;
	padding:15px 0 0;
}

#header li {
	float:left;
	padding-left:1px;
}


/* @end */

/* @group contents================================================================== */
#contents {
	min-height:900px;
}

* html #contents {
	height:900px;
}

#contents-inner {
	width:980px;
	margin:0 auto;
	text-align:left;
}

/* @group title-area-------------------------------------------------- */
#title-area {
	padding:30px 0 27px;	
}

#title-area h2,
#title-area .lead {
	float:left;
}

#title-area h2 {
	width:230px;
}

/* @end */


/* @group sub--------------------------------------------------------- */
#sub {
	position:relative;
	top:-2px;
	left:-2px;
	float:left;
	width:210px;
	background:url(../images/bg_sub.gif) no-repeat;
}

#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 17px 20px;
	background:url(../images/icon_link.gif) left top no-repeat;
}

#sub .sub-link dt {
	padding:0 0 8px;
}

#sub .sub-link dd {
	padding:0 0 4px 11px;
}

/* @end */


/* @group main--------------------------------------------------------- */
#main {
	float:right;
	width:750px;
	padding-bottom:50px;
}


/* @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;
	/*top:19px;*/
	/*padding-right:11px;*/
	/*background:url(../images/icon_link.gif) right top no-repeat;*/
	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,'ＭＳ ゴシック','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;
}



.section .natsusacas {
	margin:0 20px 10px;
	padding:0 0 10px;
	background:url(../../event/images/event_natsusacas08_bglogo.jpg) right bottom no-repeat;
	border-bottom:solid 1px #e5e5e5;
}



.natsusacas h3 {
	/*padding:0 75px 10px 0;*/
	padding:0 0 10px 0;
	font-weight:bold;
	line-height:1.4;
}

.natsusacas h3 a {
	padding-left:20px;
	background:url(../images/icon_link.gif) left top no-repeat;
	color:#333;
	font-weight:bold;
}

.natsusacas h3 .sub,
.natsusacas h3 a .sub{
	font-weight:normal;
}

.natsusacas h3 a:hover,
.natsusacas h3 a:hover .sub {
	text-decoration:underline;
}

.natsusacas .date,
.natsusacas a .date {
	color:#666;
	font-weight:normal;
	text-decoration:none;
}

.natsusacas .link-title .date {
	line-height:1.7;
}

.natsusacas .article-category {
	margin:-40px 0 22px;
	text-align:right;
}

.natsusacas .date {
	font-size:77%;
}

.natsusacas p {
	margin:0;
	/*margin:0 0 15px;*/
	font-size:93%;
	line-height:1.7;
}

.natsusacas p.small {
	margin:0;
	/*margin:0 0 15px;*/
	font-size:77%;
	line-height:1.4;
}

.natsusacas .comment {
	font-size:77%;
	line-height:1.4;
}

.natsusacas p.thumb {
	float:left;
	margin:0 14px 0 0;
}

.natsusacas .thumb img {
	display:block;
	margin:0 0 5px 0;
}





.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;
}

#yahoo {
	position:relative;
	top:-15px;
	width:984px;
	margin:0 auto;
	text-align:left;
}
/* @end */

/* @end */


/* @group footer--------------------------------------------------------- */
#footer {
	position:relative;
	top:-15px;
	width:984px;
	margin:0 auto;
	text-align:left;
}
#footer .inq {
	float:left;
	padding-left:13px;
	background:url(../images/foot_arrow.gif) left top no-repeat;
	font-size:77%;
}

#footer .inq a {
	color:#666;
}

#footer .inq a:hover {
	text-decoration:underline;
}

#footer .copyright {
	float:right;
}


/* @end */

/* @end */






/* @group clearfix=================================================================== */
#header .inner:after,
#contents-inner:after,
#footer:after,
#title-area:after,
.articles:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#header .inner,
#contents-inner,
#footer,
#title-area,
.articles {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #header .inner,
* html #contents-inner,
* html #footer,
* html #title-area,
* html .articles {
	height:1%;
}

#header .inner,
#contents-inner,
#footer,
#title-area,
.articles {
	display:block;
}



/* End hide from IE-mac */
/* @end */







/* @group clearfix=================================================================== */
.natsusacas:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}


.natsusacas {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .natsusacas {
	height:1%;
}

.natsusacas {
	display:block;
}

/* End hide from IE-mac */
/* @end */


/* @ clearfix=================================================================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.mainbox {
	width:684px;
	float:left;
}
.infobox {
	width:286px;
	float:right;
}





