
/**
 * 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
------------------------------------------------------------ */

p#hImage.top
	{
	/*background: #52BBF2;*/
	}

div#mainContent.top
	{
	float:right;
	width: 640px;
	margin-top: 0px;
	/*background: #cccccc;*/
	}
div#main.top
	{
	float:left;
	width: 410px;
	margin-top: 0px;
	margin-left: 0px;
	/*background: #ececec;*/
	padding-left: 10px;
	}

/*h2#mainTitle.top
	{
	width: 370px;
	padding-bottom:10px;
	background-color: #e7e7e7;
	}*/
	
div#rightbar.top
	{
	float:right;
	width: 210px;
	margin: 0 0 0 0;
	/*background: #66CCFF;*/
	}
	




/* ------------------------------------------------------------ 
	 newsBoxTop
------------------------------------------------------------ */

div#newsBoxTop
	{
	width: 410px;
	margin-bottom: 15px;
	background: transparent url(../../img/top/newsBoxTop_02.jpg) left top repeat-y;
	}
	
	div#newsBoxTop div.topcap
		{
		clear:both;
		background: transparent url(../../img/top/newsBoxTop_01.jpg) left top no-repeat;
		padding-top: 40px;
		font-size: 9px;
		}

	div#newsBoxTop div.innerBox
		{
		/*float: left;*/
		/*background: #3300FF;*/
		/*border-top: solid 5px #ff0000;*/
		padding: 0 25px 2em 25px;
		}
		
		div#newsBoxTop h3
			{
			padding-bottom: 10px;		
			color: #999999;
			}
	/*	div#newsBoxTop h3 a
			{
			color:#977D66;
			font-weight:bold;
			}*/
	
		div#newsBoxTop dl
			{
			padding-top: 10px;
			padding-bottom: 0.1em;
			/*border-bottom: 1px dashed #D5CFC8;*/
			}
		
			div#newsBoxTop dt
				{
				/*width: 6em;*/
				float: left;
				font-weight: 700;
				}
				
			div#newsBoxTop dd
				{
				margin: 0 0 0 0;
				padding-bottom: 10px;
				border-bottom: 1px dashed #D5CFC8;
				}
				
				div#newsBoxTop dd span
					{
					font-weight: 700;
					padding-left: 15px;
					background: url(../../img/common/icon_title.gif) no-repeat 0 2px;
					}
				
				div#newsBoxTop dd a
					{
					color: #00a6c6;
					font-weight: 700;
					}
	
			div#newsBoxTop span.dotbar
				{
				padding-bottom: 10px;
				background: url(../../img/common/dotbar.gif) repeat-x 0 0;
				}
				
		div#newsBoxTop p.contentSummary
			{
			padding: 0.5em 0;
			}
			
		div#newsBoxTop div.uploadedFileBox
			{
			float: left;
			padding: 0.5em 0;
			}
			
			div#newsBoxTop div.uploadedFileBox p.uploadedImg
				{
				float: left;
				padding-right: 10px;
				background-color:#ffffff;
				}
			div#newsBoxTop div.uploadedFileBox p.uploadedPDF
				{
				margin-right:7px;
				padding-left:18px;
				background:url(../../img/common/arrow_acrylic_marineBlue.png) no-repeat 0px 3px !important;
				}
	
		div#newsBoxTop p.seeAll
			{
			float: right;
			font-weight: 400;
			padding-top: 0.5em;
			}
	
			div#newsBoxTop p.seeAll a
				{
				color: #00a6c6;
				font-weight: 400;
				}
			
	div#newsBoxTop div.endcap
		{
		clear:both;
		background:transparent url(../../img/top/newsBoxTop_03.jpg) no-repeat left bottom;
		font-size: 9px;
		}



/* ------------------------------------------------------------ 
	 reportBoxTop
------------------------------------------------------------ */

div#reportBoxTop
	{
	width: 410px;
	margin-bottom: 0px;
	background: transparent url(../../img/top/reportBoxTop_02.jpg) left top repeat-y;
	}
	
	div#reportBoxTop div.topcap
		{
		clear:both;
		background: transparent url(../../img/top/reportBoxTop_01.jpg) left top no-repeat;
		padding-top: 40px;
		font-size: 9px;
		}

	div#reportBoxTop div.innerBox
		{
		float: left;
		/*border: solid 1px #FF9966;*/
		padding: 0 25px 0em 25px;
		}
		
		div#reportBoxTop h3
			{
			padding-bottom: 10px;		
			color: #999999;
			}
	/*	div#reportBoxTop h3 a
			{
			color:#977D66;
			font-weight:bold;
			}*/
	
		div#reportBoxTop dl
			{
			padding-top: 10px;
			padding-bottom: 10px;
			/*padding-bottom: 0.1em;*/
			border-bottom: 1px dashed #D5CFC8;
			}
		
			div#reportBoxTop dt
				{
				width: 7.5em;
				float: left;
				font-weight: 700;
				text-indent: 15px;
				background: url(../../img/common/icon_title.gif) no-repeat 0 2px;
				}
				
			div#reportBoxTop dd
				{
				margin: 0 0 0 6em;
				}
				
				div#reportBoxTop dd a
					{
					color: #00a6c6;
					font-weight: 700;
					}
	
		div#reportBoxTop p.contentSummary
			{
			float: left;
			padding: 0.5em 0;
			}
			
		div#reportBoxTop div.uploadedFileBox
			{
			float: left;
			padding: 0.5em 0;
			}
			
			div#reportBoxTop div.uploadedFileBox p.uploadedImg
				{
				float: left;
				padding-right: 10px;
				}
			div#reportBoxTop div.uploadedFileBox p.uploadedPDF
				{
				float: left;
				margin-right:7px;
				padding-left:18px;
				background:url(../../img/common/arrow_acrylic_marineBlue.png) no-repeat 0px 3px !important;
				}
	
		div#reportBoxTop p.seeAll
			{
			float: right;
			font-weight: 400;
			padding-top: 0.5em;
			}
	
			div#reportBoxTop p.seeAll a
				{
				color: #00a6c6;
				font-weight: 400;
				}
			
	div#reportBoxTop div.endcap
		{
		clear:both;
		background:transparent url(../../img/top/reportBoxTop_03.jpg) no-repeat left bottom;
		font-size: 9px;
		}




