@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 *　/index.html
 * 
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */
 
body#top {
	background: #AE976B url(../img/img_top/bg_body_top.jpg) repeat-x center top;
}

#top #Contents {
	background: url(../img/img_top/bg_contents_top.jpg) repeat-x left top;
	padding-bottom: 35px;
}

#top h1 {
	width: 181px;
	padding: 20px 0 0 17px;
	float: left;
}

#Contents #main {
	width: 580px;
	float: left;
}

#Contents #bannerArea {
	width: 230px;
	float: right;
}

#Contents #main #lead_text{
	padding: 7px 0 25px 4px;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	line-height: 1.8;
}

#Contents #main dl {
	line-height: 1.5;
	zoom:1;
	padding: 0 0 20px;
}

#Contents #main h2 {
	position: relative;
	margin: 0 0 18px;
}

#Contents #main h2 a {
	display: block;
	width: 52px;
	height: 24px;
	position: absolute;
	right: 6px;
	top: 6px;
}

#Contents #main dt {
	width: 75px;
	float: left;
	padding: 0 0 14px 26px;
	margin: 0 0 14px;
	background: url(../img/img_share/point_01.jpg) no-repeat left top;
	font-size: 1.2em;
	color: #B8A37C;
}

#Contents #main dd {
	margin: 0 0 14px; 
	padding: 0 0 14px 101px;
	background: url(../img/img_share/line_01.gif) repeat-x left bottom;
	font-size: 1.2em;
}

#Contents #bannerArea li {
	margin: 0 0 10px;
}

#Contents #bannerArea li a:hover img {
    filter: Alpha(opacity=80); /* IE系 */
    opacity:0.8; /* Mozzila系 */
}



/* -- css hacks ---------------------------------*/

*html {
} /* for WinIE4-IE6 and MacIE4-IE5 *//* Valid */

*:first-child+html {
} /* for IE7 *//* Valid */

html>/**/body XXXXX, x:-moz-any-link, x:default {
} /* Only FireFox3 *//* inValid(not Valid) */

body:first-of-type {
} /* Only safari3/4 Firefox3.5 *//* inValid(not Valid)*/

html[xmlns*=""] body:last-child XXXXX {
} /* Only safari2 macOSX *//* inValid(not Valid)*/