@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.officemedia.co.jp/
File name:		layout_index.css
Summary:		base styles
Created:		2010-3-1
Last update:	2010-3-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2010 dabhand Inc.
--------------------------------------------------------------- */

/* Body */
/* ------------------------------------------------------------ */
#body_index {
	clear: both;
	background: url(../images/body_bg1.gif) left top repeat-x;
	display: block;
	overflow: hidden;
	border-top: 5px #00005d solid;
}

#body_index_layout {
	background: url(../images/body_bg2.gif) left top repeat-y;
	text-align: left;
	width: 950px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#body_index_left {
	width: 670px;
	margin: 0px;
	display: block;
	overflow: hidden;
	float: left;
	border: 0px #f00 solid;
}

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

/* products */
/* ------------------------------------------------------------ */
.products {
	width: 670px;
	height: 117px;
	display: block;
	overflow: hidden;
	border: 0px #0f0 solid;
}

.products_layout {
	width: 327px;
	height: 117px;
	display: block;
	position: relative;
	border: 0px #0f0 solid;
}

.products .text {
	text-align: left;
	font-size: 11px;
	width: 231px;
	display: block;
	position: absolute;
	z-index: 1;
	left: 90px;
	top: 55px;
	border: 0px #f00 solid;
}

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

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

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

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

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

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

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

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

/* News */
/* ------------------------------------------------------------ */
#info_layout {
	text-align: left;
	width: 670px;
	height: 211px;
	display: block;
	overflow: auto;
	border: 0px #0f0 solid;
}

/* Banner */
/* ------------------------------------------------------------ */
#banner_layout {
	width: 260px;
	padding: 20px 0px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#banner_layout .banner8 {
	width: 240px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#banner_layout .banner8 .w130 {
	width: 130px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}