@charset "UTF-8";

/***********************-
はた珈琲
2009/10/26
トップページ

-***********************/
@import url(basic.css);
@import url(btn.css);

body{
	color:#ffffff;
	background:#492500  url(../index/back.gif) no-repeat fixed center top;
}

div#header {
 background:#000000 ;
 height:300px;
 padding:10px 0 0 0;
}

div#contents{
	float:left;
 	margin:0 0 10px;
	width:550px;
}
 

div#navi{
 	margin:0;
 	float:right;
 	padding:0;
	width:248px;
	text-align:center;
}



#topbtn{
margin:-2px 0 0 0;
	width:800px;
	padding: 0;
	background:url(../index/btn/back.jpg) repeat-x top;
height:45px;
_margin:-5px 0 0 0;
}


#topbtn ul { 
margin: 0 0 0 2px; 
padding :0; 
list-style-type : none;
height:45px;
}
#topbtn li { 
margin:0 8px;
padding:0;
display : inline; 
padding :0; 
float:left;
}

#topbtn a{
padding:0;
background-repeat:no-repeat; 
display:block;
height:45px;
}
#topbtn a:hover {
  background-position: top right;
}

/* トップボタン */
#topbtn #news a {
background-image:url(../index/btn/news.jpg);
width:128px;
}
#topbtn #greeting a {
background-image:url(../index/btn/greeting.jpg);
width:132px;
}

#topbtn #baisen a {
background-image:url(../index/btn/baisen.jpg);
width:128px;
}

#topbtn #shop a {
background-image:url(../index/btn/shop.jpg);
width:182px;
}

#topbtn #access a {
background-image:url(../index/btn/access.jpg);
width:128px;
}



div#contents #present{
 margin:15px 0 10px 0px;
	width:460px;
	font-size:90%;
 border-bottom:1px dotted #FFFFFF;
}

table.presenttd{
margin:20px 10px 20px;
}
table.presenttd td{
padding:0 10px 0 0;
text-align:left;
vertical-align:top;
font-size:90%;}

div#contents #present .alignleft{
 margin:0;
 width:21em;
}
div#contents #present .alignleft p{
 margin:8px 0 0 0; font-size:90%;

}
div#contents #present .alignleft p strong{
 margin:0 0 0.8em;
 color:#FCE8B1;
 font-size:110%;
}


div#contents #present .alignright{
 margin:0;
 width:135px;
}

div#contents #present .linkmame,div#contents ul .linkmame{
 text-align:right;
 margin:15px 10px 0;
}
div#contents #present .linkcontest{
 text-align:right;
 margin:15px 0;
}

div#contents #present .linkmame a:link,div#contents #present .linkmame a:visited{
 background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFFFF;
 padding:0 15px 0 0;
 border-bottom:1px #FFFFFF solid;}
div#contents #present .linkmame a:hover{
 background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFF99;
 padding:0 15px 0 0;
 border-bottom:1px #FFFF99 solid;}

div#contents #present .linkcontest2 a:link,div#contents #present .linkcontest2 a:visited{
 background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFFFF;
 padding:0 15px 0 0;
 font-size:90%;
 border-bottom:1px #FFFFFF solid;}
div#contents #present .linkcontest2 a:hover{
 background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFF99;
 padding:0 15px 0 0;
 font-size:90%;
 border-bottom:1px #FFFF99 solid;}

.linkcontest2{
padding:0 0 0 10px;
}


/*追加リンク*/
div#contents ul .linkmame{
 text-align:right;
 margin:15px 10px 0 ;
}
div#contents ul .linkmame a:link,div#contents ul .linkmame a:visited{
 margin:0 10px 0 ;
 background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFFFF;
 padding:0 15px 0 0;
 font-size:90%;
 }

div#contents ul .linkmame a:hover{
  margin:0 10px 0 ;
background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFF99;
 padding:0 15px 0 0;
 font-size:90%;
 border-bottom:1px #FFFF99 solid;}


#readbun{
 margin:30px 0 0 23px;
 font-size:100%;
 line-height:1.6;
}
#news{
 margin:10px 0 3em 0;
 padding:20px 0 0 23px;
 background:url(../index/back1.gif) no-repeat;
}
#news ul{
 margin:10px 0 0 0px;
 width:460px;
}
#news ul li{
 margin:0 0 8px;
 padding:0 0 5px 20px;
 background:url(../index/new2.gif) no-repeat;
 border-bottom:1px dotted #FFFFFF;
 font-size:90%;
}
#news ul li strong{
color:#FFCC00;
}



#news ul li a:link {
	color:#FFFFFF;
	text-decoration: none;
}
#news ul li a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

#news ul li a:active {
	color:#FF6600;
}
#news ul li a:hover {
	color:#FF9900
}


#news p{
 margin:1em 0 2em 0;
 font-size:85%;
}



.box{
margin:19px 0 30px;
 padding:20px 0 0 23px;
 background:url(../index/back1.gif) no-repeat;
}
.box2{
margin:35px 0 30px 23px;
}
.box h3,#news h3{
padding-bottom:5px;
 border-bottom:1px solid #CCCCCC;
 width:460px;
}
.box2 h3{
margin:0;
}
.box2 h4{
 margin:15px 30px 0 23px ;
 color:#FCE8B1;	font-size:100%;
	font-weight:normal;
}
.box p{
 margin:15px 30px 0 23px ;
 padding:0;
 font-size:90%;
 width:410px;
}
.box p.img00{
  	margin:0px 30px 0 0;
	background:url(../index/00.gif) no-repeat;
 	padding:40px 0 0 220px;
 width:220px;
}
.box2 p{
 margin:5px 30px 0 23px ;
 padding:0;
 font-size:90%;
 width:410px;
}
.link a:link,.link a:visited{
color:#FFFFFF;
padding-left:15px;
background:url(../index/arrwo.gif) no-repeat;}
.link a:hover {
color:#FF9900;padding-left:15px;
background:url(../index/arrwo.gif) no-repeat;}


.link{
text-align:right; font-size:90%;
 margin:1em 30px 0 0;
}
.link2{
font-size:90%;
 margin:2em 30px 0 23px ;
}

.hitomoji{
 margin-left:1em;
}

/*ナビ*/

.bannar{
	width:247px;
}


#bannar ul { 
margin: 20px 0 0 2px; 
padding :0; 
list-style-type : none;
text-align:center;
}
#bannar li { 
padding:0;
display : inline; 
padding :0; 
margin:0 8px;
}

#bannar #hanbai a  {
background-image:url(../index/btn/11.gif);
width:248px;
height:198px;
}
#bannar #hanbai2 a  {
background-image:url(../index/btn/11.gif);
width:248px;
height:198px;
margin:0 0;
}
#bannar #brend a {
background-image:url(../index/brend/back.png);
width:248px;
height:110px;
margin:25px 0 0;
color:#492500;
}

#bannar #brend dl{
padding:45px 15px 0 35px;}
#bannar #brend dl dt {
 font-size:160%;
 font-weight:bold;
 padding-left:15px;
 color:#000000;
 text-align:left;
 background:url(../index/brend/btn.gif) no-repeat;}

#bannar #brend dl dd {
	margin:10px 0 0 15px;
}
#bannar #brend dl dd p {
	margin:0 ;
 text-align:right;
}


#bannar #hanbailist {
		margin:0;
background:url(../index/hanbaiback.gif) no-repeat ;
padding:10px 5px 5px 12px;
width:248px;
text-align:left;
font-size:120%;
}

#bannar #hanbailist a{
margin:0;
background:url(../index/arrow.gif) no-repeat ;
padding:0 0 0 15px;
color:#630;
height:auto;
}
#bannar #hanbailist a:hover{
padding:0px 0 0 15px;
font-weight:bold;
color:#C00;
}


#bannar #hanbailist .list2{
margin:0 0 0 5em;
}

#bannar #melmaga a {
margin:24px 0 0 26px;
background-image:url(../index/btn/12.gif);
width:195px;
height:80px;
}


#bannar #blog a {
margin:24px 0 0 26px;
background-image:url(../index/btn/13.gif);
width:195px;
height:80px;
}



#bannar #brazil{
margin:24px 0 0 0;
border:1px solid #FFFFFF;
	padding:10px 10px 0px;
	background:#775D44;
	text-align:left;
	
}
#brazil h3{
margin:0 0 5px;
 color:#FCE8B1;
 font-size:130%;
 line-height:1.4;
}

#bannar #cup a {
margin:24px 0 0 26px;
background-image:url(../index/btn/14.gif);
width:195px;
height:80px;
}


#irekata{
margin:0 0 0 26px;
border-top:1px solid #f0f0f0;
padding:15px 0;
width:510px;}

#irekata a{
margin:0;
padding:0;
background-repeat:no-repeat; 
display:block;
height:36px;
width:195px;
}

#irekata a:hover {
  background-position: top right;
height:36px;
width:195px;
}


#irekata ul { 
margin: 0; 
padding :0; 
list-style-type : none;
text-align:center;
float:right;
width:195px;
}
#irekata li { 
margin:0;
padding:0;
display : inline; 
padding :0; 
}


#irekata #coffee a {
margin:0;
background-image:url(../index/tatekata.gif);
width:195px;
height:78px;
}

#irekata .alignleft{
 width:300px;
}
#irekata .alignleft h2{
 margin:15px 0 10px 0;
 font-size:105%;
 color:#FCE8B1;
}
#irekata  p{
padding:8px 0 15px 2em;
 font-size:90%; 
 clear:both;
}