@charset "utf-8";

	html * {
		text-align:				center;
		font-size:				12px;
		text-decoration:	none;
		font-weight:			normal;
		margin:						0px auto;
		line-height:			120%;
	}

	body {
		text-align:				center;
		background-color:	#ffffff;
	}
	div * {
		text-align:				left;
	}
	h1 {
		padding:					0px 10px 0px 10px;
	}
	h1.hdn {
		margin:				0px;
		padding:			0px;
		font-size:		0px;
		display:			none;
	}
	h2 {
		font-weight:			bold;
	}
	h2.hdn		{
		margin:				0px;
		padding:			0px;
		font-size:		0px;
		display:			none;
	}
	h3 {
		font-weight:			bold;
	}
	h3.hdn		{
		margin:				0px;
		padding:			0px;
		font-size:		0px;
		display:			none;
	}
	h4 {
		font-weight:			bold;
	}
	h4.hdn		{
		margin:				0px;
		padding:			0px;
		font-size:		0px;
		display:			none;
	}
	p.hdn		{
		margin:				0px;
		padding:			0px;
		font-size:		0px;
		display:			none;
	}


/* リンク */
	a:link							{ color: DarkSlateGray; }
	a:visited						{ color: DarkSlateGray; }
	a:active						{ color: DarkSlateGray; }
	a:hover							{ color: Firebrick; }

	a.menu:link					{
		color:						#ffffff;
		text-decoration:	none;
		padding:						0px 10px 0px 10px;
	}
	a.menu:visited			{
		color:						#ffffff;
		text-decoration:	none;
		padding:						0px 10px 0px 10px;
	}
	a.menu:active				{
		color:						#ffffff;
		text-decoration:	none;
		padding:						0px 10px 0px 10px;
	}
	a.menu:hover				{
		color:						#000000;
		text-decoration:	none;
		padding:					0px 10px 0px 10px;
		background-color:	#ffffcc;
	}


	div.container {
		width:						800px;
		padding-top:			10px;
		clear:						both;
	}

/* メニュー */
	div.container div.menu {
		width:						100%;
		height:						30px;
		vertical-align:		middle;
		background:url(../img/main/menu_bk.jpg) #ffffff repeat-x;
		clear:						both;
	}
	div.container div.menu div.menu_text {
		width:						100%;
		padding-top:			5px;
		text-align:				center;
		color:						#ffffff;
	}

/* メイン */
	div.container div.main {
		width:						600px;
		float:						left;
	}

	div.ecopt_info{
		width:						100%;
		height: 					200px;
	}
		div.ecopt_info div.info_container {
			padding:					10px 10px 0px 10px;
		}
		div.ecopt_info div.info_container div.info_details {
			width:						100%;
			height: 					180px;
			overflow: 				scroll;
			overflow-x: 			hidden;
			overflow-y: 			scroll;
			position: 				relative;
			scrollbar-track-color:			#CDD6CD;
			scrollbar-face-color: 			#CDD6CD;
			scrollbar-shadow-color: 		#506F50;
			scrollbar-darkshadow-color: #506F50;
			scrollbar-highlight-color:	#CDD6CD;
			scrollbar-3dlight-color:		#506F50;
			scrollbar-arrow-color:			#506F50;
		}
			div.ecopt_info div.info_container div.info_details p{
				padding:					1px 1px 1px 10px;
				font-size:12px;
			}


/* 右 */
	div.container div.right {
		width:						200px;
		float:						left;
	}
	div.container div.right div.ask {
		padding-top:			10px;
	}
	div.container div.right div.rakuten {
		padding-top:			10px;
	}
	div.container div.right div.system {
		padding-top:			10px;
	}
	div.container div.right div.variety {
		height:						400px;
		padding-top:			10px;
		background:				url(../img/main/variety_back.jpg) #ffffff no-repeat left bottom;
	}
	div.container div.right div.variety div.text {
		width:						170px;
		margin-left:			10px;
		line-height:			140%;
	}
	div.container div.right div.variety div.text h4,p {
		line-height:			140%;
	}
	div.container div.right div.guarantee {
		height:						400px;
		padding-top:			10px;
		background:				url(../img/main/guarantee_back.jpg) #ffffff no-repeat left bottom;
	}
	div.container div.right div.guarantee div.text {
		width:						170px;
		margin-left:			10px;
		line-height:			140%;
	}
	div.container div.right div.guarantee div.text h4,p {
		line-height:			140%;
	}
	div.container div.right div.link {
		padding-top:			10px;
	}