@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.shokusan-j.co.jp/
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: 950px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

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

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

/* Body contents */
/* ------------------------------------------------------------ */
.body_contents_layout1 {
	clear: both;
	width: 590px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.body_contents {
	width: 290px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.hl_index {
	width: 590px;
	height: 32px;
	display: block;
	position: relative;
	border: 0px #0f0 solid;
}

.hl_index h3 {
	width: 590px;
	height: 32px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	border: 0px #f00 solid;
}

.hl_index p {
	background: url(../images/arrow4.gif) left center no-repeat;
	color: #007bde;
	text-align: right;
	line-height: 32px;
	padding: 0px 0px 0px 20px;
	display: block;
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 0px;
	border: 0px #f00 solid;
}

.hl_index a:link,
.hl_index a:visited {
	color: #646464;
	text-decoration: none;
}

.hl_index a:hover,
.hl_index a:active {
	color: #057ece;
	text-decoration: underline;
}

.frame1 {
	background: #faf7f2;
	width: 278px;
	padding: 5px;
	display: block;
	overflow: hidden;
	border: 1px #e6e6e6 solid;
}

.frame2 {
	background: #fff;
	width: 272px;
	padding: 2px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

.frame3 {
	background: #faf7f2;
	width: 578px;
	padding: 5px;
	display: block;
	overflow: hidden;
	border: 1px #e6e6e6 solid;
}

.frame4 {
	background: #fff;
	width: 572px;
	padding: 2px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

.ul_1,
.ul_2 {
	width: 140px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.ul_3 {
	width: 450px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.ul_3 ul {
	clear: both;
	width: 450px;
	display: block;
	overflow: hidden;
	border: 0px #0f0 solid;
}

.ul_4 {
	clear: both;
	width: 590px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.ul_1 li {
	background: url(../images/arrow1.gif) left center no-repeat;
	list-style: none;
	padding: 0px 0px 0px 15px;
	border: 0px #00f solid;
}

.ul_2 li {
	background: url(../images/arrow2.gif) left center no-repeat;
	list-style: none;
	padding: 0px 0px 0px 15px;
	border: 0px #00f solid;
}

.ul_3 li {
	background: url(../images/arrow3.gif) left center no-repeat;
	list-style: none;
	width: 135px;
	padding: 0px 0px 0px 15px;
	border: 0px #00f solid;
}

.ul_4 li {
	background: url(../images/arrow1.gif) left center no-repeat;
	list-style: none;
	width: 180px;
	padding: 0px 0px 0px 15px;
	border: 0px #00f solid;
}

/* News */
/* ------------------------------------------------------------ */
.news_layout {
	width: 590px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.news_layout .date {
	background: url(../images/arrow5.gif) left center no-repeat;
	padding: 10px 0px 10px 15px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.news_layout .report {
	width: 445px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border-bottom: 1px #969696 dotted;
}

/* Banner */
/* ------------------------------------------------------------ */
.banner1 a {
	background: url(../images/banner1.jpg) left top no-repeat;
	width: 330px;
	height: 120px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner2 a {
	background: url(../images/banner2.jpg) left top no-repeat;
	width: 330px;
	height: 120px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner3 a {
	background: url(../images/banner3.gif) left top no-repeat;
	width: 330px;
	height: 65px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner4 a {
	background: url(../images/banner4.jpg) left top no-repeat;
	width: 330px;
	height: 80px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner5 a {
	background: url(../images/banner5.jpg) left top no-repeat;
	width: 330px;
	height: 80px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner6 a {
	background: url(../images/banner6.jpg) left top no-repeat;
	width: 330px;
	height: 80px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner7 a {
	background: url(../images/banner7.jpg) left top no-repeat;
	width: 330px;
	height: 80px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.banner8 a {
	background: url(../images/banner8.jpg) left top no-repeat;
	width: 330px;
	height: 45px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

/* Body Contents Layout2 */
/* ------------------------------------------------------------ */
.body_contents_layout2 {
	width: 330px;
	height: 28px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.body_contents_layout2 li {
	list-style-type: none;
	float: left;
	display: block;
	border: 0px #f00 solid;
}

.body_contents_layout2 li a {
	background-image: url(../images/body_contents_layout2.gif);
	height: 0 !important;
	height /**/: 28px;
	padding-top: 28px;
	display: block;
	overflow: hidden;
}

/* ------------------------------------------------------------ */
/* 通常 */
.body_contents_layout2 .menu1 a { width: 63px; height: 28px; background-position: 0 0; }
.body_contents_layout2 .menu2 a { width: 98px; height: 28px; background-position: -63px 0; }
.body_contents_layout2 .menu3 a { width: 62px; height: 28px; background-position: -161px 0; }
.body_contents_layout2 .menu4 a { width: 107px; height: 28px; background-position: -223px 0; }

/* 現在位置 */
.body_contents_layout2 .menu1 a.select { background-position:  0 -28px; }
.body_contents_layout2 .menu2 a.select { background-position: -76px -28px; }
.body_contents_layout2 .menu3 a.select { background-position: -161px -28px; }
.body_contents_layout2 .menu4 a.select { background-position: -223px -28px; }

/* オンマウス */
.body_contents_layout2 .menu1 a:hover { background-position:  0 -28px; }
.body_contents_layout2 .menu2 a:hover { background-position: -63px -28px; }
.body_contents_layout2 .menu3 a:hover { background-position: -161px -28px; }
.body_contents_layout2 .menu4 a:hover { background-position: -223px -28px; }