@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;
}

/* mainvisual_slider */
/* ------------------------------------------------------------ */
#slider_bg {
	height: 500px;
	background: url(../images/slideshow_bg.jpg) center top no-repeat;
	border: 0px #0f0 solid;
}
#slider {
	position:relative;
	width:100%;
	margin:0 auto;
	width:1200px;
}
.slider img {
	height:auto;
	text-align:center;
}

/* 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: 150px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

.ul_4 {
	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 */
/* ------------------------------------------------------------ */
.scroll {
	width: 590px;
	height: 200px;
	overflow: auto;
}

.news_layout {
	width: 560px;
	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: 415px;
	padding: 10px 0px;
	display: block;
	overflow: hidden;
	border-bottom: 1px #969696 dotted;
}

.news_layout .report .end {
	color: #057ece;
}

/* 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.campaign_banner26 a:hover {
	background: url(../images/campaign_banner26.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; }