/********************************************************
	RMC Web Site
	This stylesheet provides styles for Rinen HTML layout.
	
	[rinen.css]
	
	0. Styles for all
	1. Header
	2. Global Navigation
	3. Contents
	4. Main Contents Area
	5. Side Contents Area
	6. Footer
	
	Last renewal date: 2006/09/29
*********************************************************/

@charset "utf-8";

/*
****************************************
		0. Styles for all
****************************************
*/



/*
****************************************
		1. Header
****************************************
*/


/*
****************************************
		2. Global Navigation
****************************************
*/
div#gnav		{width: 720px; padding: 0px 0px 8px 0px;}
div#gnav ul		{padding: 22px 0px 8px 0px;}

div#lnav		{width: 720px; padding: 0px 0px 7px 0px; text-align:left; clear:both;}
div#lnav span	{display: none;}
div#lnav ul		{padding: 8px 0px 9px 0px;}
div#lnav li		{padding: 0px; list-style: none; margin: 0px;}
div#lnav ul	li	{display: block; float: left;}


div#lnav .lnav01			{display: block; width: 38px; height: 9px; background: url(../rinen/img/rinen_btn03_ov.gif) no-repeat left center; margin: 0px 10px 0px 0px;}
div#lnav .lnav01 a:link		{display: block; width: 38px; height: 9px; background: url(../rinen/img/rinen_btn01.gif) no-repeat left center;}
div#lnav .lnav01 a:visited	{display: block; width: 38px; height: 9px; background: url(../rinen/img/rinen_btn01.gif) no-repeat left center;}
div#lnav .lnav01 a:hover	{display: block; width: 38px; height: 9px; background: url(../rinen/img/rinen_btn02.gif) no-repeat left center;}

div#lnav .lnav02			{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn07.gif) no-repeat left center; margin: 0px 7px 0px 0px;}
div#lnav .lnav02 a:link		{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn04.gif) no-repeat left center;}
div#lnav .lnav02 a:visited	{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn04.gif) no-repeat left center;}
div#lnav .lnav02 a:hover	{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn05.gif) no-repeat left center;}

div#lnav .lnav03			{display: block; width: 19px; height: 9px; background: url(../rinen/img/rinen_btn09.gif) no-repeat left center; margin: 0px 2px 0px 0px;}
div#lnav .lnav03 a:link		{display: block; width: 19px; height: 9px; background: url(../rinen/img/rinen_btn08.gif) no-repeat left center;}
div#lnav .lnav03 a:visited	{display: block; width: 19px; height: 9px; background: url(../rinen/img/rinen_btn08.gif) no-repeat left center;}
div#lnav .lnav03 a:hover	{display: block; width: 19px; height: 9px; background: url(../rinen/img/rinen_btn09.gif) no-repeat left center;}

div#lnav .lnav04			{display: block; width: 30px; height: 9px; background: url(../rinen/img/rinen_btn11.gif) no-repeat left center; margin: 0px 24px 0px 0px;}
div#lnav .lnav04 a:link		{display: block; width: 30px; height: 9px; background: url(../rinen/img/rinen_btn10.gif) no-repeat left center;}
div#lnav .lnav04 a:visited	{display: block; width: 30px; height: 9px; background: url(../rinen/img/rinen_btn10.gif) no-repeat left center;}
div#lnav .lnav04 a:hover	{display: block; width: 30px; height: 9px; background: url(../rinen/img/rinen_btn11.gif) no-repeat left center;}

div#lnav .lnav05			{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn14_ov.gif) no-repeat left center; margin: 0px 24px 0px 0px;}
div#lnav .lnav05 a:link		{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn12.gif) no-repeat left center;}
div#lnav .lnav05 a:visited	{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn12.gif) no-repeat left center;}
div#lnav .lnav05 a:hover	{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn13.gif) no-repeat left center;}

div#lnav .lnav06			{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn17_ov.gif) no-repeat left center; margin: 0px 24px 0px 0px;}
div#lnav .lnav06 a:link		{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn15.gif) no-repeat left center;}
div#lnav .lnav06 a:visited	{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn15.gif) no-repeat left center;}
div#lnav .lnav06 a:hover	{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn16.gif) no-repeat left center;}

div#lnav .lnav07			{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn06.gif) no-repeat left center; margin: 0px 8px 0px 0px;}
div#lnav .lnav07 a:link		{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn06.gif) no-repeat left center;}
div#lnav .lnav07 a:visited	{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn06.gif) no-repeat left center;}
div#lnav .lnav07 a:hover	{display: block; width: 24px; height: 9px; background: url(../rinen/img/rinen_btn07.gif) no-repeat left center;}

div#lnav .lnav08			{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn07.gif) no-repeat left center; margin: 0px 7px 0px 8px;}
div#lnav .lnav08 a:link		{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn04.gif) no-repeat left center;}
div#lnav .lnav08 a:visited	{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn04.gif) no-repeat left center;}
div#lnav .lnav08 a:hover	{display: block; width: 25px; height: 9px; background: url(../rinen/img/rinen_btn05.gif) no-repeat left center;}

/*
****************************************
		3. Contents
****************************************
*/
div#main h3				{margin: 30px 0px 30px 0px; text-align: left;}
div#main h4				{}
.leadImg				{margin: 15px auto 30px auto;}
div#main h5				{margin: 30px 0px 0px 0px; font-size:80%}
div#main p				{font-size: 70%; line-height: 2em;}

div#main .CNClead		{width: 500px; float:left; text-align: left;}
div#main .CNCimg		{width: 200px; float:right; margin-top: 50px; _margin-top: 45px;}
.CNCimg ul				{float:right; padding: 0px; margin: 100px 0px 0px 0px;}
.CNCimg li				{width: 31px; height: 9px; list-style:none; margin: 0px 0px 5px 0px; _margin: 0px 0px -4px 0px;  padding: 0px; display:block;}
.core					{float:left;}

.ce						{padding: 0px; margin: 0px 0px 10px 0px; list-style: none; float:right;}
.ce ul					{padding: 0px; margin: 0px 0px 20px 0px; text-align:left;}
.ce li					{list-style: none; margin: 0px 0px 5px 0px; _margin: 0px 0px -2px 0px; padding: 0px;}

.peImg01				{width: 630px;float:left; text-align:left;}
.peImg02				{width: 83px;float:right; margin-top: 40px;}
.peImg03				{width: 720px;}
div#main .leftCol		{width: 350px; float:left;font-size: 75%; margin: 20px 0px; line-height: 2em; text-align: left;}
div#main .rightCol		{width: 350px; float:right;font-size: 75%; margin: 20px 0px; line-height: 2em; text-align: left;}

dl						{width: 440px; float:left; text-align:left; margin: 15px 0px;}
dt						{font-size: 75%;margin-bottom: 5px;}
dd						{font-size: 65%; line-height: 1.7em;}
div#main .sakuhin		{text-align: left;}
div#main .sakuhin2		{text-align: left; margin-top: -5px;}
.sakuhin h5				{padding: 0px; text-align: left;}
.sakuhin p				{text-align:left;}
.sakuhin img			{margin: 20px 0px 0px 7px;}
.sakuhin2 h5			{padding: 0px; text-align: left;}
.sakuhin2 p				{text-align:left;}
.sakuhin2 img			{margin: 20px 0px 0px 7px;}
.caution				{font-size: 65%;text-align:left; padding-bottom: 30px;}
.cap					{font-size: 90%;margin-left: 7px;}

div#main .leadBlock		{width: 720px; padding: 20px 0px 0px 0px;}
div#main .leadBlock .leftBlock {width: 349px; float:left;}
div#main .leadBlock .rightBlock {width: 349px; float:right;}
div#main .leadBlock .lead {margin-bottom: 35px;}

div#main .leadBlock ul	{padding: 0px; margin: 0px; list-style: none; text-align: left; font-size: 65%; line-height: 1.7em;}
div#main .leadBlock h5 {
	padding: 0px; 
	margin: 0px 0px 5px 0px;
	background-image: url(../img/header_dots.gif);
	background-repeat: repeat-x;
	background-position: center left;
	text-align: left;
}
div#main .leadBlock h5 .leadSpan {
	font-weight: bold;
	background-color: #FFFFFF;
	padding-right: .5em;
}
.leadBlock table		{width: 100%; font-size: 65%; text-align: left;}
.leadBlock table th		{width: 6em; vertical-align:top;padding: 3px 0px;}
.leadBlock table td		{padding: 3px 0px;}
.leadBlock table .leadTd{width: 4em; vertical-align:top;}
.leadBlock table .leadTd1{width: 5em; vertical-align:top;}
.leadBlock table .leadTd2{width: 8.5em; vertical-align:top;}
.leadBlock table .leadTd3{width: 9.5em; vertical-align:top;}

div#footCol				{text-align: left; margin: 50px 0px 20px 0px; clear:both;}
div#footCol h5			{margin: 15px 0px 8px 0px;}

div#footCol2			{text-align: left; margin: 0px; clear:both;}
div#footCol2 h5			{margin: 15px 0px 8px 0px;}

div#footCol3			{text-align: left; padding: 10px 0px 20px 0px; clear:both;}
div#footCol3 h5			{margin: 15px 0px 8px 0px;}
		

/*
****************************************
		6. Footer
****************************************
*/
div#footerKey			{width: 720px; border-top:solid 1px #ccc; text-align: right; margin: -20px 0px 20px 0px; clear:both;}
div#footerKey address	{padding: 12px 0px 0px 0px;}

div#main .leadBlock		{_line-height: 1.7em;#}
.sp						{display:none;#}