@charset "UTF-8";

/*
/////////////////////////////////////
Base
/////////////////////////////////////
*/

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

h1 {
	float: left;
	width: 304px;
	margin: 0 0 0 10px;
}

h2 {
	width: auto;
	height: auto;
	margin: 0 0 1px;
	padding: 0;
	background: none;
}

h2.Information {
	display: block;
	width: 400px;
	height: 36px;
	margin: 0 0 10px;
	background: url(../images/h2_information.gif) left bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

h2.Information a {
	display: block;
	width: 400px;
	height: 36px;
	background: url(../images/h2_information.gif) no-repeat;
}

h2.Information a:hover,
h2.Information a:active {
	background-position: left bottom;
}


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

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

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

#ContentsArea .BannerArea {
	float: right;
	width: 230px;
}

#ContentsArea .BannerArea ul {
	list-style: none;
}

#ContentsArea .BannerArea ul li {
	margin: 0 0 10px;
	font-size: 0;
	line-height: 0;
}

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

#ContentsArea .TopFrame {
	width: 400px;
	padding: 1px;
	background: url(/common/images/frame_back_s.gif) left bottom repeat-x;
	border: 1px #d2d2d2 solid;
}

#ContentsArea #Left {
	display: block;
	float: left;
}

#ContentsArea #Right {
	display: block;
	float: right;
}

#ContentsArea #Left a,
#ContentsArea #Right a {
	display: block;
	width: 400px;
	text-decoration: none;
	cursor: pointer;
}

#ContentsArea #Left a:hover,
#ContentsArea #Left a:active,
#ContentsArea #Right a:hover,
#ContentsArea #Right a:active {
	text-decoration: none;
}

/* BUTTON
#ContentsArea .TextArea .Button {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#ContentsArea .TextArea .Button a {
	display: block;
}

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

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

#ContentsArea #Book {
	display: block;
	float: left;
	width: 162px;
	margin: 0 0 0 12px;
}

#ContentsArea #Book a {
	display: block;
	width: 162px;
	text-decoration: none;
	cursor: pointer;
}

#ContentsArea #Book .TextArea {
	float: none;
	width: 162px;
	margin: 10px auto 5px;
	padding: 0;
	text-align: center;
}

#ContentsArea #Book .TextArea dl {
	width: 110px;
	margin: 0 auto;
}

#ContentsArea #Book .TextArea dl dt {
	text-align: center;
}

#ContentsArea #Book .TextArea dl dd {
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}

#ContentsArea #Book .TextArea dl dd a {
	display: block;
}

#ContentsArea #Book .TextArea dl dd a:hover,
#ContentsArea #Book .TextArea dl dd a:active {
	background-position: left bottom;
}