@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.idea-h.net/
File name:		layout_index.css
Summary:		base styles
Created:		2009-9-1
Last update:	2009-9-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* Body */
/* ------------------------------------------------------------ */
#body_index {
	clear: both;
	width: 100%;
	background: url(../images/body_bg1.gif) left top repeat-x;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#mainvisual {
	width: 962px;
	height: 425px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	border: 0px #0f0 solid;
}

#body_index_layout {
	background: url(../images/body_bg1_0.gif) left top no-repeat;
	width: 912px;
	margin: 0px auto;
	padding: 0px 24px 0px 26px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.body_index_layout2 {
	width: 912px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.body_index_left {
	text-align: left;
	width: 542px;
	margin: 0px;
	display: block;
	overflow: hidden;
	float: left;
	border: 0px #f00 solid;
}

.body_index_right {
	text-align: left;
	width: 342px;
	margin: 0px;
	display: block;
	overflow: hidden;
	float: right;
	border: 0px #f00 solid;
}

/* Point */
/* ------------------------------------------------------------ */
.point {
	width: 542px;
	height: 117px;
	display: block;
	position: relative;
	border: 0px #0f0 solid;
}

.point .text1 {
	text-align: left;
	font-size: 12px;
	width: 290px;
	display: block;
	position: absolute;
	z-index: 1;
	left: 80px;
	top: 40px;
	border: 0px #f00 solid;
}

.point .text2 {
	background: url(../images/arrow2.gif) right center no-repeat;
	color: #007bde;
	text-align: right;
	font-size: 12px;
	padding: 0px 20px 0px 0px;
	display: block;
	position: absolute;
	z-index: 2;
	right: 170px;
	bottom: 12px;
	border: 0px #f00 solid;
}

.point .button1 a {
	background: url(../images/point1_2.jpg) left top no-repeat;
	width: 552px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border: 0px #f00 solid;
}

.point .button1 a:hover {
	background: url(../images/point1_2.jpg) left bottom no-repeat;
}

.point .button2 a {
	background: url(../images/point2_2.jpg) left top no-repeat;
	width: 552px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border: 0px #f00 solid;
}

.point .button2 a:hover {
	background: url(../images/point2_2.jpg) left bottom no-repeat;
}

.point .button3 a {
	background: url(../images/point3_2.jpg) left top no-repeat;
	width: 552px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border: 0px #f00 solid;
}

.point .button3 a:hover {
	background: url(../images/point3_2.jpg) left bottom no-repeat;
}

.point .button4 a {
	background: url(../images/point4_2.jpg) left top no-repeat;
	width: 552px;
	height: 117px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border: 0px #f00 solid;
}

.point .button4 a:hover {
	background: url(../images/point4_2.jpg) left bottom no-repeat;
}

/* News */
/* ------------------------------------------------------------ */
#news_layout {
	width: 542px;
	margin: 0px 0px 30px;
	display: block;
	overflow: auto;
	border: 0px #0f0 solid;
}

#news_layout li {
	background: url(../images/arrow1.gif) left center no-repeat;
	padding: 5px 0px 5px 15px;
	display: block;
	overflow: hidden;
	border-bottom: 1px #c8c8c8 solid;
}

/* Banner */
/* ------------------------------------------------------------ */
.banner_layout {
	background-color: #f5f5f5;
	width: 340px;
	margin-bottom: 30px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.banner_layout .hr {
	width: 320px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px #c8c8c8 dotted;
}

.banner_layout .button1 a {
	background: url(../images/banner1.jpg) left top no-repeat;
	width: 324px;
	height: 218px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button1 a:hover {
	background: url(../images/banner1.jpg) left bottom no-repeat;
}

.banner_layout .button9 a {
	background: url(../images/banner5_2.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button9 a:hover {
	background: url(../images/banner5_2.jpg) left bottom no-repeat;
}
/* ------------------------------------------------------------ */
/* --2010_06_08 tuika yoshida ---------------------------------------------- */
.banner_layout .button12 a {
	background: url(../images/banner7_2.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button12 a:hover {
	background: url(../images/banner7_2.jpg) left bottom no-repeat;
}
/* --2010_06_08 end ---------------------------------------------------------- */
.banner_layout .button2 a {
	background: url(../images/banner2_2.jpg) left top no-repeat;
	width: 320px;
	height: 98px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button2 a:hover {
	background: url(../images/banner2_2.jpg) left bottom no-repeat;
}

.banner_layout .button3 a {
	background: url(../images/banner3.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button3 a:hover {
	background: url(../images/banner3.jpg) left bottom no-repeat;
}

.banner_layout .button4 a {
	background: url(../images/banner4_2.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button4 a:hover {
	background: url(../images/banner4_2.jpg) left bottom no-repeat;
}

.banner_layout .button5 a {
	background: url(../images/banner5.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button5 a:hover {
	background: url(../images/banner5.jpg) left bottom no-repeat;
}

.banner_layout .button6 a {
	background: url(../images/banner6.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button6 a:hover {
	background: url(../images/banner6.jpg) left bottom no-repeat;
}

.banner_layout .button7 a {
	background: url(../images/banner7.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button7 a:hover {
	background: url(../images/banner7.jpg) left bottom no-repeat;
}

.banner_layout .button8 a {
	background: url(../images/banner8.gif) left top no-repeat;
	width: 320px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button8 a:hover {
	background: url(../images/banner8.gif) left bottom no-repeat;
}

.banner_layout .button10 a {
	background: url(../images/banner6_2.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button10 a:hover {
	background: url(../images/banner6_2.jpg) left bottom no-repeat;
}

.banner_layout .button11 a {
	background: url(../images/forest7_2.jpg) left top no-repeat;
	width: 320px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.banner_layout .button11 a:hover {
	background: url(../images/forest7_2.jpg) left bottom no-repeat;
}