@charset "utf-8";

/*
	* Name: top.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
	* Author: Hiroaki Nakagawa
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com

	* Contents:
	  - 02. 領域設定 - ブロック -
	    - 02-06. 領域設定 - Main -
	      - 02-06-01. 領域設定 - Left Bar -
		  - 02-06-02. 領域設定 - Right Bar -
*/


/* Load External Files */

@import url('../common/css/import.css');


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 02-04. 領域設定 - Main -
	======================================== */

	#main div.container div#topimage {
		margin: 0 0 22px 0;
	}

	#main div.container ol#business {
		list-style-type: none;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
		width: 576px;
	}

	#main div.container ol#business:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main div.container ol#business li {
		float: left;
		margin-left: 11px;
		margin-right: 11px;
	}

	#main div.container ol#business li a {
		background: url("../img/bg_square.gif") left top no-repeat;
		display: block;
		height: 152px;
		padding: 7px 5px 7px 5px !important;
		width: 160px;
	}

	#main div.container ol#business li a:hover {
		background-position: left -166px;
	}

	#main div.container ol#business li a img {
		vertical-align: baseline;
	}

	#main div.container dl dd {
		background: url("../img/bg_line01.gif") left bottom no-repeat;
	}

	#main div.container dl dd.bg_line02 {
		background-image: url("../img/bg_line02.gif");
	}

	#main div.container p#btn_news {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: -4px;
		text-align: right;
	}

	#main div.container p#btn_news a {
		padding: 4px 0 4px 0;
	}


	/* ========================================
	   * 02-06-01. 領域設定 - Left Bar -
	======================================== */

	#main div.container div#leftbar {
		float: left;
		margin: 0 24px 0 0;
		width: 356px;
	}


	/* ========================================
	   * 02-06-02. 領域設定 - Right Bar -
	======================================== */

	#main div.container div#rightbar {
		float: left;
		width: 236px;
	}

	#main div.container div#rightbar ol {
		list-style-type: none;
		margin-bottom: 22px;
		margin-left: 0;
	}

	#main div.container div#rightbar ol li {
		margin-bottom: 10px;
	}

}