@charset "Shift_JIS";


/* reset
----------------------------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul {
list-style: none;
}


/* headline
----------------------------------- */

h2 {
background:url(../img/bg_h2.jpg) no-repeat;
width:785px;
height:50px;
text-align:left;
padding:20px 0 0 0;
	font-size:18px;
	font-weight:bold;
	clear:both;
	color:#444;
	text-indent:36px;
	letter-spacing:2px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
}


h3 {
background:url(../img/bg_h3.jpg) no-repeat;
margin-top:10px;
height:35px;
text-align:left;
padding:20px 0 0 0;
	font-size:16px;
	font-weight:bold;
	clear:both;
	color:#333;
	text-indent:36px;
	letter-spacing:2px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
}



h4 {
background:url(../img/bg_h4.jpg) no-repeat;

height:35px;
text-align:left;
padding:20px 0 0 0;
	font-size:13px;
	font-weight:bold;
	clear:both;
	color:#333;
	text-indent:36px;
	letter-spacing:2px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
	}

blockquote {
	margin:5px 20px 5px 30px;
	padding:10px;
	font-size:100%;
	border:1px solid #61B062;
	background-color:#f6f6f6;
	vertical-align:middle;
	clear:both;
	text-align:left;
	}
	
blockquote span {
	border:#ccc 1px solid;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:3px;
	margin-right:10px;
	height:15px;
	font-size:11px;


}





/* body
----------------------------------- */

body {
	margin:0;
	padding:0;	
	font-family: '���C���I','Meiryo','�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','�l�r �o�S�V�b�N';
	font-size: 12px;
	line-height: 1.7em;
	color: #4D4D4D;
	background-color:#898888;

}

a {	text-decoration:none; }
a:link {  color:#2580C9; }
a:hover {	color:#2580C9; }


input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #444; 	
}



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

.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.r1 {
	float:right;
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
}

.r {
	float:right;
	margin:0px 0px 10px 10px;
}

.l1 {
	float:left;
	border:1px solid #ccc;
	margin:0px 10px 10px 0px;
}

.l {
	float:left;
	margin:0px 10px 10px 0px;
}


.red {
	color:#E20000;

}

.reds {
	color:#E20000;
	font-size:10px;

}

.redb {
	color:#E20000;
	font-weight:bold;

}

.red15 {
	color:#E20000;
	font-size:15px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;

}

.red18 {
	color:#E20000;
	font-size:18px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
}

.red18b {
	color:#E20000;
	font-size:18px;
	font-weight:bold;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
}

.red20b {
	color:#E20000;
	font-size:20px;
	font-weight:bold;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
}

.red24b {
	color:#E20000;
	font-size:24px;
	font-weight:bold;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
}


.bor {
border:1px solid #ccc;
}

.center {
text-align:center;
}



.green_b {
color:#108610;
	font-weight:bold;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
	font-size:14px;
}



/* oowaku
----------------------------------- */

#all {
	text-align:center;
} 


#container {
	width:780px;
	text-align:center;
	margin:0 auto;
	clear:both;
}

#container-in1 {
	width:780px;
	margin: 0 auto;
	position: relative;
	text-align:center;
	background-color:#FFFFFF;
}

/* head
----------------------------------- */


#head {
background:url(../img/bg_header.jpg) no-repeat;
height:208px;
position:relative;
margin:0 auto;
width:780px;
}

#logo {
	background:none;
	display:block;
	height:56px;
	width:313px;
	position:absolute;
	top:79px;
	left:31px;
}

#logo span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

#top_menu {
	font-size:10px;
	text-align:left;
	position:absolute;
	top:184px;
	left:525px;
	color:#fff;
	width:256px;
}

#top_menu a {
color:#fff;
}

#top_menu a:hover {
text-decoration:underline;
}

#head_pop {
height:89px;
background:url(../img/bg_header_pop.jpg) no-repeat;
position:relative;
}

#head_pop a {
position:absolute;
bottom:3px;
left:30px;
color:#fff;
font-size:11px;
}

#head_pop a:hover {
text-decoration:underline;
}

/* navi
----------------------------------- */

#navi {
	height:35px;
	width:780px;
	background:url(../img/navi_r.jpg) no-repeat;
	margin:0 auto;
}


#navi ul li {
float:left;	
}

#navi ul li a {
	display:block;
	height:35px;
	width:180px;
}

#navi ul li a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

#navi ul li.navi01 a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:0px 0px;
	width:230px;
}

#navi ul li.navi02 a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-230px 0px;

}

#navi ul li.navi03 a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-410px 0px;
	width:190px;
}

#navi ul li.navi04 a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-600px 0px;
}

#navi ul li a:hover{
	background:0;

}


#navi ul li a:hover{
	background:0;

}


/* main 
----------------------------------- */


#main {
width:780px;
margin:0 auto;
background:url(../img/bg_main.jpg) no-repeat;
}

#main_tea {
width:780px;
margin:0 auto;
background:url(../img/bg_main_tea.jpg) no-repeat;
font-size:12px;
line-height:140%;
}



#main_tea p a {
color:#FFFFFF;
}



#main_tea02 {
width:780px;
margin:0 auto;
background:url(../img/bg_main_tea02.jpg) no-repeat;
text-align:left;
color:#222;
font-size:12px;
line-height:140%;
}

#sub_navi {
text-align:right;
padding:3px 10px 0 0;
font-size:11px;
color:#fff;
}

#main_tea02 p a {
color:#FFFFFF;
}

#main_top {
background:url(../img/bg_main_top.jpg) no-repeat;
height:657px;
position:relative;
}


#water_s p {
padding:5px 0 0 20px;

}


#water_s02 p {
padding:5px 0 5px 12px;

}








/* contents
----------------------------------- */


#contents {
float:right;
text-align:right;
width:705px;
}

#contents p {
text-align:left;
padding:5px 30px;
}

/* news
----------------------------------- */

#news_out {
	position:absolute;
	top:363px;
	left:341px;
	background:url(../img/bg_news_out.jpg) no-repeat;
	padding-top:70px;
	width:360px;
}

#news {
border:1px solid #454444;
overflow:auto;
height:100px;

}


#news p {
text-align:left;
padding:20px 10px;
color:#fff;
}


	
/* copy & footer
----------------------------------- */

#footer {
height:100px;
width:780px;
position:absolute;
bottom:0px;
left:0px;
line-height:120%;
margin:0 auto;
}

#footer p {
color:#fff;
padding:20px 30px 10px 15px;
text-align:left;
}

#footer span {
color:#ccc;
font-size:10px;
padding-top:4px;
display:block;
}


#footer_sec {
height:100px;
width:780px;
line-height:120%;
background:url(../img/bg_footer_sec.jpg) no-repeat;
}

#footer_sec p {
color:#fff;
padding:20px 30px 10px 15px;
text-align:left;
}

#footer_sec span {
color:#ccc;
font-size:10px;
padding-top:4px;
display:block;
}



/* ----------------
	table
---------------- */


.table01{
	font-size:12px;
	background:#ccc;
	margin:10px 20px 20px 20px;

}

.table01 th {
	background-color:#f6f6f6;
	text-align:left;
	padding-left:20px;
	border:1px #fff solid;

}

.table01 td {
	padding:5px;
	background-color:#fff;
	text-align:left;

}

.table02{
	font-size:12px;
	background:#ccc;
}

.table02 th {
	background-color:#f6f6f6;
	text-align:left;
	padding:10px;
	border:1px #fff solid;
}

.table02 td {
	padding:10px;
	background-color:#fff;
	text-align:left;
}

.table03{
	font-size:12px;
	background:#ccc;
}

.table03 td {
	background-color:#E0E0FF;
	text-align:center;
	padding:10px;
	border:1px #fff solid;
	color:#040095;
	font-weight:bold;
}



/* ----------------
	popup
---------------- */

#com_table {
margin-left:25px;
}


#com_table td {
padding:8px 0px 7px 30px;
border-bottom:1px solid #B7B6B6;
color:#333;
font-size:12px;
line-height:14pt;
vertical-align:top;
}

#bu_close {
background:url(../img/bg_footer_pop_r.jpg) no-repeat;
height:85px;
margin-top:24px;
}

#bu_close a {
margin:9px 0 0 187px;
display:block;
width:122px;
height:22px;
background:url(../img/bu_close.jpg) no-repeat;

}

#bu_close a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}


#bu_close a:hover {
background:0;
}



#pol_table {
margin-left:25px;
}


#pol_table td {
padding:7px 2px 10px 5px;
color:#333;
font-size:12px;
line-height:13pt;
vertical-align:top;
}

#pol_table td a {
text-decoration: underline;
}



#policy {
padding:13px 48px 13px 48px;
color:#333;
font-size:10px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
	line-height:160%;
}


#pol_table th {
padding:13px 23px 13px 23px;
color:#333;
font-size:10px;
	font-family:"�q���M�m�p�S Pro W3" , "�l�r �o�S�V�b�N", Osaka;
	line-height:160%;
}


#pol_table td ul {
margin:10px;

}


#about {
background:url(../img/about.jpg) no-repeat;
margin-top:48px;
padding-left:55px;
text-align:left;
}

#store {
width:646px;
height:541px;
background:url(../img/store.jpg) no-repeat;
position:relative;
margin-top:30px;
}

#bu_pagetop {
height:25px;
width:104px;
background:url(../img/bu_pagetop_r.jpg) no-repeat;
float:right;
margin-right:80px;
}

#bu_pagetop a {
height:25px;
width:104px;
display:block;
background:url(../img/bu_pagetop.jpg) no-repeat;
}

#bu_pagetop a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}


#bu_pagetop a:hover {
background:0;
}

#address {
position:absolute;
top:150px;
left:35px;
line-height:120%;
color:#000;
}

#access {
position:absolute;
top:480px;
left:35px;
line-height:120%;
color:#000;
}

#shop_text {
	position:absolute;
	top:372px;
	left:296px;
	line-height:130%;
	color:#000;
}

#tea {
background:url(../img/bg_tea.jpg) no-repeat;
text-align:left;
padding-left:31px;
padding-top:10px;
color:#222;
font-size:12px;
}



.tea_text {
vertical-align:top;
text-align:left;
font-size:11px;
padding:10px 30px 0 0;
line-height:140%;
}

.tea_text_r {
vertical-align:top;
text-align:left;
font-size:11px;
padding:10px 0px 0 0;
line-height:140%;
}


#hokan {
width:677px;
height:101px;
text-align:left;
background:url(../img/hokan.jpg) no-repeat;
}

#hokan p {
padding:20px 170px 10px 10px;
text-align:left;
color:#222;
}


#sugoi {
height:470px;
width:677px;
background:url(../img/bg_sugoi.jpg) no-repeat;
margin-top:20px;
padding-top:100px;
}

#sugoi table {
margin-left:2px;
}

#sugoi table td{
line-height:140%;
padding:5px 0 0 2px;
vertical-align:top;
font-size:11px;
}









/* ----------------
	q
---------------- */






#q {
background:url(../img/bg_q.jpg) no-repeat;
text-align:left;
padding-left:31px;
padding-top:20px;
margin-top:25px;
color:#222;
font-size:12px;
}

#q_up {
text-align:left;
color:#222;
font-size:12px;
line-height:140%;
padding-top:5px;
width:475px;
}

#q_up p {
text-align:left;
color:#222;
font-size:12px;
line-height:140%;
padding:0 0 0 16px;
}

#q_mail {
background:url(../img/mail.jpg) no-repeat;
float:right;
padding-left:20px;
margin-top:10px;
}


#q_mail a {
text-decoration:underline;
}