@charset "UTF-8";

/*
/////////////////////////////////////
BASE
/////////////////////////////////////
*/

/* +++++++++++ H +++++++++++ */

h2 {
	width: 100%;
	padding: 0;
}


/*
/////////////////////////////////////
CONTENTS
/////////////////////////////////////
*/

/* FLASH AREA */
#ContentsArea #FlashArea {
	float: left;
	width: 580px;
	height: 300px;
	text-align: center;
}

#ContentsArea .IndexContents {
	clear: both;
	width: 820px;
	margin: 0 0 10px;
	padding: 0 40px;
	text-align: left;
}
#ContentsArea .IndexContents:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
	visibility: hidden;
}

/* +++++++++++ BANNER AREA +++++++++++ */

#ContentsArea .BannerArea ul li.End {
	margin: 0;
}

/* +++++++++++ TOP FRAME +++++++++++ */

#ContentsArea #Left {
	height: 175px;
	background: url(../images/back_link.gif) left bottom repeat-x;
}

#ContentsArea #Right {
	height: 175px;
	background: url(../images/back_link.gif) left bottom repeat-x;
}

#ContentsArea #Left a,
#ContentsArea #Right a {
	height: 175px;
	background: url(../images/back_link.gif) repeat-x;
}

#ContentsArea #Left a:hover,
#ContentsArea #Left a:active,
#ContentsArea #Right a:hover,
#ContentsArea #Right a:active {
	background-position: left -180px;
}

/* +++++++++++ NEWS +++++++++++ */

#ContentsArea #News {
	float: left;
	height: 210px;
}

#ContentsArea #News .TextArea {
	float: none;
	width: 380px;
	height: 155px;
	margin: 0 auto 5px;
	padding: 0;
}

#ContentsArea #News .TextArea iframe {
	width: 380px;
	height: 155px;
	border: none;
}

/*#ContentsArea #News .TextArea {
	float: none;
	width: 360px;
	height: 155px;
	margin: 0 auto 5px;
	padding: 0;
	overflow: auto;
}

#ContentsArea #News .TextArea dl {
	clear: both;
	padding: 5px 0 4px;
	border-bottom: 1px #d6dada dashed;
}
#ContentsArea #News .TextArea dl:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
	visibility: hidden;
}

#ContentsArea #News .TextArea dl dt {
	float: left;
	width: 60px;
	color: #000;
}

#ContentsArea #News .TextArea dl dd {
	float: left;
	width: 280px;
}*/

/* +++++++++++ BOOK +++++++++++ */

#ContentsArea #Book {
	height: 210px;
	background: url(../images/back_book.gif) left bottom repeat-x;
}

#ContentsArea #Book a {
	height: 210px;
	background: url(../images/back_book.gif) repeat-x;
}

#ContentsArea #Book a:hover,
#ContentsArea #Book a:active {
	background-position: left -212px;
	text-decoration: none;
}

/*#ContentsArea #Book .TextArea dl dd {
	width: 73px;
	height: 24px;
	margin: 3px auto 0;
	background: url(../images/button_goods.gif) left bottom no-repeat;
}

#ContentsArea #Book .TextArea dl dd a {
	width: 73px;
	height: 24px;
	background: url(../images/button_goods.gif) no-repeat;
}*/

/* +++++++++++ LECTURE +++++++++++ */

#ContentsArea #Lecture {
	display: block;
	float: right;
	width: 224px;
	height: 210px;
	background: url(../images/back_lecture.gif) left bottom repeat-x;
}

#ContentsArea #Lecture a {
	display: block;
	clear:both;
	width: 224px;
	height: 210px;
	background: url(../images/back_lecture.gif) repeat-x;
	text-decoration: none;
	cursor: pointer;
}
#ContentsArea #Lecture a:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
	visibility: hidden;
}

#ContentsArea #Lecture a:hover,
#ContentsArea #Lecture a:active {
	background-position: left -212px;
	text-decoration: none;
}

#ContentsArea #Lecture .Image {
	float:left;
	width: 100px;
	margin:0 10px 0 0;
}

#ContentsArea #Lecture .TextArea {
	float:left;
	width: 109px;
}

#ContentsArea #Lecture .TextArea p {
	margin: 110px 0 0;
	font-size: 0.9em;
}

/* BUTTON
#ContentsArea #Lecture .Button {
	display: block;
	float: none;
	width: 109px;
	height: 23px;
	margin: 0 0 4px;
	padding: 0;
	background: url(../images/button_kouenn.gif) left bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#ContentsArea #Lecture .Button a {
	display: block;
	width: 109px;
	height: 23px;
	background: url(../images/button_kouenn.gif) no-repeat;
}

#ContentsArea #Lecture .Button a:hover,
#ContentsArea #Lecture .Button a:active {
	background-position: left bottom;
} */

/* +++++++++++ TABLE +++++++++++ */

#ContentsArea .IndexContents table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

#ContentsArea .IndexContents table th {
	border: none;
	text-align: center;
	vertical-align: top;
}

#ContentsArea .IndexContents table td {
	padding: 0 0 0 10px;
	border: none;
	text-align: left;
	vertical-align: bottom;
}