@charset "utf-8";

/* nivo-slider.cssの初期スタイル */
@import url("../js/nivo-slider/nivo-slider.css");

/* ホーム専用スタイル */


/*
***********************************************************************************************
jquery.nivo.slider.jsのスライダー
***********************************************************************************************
*/

/* メイン画像のコンテナ */
#slider_wrapper {
	margin: 0 auto 0px auto;
	padding: 0;
	position:relative;
	width:974px;
	height:424px;
	background:url(../img/home/bg_slider.png) no-repeat;
	z-index:200;
	}

	/* メイン画像 */
	#slider {
		position:absolute;
		width:940px;
		height:390px;
		top:18px;
		left:17px;
		z-index:300;
		overflow:hidden;
		}
	
			#slider img{
				height:390px;
				overflow:hidden;
			}

	.nivo-controlNav {
	/*
		bottom: -15px;
	*/
		left: 50%;
		margin-left: -40px;
		position: absolute;
	/*
		display:block !important;
	*/
	}
		.nivo-controlNav a {
			/*
			background-image:url(img/bullets.png);
			*/
			border: 0 none;
			display: block;
			float: left;
			height: 10px;
			margin-right: 7px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			width: 10px;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 0px 0px;
			position: relative;
			cursor: pointer;
			z-index: 91;
		}
			.nivo-controlNav a.active{
				background-position: 0pt -10px;
			}
	
	.nivo-caption {
		bottom: 48px !important;
		background:#222222;
		color:#ffffff;
	}


/*
***********************************************************************************************
ホームのコンテナ
***********************************************************************************************
*/
body.home #container div#content_wrapper{
	background-color:transparent;
	width:690px;
}

/*
***********************************************************************************************
ホームのサイドバー
***********************************************************************************************
*/
body.home #container div#sidebar{
	width:260px;
}

	body.home #container div#sidebar .side_banner{
		float:left;
		margin-right:10px;
	}

	body.home #container div#sidebar .list_shop{
		margin:0px 0px 10px 0px;
		width:230px;
		float:left;
		font-size:14px;
		min-height:100px;
	}

/*
***********************************************************************************************
ホームのコンテンツ
***********************************************************************************************
*/

/* コンテンツ全体 */
body.home #container div#content{
	min-height:0;
	background-color:#fff;
	background-repeat:repeat-x;
	padding:4px 4px 10px 4px;
	
	/* 角丸用スタイル */
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topleft: 3px;  
	-moz-border-radius-topright: 3px;  
	-moz-border-radius-bottomright: 3px;  
	-moz-border-radius-bottomleft: 3px; 
	border-radius: 3px 3px 3px 3px;
	
	-moz-box-shadow: 1px 1px 5px #999999;
	-webkit-box-shadow: 1px 1px 5px #999999;
	box-shadow: 1px 1px 5px #999999;
	
	behavior: url(/wp-content/themes/kahoku-chozai/js/CSS3PIE/PIE.htc);
	z-index:1;
}


/*  最新のお知らせ ━━━━━━━━━━━━━━━━━━ */
	div#block-news{

	}

		div#block-news h2{
			height:40px;
			padding:0px 0px 0px 0px;
			margin:5px 0px 15px 0px;
			border-bottom:2px solid #75B751;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			border-left:0px solid #fff;
			border-top:0px solid #fff;
			background-image:url(../img/home/bg_h2_home.png);
			background-repeat:no-repeat;
			background-position:7px 0px;
			background-color:transparent;
		}
	
		/* 最新のお知らせ 一覧ボタン */
		div#block-news span{
			display:block;
			text-align:right;
			padding:0px 10px 0px 0px;
			margin:-47px 0px 30px 0px;
		}
		
		/* お知らせ記事のリスト */
		div#block-news .news_content{
			padding-left:15px;
			padding-right:10px;
			margin-right:5px;
			margin-top:10px;
			height:135px;
		}
		div#block-news dl{
			padding:0px;
			margin:0px;
		}
		
			/* お知らせ記事の日付 */
			div#block-news dl dt.date{
				background-image:url(../img/home/block-news_shim.gif);
				background-repeat:repeat-x;
				clear:both;
				line-height:1.0 !important;
				font-weight:bold;
				margin: 0px 0px 0px 0px;
				padding:10px 0px 10px 0px;
				width:110px;
				color:#43841F;
				font-size:85%;
				float:left;
				text-align:left;
			}
			
				div#block-news dl dt.date img{
					vertical-align:middle;
					margin:4px 0px 0 3px;
					
				}
			
			/* お知らせ記事のタイトル */
			div#block-news dl dd.title{
				background-image:url(../img/home/block-news_shim.gif);
				background-repeat:repeat-x;
				width:310px;
				padding:10px 0px 10px 0px;
				margin:0px 0px 0px 0px;
				float:left !important;
				font-size:85%;
			}
			
				div#block-news dl dd.title a{
				}
					div#block-news dl dd.title a:hover{
						text-decoration:none;
					}


/*
############################################################################################################
fleXcroll.jsのCSSを上書き
############################################################################################################
*/ 

.scrollgeneric {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1px;
	font-size: 1px;
}

.vscrollerbar {
	width: 8px;
	background: #86C776;
	/*
	cursor:pointer;
	*/
}
.vscrollerbarbeg {
	width: 8px;
	height: 24px !important;
	background: transparent;
}
.vscrollerbarend {
	width: 8px;
	height: 24px;
	background: transparent;
}
.vscrollerbase {
	width: 8px;
	background: transparent;
}
.vscrollerbasebeg {
	width: 8px;
	height: 15px !important;
	background-color: transparent;
}
.vscrollerbaseend {
	width: 8px;
	height: 15px;
	background-color: transparent;
}

.hscrollerbase {
	height: 16px;
	background-color: white;
}
.hscrollerbar {
	height: 16px;
	background-color: black;
}

.vscrollerbar,
.hscrollerbar {
	padding: 0px;
	z-index: 2;
}

.scrollerjogbox {
	width: 36px;
	height: 16px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: #37917A;
}