/* CSS Document */

*{
margin:0;
padding:0;
border:0;
background-color:transparent;
color:#555555;
font-size:100%;
font-weight:normal;
text-decoration:none;
}

body{
background:url(../img/top_back.gif) repeat-x top left;
color:#555555;
font-family:Verdana,Arial,sans-serif;
font-size:13px;
line-height:140%;
}

/*--- レイアウト ---*/
#header{
width:747px;
}

#container{
width:942px;
}

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

#content1{
float:left;
width:438px;
margin-top:30px;
text-align:left;
background:url(../img/line_y.gif) repeat-y top right;
}

#content2{
float:right;
width:309px;
padding-top:30px;
text-align:left;
background:url(../img/r_back.gif) repeat-y top right;
}

#sidebar{
float:left;
width:195px;
text-align:left;
}

#footer{
clear:both;
width:942px;
padding-top:40px;
background:url(../img/r_back.gif) repeat-y top right;
}
#shopingguide{
margin-bottom:30px;
}
#shopingguide .shopingguide-con{
margin:15px 19px;
}

#shopingguide td{
padding:5px;
text-align:left;
vertical-align:top;
}

/*--- div ---*/
.header-div{
margin-left:19px;
margin-right:24px;
}

.content1-div{
margin-left:19px;
margin-right:19px;
}

#content2 div{
margin-left:18px;
margin-right:24px;
}

#sidebar div{
margin-left:12px;
margin-right:0;
}

/*--- link ---*/
a{
color:#3399CC;
text-decoration:underline;
}

a:hover,active{
color:#3399CC;
text-decoration:none;
}

.arrow{
padding-left:18px;
background:url(../img/arrow.gif) no-repeat left;
}

/*--- img ---*/ 
img{border:0;}

/*--- float ---*/ 
.flr{
float:right;
margin:0 10px;
}

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

/*--- clear ---*/ 
.clear{
clear:both;
}

/*--- tava ---*/ 
.cm{
text-align:center;
vertical-align:middle;
}

/*--- mgpd ---*/ 
.mg-t5{margin-top:5px;}
.mg-t10{margin-top:10px;}
.mg-t15{margin-top:15px;}
.mg-t20{margin-top:20px;}
.mg-t30{margin-top:30px;}
.mg-t40{margin-top:40px;}
.mg-t60{margin-top:60px;}
.mg-r50{margin-right:50px;}
.pd-t40{padding-top:40px;}

/****** header ******/
#comment{
margin-top:8px;
margin-bottom:75px;
padding-bottom:15px;
background:url(../img/cmt.gif) no-repeat top right;
}

.comment{
margin:0 0 15px 240px;
padding-top:3px;
font-size:11px;
}

ul.navi1{
text-align:right;
}

ul.navi1 li{
display:inline;
margin-left:10px;
}

ul.navi2 li{
display:inline;
}

.topimg{
margin-top:15px;
margin-bottom:10px;
margin-left:19px;
}

/****** content1 ******/
.pagetop{
clear:both;
padding-top:30px;
padding-right:30px;
text-align:right;
}

#new li{
list-style:none;
margin-top:8px;
margin-left:10px;
margin-right:5px;
}

#month{
background:url(../img/month02.gif) repeat-y top;
}

.month-l{
width:155px;
float:left;
margin:0 10px 25px 10px;
}

.month-r{
padding-top:15px;
width:200px;
float:right;
margin:0 5px 25px 0;
}

.month-txt{
margin-top:15px;
margin-right:15px;
}

#recipe{
margin-top:20px;
padding-top:20px;
background:url(../img/recipe_back.gif) no-repeat top;
}

.recipe-photo{
margin-top:25px;
text-align:center;
}

.recipe-name{
margin-top:15px;
margin-left:70px;
padding-bottom:50px;
font-size:16px;
color:#000000;
}

.recipe-name a{
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.recipe-name a:hover,active{
color:#000000;
font-weight:bold;
text-decoration:none;
}

#search{
background-color:#EBE9D4;
}

#search td{
width:170px;
padding:10px 8px;
}

/****** content2 ******/
#feed{
margin-top:10px;
}
#feed dt{
margin-top:5px;
}
#feed dd{
list-style:none;
}

#feed2{
margin-top:10px;
}
#feed2 dt{
margin-top:5px;
}
#feed2 dd{
list-style:none;
}

.staff{
margin-top:20px;
padding:8px 115px 30px 8px;
background:url(../img/staff.jpg) no-repeat top;
border-bottom:1px solid #EEEEEE;
font-size:11px;
}

.staff2{
margin-top:20px;
padding:8px 115px 30px 8px;
background:url(../img/staff2.jpg) no-repeat top;
border-bottom:1px solid #EEEEEE;
font-size:11px;
}

.cate img{
margin:2px;
}

/****** sidebar ******/
#sidebar a{
color:#FFFFFF;
text-decoration:underline;
}

#sidebar a:hover,active{
color:#FFFFFF;
text-decoration:none;
}

#left-menu{
background:url(../img/l_back.gif) repeat-y;
text-align:center;
}

#left-menu h1{
padding:15px;
color:#FFFFFF;
text-align:left;
}

#sidebar h2{
margin-top:30px;
}

#sidebar ul{
margin-left:18px;
text-align:left;
}

#sidebar li{
margin-top:10px;
list-style:none;
}

#sidebar dl{
margin-left:16px;
}

#sidebar dt{
margin-right:16px;
padding:3px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
text-align:left;
color:#FFFFFF;
}

#sidebar dd{
margin-top:10px;
margin-left:5px;
padding-left:18px;
background:url(../img/arrow.gif) no-repeat left;
text-align:left;
}
/****** footer2 ******/
.footer2{
margin:30px 0 30px 0;
}

/****** footer ******/
#footer-navi{
text-align:center;
}

.logo2{
margin-top:20px;
margin-left:4px;
}


.pickup{
text-align:right;
padding-right:15px;
font-size:9px;
color:#999999;
}

.pickup a{
font-size:9px;
color:#999999;
}
.pickup a:hover,active{
color:#999999;}