@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: トップページ用CSS                                                          */
/* 作成日: 2012-7-17                                                                */
/* 最終更新日: 2012-7-17        　                                                  */
/*                                                                                  */
/* ################################################################################ */

body {
	background-image: url(../images/common/header/back-header-area.jpg);
	background-repeat: repeat-x;
	background-position: 0px 80px;
}

div.key-visual {
	margin: 0 auto 15px;
	width: 928px;
	height: 180px;
	position: relative;
	overflow: hidden;
}

div.key-visual ol.flex-control-nav {
	padding-right: 20px;
	position: absolute;
	width: 908px;
	top: 160px;
	left: 0;
	text-align: right;
}

div.key-visual ol.flex-control-nav li {
	margin: 0 3px;
	display: inline;
	cursor: pointer;
}

div.key-visual ol.flex-control-nav li a {
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../images/top/main-button.png);
	background-repeat: no-repeat;
	background-position: 0 -7px;
	width: 62px;
	height: 7px;
}

div.key-visual ol.flex-control-nav li a:hover {
	background-position: 0 0;
}

div.key-visual ol.flex-control-nav li a.flex-active {
	background-position: 0 0;
}

div.key-visual ul.flex-direction-nav {
	display: none;
}

div.key-visual ul.flex-direction-nav li a {
	top: 14px;
	width: 33px;
	height: 178px;
	background-position: 0 0;
}

div.key-visual ul.flex-direction-nav li a:hover {
	background-position: -33px 0;
}

div.key-visual ul.flex-direction-nav li a.flex-prev {
	left: 0;
	background-image: url(../images/top/visual-arrow-l.png);
}

div.key-visual ul.flex-direction-nav li a.flex-next {
	right: 0;
	background-image: url(../images/top/visual-arrow-r.png);
}

div.container div.mainArea div.contentBody ol.flex-control-nav li a {
	display: inline-block;
	text-indent: -9999px;
	background-image: url(../images/top/bg_control_nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 9px;
	height: 9px;
}

div.container div.mainArea div.contentBody ol.flex-control-nav li a:hover {
	background-position: 0 -9px;
}

div.container div.mainArea div.contentBody ol.flex-control-nav li a.flex-active {
	background-position: 0 -18px;
}

div.main-column {
	overflow: hidden;
}

div.main-column div.news div.heading {
	margin-bottom: 20px;
	position: relative;
}

div.main-column div.news div.heading p {
	position: absolute;
	top: 5px;
	left: 560px;
	width: 74px;
	height: 24px;
}

div.main-column div.news div.entry {
	margin: 0 auto;
	width: 635px;
	overflow: hidden;
}

div.main-column div.notice {
	margin-bottom: 20px;
	padding: 10px;
	color: #454545;
	background-color: #F0F1EC;
}

div.main-column div.notice p {
	line-height: 1.5;
	font-size: 93%;
}

div.main-column div.notice p a {
	color: #454545;
	background-color: inherit;
	line-height: 1.5;
}

div.main-column div.news div.entry p.thumb {
	margin-right: 10px;
	margin-bottom: 35px;
	padding: 1px;
	border: solid 1px #CCCCCC;
	float: left;
	width: 100px;
}

div.main-column div.news div.entry dl {
	padding-top: 2px;
	float: left;
	width: 520px;
}


div.main-column div.news div.entry dl dt {
	margin-bottom: 4px;
}

div.main-column div.news div.entry dl dt span.date {
	margin-bottom: 4px; 
	display: block;
	font-size: 93%;
	font-weight: bold;
	color: #4C4C4C;
	background-color: inherit;
}

div.main-column div.news div.entry dl dt a {
	color: #5D59A9;
	background-color: inherit;
	font-weight: bold;
	text-decoration: none;
}

div.main-column div.news div.entry dl dt a:hover {
	text-decoration: underline;
}

div.main-column div.news div.entry dl dd {
	margin-bottom: 35px;
	line-height: 1.3;
	font-size: 93%;
}


div.main-column div.event-info {
	margin-bottom: 35px;
}

div.main-column div.event-info div.heading {
	margin-bottom: 10px;
	position: relative;
}

div.main-column div.event-info div.heading p {
	position: absolute;
	top: 5px;
	left: 560px;
	width: 74px;
	height: 24px;
}

div.main-column div.event-info ul.tabs {
	padding-left:3px;
	border-bottom: solid 1px #5D59A9;
}

div.main-column div.event-info ul.tabs li {
	margin-bottom: -1px;
	display: inline-block;
}

div.main-column div.event-info ul.tabs li span {
	border: solid 1px #5D59A9;
	border-radius: 3px 3px 0 0;
	padding: 6px 7px;
	display: inline-block;
	color: #FFF;
	background-color: #5D59A9;
	min-width: 34px;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
}

div.main-column div.event-info ul.tabs li span.active {
	border-bottom: solid 1px #FFF;
	color: #5D59A9;
	background-color: #FFF;
	font-weight: bold;
}

div.main-column div.event-info ul.tabs li span.active:hover {
	background-color: #FFF;
	border-color: #5D59A9 #5D59A9 #FFF #5D59A9;
}

div.main-column div.event-info ul.tabs li span:hover {
	background-color: #9492C6;
	border-color: #9492C6;
}

div.main-column div.event-info div.tab-content {
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	height: 290px;
	overflow: hidden;
}

div.main-column div.event-info div.tab-content ul#tab-content {
	width: 3000px;
}

div.main-column div.event-info div.tab-content ul#tab-content > li {
	display: none;
	overflow: auto;
	width: 630px;
	height: 290px;
}

div.main-column div.event-info div.tab-content ul#tab-content > li:first-child {
	display: inline-block;
}

div.main-column div.event-info div.tab-content ul#tab-content > li > ul > li {
	padding-top: 20px;
	padding-left: 20px;
}

div.main-column div.event-info div.tab-content ul#tab-content > li > p {
	padding-top: 20px;
	padding-left: 20px;
}

div.main-column div.event-info div.tab-content ul#tab-content > li > ul > li > dl > dt {
	margin-bottom: 5px;
	padding-left: 10px;
	padding-top: 1px;
	background-image: url(../images/top/event-marker.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

div.main-column div.event-info div.tab-content ul#tab-content > li > ul > li > dl > dd > div {
	margin-left: 8px;
	padding-left: 3em;
	text-indent: -3em;
	line-height: 1.4;
}

div.main-column div.event-info div.tab-content ul#tab-content > li > ul > li > dl > dd > div.date {
	margin-bottom: 2px;
}

div.main-column div.event-info div.tab-content ul#tab-content > li > ul > li > dl > dt > a {
	color: #5D59A9;
	font-weight: bold;
}

div.main-column div.soft {
	margin-right: 60px;
	float: left;
	width: 280px;
}

div.main-column div.soft h2,
div.main-column div.soft p.image {
	margin-bottom: 10px;
}

div.main-column div.soft p.text span.title {
	margin-bottom: 3px;
	color: #5D59A9;
	font-weight: bold;
	display: block;
}

div.main-column div.soft p.text {
	margin-left: 4px;
	margin-bottom: 5px;
	line-height: 1.4;
}

div.main-column div.soft p.link {
	margin-bottom: 20px;
	margin-left: 100px;
	padding-left: 12px;
	background-image: url(../images/top/marker-contents.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div.main-column div.soft p.link a {
	color: #524E97;
}

div.main-column div.journal {
	float: left;
	width: 280px;
}

div.main-column div.journal h2,
div.main-column div.journal p.image {
	margin-bottom: 10px;
}

div.main-column div.journal p.text {
	margin-bottom: 5px;
	line-height: 1.4;
}

div.main-column div.journal p.link a {
	color: #524E97;
	background-color: inherit;
}

div.main-column div.journal p.link {
	margin-left: 60px;
	padding-left: 12px;
	background-image: url(../images/top/marker-contents.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div.main-column div.gallery {
	width:100%;
	overflow:hidden;
	padding:35px 0 0 0;
}

div.main-column div.gallery h2 {
	margin:0 0 10px 0;
}

div.main-column div.gallery p.image {
	width:324px;
	float:right;
	margin:0;
}

div.main-column div.gallery p.text {
	width:310px;
	float:left;
	padding:0 0 15px 0;
}

div.main-column div.gallery ul {
	width:310px;
	float:left;
}

div.main-column div.gallery ul li {
	margin:0 0 10px 0;
	padding-left: 12px;
	background-image: url(../images/top/marker-contents.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div.main-column div.gallery ul li a {
	color: #524E97;
}