@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;
	_width:530px;
}
 

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 .alignright{
 margin:0;
 width:135px;
}

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

div#contents .linkmame a:link,div#contents .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 .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 .linkcontest2 a:link,div#contents .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 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 strong.color{
color:#F90;
border-bottom: dotted 1px;}



#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 li#mob{ 
padding:0px 0 0 0;
margin:0px;
}
#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;
padding: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 div#hanbailist {
margin:0 0 5px;
background:url(../index/hanbaiback.gif) no-repeat ;
padding:10px 0 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 p{
	margin:5px 0;
	padding:0;
	text-align:right;
	_text-align:ceter;
	_margin:5px 0 5px 30px;
}
#bannar #hanbailist p a,#bannar #hanbailist p a:hover{
	 background:none;
	 margin:0;
	padding:0px 0 0 25px;
	}
#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;
}
#bannar #photog a {
margin:24px 0 0 ;
background-image:url(../index/btn/15new.gif);
width:245px;
height:150px;
}


#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;
}
/*10kg*/
#kg10{
	 margin:20px 25px;
	 border-top:1px dotted #FC9;
	 border-bottom:1px dotted #FC9;
	 padding: 0 0 0 115px;
	 color:#fff;
	 background:url(../index/10kg/mame.jpg) no-repeat left 10px ;
	 font-size:90%;
	}
#kg10 .title{
	 margin:5px 0 5px;
	}
#kg10  a:hover{
 color:#F90;}


#kgother{
	 margin:20px 25px;
	 border-top:1px dotted #FC9;
	 border-bottom:1px dotted #FC9;
	 padding: 20px 0 15px 115px;
	 color:#fff;
	 background:url(../index/10kg/mame.jpg) no-repeat left 10px ;
	 font-size:90%;
	}

/*101101追加*/
#moca2{
	 margin:20px 25px 5px;
	 background:#FFF url(../index/moca/hanbai.gif) right top no-repeat;
	 padding:0px 20px 6px 10px;
	 color:#000;
	 border:solid #492500 1px;
	}

#moca2 h2{
	 margin:2px 0 0;
	}
p.moca2{
	 margin:0 0px 5px 40px;
	 font-size:80%;
	}
.link2{
 margin:5px 30px 0;
	 font-size:75%;
	 text-align:right;
	}
	
	div#contents .link2 a:link,div#contents .link2 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 .link2 a:hover{
 background:url(../index/present/03.gif) no-repeat right bottom;
 color:#FFFF99;
 padding:0 15px 0 0;
 border-bottom:1px #FFFF99 solid;}



/*お休み*/
#year{
 margin:20px 25px 0 ;
 padding:10px 0 0 15px;
 border:solid #F90 2px;
}
#year h3{
	margin:0;
}
#year ul{
 margin:0px 0 0 0px;
 padding:0;
}
#year ul li{
 margin:0 0 8px;
 padding:0 0 5px 20px;
 background:url(../index/new2.gif) no-repeat;
 font-size:90%;
}
#year ul li p{
 margin:5px 0 0 1em;
 font-size:90%;
}
#year ul li strong{
color:#F90;
border-bottom: dotted 1px;
font-size:110%;}


/*20111114*/


div#navi #bannar li#facebook{
	 float:left;
	 width:100px;
	 padding:0 0 0 0px;
	 text-align:left;
}
div#navi #bannar li#facebook a{
	margin:0;
	padding:0;
	color:#000;
	font-size:110%;
}
div#navi #bannar li#twi{
	float:left;width:80px; text-align:left;
	_width:50px;
}

div#navi #bannar li #mame{
	margin:5px 0 0;
	background:url(../index/10kg/title.gif) no-repeat ;
	/*padding:30px 0 55px 10px;*/
	padding:35px 0 10px 10px;
	_padding:30px 0 5px 10px;
	 text-align:left;
	 color:#900;
	 display:list-item;
	 font-size:120%;
	 
}
div#navi #bannar li #mame a{
	background:url(../index/arrow011_09.gif) no-repeat 192px 27px; width:230px;
}

div#navi #bannar li #mame a:link,div#navi #bannar li #mame a:visited{
	color:#D0B749;
}
div#navi #bannar li #mame a:activ,div#navi #bannar li #mame a:hover{
	color:#FFF;
}
div#navi #bannar li #mame p.day{color:#FFC;
 margin:0 0 0 15px;
}

div#navi #bannar li #mame p.shohin{
	margin:2px 0 0 5px;
	border-bottom:1px solid #D0B749;
	padding:0 0 0 55px;
	 /*background:url(../index/10kg/flag.gif) no-repeat 0 4px;*/
	  background:url(../index/10kg/mame.jpg) no-repeat 0 4px;
	 color:#FFF;
}

div#navi #bannar li #mame strong{
	  font-size:110%;
	  font-weight:bold;
	 color:#FFF;
}
div#navi #bannar u{
	  font-size:100%;
	  font-weight:bold;
	 color:#FFC;
	 text-decoration:none;
}
div#navi #bannar li #mame #flag{
	 float:left;
}