@charset "utf-8";
@import "common/0-import.css";
/*  
	Update : 
*/
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#container {
	background: none;
}

#header {
	height: 383px;
	background: url(/img/index/top_visual.jpg) no-repeat;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 5px;
	right: 10px;

	color: #fff;
	font-size: 10px;
	font-weight: normal;
}

#header h2 {
	position: absolute;
	top: 184px;
	left: 275px;
}

#header .lohasBlog {
	width: 229px;
	height: 46px;
	background: url(/img/index/lohas_blog_over.jpg) no-repeat;
	display: block;

	position: absolute;
	top: 330px;
	right: 8px;
}

#header a:hover.lohasBlog {
	background-color: #fff;
}

#header a:hover.lohasBlog img {
	visibility: hidden;
}

#header .lohasBlog02 {
	width: 189px;
	height: 46px;
	background: url(/img/index/lohas_blog02_over.jpg) no-repeat;
	display: block;

	position: absolute;
	top: 330px;
	right: 247px;
}

#header a:hover.lohasBlog02 {
	background-color: #fff;
}

#header a:hover.lohasBlog02 img {
	visibility: hidden;
}

#main {
	padding: 0 0 30px;
	background: #B7AD87 url(/img/template/main_back.gif) repeat-y;

	font-size: 12px;
	line-height: 1.5;
}

	* html #main {
		zoom: 100%;
	}

	*+html #main {
		zoom: 100%;
	}

#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#sideBar {
	padding-bottom: 0;
}

#sideBar .sideBanner li.lohas {
	padding-top: 35px;
	background: none;
}

#sideBar .sideBanner li.lohas a:hover {
	background-color: #fff;
}

#conts #information {
	width: 628px;
	background: #47412E;

	position: relative;
}

#conts #information dl {
	padding: 10px 10px 5px 15px;
	border-top: 1px solid #918D82;

	color: #DAD2C6;
	line-height: 1.3;
}

	* html #conts #information dl {
		zoom: 100%;
	}

	*+html #conts #information dl {
		zoom: 100%;
	}

#conts #information dl a {
	color: #DAD2C6;
}

#conts #information dl a:hover {
	color: #B8C700;
}

#conts #information dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#conts #information dt {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(/img/icon/02.gif) no-repeat left 5px;

	float: left;
	clear: left;
}

#conts #information dd {
	margin: 0 0 5px 7em;
}

#conts #information .more {
	position: absolute;
	top: 8px;
	right: 14px;
}

#conts #information .more a {
	width: 101px;
	height: 20px;
	background: url(/img/index/more_over.gif) no-repeat;
	display: block;
}

#conts #information .more a:hover {
	background-color: #fff;
}

#conts #information .more a:hover img {
	visibility: hidden;
}

#conts #topics {
	padding: 15px;
}

	* html #conts #topics {
		zoom: 100%;
	}

	*+html #conts #topics {
		zoom: 100%;
	}

#conts #topics:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#conts #topics h3 {
	margin-bottom: 10px;
}

#conts #topics .box {
	padding: 8px 11px 0;
	width: 169px;
	height: 275px;

	position: relative;
	float: left;
}

	* html #conts #topics .box {
		width: 191px;
		height: 283px;
		/*Mac IE用ハック*/
		/*\*//*/
		width: 169px;
		height: 275px;
		/**/
	}

#conts #topics #boxA {
	background: url(/img/index/01.gif) no-repeat;
}

#conts #topics #boxB {
	margin: 0 12px;
	background: url(/img/index/02.gif) no-repeat;
}

#conts #topics #boxC {
	background: url(/img/index/03.gif) no-repeat;
}

#conts #topics .box h4 {
	margin: 10px 0;
}

#conts #topics .box .more {
	padding: 3px 25px 2px 0;
	background: url(/img/index/icon01.gif) no-repeat right center;

	position: absolute;
	bottom: 7px;
	right: 0;

	color: #68503B;
	font-weight: bold;
}

	* html #conts #topics .box .more {
		bottom: 6px;
		right: -1px;
		/*Mac IE用ハック*/
		/*\*//*/
		bottom: 7px;
		right: 0;
		/**/
	}

#conts #topics .box a:hover {
	color: #E8AB22;
}