/**
 * 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: 780px;
	margin-top: 0px;
	background: #ffffff;
	}
div#main.top
	{
	float:left;
	width: 450px;
	margin-top: 0px;
	padding-left: 10px;
	background: #ffffff;
	}

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




/* ------------------------------------------------------------ 
	 templeBoxTop
------------------------------------------------------------ */

div#templeBoxTop
	{
	width: 450px;
	margin-bottom: 15px;
	background: transparent url(../../img/top/templeBoxTop_02.jpg) left top repeat-y;
	}
	
	div#templeBoxTop div.topcap
		{
		clear:both;
		background: transparent url(../../img/top/templeBoxTop_01.jpg) left top no-repeat;
		padding-top: 40px;
		font-size: 9px;
		}

	div#templeBoxTop div.innerBox
		{
		/*float: left;*/
		/*background: #3300FF;*/
		/*border-top: solid 5px #ff0000;*/
		padding: 0 25px 2em 25px;
		}
		
		div#templeBoxTop h3
			{
			padding-bottom: 10px;		
			color: #999999;
			}
	/*	div#templeBoxTop h3 a
			{
			color:#977D66;
			font-weight:bold;
			}*/
	
		div#templeBoxTop dl
			{
			padding-top: 10px;
			padding-bottom: 0.1em;
			/*border-bottom: 1px dashed #D5CFC8;*/
			}
		
			div#templeBoxTop dt
				{
				/*width: 100px;*/
				float: left;
				font-weight: 700;
				text-indent: 15px;
				background: url(../../img/common/icon_title.gif) no-repeat 0 2px;
				}
				
			div#templeBoxTop dd
				{
				margin: 0 0 0 0;
				padding: 0 0 10px 100px;
				border-bottom: 1px dashed #D5CFC8;
				/*background:#FFCC99;*/
				}
				
			div#templeBoxTop dd span
				{
				float: left;
				padding-right: 15px;
				}
				
				div#templeBoxTop dd a
					{
					color: #00a6c6;
					font-weight: 700;
					}
	
		div#templeBoxTop p.contentSummary
			{
			float: left;
			width: 390px;
			padding: 0.5em 0;
			/*background:#66FFFF;*/
			}
			
			div#templeBoxTop p.contentSummary img
				{
				float: left;
				background-color: #fff;
				border: 1px solid #9EB1C0;
				padding: 1px;
				margin-left: 10px;
				margin-right: 15px;
				margin-bottom: 10px;
				}
			
	
		div#templeBoxTop p.footermsg
			{
			float: right;
			font-weight: 400;
			padding-top: 0.5em;
			}
	
			div#templeBoxTop p.footermsg a
				{
				color: #00a6c6;
				font-weight: 400;
				}
			
	div#templeBoxTop div.endcap
		{
		clear:both;
		background:transparent url(../../img/top/templeBoxTop_03.jpg) no-repeat left bottom;
		font-size: 9px;
		}


/* ------------------------------------------------------------ 
	 columnBoxTop
------------------------------------------------------------ */

div#columnBoxTop
	{
	width: 450px;
	margin-bottom: 15px;
	background: transparent url(../../img/top/columnBoxTop_02.jpg) left top repeat-y;
	}
	
	div#columnBoxTop div.topcap
		{
		clear:both;
		background: transparent url(../../img/top/columnBoxTop_01.jpg) left top no-repeat;
		padding-top: 40px;
		font-size: 9px;
		}

	div#columnBoxTop div.innerBox
		{
		/*float: left;*/
		/*background: #3300FF;*/
		/*border-top: solid 5px #ff0000;*/
		padding: 0 25px 2em 25px;
		}
		
		div#columnBoxTop h3
			{
			padding-bottom: 10px;		
			color: #999999;
			}
	/*	div#columnBoxTop h3 a
			{
			color:#977D66;
			font-weight:bold;
			}*/
	
		div#columnBoxTop dl
			{
			padding-top: 10px;
			padding-bottom: 0.1em;
			/*border-bottom: 1px dashed #D5CFC8;*/
			}
		
			div#columnBoxTop dt
				{
				/*width: 100px;*/
				float: left;
				font-weight: 700;
				text-indent: 15px;
				background: url(../../img/common/icon_title.gif) no-repeat 0 2px;
				}
				
			div#columnBoxTop dd
				{
				margin: 0 0 0 0;
				padding: 0 0 10px 10px;
				border-bottom: 1px dashed #D5CFC8;
				}
				
			div#columnBoxTop dd span
				{
				float: left;
				padding-right: 15px;
				}
				
				div#columnBoxTop dd a
					{
					color: #00a6c6;
					font-weight: 700;
					}
	
		div#columnBoxTop p.contentSummary
			{
			float: left;
			width: 390px;
			padding: 0.5em 0;
			/*background:#66FFFF;*/
			}
			
			div#columnBoxTop p.contentSummary img
				{
				float: left;
				background-color: #fff;
				border: 1px solid #9EB1C0;
				padding: 1px;
				margin-left: 10px;
				margin-right: 15px;
				margin-bottom: 10px;
				}
			
	
		div#columnBoxTop p.footermsg
			{
			float: right;
			font-weight: 400;
			padding-top: 0.5em;
			}
	
			div#columnBoxTop p.footermsg a
				{
				color: #00a6c6;
				font-weight: 400;
				}
			
	div#columnBoxTop div.endcap
		{
		clear:both;
		background:transparent url(../../img/top/columnBoxTop_03.jpg) no-repeat left bottom;
		font-size: 9px;
		}