@charset "UTF-8";

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

/* Header */
/* ------------------------------------------------------------ */
#header_layout_index {
	width: 906px;
	height: 205px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* Body */
/* ------------------------------------------------------------ */
#body {
	clear: both;
	background: url(../images/bg_body_index.gif) left top no-repeat;
	width: 906px;
	height: 408px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	border: 0px #f00 solid;
}

/* Mainvisual */
/* ------------------------------------------------------------ */
#mainvisual {
	width: 850px;
	height: 200px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	border: 0px #0f0 solid;
}

/* Topics */
/* ------------------------------------------------------------ */
#index_topics {
	width: 580px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	left: 28px;
	top: 215px;
	border: 0px #0f0 solid;
}

#index_topics_frame {
	width: 580px;
	height: 170px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 28px;
	top: 235px;
	border: 0px #0f0 solid;
}

/* Banner */
/* ------------------------------------------------------------ */
#index_banner {
	width: 263px;
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	right: 21px;
	top: 210px;
	border: 0px #f00 solid;
}

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

#index_banner li {
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

#index_banner .banner1 a {
	background: url(../images/index_banner1.gif) left top no-repeat;
	width: 263px;
	height: 49px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

#index_banner .banner2 a {
	background: url(../images/index_banner2.gif) left top no-repeat;
	width: 263px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

#index_banner .banner3 a {
	background: url(../images/index_banner3.gif) left top no-repeat;
	width: 263px;
	height: 48px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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

#index_banner .banner4 a {
	background: url(../images/index_banner4.gif) left top no-repeat;
	width: 263px;
	height: 53px;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #00f solid;
}

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