@charset "UTF-8";
/*
=====================================================================
*
*    Reset
*
* =================================================================== 
*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	text-align: center;
	font-size:77%;
	line-height:1.4;
	color:#4D4D4D;
}
html,a,form,area,div,table,dl,dt,dd,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}
img			{ border:none; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
ul,li		{ list-style: none; }

a			{ color:#666; text-decoration: none; }
a:hover,
a:focus		{ color:#00C; text-decoration: none; }

/*
=====================================================================
*
*    全ページ共通
*
* =================================================================== 
*/

/* -----------------------------------------------------------------
 body
------------------------------------------------------------------ */
body{ background-color:#FFFFFF; }

/* -----------------------------------------------------------------
 Bg
------------------------------------------------------------------ */
#BgTop { width:100%; height:1200px; background: url(../images/all_back.gif) repeat-x left top; }
#BgMelon { width:100%; height:1770px; background: url(../images/melon/images/melon_01.gif) repeat-x left top; }
#BgYaoya { width:100%; height:1630px; background: url(../images/yaoya/images/yaoya_01.gif) repeat-x left top; }
#BgForm { width:100%; height:1010px; background: url(../images/form/form_back.gif) repeat-x left top; }
#BgFormYaoya { width:100%; height:1240px; background: url(../images/form_yaoya/background.gif) repeat-x left top; }
#BgFormMelon { width:100%; height:2100px; background: url(../images/form_melon/background.gif) repeat-x left top; }

/* -----------------------------------------------------------------
 Head
------------------------------------------------------------------ */
#Head{ width:960px; height:105px; margin:0 auto; }
	#Head h1{ width:185px; height:46px; float:left; margin-top:35px; margin-right:204px; padding-left:60px; }
		
/* @end */
/* @group NaviGlobal */
/*===============================================
NaviGlobal
===============================================*/
#NaviGlobal{
	width: 511px;
	height:80px;
	margin-top:11px;
	float:left;
}
#Top{
	width: 80px;
	margin-right:22px;
	float: left;	
	display: inline;
}
#Melon{
	width: 80px;
	margin-right:24px;
	float: left;	
	display: inline;
}
#Yaoya{
	width: 80px;
	float: left;	
	margin-right:22px;
	display: inline;
}
#Form{
	width: 80px;
	float: left;	
	margin-right:22px;
	display: inline;
}
#Blog{
	width: 80px;
	float: left;	
	display: inline;
}


#Top a,
#Melon a,
#Yaoya a,
#Form a,
#Blog a{
	display: block;
	height: 80px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#Top a{
	background-image: url(../images/btn/menu_top.gif);
	width: 80px;
}
#Melon a{
	background-image: url(../images/btn/menu_melon.gif);
	width: 80px;
}
#Yaoya a{
	background-image: url(../images/btn/menu_yaoya.gif);
	width: 80px;
}
#Form a{
	background-image: url(../images/btn/menu_inquiry.gif);
	width: 80px;
}
#Blog a{
	background-image: url(../images/btn/menu_blog.gif);
	width: 80px;
}

#Top a:hover,
#Melon a:hover,
#Yaoya a:hover,
#Form a:hover,
#Blog a:hover{
	background-position: 0px -80px;
}

/* -----------------------------------------------------------------
 Wrapper
------------------------------------------------------------------ */
#Wrapper{ width:960px; height:935px; margin:25px auto 32px; }
#TopWrapper{ width:920px; height:400px; margin:0 auto 24px; }
#SubWrapper{ width:920px; margin:0 auto; }
#MelonWrapper{ width:960px; height:1520px; margin:25px auto 32px; }
#YaoyaWrapper{ width:960px; height:1395px; margin:25px auto 25px; }

/* -----------------------------------------------------------------
 Flash
------------------------------------------------------------------ */
#Flash{ width:600px; height:400px; margin-right: 20px; float:left; display:inline; }
#Flash img{ padding-top:120px; }	

/* -----------------------------------------------------------------
 SubBox
------------------------------------------------------------------ */
#SubBox{ width:300px; float:left; }


#tweet-box{ width:300px; height:185px;}

/* -----------------------------------------------------------------
Harvest
------------------------------------------------------------------ */
#Harvest{
	width:300px;
	height:100px;
	margin-top:15px;
}
/* -----------------------------------------------------------------
Producer
------------------------------------------------------------------ */
#Producer{
	width:180px;
	height:468px;
	float:left;
	margin-right:20px;
	background: url(../images/producer_back.png) no-repeat 0 0;
}
#Producer h2{
	width:165px;
	border-bottom: #960 dotted 1px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:3px;
	padding-left:9px;
	padding-bottom:6px;
	text-align:left;
}
.producer-name{
	width:165px;
	margin:6px auto 4px;
	border-bottom: #960 dotted 1px;
	padding-bottom:3px;
}
.producer-subname{
	width:165px;
	margin:6px auto 4px;
	border-bottom: #960 dotted 1px;
	padding-bottom:3px;
}
.producer-link{
	width:165px;
	margin:6px auto 10px;
	border-bottom: #960 dotted 1px;
	padding-bottom:3px;
}
.producer-link2{
	width:165px;
	margin:6px auto 0;
	border-bottom: #960 dotted 1px;
	padding-bottom:3px;
}
/* -----------------------------------------------------------------
SubContents
------------------------------------------------------------------ */
#SubContents{
	width:720px;
	float:left;
}
	
/* -----------------------------------------------------------------
Topic
------------------------------------------------------------------ */
#Topic{ width:400px; text-align:left; margin-right:20px; float:left; display:inline;}

	#Topic ul{ width:400px; height:220px; overflow:auto;}
	#Topic ul li{
		height:40px;
		padding-top:15px;
		font-size:138.5%;
		text-indent:4em;
		background-image: url(../images/indent.gif);
		background-repeat:no-repeat;
		background-position:17px 17px;
		border-bottom: #063 dotted 1px;
	}
	#Topic ul li span{ margin-right:20px;}
	
/* -----------------------------------------------------------------
MelonBox
------------------------------------------------------------------ */
#MelonBox{
	width:300px;
	height:260px;
	background:url(../images/melon_back.png) no-repeat 0 0;
	float:left;
}
#MelonBox h2{
	text-align:left;
	margin:7px 0 5px 10px;
}
#MelonBox .melon-img{
	margin-bottom:10px;
}
#MelonBox .melon-txt{
	width:280px;
	text-align:left;
	margin:0 auto 8px;
	font-size:100%;
	color:#960;
}
/* -----------------------------------------------------------------
YaoyaBox
------------------------------------------------------------------ */
#YaoyaBox{
	width:720px;
	margin-top:19px;
}
#YaoyaBox h2{
		margin-bottom:14px;
}
.yaoya-img{
	margin-bottom:3px;
}
.yaoya-txt{
	text-align:left;
	margin-top:8px;
	float:left;
	width:516px;
	font-size:116%;
	color:#960;
}
/* -----------------------------------------------------------------
 Foot
------------------------------------------------------------------ */
#FootWrapper{ display:block; width:960px; margin:0 auto; }
	#Foot{ width:960px; height:20px; margin-bottom:20px; text-align:left;}
		#Copy{
				text-align:right;
		}
/* -----------------------------------------------------------------
 Melon
------------------------------------------------------------------ */
#ShibataProf{
	width:300px;
	float:left;
	display:inline;
}
#MelonInfo{
	width:920px;
	height:184px;
	margin:0 auto;
}
#SpecialBox{
	width:600px;
	float:left;
	display:inline;
	margin-right:20px;
}
#InfoBox{
	width:300px;
	height:184px;
	float:left;
}
.infomelon{
	width:300px;
	height:115px;
	margin-bottom:19px;
}
#MelonFlow{
	width:960px;
	height:891px;
	margin-top:20px;
	text-align:center;
}
#MelonFlow2{
	width:960px;
	height:803px;
	margin:20px auto 43px;
	text-align:center;
}
/* -----------------------------------------------------------------
 Yaoya
------------------------------------------------------------------ */
#YaoyaAll{
		width:960px;
		height:1374px;
}
/* -----------------------------------------------------------------
 Form
------------------------------------------------------------------ */
#BgForm h2,
#BgFormYaoya h2,
#BgFormMelon h2{ margin-top:40px; }
#NaviForm{ width:780px; height:50px; margin:25px auto; line-height:0; }
#NaviForm #BtnMelon a,
#NaviForm #BtnYaoya a{ margin-right:90px; }
#FormWrapper{ width:574px; margin:26px auto 35px; text-align:left; }
#FormWrapper2{ width:574px; margin:0 auto; text-align:left; }
#FormWrapper .form-text,
#FormWrapper2 .form-text{ padding-bottom:10px; margin-bottom:20px; font-size:108%; border-bottom:#666 dotted 2px; }
#FormWrapper p span,
#FormWrapper2 p span{ color:#00C; }
#FormWrapper table th,
#FormWrapper2 table th{
	text-align:left;
}
#FormYaoyaText{margin:15px auto 45px;}
.name{ width:136px; height:30px; background: url(../images/inquiry/bg_form1.gif) no-repeat ; font-size:125%; }

.addr{ width:405px; height:30px; background: url(../images/inquiry/inquiry_textbar.gif) no-repeat ; font-size:125%; }
.tel{ width:405px; height:30px; background: url(../images/inquiry/inquiry_textbar.gif) no-repeat ; font-size:125%; }
.mail{ width:405px; height:30px; background: url(../images/inquiry/inquiry_textbar.gif) no-repeat ; font-size:125%; }
.year,
.month,
.day,
.time{ width:70px; height:30px; background: url(../images/inquiry/inquiry_textbar.gif) no-repeat ; font-size:125%; }
.people{ width:70px; height:30px; background: url(../images/inquiry/inquiry_textbar.gif) no-repeat ; font-size:125%; }
textarea{ 
		width:404px; 
		height:210px; 
		font-size:125%;
		border:2px solid #A0A0A0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
.detail{ 
		width:404px; 
		height:160px; 
		font-size:125%;
		border:2px solid #A0A0A0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
textarea:focus,
textarea:hover {
	border:2px solid #03F;
}

/* -----------------------------------------------------------------
 Word
------------------------------------------------------------------ */
#WordWrapper{ width:960px; height:650px; margin:0 auto; overflow:auto; }
#NaviWord{	width:230px; height:650px; padding-right:15px; margin-right:27px; border-right:#06F solid 3px; float:left; text-align:left; }
#NaviWord .naviyear1{ margin-top:30px; padding-right:15px; margin-bottom:10px;}
#NaviWord .naviyear2{ margin-top:15px; padding-right:15px; margin-bottom:10px;}
#PastWord{ width:650px; float:left; }
#PastWord h2{ margin-top:30px; margin-bottom:20px; }
#Pasttext{ width:580px; height:460px; margin-right:15px; float:left; display:inline; background: url(../images/word/mat.gif) no-repeat left top; overflow:auto; }
#Pasttext img{ margin-top:10px;}
#Pasttext p{ width:540px; padding-top:20px; padding-left:20px; text-align:left; }
#Pastimg { width:50px; float:left; }
#Pastimg img{ margin-bottom:15px; }
.prev{ width:31px; float:left; display:inline; margin-left:235px;}
.next{ width:31px; float:right; display:inline; margin-right:325px;}
#NaviWord .naviyear1 a{
display:block;
width:215px;
background: url(../images/word/title_2007a.gif) no-repeat;
height:27px;
line-height:27px;
text-decoration:none;
text-align:center;}
#NaviWord .naviyear1 a:hover{ 
background: url(../images/word/title_2007b.gif) no-repeat;
}
#NaviWord .naviyear2 a{
display:block;
width:215px;
background: url(../images/word/title_2008a.gif) no-repeat;
height:27px;
line-height:27px;
text-decoration:none;
text-align:center;}
#NaviWord .naviyear2 a:hover{ 
background: url(../images/word/title_2008b.gif) no-repeat;
}
/* -----------------------------------------------------------------
 SiteMap
------------------------------------------------------------------ */
#SitemapWrapper{ width:870px; margin:30px auto 50px; }
#Sitemap h2{ margin-bottom:35px; }
#Sitemap ul{ width:740px; margin:0 auto; text-align:left; }
#Sitemap ul li span{ margin-left:50px; }
#Sitemap .sitemap-l{ height:30px; padding-bottom:8px; margin-bottom:22px; border-bottom:#666 dotted 2px; } 
#Sitemap .sitemap-lb{ height:80px; padding-bottom:8px; margin-bottom:22px; border-bottom:#666 dotted 2px; }
#Sitemap .sitemap-lb a span{ position:relative; top:-25px;}
#Sitemap .sitemap-lt{ height:70px; padding-bottom:8px; margin-bottom:22px; border-bottom:#666 dotted 2px; }
#Sitemap { margin-bottom:50px; }

#Link h2{ margin-bottom:42px; }
#Link ul{ width:720px; margin:0 auto; }
#Link .osakaishin{ width:220px; margin-right:30px; float:left; text-align:left; padding-bottom:8px; border-bottom:#666 dotted 2px; }
#Link .osakahugikai{ width:220px; margin-right:30px; float:left; text-align:left; padding-bottom:8px; border-bottom:#666 dotted 2px; }
#Link .osakahucyou{ width:220px; float:left; text-align:left; padding-bottom:8px; border-bottom:#666 dotted 2px; }
/* -----------------------------------------------------------------
 ProfWrapper
------------------------------------------------------------------ */
#ProfBack{width:960px; height:770px; margin:20px auto 0; background: url(../images/profile/background.gif) no-repeat left top;}
#ProfWrapper{ width:940px; height:694px; margin:0 auto 30px; text-align:left; background: url(../images/profile/background_02.gif) no-repeat left top; }
#ProfWrapper h2{ margin-top:15px; margin-bottom:10px; text-align:right; }
#ProfFlash{ width:355px; height:694px; float:left; }
#ProfBox{ width:550px; float:left; }
#ProfTxt{ width:510px; height:638px; display:inline; float:right; overflow:auto; }
#ProfBox p{ padding-left:15px; padding-bottom:8px; margin-bottom:8px; border-bottom:#666 dotted 2px; background: url(../images/common/point_s.gif) no-repeat left top; } 
#Kenryoku{ margin-top:30px; margin-bottom:20px; }
/* -----------------------------------------------------------------
 Tiny Accordion
------------------------------------------------------------------ */

#acc {width:215px; list-style:none; color:#033; padding-left:15px;}
#acc .acc-section {overflow:hidden; background:#fff}

/* -----------------------------------------------------------------
 Policy
------------------------------------------------------------------ */
#PolicyWrapper{ width:943px; height:2560px; margin:0 auto; text-align:left; }
#PolicyMain{width:657px; display:inline; margin-left:12px; margin-top:30px; float:left;}
#ScrollNavi{ width:250px; height:2560px; padding-right:5px; border-right: #06F solid 2px; float:left; }
#PtTop{ }
#Decide{ width:88px; margin-left:34px; margin-right:35px; display:inline; float:left;}
#NewCountry{ width:500px; float:left;}
#NewCountry h2{}
#NewCountry h3{ margin-top:20px; margin-bottom:15px;} 
#NewCountry .newcountry1 li,
#NewCountry .newcountry2 .newc-list2{ 
		padding-left:20px;
		font-size:131%; 
		padding-top:15px;
		padding-bottom:15px;
		margin-bottom:10px;
		background-image: url(../images/common/point_s.gif);
		background-repeat:no-repeat;
		background-position:0 20px;
		border-bottom: #666 dotted 2px;
}
#NewCountry .newcountry2 .newc-list1{ 
		padding-left:20px;
		font-size:131%; 
		padding-top:15px;
		padding-bottom:25px;
		margin-bottom:10px;
		background-image: url(../images/common/point_s.gif);
		background-repeat:no-repeat;
		background-position:0 20px;
		border-bottom: #666 dotted 2px;
}
#PtUnder{ width:650px; height:180px; border:#03C solid 2px; margin-top:16px; margin-bottom:95px;}
#PtUnder h3{ width:614px; margin:11px 0 10px 15px; padding-bottom:6px; border-bottom:#666 dotted 2px;}
#PtUnder p{width:614px; margin-left:15px; font-size:125%;}



#OneOsaka{ width:640px; margin:0 auto 140px;}
#OneOsaka h2{margin-bottom:40px;}
#OneOsaka p { margin-bottom:10px; font-size:125%;}


#Kazutomicafe{ width:640px; margin:0 auto;}
#Kazutomicafe h3{ margin-top:17px; margin-bottom:20px;}
#Kazutomicafe li{ 
		text-indent:2em;
		font-size:131%; 
		height:40px;
		margin-bottom:10px;
		background-image: url(../images/common/point_s.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		border-bottom: #666 dotted 2px;
}
#Kazutomicafe li img{ vertical-align:bottom; margin-left:10px; margin-right:10px;}  
#Kazutomicafe p{ font-size:131%; }

#Answer{ width:631px; height:150px; padding:9px 0 0 12px; border:#03C solid 2px; font-size:130%; margin-top:20px; overflow:auto;}
#Answer p img{ vertical-align:bottom; margin-left:10px; margin-right:10px; line-height:40px;}
.kazutomi-text{ margin-top:20px; margin-bottom:20px;}
/* -----------------------------------------------------------------
 Privacy-Policy
------------------------------------------------------------------ */
#PrivacyWrapper{
	width:880px; margin:45px auto 100px;
}
#PrivacyWrapper h2,
#PrivacyWrapper h3{
	margin-bottom:12px;
}
#Privacy{
	width:880px; 
	height:1760px; 
	margin:0 auto 40px;
	padding-top:40px;
	background:url(../images/privacy_policy/mat.gif);
	text-align:left;
	font-size:138.5%;
	overflow:auto;
}

.box{
	margin-bottom:31px;
}
.box p{
	width:730px;
	margin-left:70px;
	margin-bottom:10px;
}
.titleL{
	width:800px; margin-left:40px; padding-bottom:5px; border-bottom:#666 dotted 2px;
}
#PrivacyWrapper ol{
		margin-left:70px;
}
#PrivacyWrapper ol li{
	width:730px;
	padding-left:2em;
	padding-bottom:7px;
	margin-bottom:9px;
	border-bottom:#666 dotted 2px;
	background:url(../images/common/point_s.gif) no-repeat;
	background-position:0 7px;
}
#PrivacyWrapper #PrivacyInquiry li{
	width:266px;
	text-align:left;
	float:left;
}
#PrivacyWrapper #PrivacyInquiry li div{
	padding-bottom:5px;
	margin-bottom:7px;
	border-bottom:#666 dotted 2px;
}
#PrivacyWrapper #PrivacyInquiry .PrivacyInquiry{
	margin-right:41px;
}
#PrivacyWrapper #PrivacyInquiry li p{
	padding-left:2em;
	padding-bottom:5px;
	font-size:138.5%;
	border-bottom:#666 dotted 2px;
}

/* -----------------------------------------------------------------
 class
------------------------------------------------------------------ */

.red{ color: #CC0000; }

.flL	{ float:left; }
.flR	{ float:right; }
.alL	{ text-align:left; }
.alC	{ text-align:center; }
.alR	{ text-align:right; }
.mgB	{ margin-bottom:10px; }
.mgbSS	{ margin-bottom:5px; }
.mgbS	{ margin-bottom:10px; }
.mgbM	{ margin-bottom:30px; }
.mgbL	{ margin-bottom:50px; }
.mgb0	{ margin-bottom:0px; }
.mgb0	{ margin-bottom:0px; }

.fsS	{ font-size:110%; }
.fsM	{ font-size:120%; }
.fsL	{ font-size:130%; }
.fs10	{ font-size:10px; }

.sitemap-c a { width:84px; height:14px; background-image:url(../images/btn/btn_sitemap1.gif); background-position:0 0; background-repeat:no-repeat; }
.sitemap-c a:hover { width:84px; height:14px; background-image:url(../images/btn/btn_sitemap2.gif); background-position:0 0; background-repeat:no-repeat; }

.home-c a { width:42px; height:13px; background-image:url(../images/btn/btn_top1.gif); background-position:0 0; background-repeat:no-repeat; }
.home-c a:hover { width:42px; height:13px; background-image:url(../images/btn/btn_top2.gif); background-position:0 0; background-repeat:no-repeat; }

.inquiry-c a { width:83px; height:14px; background-image:url(../images/btn/btn_inquiry1.gif); background-position:0 0; background-repeat:no-repeat; }
.inquiry-c a:hover { width:83px; height:14px; background-image:url(../images/btn/btn_inquiry2.gif); background-position:0 0; background-repeat:no-repeat; }

.privacy-c a { width:138px; height:14px; background-image:url(../images/btn/btn_privacy_policy1.gif); background-position:0 0; background-repeat:no-repeat; }
.privacy-c a:hover { width:138px; height:14px; background-image:url(../images/btn/btn_privacy_policy2.gif); background-position:0 0; background-repeat:no-repeat; }
/* -----------------------------------------------------------------
 Btn
------------------------------------------------------------------ */
#PageTop a{
	margin-top:20px;
	margin-left:846px;
	display: block;
	height: 21px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#PageTop2 a{
	margin-left:846px;
	display: block;
	height: 21px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.melon-detail a{
	display: block;
	float:left;
	display:inline;
	margin-left:5px;
	margin-right:10px;
	height: 30px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.melon-order a{
	display: block;
	float:left;
	display:inline;
	height: 30px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}	
.yaoya a{
	display: block;
	float:left;
	margin-left:40px;
	display:inline;
	height: 30px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.melon-appo a{
	display: block;
	height: 50px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#BtnMelon a,
#BtnYaoya a,
#BtnForm a{
	display: block;
	height: 50px;
	float:left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.form a{
	float:left;
	width:79px;
	margin-left:20px;
}
.rule a{
	float:left;
	width:68px;
	margin-left:30px;
}

#PageTop a span,
#PageTop2 a span{
	height:21px;
}
.melon-detail a span,
.melon-order a span,
.yaoya a span{
	height:30px;
}
.melon-appo a span,
#BtnMelon a span,
#BtnYaoya a span,
#BtnForm a span{
	height:50px;
}

#PageTop a,
#PageTop2 a{background-image: url(../images/btn/pagetop.jpg); width: 114px;}
.melon-detail a{background-image: url(../images/btn/tomelon.jpg); width: 140px;}
.melon-order a{background-image: url(../images/btn/melonreserved.jpg); width: 140px;}
.yaoya a{background-image: url(../images/btn/reserved.jpg); width: 140px;}
.melon-appo a{background-image: url(../images/btn/melonreserved2.jpg); width: 300px;}
#BtnMelon a{background-image: url(../images/btn/btn_melon.jpg); width: 200px;}
#BtnYaoya a{background-image: url(../images/btn/btn_yaoya.jpg); width: 200px;}
#BtnForm a{background-image: url(../images/btn/btn_form.jpg); width: 200px;}

#PageTop a:hover,
#PageTop2 a:hover{
	background-position: 0px -21px;
}
.melon-detail a:hover,
.melon-order a:hover,
.yaoya a:hover{
	background-position: 0px -30px;
}
.melon-appo a:hover,
#BtnMelon a:hover,
#BtnYaoya a:hover,
#BtnForm a:hover{
	background-position: 0px -50px;
}


/*
=====================================================================
*
*    画像置換
*
* =================================================================== 
*/
/*------------for MacIE------------------------*/

#HeadTop ul li a span,
#NaviGlobal span,
#Foot ul li span,
#Foot .logo span,
#PageTop a span,
#PageTop2 a span,
.inquiry a span,
.melon-detail a span,
.melon-order a span,
.yaoya a span,
.melon-appo a span,
#BtnMelon a span,
#BtnYaoya a span,
#BtnForm a span{
	text-indent:-9999px;
}

/*------------Hides from IE-mac----------------\*/

#HeadTop ul li a span,
#NaviGlobal span,
#Foot ul li span,
#Foot .logo span,
#PageTop a span,
#PageTop2 a span,
.melon-detail a span,
.melon-order a span,
.yaoya a span,
.melon-appo a span,
#BtnMelon a span,
#BtnYaoya a span,
#BtnForm a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
	left: -7px;
}

/*
=====================================================================
*
*    clearfix
*
* =================================================================== 
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */
/* @end */
/* @group Font-Sizer Specific Styling */
/*===============================================
Font-Sizer Specific Styling
===============================================*/
.fsizer { } /* Container element */

.fsizer a { float: left; margin-right: 5px; cursor: pointer; }
.fsizer a:hover { text-decoration: none; }

/* Three 'A' links used to control size */

.fsizer a#fs_sml { width: 20px; height: 20px; background-image:url(../images/btn_fontsize_s1.gif); background-position:0 0; background-repeat:no-repeat; }
.fsizer a#fs_sml:hover { width: 20px; height: 20px; background-image:url(../images/btn_fontsize_s2.gif); background-position:0 0; background-repeat:no-repeat; }
.fsizer a#fs_med { width: 20px; height: 20px; background-image:url(../images/btn_fontsize_m1.gif); background-position:0 0; background-repeat:no-repeat; }
.fsizer a#fs_med:hover { width: 20px; height: 20px; background-image:url(../images/btn_fontsize_m2.gif); background-position:0 0; background-repeat:no-repeat; }
.fsizer a#fs_lrg { width: 20px; height: 20px; background-image:url(../images/btn_fontsize_l1.gif); background-position:0 0; background-repeat:no-repeat; }
.fsizer a#fs_lrg:hover { width: 20px; height: 20px; background-image:url(../images/btn_fontsize_l2.gif); background-position:0 0; background-repeat:no-repeat; }

.fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */

/*===============================================
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
===============================================*/

/*▼  メニューブロック  ▼*/
#menubox {
  width: 250px;      /* メニューの横幅＋10 */
  height: 450px;      /* （メニューの高さ＋メニューとメニューの間隔）×メニュー項目数 */ /* 15px:上部余白 5px:下部余白（15-メニュー間隔） */
}
#menubox ul{
  width:240px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
#menubox ul li{
  margin-bottom:10px;    /* メニューとメニューの間隔 */
}




#pageTop{
        position:fixed;
        width:15%;
        height:20%;
        right:1%;
        bottom:10%;
}