@charset "utf-8";

/* hide side sub menus */
#aside .search .product_inner,
#aside .search .menu ul ul,
#aside .search .food ul,
#aside .search .other ul ul {
display:none;
}



/* override styles */
#main {
float:right;
width:770px;
margin:0;
}



/* recipe side contents */
#aside {
float:left;
width:180px;
}

/* aside nav (recipe aside) */
#aside .nav_outer {
width:180px;
margin:0 auto 20px;
background:url(../common/aside_bg_01.png) repeat-y;
}
#aside .nav {
background:url(../common/aside_bg_02.png) left bottom no-repeat;
}
#aside .nav_inner {
height:100%;
background:url(../common/aside_bg_03.png) no-repeat;
}



/* search (recipe aside) */
#aside .search .nav_inner {
position:relative;
padding:4px 0 4px 4px;
}
#aside .search .nav_inner:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}

/* main menus (recipe aside) */
#aside .search li {
float:left;
}
#aside .search img {
vertical-align:bottom;
}
#aside .search .product a.active,
#aside .search .food a.active,
#aside .search ul a.active {
position:relative;
display:block;
margin-top:-1px;
border-top:1px solid #DFB486;
z-index:2000;
}
#aside .search .product a.active {
margin-top:0;
border-top:none;
}

/*
.product_inner,
.product_inner ul{
	display:block !important;
}
*/

/* sub menus (recipe aside) */
#aside .search .product_inner,
#aside .search .menu ul ul,
#aside .search .food ul,
#aside .search .other ul ul {
position:absolute;
left:178px;
height:1.58em;
padding:12px 14px 11px;
border:2px solid #DFB486;
background-color:#fff;
font-size:1.2em;
z-index:1000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#aside .search .menu li li,
#aside .search .other li li {
float:left;
margin-right:17px;
white-space:nowrap;
}
#aside .search .product ul ul,
#aside .search .food ul ul {
position:static;
padding:0;
border:none;
background:none;
}
#aside .search ul ul a {
display:inline;
padding-left:10px;
background:url(../../common/arrow_02.png) left center no-repeat;
zoom:1;
}



/* search from products (recipe aside) */
#aside .search .product_inner {
overflow:hidden;
width:759px;
height:37em;
top:4px;
border-top-left-radius:0;
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
}
#aside .search .product h2 {
margin-bottom:8px;
}
#aside .search .product ul {
overflow:hidden;
width:788px;
margin-right:-29px;
padding-bottom:13px;
}
#aside .search .product li {
margin-right:29px;
}
#aside .search .product ul ul {
overflow:hidden;
margin-right:-24px;
margin-left:5px;
padding-bottom:0;
font-size:0.833em;
text-align:center;
}
#aside .search .product li li {
position:relative;
width:58px;
margin-right:15px;
padding-top:61px;
}
#aside .search .product ul a {
background:none;
padding-left:0;
}
#aside .search .product ul a img {
position:absolute;
top:0;
left:0;
padding:1px;
border:1px solid #EADCCF;
}
#aside .search .product ul a:hover img {
padding:0;
border:2px solid #FC911F;
}
#aside .search .product .griled_meet ul{
width:457px;
}
#aside .search .product .nabe{
margin-right:15px;
}
#aside .search .product .nabe ul {
width:384px;
}
#aside .search .product .pickles{
margin-right:15px;
}
#aside .search .product .curry{
margin-right:0px;
}
#aside .search .product .meet ul,
#aside .search .product .pickles ul,
#aside .search .product .other ul {
width:311px;
}
#aside .search .product .curry ul {
width:92px;
}
#aside .search .product .kimchi ul {
width:165px;
}



/* search from menu (recipe aside) */
#aside .search .menu {
width:180px;
margin-left:-4px;
border-top:2px solid #DFB486;
}
#aside .search .menu:after {
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}
#aside .search .menu h2,
#aside .search .menu ul {
float:left;
}
#aside .search .menu ul {
width:155px;
}
#aside .search .menu ul ul {
float:none;
}
#aside .search .menu .yakiniku ul {
top:41px;
width:6.25em;
}
#aside .search .menu .nabe ul {
top:65px;
width:38.58em;
}
#aside .search .menu .rice_bread ul {
top:89px;
width:42.75em;
}
#aside .search .menu .pasta_noodle ul {
top:113px;
width:30.75em;
}
#aside .search .menu .soup ul {
top:137px;
width:22.75em;
}



/* search from foods (recipe aside) */
#aside .search .food ul {
top:0;
overflow:hidden;
width:468px;
height:36.83em;
*height:37.83em;
padding-right:0;
padding-left:26px;
}
#aside .search .food li {
float:left;
width:76px;
margin-right:41px;
}
#aside .search .food ul a {
padding-left:0;
background:none;
}
#aside .search .food ul ul {
display:block;
width:auto;
height:auto;
padding-bottom:8px;
padding-left:0;
font-size:1em;
}
#aside .search .food li li,
#aside .search .food .action {
float:none;
width:auto;
margin-right:0;
font-size:0.833em;
}
#aside .search .food li li {
overflow:hidden;
height:100%;
padding-bottom:7px;
letter-spacing:-1px;
}
#aside .search .food ul ul input {
float:left;
}
#aside .search .food h2 {
margin-bottom:14px;
padding-bottom:5px;
border-bottom:1px dashed #C3AEA6;
text-align:center;
}
#aside .search .food .action {
clear:both;
overflow:hidden;
width:449px;
padding-top:15px;
border-top:1px dashed #DFCDAB;
}
#aside .search .food .action p,
#aside .search .food .action li {
float:left;
}
#aside .search .food .action ul {
float:right;
padding-bottom:0;
}
#aside .search .food .action p {
margin-top:5px;
}
#aside .search .food .action li {
margin-right:6px;
padding-bottom:0;
}
#aside .search .food .action input {
float:none;
}

/* other menu */
#aside .search .other ul {
overflow:hidden;
height:100%;
}
#aside .search .other ul ul {
overflow:visible;
}

/* search from type (recipe aside) */
#aside .search .other .type ul {
top:185px;
width:22.83em;
}

/* search from cooking (recipe aside) */
#aside .search .other .cooking ul {
top:209px;
width:39.75em;
}

/* search from hours (recipe aside) */
#aside .search .other .hours ul {
top:233px;
width:33.41em;
}

/* search from calorie (recipe aside) */
#aside .search .other .calorie ul {
top:257px;
width:35.91em;
}

/* search from scene (recipe aside) */
#aside .search .other .scene ul {
top:281px;
width:46.25em;
}

/* search form (recipe aside) */
#aside .search .form {
overflow:hidden;
height:100%;
margin-right:1px;
padding-top:4px;
padding-right:4px;
background-color:#FFF2D9;
}
#aside .search .form form {
display:block;
}
#aside .search .form p {
float:left;
width:145px;
height:17px;
padding:2px;
background:url(../common/aside_bg_05.png) no-repeat;
}
#aside .search .form p input {
width:133px;
height:15px;
padding:0 5px;
border:1px solid #fff;
color:#222;
line-height:15px;
}
#aside .search .form p .empty {
color:#ccc;
}
#aside .search .form .submit {
float:right;
}

/* latest recipe (recipe aside) */
#aside .recipe {
padding-bottom:5px;
}
#aside .recipe .nav_inner {
padding:10px 4px 0;
}
#aside .recipe h2 {
margin-bottom:10px;
padding:0 7px 7px;
border-bottom:2px solid #F7E1BA;
text-align:center;
}
#aside .recipe ul {
overflow:hidden;
width:159px;
margin:0 -5px -3px 9px;
}
*:first-child+html #aside .recipe ul {
margin-bottom:12px;
}
#aside .recipe li {
float:left;
width:46px;
height:31px;
margin-bottom:12px;
margin-right:5px;
border:1px solid #EFE7D7;
background-color:#F9F8F5;
}
#aside .recipe ul img {
width:48px;
height:33px;
margin:-1px;
vertical-align:bottom;
}
#aside .recipe ul .jq_popimage img {
margin:0;
}

/* banner (recipe aside) */
#aside .banner {
padding-bottom:15px;
}
#aside .banner li {
margin-bottom:10px;
}
#aside .banner ul img {
vertical-align:bottom;
}



/* calendar side contents */
#aside .calendar {
padding-bottom:5px;
}
#aside .calendar .nav_inner {
padding-top:9px;
}
#aside .calendar h2 {
margin-bottom:6px;
text-align:center;
}



/* tab (calendar aside) */
#aside .calendar .tab {
border-bottom:1px solid #DFB486;
}
#aside .calendar .tab ul {
overflow:hidden;
height:100%;
margin-left:6px;
}
#aside .calendar .tab li {
float:left;
}
#aside .calendar .tab ul img {
vertical-align:bottom;
}

/* calendar table (calendar aside) */
#aside .calendar table {
width:100%;
border-top:1px solid #DFB486;
border-bottom:1px solid #DFB486;
font-size:1.2em;
}
#aside .calendar th,
#aside .calendar td {
border-top:1px solid #DFB486;
border-right:1px solid #F7E1BA;
border-left:1px solid #F7E1BA;
vertical-align:middle;
}
#aside .calendar th {
width:19px;
text-align:center;
}
#aside .calendar td {
background-color:#fff;
}
#aside .calendar .spring th,
#aside .calendar .autumn th {
background-color:#FFFAEF;
}
#aside .calendar .spring .group th,
#aside .calendar .autumn .group th {
background-color:#FFF2D9;
}
#aside .calendar .summer th,
#aside .calendar .winter th {
background-color:#FFF4E1;
}
#aside .calendar .summer .group th,
#aside .calendar .winter .group th {
background-color:#FAE2BD;
}
#aside .calendar table ul {
margin:0 10px -1px;
}
#aside .calendar table li {
border-bottom:1px dashed #DFCDAB;
}
#aside .calendar table ul a {
display:block;
margin:0 -10px;
padding:3px 12px;
}
#aside .calendar table ul .on a,
#aside .calendar table ul a:hover {
background-color:#FEF5CF;
}



/* notes */
#aside .notes p {
color:#666;
}



/* fix ie z-index problem. */
#main {
z-index:100;
}
#main .unit-rating {
z-index:200;
}
#aside {
z-index:200;
}
#aside .nav_inner {
z-index:300;
}



