@charset "shift_jis";

/* ====================================================================

   Style Info: ベース
 
==================================================================== */

* { margin:0; padding:0; }

body {
	background:url(../image/back.jpg) repeat left top;
	text-align:center;
	min-width:914px;
	}

#wp { background:url(../image/back_wp.jpg) repeat-x left top; }

#wp:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

.ro img:hover,
.ro:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
	}

.cl:after {
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
	content:" ";
	}
* html .cl             { zoom: 1; } /* IE6 */
*:first-child+html .cl { zoom: 1; } /* IE7 */

/* ---------------------------------------------
   ヘッダー
----------------------------------------------*/

#sheader {
	width:914px;
	height:164px;
	margin:0 auto;
	position:relative;
	background:url(../image/header_back.png) no-repeat left top;
	}


/* 看板
--------------------------------- */

#sheader h1 {
	width:218px;
	height:153px;
	position:absolute;
	top:0;
	left:20px;
	z-index:3;
	background:url(../image/signboard.png) no-repeat left top;
	text-indent:-9999px;
	}

	#sheader h1 a {
		width:218px;
		height:153px;
		display:block;
		outline:none;
		text-decoration:none;
		}


/* 問い合わせ
--------------------------------- */

#sheader_inq {
	width:146px;
	height:22px;
	position:absolute;
	top:68px;
	right:96px;
	z-index:2;
	}


/* メニュー
--------------------------------- */

#sheader_menu {
	width:914px;
	height:65px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	background:url(../image/sheader_menu_back.png) no-repeat left top;
	}

	#sheader_menu ul {
		width:639px;
		margin-top:17px;
		margin-right:12px;
		float:right;
		display:inline;
		list-style:none;
		}
		
		#sheader_menu li {
			float:left;
			padding-right:4px;
			}

/* ---------------------------------------------
   メインエリア
----------------------------------------------*/

#main_area {
	width:914px;
	margin:0 auto;
	padding:20px 0 30px 0;
	background:url(../image/main_back.gif) repeat-y left top;
	}

/* ---------------------------------------------
   メインエリア > コンテンツ
----------------------------------------------*/

#contents { width:866px; margin:0 auto; text-align:left; }

#contents:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* ---------------------------------------------
   メインエリア > コンテンツ > レフト
----------------------------------------------*/

#left_navi {
	width:231px;
	float:left;
    position: relative;
	}

/* メルマガ */

#m_magazine {
	width:210px;
	height:170px;
	background:url(../image/m_magazine.gif) no-repeat left top;
	position:relative;
	}

#m_magazine a {
	width:82px;
	height:12px;
	display:block;
	position:absolute;
	top:119px;
	left:100px;
	text-decoration:none;
	}

#m_magazine p,
#m_magazine a span { display:none; }

#l-reco {
	margin-top:10px;
}
	#l-reco .reco {
		background:url(../image/l-reco.png) no-repeat;
		width:210px; height:40px;
		
	}
	#l-reco .contents-area {
		border:#f4901b solid 4px;
		border-radius:3px;
		margin-top:-3px;
		width:202px;
	}

#l-reco2 {
    position: absolute;
    bottom: 0;
    left: 0;
}
	#l-reco2 img {
		width:210px; height:42px;
		
	}

/* サブメニュー
--------------------------------- */

#submenu {
	width:210px;
	background-color:#81b600;
	padding-bottom:4px;
	margin-bottom:10px;
	text-align:center;
	}

	#submenu h2 {
		width:210px;
		padding-top:4px;
		background:url(../image/submenu_m_back.gif) no-repeat left top;
		text-align:center;
		}
	
	#submenu ul {
		width:202px;
		margin:0 auto;
		_margin:0;
		list-style:none;
		text-align:left;
		}
		
		#submenu li {
			background-color:#fff;
			padding:8px 12px;
			border-top:1px solid #bad773;
			}
			
			#submenu li a {
				background:url(../image/lm.gif) no-repeat 0 3px;
				display:-moz-inline-box;
				display:inline-block;
				/display:inline;
				/zoom:1;
				padding:0 0 0 16px;
				color:#191919;
				text-decoration:none;
				}
			
			#submenu li a:hover {
				background:url(../image/lm_on.gif) no-repeat 0 3px;
				padding-left:18px;
				color:#388b00;
				text-decoration:underline;
				}

				
/* バナー
--------------------------------- */

ul#left_banner {
	width:210px;
	list-style:none;
	}
	
	#left_banner li {
		font-size:0;
		line-height:0;
		margin-bottom:10px;
		}

#coupon { font-size:0; line-height:0; }

/* ---------------------------------------------
   メインエリア > コンテンツ > メイン
----------------------------------------------*/

#main {
	width:635px;
	float:left;
    position: relative;
    z-index: 99;
	}

#smain {
	width:615px;
	float:left;
	margin-left:10px;
	display:inline;
	}


/* パンくず
--------------------------------- */

.pan { padding:5px 0 15px 0; }


/* ページブロック
--------------------------------- */

.pblock { padding:15px 0 25px 0; }
.pblock_b { padding:15px 0 0 0; }

.pblock_s { padding:10px 15px 25px 15px; }
.pblock_sb { padding:10px 15px 0 15px; }

.pblock_s2 { padding:10px 22px 25px 22px; }
.pblock_s2b { padding:10px 22px 0 22px; }

/* ----- 見出し ----- */

.pm {
	font-size:0;
	line-height:0;
	padding-bottom:30px;
	padding-top:15px;
	}

.pm02 {
	font-size:0;
	line-height:0;
	padding-bottom:25px;
	padding-top:15px;
	}

.pm03 {
	font-size:0;
	line-height:0;
	padding-bottom:15px;
	padding-top:15px;
	}

.pm04 {
	font-size:0;
	line-height:0;
	padding-bottom:10px;
	padding-top:15px;
	}

.pm05 {
	font-size:0;
	line-height:0;
	padding-bottom:5px;
	padding-top:15px;
	}

/* ----- 見出し(小) ----- */

h4.spm01 {
	background:url(../image/spm_back.gif) no-repeat left top;
	font-size:14px;
	color:#2d2305;
	line-height:36px;
	padding-left:13px;
	}

h4.spm02 {
	font-size:15px;
	padding-left:12px;
	border-left:4px solid #fd8500;
	/*border-left:4px solid #5f4605;*/
	}

.spm03 {
	font-size:16px;
	color:#fd8500;
	}

/* ----- ズーム ----- */

.zoom { padding:5px 0; text-align:right; }

/* ----- 戻る ----- */

.pback { clear:both;  padding-top:30px; }


/* ---------------------------------------------
   フッター
----------------------------------------------*/

#footer {
	width:914px;
	margin:0 auto;
	background:url(../image/footer_back.png) no-repeat left top;
	text-align:left;
	}

#footer:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* ----- トラック ----- */

#ftruck {
	width:89px;
	float:left;
	margin-left:160px;
	margin-top:8px;
	display:inline;
	}

/* ----- メニュー ----- */

#footer ul {
	width:146px;
	list-style:none;
	float:left;
	margin-left:18px;
	margin-top:49px;
	display:inline;
	}

#footer ul:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	#footer li { float:left; margin-right:15px; }

/* ----- ページUP ----- */

#up {
	width:69px;
	float:right;
	margin-right:21px;
	margin-top:48px;
	display:inline;
	}


.twitter-timeline {
	width:635px !important;
	margin-top:10px !important;
}

/* ----- カーソル上下 ----- */
#cursor {
    pointer-events: none;
    position: relative;
    top: -260px;
    left: -3px;
    transition: 0.3s;
}
#cursor.active1 {
    top: -260px;
}
#cursor.active2 {
    top: -171px;
}
#cursor.active3 {
    top: -82px;
}

/* ----- バナー ----- */
#banner_left{
    float: left;
    margin: 10px;
}
#banner_right{
    margin:auto 0 0 0;
    max-height: 290px;
}
#banner{
    margin: 7px 0px 0px 4px;
    width: 289px;
    height: 82px;
}
#image1{
    opacity: 1;
    position: absolute;
}
#image2{
    opacity: 0;
    position: absolute;
}
#image3{
    opacity: 0;
    position: relative;
}

/* ----- バナーリンク ----- */
#index1{
    visibility: visible;
}
#index2{
    visibility: hidden;
}
#index3{
    visibility: hidden;
}