/* --------------------------------------------------------------------- */
/* home - index.html */
/* --------------------------------------------------------------------- */




/* main visual */

div#mainVisual {
	margin-bottom: 19px;
	margin-top: 10px;
}

div#mainVisual div.leftArea {
	background: url("../../images/mainvisual_bg.gif") no-repeat left top;
	width: 729px;
	height: 359px;
	display: block;
	float: left;
	position: relative;
	}
	div#mainVisual div.leftArea p{
		padding-top: 8px;
		padding-left: 8px;
	}
	
div#mainVisual div.rightArea {
	float: right;
	width: 360px;
	}
	div#mainVisual div.rightArea ul {
		display: block;
	}
	div#mainVisual div.rightArea ul li {
		float: left;
		list-style: none;
		background: url("../../images/mainvisual_thum_bg.gif") no-repeat left top; 
		width: 175px;
		height:175px;
		*display: inline;
		*zoom: 1;
		}
		div#mainVisual div.rightArea ul li.fast {
		padding-right: 10px;
		}
		div#mainVisual div.rightArea ul li.top {
		padding-bottom: 10px;
		}
		div#mainVisual div.rightArea ul li img {
			display: block;
			margin-top: 7px;
			margin-left: 7px;
		}
		
		
		
/* ranking */

div#mainContents div.rightArea div#ranking {
	float: left;
	display: block;
	width: 500px;
	}
	div#mainContents div.rightArea div#ranking h3 {
		margin-bottom: 16px;
		position: relative;
		left: -2px;
	}
	div#mainContents div.rightArea div#ranking ul li {
		list-style:none;
		width: 163px;
		display: block;
		float: left;
		position: relative;
		}
	div#mainContents div.rightArea div#ranking ul li.last {
		width: 154px;
		}
		div#mainContents div.rightArea div#ranking ul li p.icon {
			position: absolute;
			top: -11px;
			left: -11px;
			z-index: 100;
			}
		div#mainContents div.rightArea div#ranking ul li div.rankingBox {
			margin-right: 9px;
			display: block;
			}
			div#mainContents div.rightArea div#ranking ul li div.rankingBox p.img {
				background: url("../../images/ranking_bg.gif") no-repeat left top;
				width: 153px;
				height: 153px;
				padding: 1px 0 0 1px;
			}
			div#mainContents div.rightArea div#ranking ul li p.name {
				margin-top: 7px;
				position: relative;
				left: -1px;
			}
			div#mainContents div.rightArea div#ranking ul li a  {
				list-style: none;
				font-size: 93%;
				display: block;
			}
			/*
			div#mainContents div.rightArea div#ranking ul li a:hover img {
				opacity: 0.8;
				-moz-opacity: 0.8;
				filter: alpha(opacity=80);
			}
			*/
			div#mainContents div.rightArea div#ranking ul li p.name span {
				background: url("../images/icon_01.gif") no-repeat left 0.15em;
				padding-left: 20px;
				line-height: 1.3;
				display: inline-block;
				*display: inline;
				*zoom: 1;
				text-decoration: underline;
				position: relative;
				top: 1px;
			}
			div#mainContents div.rightArea div#ranking ul li a:hover p.name span {
				background: url("../images/icon_01_on.gif") no-repeat left 0.15em;
				padding-left: 20px;
				line-height: 1.3;
				display: inline-block;
				*display: inline;
				*zoom: 1;
				text-decoration: none;
			}


/* information */

div#mainContents div.rightArea div#information {
	width: 340px;
	display: block;
	float: left;
	}
	div#mainContents div.rightArea div#information h3 {
		margin-bottom: 19px;
		position: relative;
		left: -6px;
		top: 2px;
	}
	div#mainContents div.rightArea div#information ul {
		border-top: 1px solid #e5e5e5;	
		display: block;
	}
	div#mainContents div.rightArea div#information ul li {
		list-style: none;
		border-bottom: 1px solid #e5e5e5;
		padding: 8px 0 7px 0;
		font-size: 77%;
		display: block;
		zoom: 1;
		position: relative;
		top: 1px;
		}
		div#mainContents div.rightArea div#information ul li span {
				font-weight: bold;
				color: #f73f20;
				display: block;
				width: 92px;
				float: left;
				word-wrap: break-word;
				text-decoration: none;
			}


/* itemTabContens */

div#itemTabContens {
	margin-top: 20px;
}

div#itemTabContens div.bg {
	background: url("../../images/tab_contents_bg.gif") repeat-y center top;
	}
	div#itemTabContens p.footer {
	background: url("../../images/tab_contents_bottom.gif") no-repeat center top;
	height: 2px;
	}

div#itemTabContens ul.menu {
	display: block;
	margin-bottom: 14px;
	}
	div#itemTabContens ul.menu li {
		float: left;
		list-style: none;
		width: 280px;
		height: 57px;
		display: block;
		background: #ccc;
		position: relative;
		overflow: hidden;
		text-indent: -9999px;
		}
		div#itemTabContens ul.menu li a {
			padding-top: 60px;
		}
		div#itemTabContens ul.menu li#tab1 a {
			background: url("../../images/tab_menu_01.gif") no-repeat left 0px;
		}
		div#itemTabContens ul.menu li#tab1 a:hover {
			background: url("../../images/tab_menu_01.gif") no-repeat left -57px;
		}
		div#itemTabContens ul.menu li#tab1.menuTabOpen a,
		div#itemTabContens ul.menu li#tab1.menuTabOpen a:hover {
			background: url("../../images/tab_menu_01.gif") no-repeat left -114px;
		}
		/**/
		div#itemTabContens ul.menu li#tab2 a {
			background: url("../../images/tab_menu_02.gif") no-repeat left 0px;
		}
		div#itemTabContens ul.menu li#tab2 a:hover {
			background: url("../../images/tab_menu_02.gif") no-repeat left -57px;
		}
		div#itemTabContens ul.menu li#tab2.menuTabOpen a,
		div#itemTabContens ul.menu li#tab2.menuTabOpen a:hover {
			background: url("../../images/tab_menu_02.gif") no-repeat left -114px;
		}
		/**/
		div#itemTabContens ul.menu li#tab3 a {
			background: url("../../images/tab_menu_03.gif") no-repeat left 0px;
		}
		div#itemTabContens ul.menu li#tab3 a:hover {
			background: url("../../images/tab_menu_03.gif") no-repeat left -57px;
		}
		div#itemTabContens ul.menu li#tab3.menuTabOpen a,
		div#itemTabContens ul.menu li#tab3.menuTabOpen a:hover {
			background: url("../../images/tab_menu_03.gif") no-repeat left -114px;
		}
		/**/
		
	
	div#itemTabContens ul.contents {
		padding-left: 22px;
		}
		div#itemTabContens ul.contents li {
   height:200px;
			list-style: none;
			float: left;
			}
			div#itemTabContens ul.contents li div.itemArea {
				margin-right: 15px;
				width: 256px;
				margin-bottom: 18px;
				}
				div#itemTabContens ul.contents li div.itemArea p.img {
					display: block;
					width: 256px;
					height: 133px;
					background: #fff;
					position: relative;
					}
					div#itemTabContens ul.contents li div.itemArea p.img img {
						position: absolute;
					}
					div#itemTabContens ul.contents li div.itemArea p.img img.v0 {
						top: 0px;たｂ
						left: 0px;
					}
					div#itemTabContens ul.contents li div.itemArea p.img img.v1 {
						bottom: 0px;
						left: 0px;
					}
					div#itemTabContens ul.contents li div.itemArea p.img img.v2 {
						top: 0px;
						right: 0px;
					}
					div#itemTabContens ul.contents li div.itemArea p.img img.v3 {
						bottom: 0px;
						right: 0px;
					}	
					
			div#itemTabContens ul.contents li div.itemArea p.name {
				margin-top: 9px;
				position: relative;
				left: -2px;
				z-index: 100;
				}
			div#itemTabContens ul.contents li div.itemArea a  {
				list-style: none;
				font-size: 93%;
				display: block;
			}
			/*
			div#itemTabContens ul.contents li div.itemArea a:hover img {
				opacity: 0.8;
				-moz-opacity: 0.8;
				filter: alpha(opacity=80);
			}
			*/
			div#itemTabContens ul.contents li div.itemArea p.name span {
				background: url("../images/icon_01.gif") no-repeat left 0.15em;
				padding-left: 20px;
				line-height: 1.3;
				display: inline-block;
				*display: inline;
				*zoom: 1;
				text-decoration: underline;
			}
			div#itemTabContens ul.contents li div.itemArea a:hover p.name span {
				background: url("../images/icon_01_on.gif") no-repeat left 0.15em;
				padding-left: 20px;
				line-height: 1.3;
				display: inline-block;
				*display: inline;
				*zoom: 1;
				text-decoration: none;
			}

/* linkBox */

div#mainContents.home div#linkBox {
	margin-top: 20px;
	position: relative;
	width: 840px;
	height: 390px;
	}
	div#mainContents.home div#linkBox p.visual {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	div#mainContents.home div#linkBox p.link1 {
		position: absolute;
		top: 320px;
		left: 16px;
		z-index: 100;
	}
	div#mainContents.home div#linkBox p.link2 {
		position: absolute;
		top: 320px;
		left: 425px;
		z-index: 100;
	}


/**/

div#rightArea div.rightAreaImagePage {
	padding-top: 20px;
	}
	div#rightArea div.rightAreaImagePage p {
		vertical-align: top;
	}





/* --------------------------------------------------------------------- */
/* smileLink - index.html */
/* --------------------------------------------------------------------- */

div#rightAreaSmileLinkArea {
	width: 840px;
}

div#smileLinkVisual {
	position: relative;
	display: block;
	width: 840px;
	margin-top: 32px;
	margin-bottom: 42px;
	}
	div#smileLinkVisual h3 {
	top: -13px;
	left: 97px;
	z-index: 100;
	}

div#smileLinkVisual h3,
div#smileLinkVisual div#smileLinkSection1 p.obj1,
div#smileLinkVisual p.obj2,
div#smileLinkVisual p.obj3,
div#smileLinkVisual p.obj4,
div#smileLinkVisual p.obj5 {
	position: absolute;
	}
	div#smileLinkVisual div#smileLinkSection1 p.obj1 {
		top: 40px;
		right: 3px;
		z-index: 0;
	}
	div#smileLinkVisual p.obj2 {
		top: 186px;
		left: 66px;
	}
	div#smileLinkVisual p.obj3 {
		top: 608px;
		left: 29px;
	}
	div#smileLinkVisual p.obj4 {
		top: 566px;
		right: 28px;
	}
	div#smileLinkVisual p.obj5 {
		top: 133px;
		left: 41px;
	}

div#rightAreaSmileLinkArea div#smileLinkSection1 {
	width: 840px;
	display: block;
	background: url("../../smilelink/images/sec1_top.gif") no-repeat center top;
	padding-top: 32px;
	}
	div#rightAreaSmileLinkArea div#smileLinkSection1 div.bk {
		width: 840px;
		display: block;
		background: url("../../smilelink/images/sec1_middle.gif") repeat-y center top;
		text-align: center;
		padding: 76px 0 10px 0;
		}
		div#rightAreaSmileLinkArea div#smileLinkSection1 p.graph {
			z-index: 100;
			position: relative;
			left: 7px;
		}
		div#rightAreaSmileLinkArea div#smileLinkSection1 p.copy {
			margin: 19px 2px 0 0;
			
		}
	div#rightAreaSmileLinkArea div#smileLinkSection1 p.footer {
		display: block;
		background: url("../../smilelink/images/sec1_bottom.gif") no-repeat center bottom;
		height: 32px;
		}

div#smileLinkTxtContents {
	width: 820px;
	margin: 0 auto 0 auto;
}

div#smileLinkTxtContents div.sectionType1,
div#smileLinkTxtContents div.sectionType2{
	margin: 0 auto 20px auto;
	padding-bottom: 20px;
	background: url("../../smilelink/images/border.gif") no-repeat center bottom;
}
* html div#smileLinkTxtContents div.sectionType1,
* html div#smileLinkTxtContents div.sectionType2 {
	margin: 0 auto 20px auto;
	padding-bottom: 15px;
	background: url("../../smilelink/images/border.gif") no-repeat center bottom;
}



/* type1 */
div#rightAreaSmileLinkArea div.sectionType1 div.leftArea {
	width: 543px;
	float: left;
	display: block;
	margin:0;
	padding: 5px 20px 0 0px;
	}
	div#rightAreaSmileLinkArea div.sectionType1 div.leftArea p.copy {
		display: block;
		margin-bottom: 8px;
		margin-top: 25px;
	}
	div#rightAreaSmileLinkArea div.sectionType1 div.leftArea p.txt {
		
		font-size: 93%;
		line-height: 1.8;
		color: #333;
	}

div#rightAreaSmileLinkArea div.sectionType1 div.rightArea {
	width: 257px;
	float: left;
	display: block;
	margin: 0 ;
	padding: 0;
}

/* type2 */
div#smileLinkTxtContents div.sectionType2 div.rightArea {
	width: 541px;
	float: left;
	display: block;
	margin: 0 0 0 22px;
	padding: 5px 0 0 0;
	}
	div#smileLinkTxtContents div.sectionType2 div.rightArea p.copy {
		display: block;
		margin-bottom: 8px;
		margin-top: 24px;
	}
	div#smileLinkTxtContents div.sectionType2 div.rightArea p.txt {
		font-size: 93%;
		line-height: 1.8;
		color: #333;
	}

div#smileLinkTxtContents div.sectionType2 div.leftArea {
	width: 257px;
	float: left;
	display: block;
	margin: 0 ;
	padding: 0;
	}

/*pick up*/
div#smileLinkTxtContents div.smileLinkPickup {
	width: 541px;
	padding-top: 10px;
	margin: 10px 0 0 0;
	background: url("../../smilelink/images/pickup_top.gif") no-repeat left top;
	display: block;
	}
	div#smileLinkTxtContents div.smileLinkPickup div.bk {
		display: block;
		width: 541px;
		background: url("../../smilelink/images/pickup_middle.gif") repeat left top;
		font-size: 93% !important;
		margin-bottom: -3px;
	}
	div#smileLinkTxtContents div.smileLinkPickup p.footer {
		background: url("../../smilelink/images/pickup_bottom.gif") no-repeat left top;
		height: 9px;
	}
	div#smileLinkTxtContents div.smileLinkPickup div.bk p {
		float: left;
		line-height: 1;
		position: relative;
		top: -2px;
	}
	div#smileLinkTxtContents div.smileLinkPickup div.bk p.pickup {
		text-indent: -9999px;
		width: 42px;
		height: 15px;
		background: url("../../smilelink/images/pickup.gif") no-repeat left top;
		position: relative;
		top: 0;
		left: 11px;
		}
		div#smileLinkTxtContents div.smileLinkPickup div.bk p a {
			position: relative;
			left: 20px;
		}
		div#smileLinkTxtContents div.smileLinkPickup div.bk p a span {
			background: url("../images/icon_01.gif") no-repeat left 0.1em;
			padding-left: 20px;
			line-height: 1.5;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			text-decoration: underline;
			}
			div#smileLinkTxtContents div.smileLinkPickup div.bk p a:hover span {
				background: url("../images/icon_01_on.gif") no-repeat left 0.1em;
				text-decoration: none;
				}

/* rtpe3 */

div#smileLinkTxtContents div.sectionType3 {
	padding: 0 10px 0 0;
	}
	div#smileLinkTxtContents div.sectionType3 h3 {
		margin-bottom: 7px;
	}
	div#smileLinkTxtContents div.sectionType3 p {
		font-size: 93%;
		line-height: 1.6;
		color: #333;
	}

/* bottomArea */

div#rightAreaSmileLinkArea div#smileLinkBottomArea {
	width: 621px;
	margin: 32px auto 23px auto;
	position: relative;
	left: 5px;
	height: 179px;
	display: block;
	}
	div#rightAreaSmileLinkArea div#smileLinkBottomArea p.comment {
		position: absolute;
		top: 6px;
		left: 0px;
		z-index: 100;
		}
	div#rightAreaSmileLinkArea div#smileLinkBottomArea p.btn {
		position: absolute;
		top: 87px;
		left: 1px;
		z-index: 100;
		padding-top: 10px;
		background: url("../../smilelink/images/bottom_link_top.gif") no-repeat left top;
		}
	div#rightAreaSmileLinkArea div#smileLinkBottomArea p.visual {
		position: absolute;
		top: 0;
		left: 448px;
		z-index: 0;
		}
	


/* --------------------------------------------------------------------- */
/* About - index.html */
/* --------------------------------------------------------------------- */

div#rightAreaAbout {
	width: 840px;
}
div#AboutTxtContents {
	width: 820px;
	margin: 0 auto;
}

div#rightAreaAbout div#mainArea {
	display: block;
	background: url("../../about/images/main_bg.gif") no-repeat center top;
	position: relative;
	height: 803px;
	padding-top: 40px;
	padding-left: 20px;
	margin-bottom: 10px;
	}
	div#rightAreaAbout div#mainArea h2 {
		position: relative;
		left: -2px;
	}
	div#rightAreaAbout div#mainArea p.copy {
		margin-top: 13px;
		margin-bottom: 34px;
		position: relative;
		left: 4px;
	}
	div#rightAreaAbout div#mainArea p.obj {
		position: absolute;
		top: 141px;
		right: 17px;
		}


div#AboutTxtContents div.sectionType1,
div#AboutTxtContents div.sectionType2 {
	margin: 0 auto 20px auto;
	padding-bottom: 26px;
	background: url("../../smilelink/images/border.gif") no-repeat center bottom;
}
div#AboutTxtContents div.sectionType3 {
	margin: 0 auto 20px auto;
	padding-bottom: 20px;
	background: url("../../smilelink/images/border.gif") no-repeat center bottom;
}
* html div#AboutTxtContents  div.sectionType1,
* html div#AboutTxtContents div.sectionType2 {
	margin: 0 auto 20px auto;
	padding-bottom: 25px;
	background: url("../../smilelink/images/border.gif") no-repeat center bottom;
}
* html div#AboutTxtContents div.sectionType3 {
	margin: 0 auto 20px auto;
	padding-bottom: 25px;
	background: url("../../smilelink/images/border.gif") no-repeat center bottom;
}
* html div#AboutTxtContents div.sectionType3.none {
	margin: 0 auto 20px auto;
	padding-bottom: 20px;
	background: none;
}
div#AboutTxtContents div.sectionType3.none {
	margin: 0 auto 20px auto;
	padding-bottom: 20px;
	background: none;
}



/* type1 */
div#AboutTxtContents div.sectionType2 div.leftArea {
	width: 543px;
	float: left;
	display: block;
	margin:0;
	padding: 5px 20px 0 0px;
	}
	div#AboutTxtContents div.sectionType2 div.leftArea h3 {
		display: block;
		margin-bottom: 20px;
	}
	div#AboutTxtContents div.sectionType2 div.leftArea p.txt {
		font-size: 93%;
		line-height: 1.8;
		color: #333;
	}

div#AboutTxtContents div.sectionType2 div.rightArea {
	width: 257px;
	float: left;
	display: block;
	margin: 0 ;
	padding: 0;
	position: relative;
	}
	div#AboutTxtContents div.sectionType2 div.rightArea p img {
	position: absolute;
	top: -4px;
	left: -10px;
	}

div#AboutTxtContents div.sectionType2 div.clear {
	margin: 0 auto;
	display: block;
	float: none;
	text-align: center;
	}
	div#AboutTxtContents div.sectionType2 div.clear p {
	margin-top: 3px;
	}




/* type2 */
div#AboutTxtContents div.sectionType1 div.rightArea {
	width: 544px;
	float: left;
	display: block;
	margin: 0 0 0 19px;
	padding: 5px 0 0 0;
	position: relative;
	}
	div#AboutTxtContents div.sectionType1 div.rightArea p.obj {
		position: absolute;
		top: -23px;
		left: -36px;
	}
	div#AboutTxtContents div.sectionType1 div.rightArea p.sub {
		position: relative;
		left:  95px;
	}
	div#AboutTxtContents div.sectionType1 div.rightArea h3 {
		margin-top: 15px;
		margin-bottom: 20px
	}
	div#AboutTxtContents div.sectionType1 div.rightArea p.txt {
		
		font-size: 93%;
		line-height: 1.8;
		color: #333;
	}


div#AboutTxtContents div.sectionType1 div.rightArea p.obj {
	-webkit-transform-origin: 100% 0%;
	-webkit-animation-name: slowlyIcon;
	-webkit-animation-duration: 3.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
		-moz-transform-origin: 100% 0%;
		-moz-animation-name: slowlyIcon;
		-moz-animation-duration: 3.3s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-direction: normal;
		-moz-animation-play-state: running;
		-moz-animation-delay: 0s;
	-ms-transform-origin: 100% 0%;
	-ms-animation-name: slowlyIcon;
	-ms-animation-duration: 3.3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: normal;
	-ms-animation-play-state: running;
	-ms-animation-delay: 0s;
		-o-transform-origin: 100% 0%;
		-o-animation-name: slowlyIcon;
		-o-animation-duration: 3.3s;
		-o-animation-iteration-count: infinite;
		-o-animation-direction: normal;
		-o-animation-play-state: running;
		-o-animation-delay: 0s;
	transform-origin: 100% 0%;
	animation-name: slowlyIcon;
	animation-duration: 3.3s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	animation-delay: 0s;
	}
	@-webkit-keyframes slowlyIcon {
		0%{
			-webkit-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		50%{
			-webkit-transform: translate(3px, 0px) rotate(5deg);
			animation-timing-function: ease-out;
		}
		100%{
			-webkit-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
	}
	@-moz-keyframes slowlyIcon {
		0%{
			-moz-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		50%{
			-moz-transform: translate(3px, 0px) rotate(5deg);
			animation-timing-function: ease-out;
		}
		100%{
			-moz-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
	}
	@-ms-keyframes slowlyIcon {
		0%{
			-ms-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		50%{
			-ms-transform: translate(3px, 0px) rotate(5deg);
			animation-timing-function: ease-out;
		}
		100%{
			-ms-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
	}
	@-o-keyframes slowlyIcon {
		0%{
			-o-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		50%{
			-o-transform: translate(3x, 0px) rotate(5deg);
			animation-timing-function: ease-out;
		}
		100%{
			-o-transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
	}
	@keyframes slowlyIcon {
		0%{
			transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
		50%{
			transform: translate(3px, 0px) rotate(5deg);
			animation-timing-function: ease-out;
		}
		100%{
			transform: rotate(0deg);
			animation-timing-function: ease-in;
		}
	}

div#AboutTxtContents div.sectionType1 div.leftArea {
	width: 257px;
	float: left;
	display: block;
	margin: 0 ;
	padding: 0;
	}
	
div#AboutTxtContents div.sectionType1 div.clear {
	margin: 0 auto;
	display: block;
	float: none;
	text-align: center;
	}
	div#AboutTxtContents div.sectionType1 div.clear p {
	margin-top: 3px;
	}
	
	

/* type3 */
div#AboutTxtContents div.sectionType3 {
	display: block;
	position: relative;
	}
	div#AboutTxtContents div.sectionType3 h3 {
		margin-top: 25px;
		margin-bottom: 20px
	}
	div#AboutTxtContents div.sectionType3 p.txt {
		font-size: 93%;
		line-height: 1.8;
		color: #333;
	}
	div#AboutTxtContents div.sectionType3 p.obj1 {
		position: absolute;
		top: -13px;
		right: 5px;
	}
	div#AboutTxtContents div.sectionType3 p.obj2 {
		position: absolute;
		top: -18px;
		right: 3px;
	}
	div#AboutTxtContents div.sectionType3 p.txtBold {
		font-size: 138.5%;
		line-height: 1.8;
		color: #e83817;
		font-weight: bold;
	}

div#AboutTxtContents div.sectionType3 div.clear {
	margin: 0 auto;
	display: block;
	float: none;
	text-align: center;
	}
	div#AboutTxtContents div.sectionType3 div.clear p {
	margin-top: 3px;
	}

p#aboutBottomLink {
	margin-bottom: 13px;
}



/* --------------------------------------------------------------------- */
/* About - 右フローティングバナー */
/* --------------------------------------------------------------------- */

div#tab01{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  200px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab01 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/sugouma01.gif") no-repeat scroll 0 0 transparent;  
  background-position: 20px 0px;
  width: 150px;
  height: 200px;
}


div#tab01 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/sugouma01.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 200px;
}


/* --------------------------------------------------------------------- */
/* About - 右フローティングバナー 酵素100g専用*/
/* --------------------------------------------------------------------- */

div#tab01b{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  200px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab01b a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/coupon04c.gif") no-repeat scroll 0 0 transparent;  
  background-position: 20px 0px;
  width: 200px;
  height: 200px;
}


div#tab01b a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/coupon04c.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 200px;
  height: 200px;
}




div#tab02b{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  400px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab02b a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/cago01.gif") no-repeat scroll 0 0 transparent;  
  background-position: 20px 0px;
  width: 200px;
  height: 200px;
}


div#tab02b a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/cago01.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 200px;
  height: 200px;
}



/* --------------------------------------------------------------------- */
/* About - ↑右フローティングバナー 酵素30g専用　ここまで*/
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- */
/* About - 右フローティングバナー デコラーゲンラクーポン専用*/
/* --------------------------------------------------------------------- */

div#tab01c{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  200px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab01c a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/coupon06d.gif") no-repeat scroll 0 0 transparent;  
  background-position: 20px 0px;
  width: 200px;
  height: 200px;
}


div#tab01c a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/coupon06d.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 200px;
  height: 200px;
}


/* --------------------------------------------------------------------- */
/* About - ↑右フローティングバナー デコラーゲンラクーポン専用　ここまで*/
/* --------------------------------------------------------------------- */





div#tab02{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  400px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab02 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/bankan01b.gif") no-repeat scroll 0 0 transparent;  
  background-position: 20px 0px;
  width: 150px;
  height: 200px;
}


div#tab02 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/bankan01b.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 200px;
}



div#tab03{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  600px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab03 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/rflo_1708_9b.gif") no-repeat scroll 0 0 transparent;  
  background-position: 20px 0px;
  width: 150px;
  height: 200px;
}


div#tab03 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/rflo_1708_9b.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 200px;
}


/* --------------------------------------------------------------------- */
/*スーパーセール特設ページ用ナビ*/
/* --------------------------------------------------------------------- */

/*お買い得クーポン*/
div#nav01{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  150px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav01 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi01.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav01 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi01.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*エントリーはこちら*/
div#nav02{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  230px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav02 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi02.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav02 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi02.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*ジューシーみかん*/
div#nav03{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  310px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav03 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi03.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav03 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi03.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*ひのひかり*/
div#nav04{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  390px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav04 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/ss_coupon02_leftb.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav04 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/ss_coupon02_leftb.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*うれしい酵素*/
div#nav05{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  470px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav05 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi05.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav05 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi05.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*日替わりアイテム*/
div#nav06{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  550px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav06 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi06.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav06 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi06.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*旬の食*/
div#nav07{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  630px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav07 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi07.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav07 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi07.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}

/*地の食*/
div#nav08{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  710px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav08 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi08.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav08 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi08.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}


/*健美の素*/
div#nav09{
  width: 150px;
  height: 100px;
  position: absolute;
  top:  790px;
  right: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#nav09 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi09.gif") no-repeat scroll 0 0 transparent;  
  background-position: 5px 0px;
  width: 150px;
  height: 100px;
}


div#nav09 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/navi09.gif") no-repeat scroll 0 0 transparent;
  background-position: -3px 0px;  
  width: 150px;
  height: 100px;
}


/* --------------------------------------------------------------------- */
/*スーパーセール特設ページ用ナビここまで*/
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* About - 左フローティングバナー */
/* --------------------------------------------------------------------- */
	

div#tab04{
  width: 150px;
  height: 180px;
  position: absolute;
  top:  200px;
  left: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab04 a#event1 {
  outline:none;
  display: block;
  /*background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/dekomi_left_999.gif") no-repeat scroll 0 0 transparent;*/
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/dekomi_left_999.gif") no-repeat scroll 0 0 transparent;  
  background-position: -21px 0px;
  width: 150px;
  height: 200px;
}


div#tab04 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/dekomi_left_999.gif") no-repeat scroll 0 0 transparent; 
  background-position: 4px 0px;  
  width: 150px;
  height: 200px;
}





div#tab05{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  400px;
  left: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab05 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/coupon_mar0208.gif") no-repeat scroll 0 0 transparent;  
  background-position: -21px 0px;
  width: 150px;
  height: 200px;
}


div#tab05 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/coupon_mar0208.gif") no-repeat scroll 0 0 transparent;
  background-position: 4px 0px;  
  width: 150px;
  height: 200px;
}



div#tab06{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  600px;
  left: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab06 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/201610eagles_coupon2.gif") no-repeat scroll 0 0 transparent;  
  background-position: -21px 0px;
  width: 150px;
  height: 200px;
}


div#tab06 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/201610eagles_coupon2.gif") no-repeat scroll 0 0 transparent;
  background-position: 6px 0px;  
  width: 150px;
  height: 200px;
}

div#tab07{
  width: 150px;
  height: 200px;
  position: absolute;
  top:  800px;
  left: -4px;
  text-indent:-9999px;
  z-index:9999;
  position: fixed;
}



div#tab07 a#event1 {
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_150704mar_left01.gif") no-repeat scroll 0 0 transparent;  
  background-position: -21px 0px;
  width: 150px;
  height: 200px;
}


div#tab07 a#event1:hover{
  outline:none;
  display: block;
  background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_150704mar_left01.gif") no-repeat scroll 0 0 transparent;
  background-position: 6px 0px;  
  width: 150px;
  height: 200px;
}

/*------------------------------------------------------*/
/*左フローティングバナー*/
/*マウスを乗せるとで右に動く。滑らか*/
/*------------------------------------------------------*/

div#tab04b a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/r_floot_50off_1701b.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 140px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab04b a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/r_floot_50off_1701b.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 140px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}



div#tab04c a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/rflo_100off1708.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 140px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab04c a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/rflo_100off1708.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 140px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}




div#tab05b a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_21zak01_leftp10.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 295px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab05b a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_21zak01_leftp10.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 295px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}



div#tab05c a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/rflo_50y1803a.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 450px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab05c a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/rflo_50y1803a.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 450px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}





div#tab06b a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_21zak01_leftp10.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 605px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab06b a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_21zak01_leftp10.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 605px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}




div#tab07b a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_wchia_left.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 605px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}



div#tab07b a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_wchia_left.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 605px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}


div#tab08b a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_syuimoi_left.gif") no-repeat scroll transparent;	
	background-position: -270px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 760px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab08b a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_syuimoi_left.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 760px;/*バナー上下位置指定*/
	left: 0px;
	text-indent:-9993px;
}



/*------------------------------------------------------*/
/*右フローティングバナー*/
/*マウスを乗せるとで右に動く。滑らか*/
/*------------------------------------------------------*/

div#tab01_right a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_goen01_rightb.gif") no-repeat scroll transparent;	
	background-position: 0px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 295px;/*バナー上下位置指定*/
	right: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab01_right a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_goen01_rightb.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 295px;/*バナー上下位置指定*/
	right: 0px;
	text-indent:-9993px;
}


div#tab02_right a {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_ksuika01_right.gif") no-repeat scroll transparent;	
	background-position: 0px 0px;/*画像の位置指定マウスオーバー前はマイナス値で隠しておく*/
	width:80px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; /* どのブラウザでも動かすための記述 chrome,safari*/
	-moz-transition: all 0.3s ease; /*←firefox*/
	-o-transition: all 0.3s ease; /*←opera*/
	position: fixed; 
	top: 450px;/*バナー上下位置指定*/
	right: 0px;
	text-indent:-9993px;
	z-index:9999;
}

div#tab02_right a:hover {
	outline:none;
	display: block;
	background: url("https://image.rakuten.co.jp/kumamoto-food/cabinet/floating/01_ksuika01_right.gif") no-repeat scroll 0px 0px transparent;
	background-position: 0px 0px;/*画像の位置指定マウスオーバー後は画像幅に合わせて調整する*/
	width:350px;/* 画像の横幅 */
	height:150px;/* 画像の縦幅 */
    -webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease;
	position: fixed; 
	top: 450px;/*バナー上下位置指定*/
	right: 0px;
	text-indent:-9993px;
}




/* --------------------------------------------------------------------- */
/*  偽カゴ */
/* --------------------------------------------------------------------- */

.bt-kago {
	padding: 5px;
	vertical-align: bottom;
}







/* --------------------------------------------------------------------- */
/* salenavi - セールページトップナビ01 */
/* --------------------------------------------------------------------- */

#salenavi{
	background:url(https://image.rakuten.co.jp/kumamoto-food/cabinet/campaign/sale/navi02.gif) repeat-x;
	width:100%;
	height:189px;
	text-align: center;
	position:fixed;
	left:0;
	top:0;
	z-index: 999;
}


#salenavi ul{
margin: auto;
text-align: center;
padding-top: 6px;
width: 1080px;
}
#salenavi li{
display:inline;
padding: 13px 0px 0 18px;
}




/* --------------------------------------------------------------------- */
/* salenavi - セールページトップナビ02 */
/* --------------------------------------------------------------------- */

#head_fix {
position: fixed;
background:#e10000;
margin: 0 0 0 ;
width: 100%;
height:102px;
top: 0;
z-index: 9999999999;
box-shadow: #e10000 0px 0px 8px;
}
#head_fix img {
border: none;
padding: 0;
}

#sale-topimg {
padding-top:120px;
display: block;
margin-left: auto;
margin-right: auto;

}



/* --------------------------------------------------------------------- */
/* salenavi - セールページトップナビ03 */
/* --------------------------------------------------------------------- */

#head_fix03 {
position: fixed;
background:#000000;
margin: 0 0 0 ;
width: 100%;
height:105px;
top: 0;
z-index: 9999999999;
box-shadow: #fff000 0px 0px 8px;
}
#head_fix img {
border: none;
padding: 0;
}

#sale-topimg {
padding-top:120px;
display: block;
margin-left: auto;
margin-right: auto;

}


/* --------------------------------------------------------------------- */
/* dropmenu - ドロップメニュー01 */
/* --------------------------------------------------------------------- */

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1080px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #6e7c0c;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
}
.dropmenu li a:hover{
  background: #616d0b;
}








.kf_scroller{
    padding: 0px;
    margin: 0px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.kf_scroller .kf_scroller_nav{
    position: absolute;
}
.kf_scroller .kf_scroller_nav li{
    cursor: pointer;
    position: absolute;
}
.kf_scroller .kf_scroller_mask{
    position: absolute;
    margin-left: 30px;
    margin-right: 30px;
    overflow: hidden;
}
.kf_scroller ul{
    padding: 0px;
    margin: 0px;
    float: left;
}
.kf_scroller ul li{
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
	margin-Bottom: 12px;
    list-style: none;
    float: left;
    text-align: center;
    display:inline;
}
.kf_scroller ul li a{
    text-decoration: none;
}
.kf_scroller ul li a kf_scroller_title{
	overflow:hidden;
}
.kf_scroller ul li a:hover{
    text-decoration: underline;
}
.kf_scroller ul li a img{
    border: none;
}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}



#sp_footer b {
     display: block;
     width: 100%;
     height: 38px;
     line-height: 38px;
     margin: 0;
     padding: 0;
     position: fixed;
     bottom: 0;
     right: 0;
     color: #FFF!important;
     text-align: center;
     font-weight: bold;
     background-color: rgba(255,122,34,0.7);
     z-index: 999999999;
}


#sp_footer a {
	display:block;
	width:100%;
	height:auto;
	line-height:0;
	margin:0;
	padding:0;
	position:fixed;
	bottom:0;
	right:0;
	color:#FFF !important;
	text-align:center;
	font-weight:bold;
	background-color:rgba(255,103,134,1);
	z-index:2147483647;
}

/*#floatFooter a img {
	width:100%;
	height:auto;
}*/



/*アコーディオン
-------------------------------------*/
li{
list-style: none;
cursor: pointer;
}
 
ul.acordion{
background: #ffffff;
border-right: solid 1px #808080;
border-left: solid 1px #808080;
margin: 10px;
padding: 0;
}
 
ul.acordion li {
border-bottom: solid 1px #808080;
}
 
ul.acordion li:first-child {
border-top: solid 1px #808080;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 5px;
text-decoration: none;
}
 
ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 5px;
}
 
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 5px;
}
 
@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{ background: url(trigger-arrow.png) no-repeat 96% 50%; }
ul.acordion li .active-submenu{ background: url(triggeractive-arrow.png) no-repeat 96% 50%; }
}



/*ページトップへ
-------------------------------------*/
#pageTop span{
display: block;
overflow: hidden;
width: 14px;
height: 12px;
background: url(https://ishoten.com/images/up.png) no-repeat center center;
}
#pageTop{
border: 0px solid #000;
background: #999;
text-shadow: 0 1px 0 #333;
color:#fff;
padding: 16px 19px;
position:fixed;
bottom: 20px;
right: 20px;
top: auto;
left: auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-icab-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1);
}
#pageTop:hover{
transition: all .3s;
opacity: 0.8;
filter: alpha(opacity=80);
}




/* fade-in
------------------------- */
#field1 {background: #fff;}
 
.scrEvent {
    padding: 20px;
    height: 129px;
    text-align: left;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    display: none;
}


/* wideslider
------------------------- */

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
 
.wideslider ul li img {
	width: 100%;
	display: none;
}
 
.wideslider_base {
	top:0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
 
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}
 
.pagination {
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}
 
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
 
 
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
 
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}





$(function() {
    $('#nav4 li img')
    .hover(
        function(){
            $(this).stop().animate({
                'width':'130px',
                'height':'130px',
                'marginTop':'-32px'
            },'fast');
        },
        function () {
            $(this).stop().animate({
                'width':'70px',
                'height':'70px',
                'marginTop':'0px'
            },'fast');
        }
    );
});




#nav4 ul{
margin: 0 20px; 
padding: 0; 
list-style: none;
}

#nav4 li{ 
display: inline; 
padding: 0; 
margin: 0 20px; 
float: left;
}


/*スライダーサムネイル
-------------------------------------*/

.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50);  
}  
.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
}  




/*戻るボタン処置01
-------------------------------------*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=100);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=90);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*戻るボタン処置02
-------------------------------------*/


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}






/*見出しスライド
-------------------------------------*/

h4  {  
    font-size: 116.6%;  
    margin: 10px 10px 5px 10px;  
    color:#FFF;  
}  
.boxgrid    {   
    width: 450px;   
    background: #161613;   
    height: 300px;  
    margin-bottom: 20px;   
    border: solid 5px #555;   
    overflow: hidden;   
    position: relative;  
}  
.boxgrid img{   
    position: absolute;   
    top: 0;   
    left: 0;  
}  
.boxgrid p{   
    padding: 0 10px;   
    color: #afafaf;   
    font-weight:bold;   
}  
      
.boxcaption{   
    float: left;   
    position: absolute;   
    background: #000;   
    height: 100px;   
    width: 100%;   
    opacity: .8;   
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}  
.captionfull .boxcaption {  
    top: 300px;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 265px;  
    left: 0;  
}  




/* パラ画像 ---------------------------- */
#topics .para {
	position: relative;
	height: 300px;
	z-index: 9999;
}
#topics .inner {
	height: 300px;
	padding: 0 60px;
	position: relative;
}
#topics .para h2 {
	position: absolute;
	top: 300px;
	left: 0px;
	height: 300px;
	width: 640px;
}



/* バナーフェードイン ---------------------------- */

.slide-banner {
	font-size:35px;
	width:1080px;
	height:270px;
	text-align:center;
	margin:100px auto;
	padding:100px 0 0;
	background:#fff;
	color:#999999;
}




/*カウントダウンタイマー
-------------------------------------*/


.yycountdown-box{
  text-align:center;
  margin:10px 0;
  color:#000000;
}
 
#timerOlympic .yycountdown-box .yyc-day{
  font-size:3.0em;
  color:#0085C7;
}
#timerOlympic .yycountdown-box .yyc-hou{
  font-size:3.0em;
  color:#F4C300;
}
#timerOlympic .yycountdown-box .yyc-min{
  font-size:3.0em;
  color:#009F3D;
}
#timerOlympic .yycountdown-box .yyc-sec{
  font-size:3.0em;
  color:#DF0024;
}
 
#timerOlympic .yycountdown-box .yyc-day-text,
#timerOlympic .yycountdown-box .yyc-hou-text,
#timerOlympic .yycountdown-box .yyc-min-text,
#timerOlympic .yycountdown-box .yyc-sec-text{
  font-size:1.0em;
}




/*グローバルナビをスクロール時に固定
-------------------------------------*/
#globalNavi{
	width: 100%;
	background:#c40000;
}
#globalNavi ul li a{
	background:#c40000;
	width: 10%;
	float: left;
	padding:20px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #c40000;
	box-sizing: border-box;
}
#globalNavi ul li a:hover{
	background:#333;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}



/*モーダルウィンドウ
-------------------------------------*/


.modal-wrap{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
.modal-wrap .modal-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: fixed;
	background: #000;
	opacity: 0.5;
	z-index: 2147483650;
}
.modal-wrap .modal-countent {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 2147483651;
	margin:auto;
	padding:12px;
	display: block;
	background: #fff;
	text-align:center;
}
.modal-wrap .close-icon{
	position:absolute;
	top:8px;
	right:8px;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#777;
}
.modal-wrap .close-btn{
	position:absolute;
	bottom:8px;
	left:0;
	right:0;
	text-decoration:none;
	font-size:12px;
	display:block;
	padding:2px 0;
	margin:0 auto;
	width:100px;
	background:#777;
	color:#FFF;
	border-radius:4px;
	text-align:center;
}
.modal-wrap:target {
	display:block;
}


/*PCでは表示させるけど、スマホでは表示
-------------------------------------*/

@media only screen and (max-device-width : 480px){
.spNone {       display:none;}
.gazou { 
 		  width:100%;
  	}

}