@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.o-works.com/
File name:		layout_index.css
Summary:		base styles
Created:		2009-4-1
Last update:		2009-4-1 by Sadaoka
Author:			Sadaoka(admin), Tanaka
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* Body */
/* ------------------------------------------------------------ */
#body {
	width: 900px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#body_left {
	width: 720px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	border: 0px #0f0 solid;
}

#body_right {
	width: 180px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	border: 0px #00f solid;
}

/* Mainvisual */
/* ------------------------------------------------------------ */
#top_mainvisual {
	background-color: #ddd;
	width: 720px;
	height: 560px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #0f0 solid;
}

/* Topics */
/* ------------------------------------------------------------ */
#top_topics {
	width: 660px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #0f0 solid;
}

#top_topics_left {
	width: 415px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	border: 0px #0f0 solid;
}

/* Banner */
/* ------------------------------------------------------------ */
#top_topics_right {
	width: 225px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: right;
	border: 0px #00f solid;
}

.top_banner1 a {
	background: url(../images/top_banner1.jpg) left top no-repeat;
	width: 225px;
	height: 140px;
	margin: 20px 0px 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_banner2 a {
	background: url(../images/top_banner2.jpg) left top no-repeat;
	width: 225px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

/* Pickup */
/* ------------------------------------------------------------ */
#top_pickup_list {
	background: url(../images/top_pickup_bg.gif) left top repeat-y;
	width: 180px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#top_pickup_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px #0f0 solid;
}

#top_pickup_list li {
	height: 90px;
	margin: 0px 15px 22px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

.top_pickup01 a {
	background: url(../images/top_pickup01.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup02 a {
	background: url(../images/top_pickup02.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup03 a {
	background: url(../images/top_pickup03.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup04 a {
	background: url(../images/top_pickup04.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup05 a {
	background: url(../images/top_pickup05.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup06 a {
	background: url(../images/top_pickup06.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup07 a {
	background: url(../images/top_pickup07.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup09 a {
	background: url(../images/top_pickup09.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup10 a {
	background: url(../images/top_pickup10.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

.top_pickup11 a {
	background: url(../images/top_pickup11.jpg) left top no-repeat;
	width: 150px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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