@charset "Shift_JIS";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}

img { 
border: none;
padding: 0;
margin: 0;
vertical-align: bottom;
}

hr { 
display: none;
height: 0px;
clear: both;
}


h1,h2,h3,h4,h5,h6,p,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
}

a {
text-decoration: none;
}


.clear {
vertical-align: bottom;
clear: both;
}


/*a:hover {
text-decoration: underline;
}
*/
/*a:visited {
color: #909;
}*/

/* style ressetココまで */


#container {
display: block;
	width: 770px;
	height: auto;
	background: url(../images/common/bg_kage.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	clear: both;
}


/*ヘッダーstart*/

#haeder {
display: block;
width: 770px;
height: 70px;
clear: both;
}




#key {
display: block;
width: 770px;
height: 20px;
background: url(../images/poppage_bg_key_area.gif) no-repeat;
text-indent: 10px;
font-size: 10px;
line-height: 20px;
color: #cc9;
clear: both;
}

#haeder h1 {
display: block;
width: 770px;
height: 50px;
background: url(../images/poppage_logo2.gif) no-repeat;
text-indent: -9999px;
}



/*ヘッダーend*/








/*Add start*/

#add {
display: block;
position: relative;
width: 760px;
height: 92px;
margin: 0px auto;
background: url(../images/common/bg_footer.gif) repeat-x;
}

#add span#contacttit, #add span#corpname, address {
	display: block;
	position: absolute;
	margin: 29px 0 0 0;
	height: 63px;
	text-indent: -9999px;
	
}

#add span#contacttit {
width: 176px;
background:url(../images/common/conttit.gif) no-repeat;
left: 0px;
top: 0px;
}


#add span#corpname {
width: 181px;
background: url(../images/common/corp_name.jpg) no-repeat;
left: 176px;
top: 0px;
}


address {
margin: 39px 0 0 0;
width: 403px;
height: 53px;
left: 357px;
top: 0px;
text-indent: 0px;
vertical-align: middle;
line-height: 14px;
font: "ＭＳ Ｐゴシック", Osaka;
font-size: 12px;
color:#333;
}

/*Add end*/


#mapz {

}


#maparea {
margin: 30px auto 0px;
display: block;
width: 600px;
height: 550px;
text-align: center;
}


a#maplink {
margin: 0px auto 20px;
display: block;
width: 600px;
font-size: 10px;
line-height: 1.5em;
}




.close {
display: block;
margin: 10px auto;
padding: 0 0 10px 0;
width: 162px;
height: 26px;
text-indent: -9999px;
background: url(../images/common/com_bt_close.gif) no-repeat;
}

/*フッターstart*/


#footer {
display: block;
width: 770px;
height: 29px;
background: url(../images/common/footer.gif) no-repeat;
text-indent: -9999px;
clear: both;
}

/*フッターend*/




/*mondページ設定*/


#mondtitle {
display: block;
position: relative;
width: 770px;
	height: 206px;
	margin: 0 0 25px 0;
	background: url(../images/mondpage_topim.jpg) no-repeat;
}

#mond {
	text-indent: -9999px;
	}
	
	
#mondtitle a {
	display: block;
	position: absolute;
	z-index: 1;
	width: 156px;
	height: 21px;
	text-indent: -9999px;
	background: url(../images/mondpage_topim.jpg) -594px -179px;
	top: 179px;
	left: 594px;
}


#mondtitle a:hover {
	background: url(../images/mondpage_topim.jpg) -593px -178px;
}


#jyusyobox {
display: block;
margin: 0 auto 20px;
width: 722px;
background: url(../images/mondo_framebg.gif) repeat-y;
clear: both;
}


#jyusyobox_frame {
display: block;
width:722px;
padding-bottom: 168px;
background: url(../images/mondopage_framebottm.jpg) no-repeat bottom;
}


#jyusyoleft {
display: block;
float: left;
width: 334px;
clear: left;
}

#jyusyoright {
display: block;
float: right;
width: 363px;
clear: right;
}

#jyusyobox h3 {
display: block;
margin: 0 0 25px 0;
width: 722px;
height: 250px;
background: url(../images/mondo_tateimg.jpg) no-repeat;
text-indent: -9999px;
}


#jyusyobox_frame h4 {
display: block;
width: 310px;
margin: 0 auto 15px 25px;
font: bold 16px/1.2em "ＭＳ Ｐゴシック", Osaka;
color: #039;
}

#jyusyobox_frame p {
display: block;
width: 310px;
margin: 0 auto 15px 25px;
font: 12px/1.5em "ＭＳ Ｐゴシック", Osaka;
color: #666;
}


#jyusyobox_frame a {
display: block;
float: left;
width: 110px;
height: 30px;
text-indent: -9999px;
}

#jyusyobox_frame a#whatwoo {
margin: 25px 15px 25px 25px;
background: url(../images/poppage_woobt.gif) 0 0;
}


#jyusyobox_frame a#woobuy {
margin: 25px 15px 25px 0px;
background: url(../images/poppage_woobt.gif) -121px 0;
}


#jyusyobox_frame a#whatwoo:hover {
background: url(../images/poppage_woobt.gif) 0 -30px;
}


#jyusyobox_frame a#woobuy:hover {
background: url(../images/poppage_woobt.gif) -121px -30px;
}



#jyusyobox_frame img {
display: block;
width: 338px;
height: 245px;
margin-right: 25px;
vertical-align: bottom;
}


#whatmond {
display: block;
width: 720px;
margin: 15px auto;
padding-bottom: 150px;
clear: both;
background: url(../images/mondopage_allbottm.jpg) no-repeat bottom;
}

h3#whatsmond {
display: block;
width: 740px;
height: 100px;
background: url(../images/tit_mondo.jpg) no-repeat;
margin: 25px auto 20px;
text-indent: -9999px;
clear: both;
}


#whatmond_right {
display: block;
float: right;
width: 455px;
clear: right;
}

#whatmond_left {
display: block;
float: left;
width: 240px;
clear: left;
}

#whatmond_left img {
display: block;
width: 240px;
margin: 0 0 10px 0;
clear: both;
}


#whatmond_right h5 {
display: block;
width: 450px;
height: 25px;
border-bottom: dotted 1px #690;
border-left: solid 5px #690;
font: bold 12px/25px "ＭＳ Ｐゴシック", Osaka;
color: #360;
text-indent: 10px;
margin: 0 0 15px 0;
}


#whatmond_right p {
font: 12px/1.5em "ＭＳ Ｐゴシック", Osaka;
color: #333;
margin-bottom: 25px;
}


.pagetop {
display: block;
margin: 30px auto 0 578px;
padding: 0 0 30px 0;
width: 162px;
height: 26px;
clear: both;
text-indent: -9999px;
background: url(../images/common/com_bt_top.gif) no-repeat;
}



#popad {
display: block;
width: 730px;
margin: 30px auto 0;
clear: both;
vertical-align: bottom;
}


/*ダイレクトショップバナー設定*/
#ds {
	display: block;
	float: left;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	width: 230px;
	height: 146px;
	background: url(../images/dshop.jpg) no-repeat;
	overflow: hidden;
}

#ds a {
display: block;
width: 230px;
height: 146px;
background: url(../images/dshop.jpg) no-repeat;
border: 0;
}

#ds a:hover {
background: url(../images/dshop.jpg) no-repeat 0 -146px;
}



dd#dscopy {
text-indent: -9999px;
}

/*ダイレクトショップバナー設定end*/


/*トップページ烏龍茶・モンド設定*/
#popwoo_ct {
	display: block;
	float: right;
	position: relative;
	margin: 0;
	padding: 0;
	width: 485px;
	height: 140px;
	background: url(../images/poppage_woo.jpg) no-repeat;
	overflow: hidden;
	margin: 0 auto 15px;
}


#popmond_ct {
display: block;
float: left;
position: relative;
margin: 0;
width: 480px;
height: 200px;
background: url(../images/top_leftmond.jpg) no-repeat;
overflow: hidden;
margin: 0 auto 15px;
}


dt {
text-indent: -9999px;
}

dd#popwoocopy {
	display: block;
	position: absolute;
	width: 202px;
	height: 67px;
	font-size: 11px;
	line-height: 1.3em;
	color: #333;
	left: 271px;
	top: 13px;
}


a#woolink {
	display: block;
	position: absolute;
	width: 230px;
	height: 40px;
	left: 254px;
	top: 100px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/poppage_woo.jpg) -254px -100px;
	overflow: hidden;
}

a#woolink:hover {
background-position: -254px -240px;
}


dd#topmondcopy {
	display: block;
	position: absolute;
	width: 303px;
	height: 97px;
	font-size: 12px;
	line-height: 1.4em;
	color: #333;
	left: 147px;
	top: 54px;
}

a#mondlink {
	display: block;
	position: absolute;
	width: 323px;
	height: 40px;
	left: 135px;
	top: 162px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../images/top_leftmond.jpg) -135px -162px;
	overflow: hidden;
	font-size: 0px;
	color: #FFF;
}

a#mondlink:hover {
background-position: -135px -202px;
}

/*トップページ烏龍茶・モンド設定end*/