@charset "utf-8";

/*============================================================

	[home.css]
	
	1. container
		1-1. clearfix
	2. header
		2-1. logo
		2-2. promotion
		2-3. primary menu 
	3. content
		3-1. column
		3-2. list
		3-3. back number
		3-4. free consultation
		3-5. telephone guide
	4. link
	5. footer
		5-1. link
		5-2. copyright
	@media print
	
============================================================*/


/*------------------------------------------------------------

	1. container

------------------------------------------------------------*/
body {
	background: #333;
	font-size: 13px;
}

div#container {
	padding: 0 0 10px;
	background: url(../../shared/img/background.gif);
}
* html div#container {
	text-align: center;
}


/*
	1-1. clearfix
------------------------------------------------------------*/
div#main:after,
div#link:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
* html div#main,
* html div#link {
	height: 1%;
}
*:first-child+html div#main,
*:first-child+html div#link {
	min-height: 1%;
}


/*------------------------------------------------------------

	2. header

------------------------------------------------------------*/
div#header {
	width: 100%;
	height: 555px;
	background: url(../../shared/img/header_bg.jpg) repeat-x;
}
* html div#header {
	text-align: center;
}

div#header div.wrapper {
	position: relative;
	width: 840px;
	margin: 0 auto;
}

div#header img {
	display: block;
}


/*
	2-1. logo
------------------------------------------------------------*/
div#header h1 {
	position: absolute;
	z-index: 2;
	margin: 0;
	padding: 25px 20px 10px;
}


/*
	2-2. promotion
------------------------------------------------------------*/
div#header div#promotion {
	position: relative;
	z-index: 1;
	width: 840px;
	height: 545px;
	margin: 0 auto;
	background: url(../img/promotion_bg.png) no-repeat;
}
* html div#header div#promotion {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="home/img/promotion_bg_ie.png", sizingMethod="crop");
}

div#header div#promotion ul {
	width: 798px;
	height: 450px;
	margin: 0 10px;
	padding: 85px 0 0 22px;
	background: url(../img/background.jpg) no-repeat 0 85px;
	list-style: none;
}
* html div#header div#promotion ul {
	width: 820px;
}

div#header div#promotion li {
	float: left;
	margin: 37px 13px 0 0;
	padding: 0;
}

div#header div#promotion li a {
	display: block;
	width: 250px;
	height: 413px;
}

div#header div#promotion p {
	position: absolute;
	top: 99px;
	right: 32px;
	margin: 0;
}

div#header div#promotion a:hover img {
	visibility: hidden;
}


/*
	2-3. primary menu 
------------------------------------------------------------*/
div#header ul#pmenu {
	position: absolute;
	z-index: 3;
	right: 30px;
	top: 15px;
	margin: 0;
	list-style: none;
	color: #FFF;
}

div#header ul#pmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

div#header ul#pmenu li img {
	display: block
}


/*------------------------------------------------------------

	3. content

------------------------------------------------------------*/
div#content {
	width: 800px;
	margin: 0 auto 10px;
	padding: 10px 0;
	background: #FFF;
}

div#main {
	background: url(../img/separator.gif) repeat-y 500px top;
}


/*
	3-1. column
------------------------------------------------------------*/
div#content div.column {
	position: relative;
	float: left;
	width: 470px;
	margin: 0 10px;
}
* html div#content div.column {
	display: inline;
	text-align: left;
}

div#content div.secondary {
	float: right;
	width: 270px;
}

div#content div.column div {
	position: relative;
}

div#content div.column div#free-consultation {
	margin: 0 0 40px;
}


/*
	3-2. list
------------------------------------------------------------*/
div#content h2 {
	margin: 0;
}

div#content h2 img {
	display: block;
}

div#content dl,
div#content p.nothing {
	margin: 0 0 3px;
	padding: 6px 12px 16px;
	background: #FFC url(../img/bg_info_footer.gif) no-repeat left bottom;
}
* html div#content dl {
	width: 100%;
}

div#content dt {
	float: left;
	margin: 0;
	color: #090;
}

div#content div#event dt {
	visibility: hidden;
}

div#content dd {
	margin: 0 0 0 8em;
}

div#content dd a:hover {
	color: #090;
}


/*
	3-3. backnumber
------------------------------------------------------------*/
div#content p.list {
	text-align: right;
}

div#content p.list a {
	padding-right: 10px;
	background: url(../img/bullet_list.gif) no-repeat right center;
	color: #666;
}

div#content p.list a:hover {
	background: url(../img/bullet_list_o.gif) no-repeat right center;
	color: #090;
}


/*
	3-4. free consultation
------------------------------------------------------------*/
div#content div#free-consultation dl {
	margin: 0 0 6px;
	padding: 4px 6px;
	background: #FFC;
}

div#content div#free-consultation dt {
	width: 5em;
}

div#content div#free-consultation dd {
	margin-left: 6em;
}


/*
	3-5. telephone guide
------------------------------------------------------------*/
div#content div#telephone-guide p.button {
	margin: 6px 0 0;
}


/*------------------------------------------------------------

	4. link

------------------------------------------------------------*/
div#link {
	clear: both;
	width: 820px;
	margin: 0 auto;
}

div#link h2 {
	display: none;
}

div#link ul {
	width: 810px;
	height: 40px;
	margin: 0;
	padding: 10px 0 10px 10px;
	background: url(../img/link_bg.png) no-repeat;
	list-style: none;
}
* html div#link ul {
	width: 820px;
	height: 60px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="home/img/link_bg_ie.png", sizingMethod="crop");
	text-align: right;
}

div#link li {
	float: left;
	width: 195px;
	margin: 0 7px 0 0;
}
* html div#link li {
	display: inline;
}

div#link li a,
div#link li img {
	display: block;
}


/*------------------------------------------------------------

	5. footer

------------------------------------------------------------*/
div#footer {
	clear: both;
	padding: 10px 0;
	background: url(../../shared/img/footer_bg.jpg) repeat-x 0 0;
	color: #FFF;
}
* html div#footer {
	text-align: center;
}

div#footer img {
	display: block;
}

div#footer div.wrapper {
	position: relative;
	width: 810px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}


/*
	5-1. link
------------------------------------------------------------*/
div#footer ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}
* html div#footer ul {
	margin: 0;
}

div#footer li {
	float: left;
	margin: 5px 0 10px;
	padding: 0 5px;
	border-right: 1px solid #666;
}
* html div#footer li {
	display: inline;
}

div#footer li#get-flash-player,
div#footer li#member {
}

div#footer li#get-flash-player img {
	display: inline;
}


/*
	5-2. copyright
------------------------------------------------------------*/
div#footer address {
	position: absolute;
	top: 0;
	right: 0;
	font-style: normal;
	font-size: 9px;
	color: #CCC;
}


/*------------------------------------------------------------

	@media print

------------------------------------------------------------*/
@media print {

a {
	color: #333 !important;
	text-decoration: none;
}

body {
	background: #FFF;
}

div#container,
div#main,
div#footer {
	background: none;
}

div#header,
div#content p.backnumber,
div#link,
div#footer ul {
	display: none;
}

div#footer address {
	width: 100%;
	margin: 20px 0 0;
	padding: 10px 0;
	background: none;
	border-top: 1px solid #999;
	text-align: left;
	font-style: normal;
	font-size: 9px;
	color: #333;
}

div#content {
	width: auto;
	padding: 100px 0 0;
	background: url(../../shared/img/logo_printing.gif) no-repeat;
}

div#content div.column {
	float: none;
	width: auto;
	margin: 0;
}

div#content div.column h2 {
	margin: 0 0 6px;
	padding: 0 0 6px;
	border-bottom: 1px solid #333;
}

div#content div.column div#news,
div#content div.column div#statement,
div#content div.column div#event,
div#content div.column div#free-consultation {
	margin: 0 0 60px;
}

}