@charset "utf-8";

/*--------------------------------------
	Style Name : Home Style Sheet

	main-visual
	main-content
--------------------------------------*/


/*	div#visual-area
--------------------------------------*/

#visual-area {
	width: 100%;
	background-color: #E5D9CE;
}

#visual-area #visual {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	text-align: center;
}

#visual-area #visual ul {
	position: absolute;
	top: 10px;
	right: 60px;
}

#visual-area #visual ul li {
	margin-bottom: 3px;
}

/*--------------------------------------
	div#main-content
--------------------------------------*/

/*	div#attention
--------------------------------------*/

#main-content #attention {
	margin-bottom: 15px;
	padding-right: 225px;
	position: relative;
	min-height: 300px;
	_height: auto !important;
	_height: 300px;
}

#attention h2 {
	margin-bottom: 10px;
}

#attention p.note-01 {
	font-size: 92%;
}

#attention div.block {
	padding: 0 10px 5px;
	position: absolute;
	top: 0;
	right: 0;
	width: 188px;
	border: 2px solid #ec8d00;
	border-top: none;
}

#attention div.block h3.block-title {
	margin: 0 -12px 5px;
}

#attention div.block div.pseudo-frame {
	margin: 5px 0;
	padding: 1px;
	overflow: auto;
	width: 188px;
	height: 174px;
}

#attention div.block table {
	margin: 0;
	width: 171px;
	table-layout: fixed;
	font-size: 84%;
}

#attention div.block table thead th {
	background-color: #ebebeb;
	color: #000;
}

#attention div.block table tbody th {
	color: #f90;
}

#attention div.block table th,
#attention div.block table td {
	padding: 5px 0;
	border: 1px solid #ccc;
	text-align: center;
}

/*	div#information
--------------------------------------*/

#main-content #information {
	margin-bottom: 15px;
	padding: 0 10px 25px;
	border: 1px solid #ffccb0;
}

#main-content #information div.lead {
	margin-bottom: 15px;
	position: relative;
}

#main-content #information div.lead h4 {
	margin-bottom: 5px;
}

#main-content #information div.lead p {
	font-size: 84%;
}

#main-content #information  div.content-link {
	position: absolute;
	top: 0px;
	right: 0px;
}

#main-content #information iframe {
	clear: both;
	width: 635px;
	height: 270px;
	border: none;
	margin: 0;
	padding: 0;
}

#main-content #information #titleArea {
	width: 630px;
	clear: both;
}

#main-content #information #titleArea h5 {
	width: 192px;
	padding: 0 18px 0 0;
	float: left;
	margin: 0;
}

/*	div#about
--------------------------------------*/

#main-content #about {
	overflow: hidden;
	zoom: 1;
}

#about h3 {
	margin-bottom: 10px;
}

#about p {
	margin: 0;
}

#about div.pic {
	margin-top: -10px;
	float: right;
}

#about div.content-link {
	padding-left: 15px;
	background: url(../../shared/image/icon_arrow-right_02.gif) no-repeat 0 50%;
}

/*--------------------------------------
	div#sub-content
--------------------------------------*/

#sub-content {
	padding-top: 10px;
	float: left;
	width: 200px;
	line-height: 1.4;
}