/**
 * tops.css
 *
 * CakePHP :  Wing Corporation <http://www.wing-co.jp/>
 * Copyright (c)	2007, Wing Corporation
 *								1179-1 Shiroeda, Izumo
 *								Shimane 693-0006, Japan
 *
 *
 * @filesource		tops.css
 * @copyright		Copyright (c) 2007, Wing Corporation
 * @link			http://www.wing-co.jp/
 * @version			0.0.1
 * @modifiedby		Yashuhiro Sota
 * @lastmodified	2007-04-24
 */


/* ------------------------------------------------------------ 
	 BASE
------------------------------------------------------------ */

div#header.top {
	width: 770px;
	padding-top: 52px;
}

p#hImage.top {
	width:770px;
	margin-bottom: 10px;
}

div#contents.top {
	width:770px;
	margin-top: 01;
	padding-bottom: 0px;
	/*background: #ff0000;*/
}

div#mainContent.top {
	float:right;
	width: 580px;
	margin-top: 0px;
	/*background: #d4d4d4;*/
	}
	
div#main.top {
	float:left;
	width: 390px;
	margin-top: 0px;
	padding-left: 0;
	/*background: #CCFFCC;*/
	}

/*h2#mainTitle.top {
	width: 370px;
	padding-bottom:10px;
	background-color: #e7e7e7;
	}*/
	
div#leftbar.top {
	float:left;
	width: 180px;
	position:relative;
	top:0px;
	margin: 0;
	text-align:left;
	/*background-color: #BACDFE;*/
	}	
div#rightbar.top {
	float:right;
	width: 180px;
	margin: 0 0 0 0;
	/*background: #FED3F7;*/
	}

div#footer.top {
	border-top: solid 1px #CCCCCC;
	margin: 0px auto 0;
	width:770px;
	text-align: left;
	background: #FFFDFA;
}



/* ------------------------------------------------------------ 
	 estimatesBoxTop
------------------------------------------------------------ */

div#estimatesBoxTop
	{
	float: left;
	width: 390px; /* otera navi: 450px */
	margin-bottom: 10px;
	}
	
	div#estimatesBoxTop div.topcap
		{
		clear:both;
		background: transparent url(./../img/top/estimates_title.png) left top no-repeat;
		padding-bottom: 18px;
		}

	div#estimatesBoxTop div.innerBox
		{
		width: 390px;
		height: 80px;
		background: transparent url(./../img/top/estimatesBox.jpg) left top no-repeat;
		}
		
		div#estimatesBoxTop div.boxwrapper {
			/*float: left;*/
			padding: 4px 20px 0 25px;
		}
			div#estimatesBoxTop div.left {
				float: left;
				margin-right: 0;
			}
			div#estimatesBoxTop div.right {
				float: right;
			}
				div#estimatesBoxTop div.boxwrapper ul li {
					margin: 5px 0;
					padding: 0 0 0 17px;
					background: transparent url(./../img/common/arrow_skyblue.png) 0 3px no-repeat;
				}
					div#estimatesBoxTop div.boxwrapper ul li a {
						color: #00629E;
					}

/* ------------------------------------------------------------ 
	 educationsBoxTop
------------------------------------------------------------ */

div#educationsBoxTop
	{
	float: left;
	width: 390px; /* otera navi: 450px */
	margin-bottom: 10px;
	background: transparent url(./../img/top/educationsBox_02.gif) left top repeat-y;
	}
	
	div#educationsBoxTop div.topcap
		{
		clear:both;
		background: transparent url(./../img/top/educationsBox_01.gif) left top no-repeat;
		padding-bottom: 20px;
		}

	div#educationsBoxTop div.innerBox
		{
		float: left;
		padding: 0 10px 0 10px;
		}
		
		div#educationsBoxTop ul li {
			margin: 5px 0;
			padding: 0 0 0 17px;
			background: transparent url(./../img/common/arrow_skyblue.png) 0 3px no-repeat;
		}
			div#educationsBoxTop ul li a {
				color: #00629E;
			}
			
	div#educationsBoxTop div.endcap
		{
		clear:both;
		background:transparent url(./../img/top/educationsBox_03.gif) no-repeat left bottom;
		font-size: 9px;
		}
	
/* ------------------------------------------------------------ 
	 news_releasesBoxTop
------------------------------------------------------------ */

div#news_releasesBoxTop
	{
	float: left;
	width: 390px; /* otera navi: 450px */
	margin-bottom: 10px;
	}
	
	div#news_releasesBoxTop div.topcap
		{
		clear:both;
		background: transparent url(./../img/top/news_releases_title.png) left top no-repeat;
		padding-bottom: 25px;
		}

	div#news_releasesBoxTop div.innerBox
		{
		float: left;
		padding: 0 10px 0 10px;
		}
		
		div#news_releasesBoxTop dl
			{
			padding: 5px 0 2px 0;
			border-bottom: 1px dashed #DCE3E9;
			}
		
			div#news_releasesBoxTop dt
				{
				float: left;
				color: #18358E;
				text-indent: 15px;
				background: url(./../img/common/arrow_navy.gif) no-repeat 0 5px;
				}
				
			div#news_releasesBoxTop dd
				{
				text-align: left;
				margin: 0 0 0 0;
				padding-left: 95px;
				}
				
				div#news_releasesBoxTop dd a
					{
					color: #4A4A4A;
					text-decoration: underline;
					}
	
					div#news_releasesBoxTop dd a:hover
						{
						color: #00629E;
						}