
/**
 * columns.css
 *
 * CakePHP :  Wing Corporation <http://www.wing-co.jp/>
 * Copyright (c)	2007, Wing Corporation
 *								1179-1 Shiroeda, Izumo
 *								Shimane 693-0006, Japan
 *
 *
 * @filesource		columns.css
 * @copyright		Copyright (c) 2007, Wing Corporation
 * @link			http://www.wing-co.jp/
 * @version			0.0.1
 * @modifiedby		Yashuhiro Sota
 * @lastmodified	2007-06-30
 */


/* ------------------------------------------------------------ 
	 BASE
------------------------------------------------------------ */

p#hImage.columns
	{
	/*background: #333333;*/
	}

div#mainContent.columns
	{
	float:right;
	width: 780px;
	margin-top: 0px;
	background: #ffffff;
	}
	
div#main.columns
	{
	float:left;
	width: 450px;
	margin-top: 0px;
	padding-left: 10px;
	background: #ffffff;
	}

div#leftbar.columns
	{
	float:left;
	width: 170px;
	position:relative;
	top:0px;
	margin: 0;
	text-align:left;
	background-color: #ffffff;
	}	
	
div#rightbar.columns
	{
	float:right;
	width: 310px;
	margin: 0 0 0 0;
	background: #ffffff;
	}
	




/* ------------------------------------------------------------ 
	 columnsBox
------------------------------------------------------------ */

div#columnsBox
	{
	width: 450px;
	margin-bottom: 10px;
	background: transparent url(../../img/columns/columnsBox_02.jpg) left top repeat-y;
	}
	
	div#columnsBox div.topcap
		{
		clear:both;
		background: transparent url(../../img/columns/columnsBox_01.jpg) left top no-repeat;
		padding-top: 40px;
		font-size: 9px;
		}

	div#columnsBox div.innerBox
		{
		float:left;
		/*border: solid 1px #FF9966;*/
		padding: 0 25px 2em 25px;
		}
		
		div#columnsBox h3
			{
			padding-bottom: 0px;		
			color: #999999;
			}
	/*	div#columnsBox h3 a
			{
			color:#977D66;
			font-weight:bold;
			}*/
	
		div#columnsBox dl
			{
			padding-top: 30px;
			padding-bottom: 0.1em;
			border-bottom: 1px dashed #D5CFC8;
			}
		
			div#columnsBox dt
				{
				width: 6em;
				float: left;
				font-weight: 700;
				}
				
			div#columnsBox dd
				{
				margin: 0 0 0 6em;
				color: #397BD2;
				font-weight: 700;
				}
				
				div#columnsBox dd a
					{
					color: #397BD2;
					font-weight: 700;
					}
	
		div#columnsBox p.articleTitle
			{
			width: 400px;
			color: #397BD2;
			font-weight: 700;
			padding-top: 30px;
			padding-bottom: 0.1em;
			border-bottom: 1px dashed #D5CFC8;
			}

			div#columnsBox p.articleTitle a
				{
				color: #397BD2;
				font-weight: 700;
				}
	
		div#columnsBox div.contentSummary
			{
			float: left;
			padding: 0.5em 0;
			}

		div#columnsBox p.linksite
			{
			float: left;
			padding: 0.5em 0 0 1.3em;
			background:url(../../img/common/icon_title.gif) no-repeat 0 10px;
			}
						
		div#columnsBox p.articleDate
			{
			font-size: x-small;
			text-align: right;
			padding: 1em 0;
			}

		div#columnsBox div.uploadedFileBox
			{
			float: left;
			padding: 0.5em 0;
			}
			
			div#columnsBox div.uploadedFileBox p.uploadedImg
				{
				float: left;
				padding-right: 10px;
				}
			div#columnsBox 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#columnsBox p.footermsg
			{
			float: right;
			font-weight: 400;
			padding-top: 0.5em;
			}
	
			div#columnsBox p.footermsg a
				{
				color: #397BD2;
				font-weight: 400;
				}
			
	div#columnsBox div.endcap
		{
		clear:both;
		background:transparent url(../../img/columns/columnsBox_03.jpg) no-repeat left bottom;
		font-size: 9px;
		}





	
