@charset "shift_jis";

/* header */
#header{
position:static;
margin:0;
width:auto;
min-height:112px;
_height:112px;
background:url("http://img.ucc.co.jp/shared/images/bg-header-01.png") no-repeat 50% 0;
text-align:left;
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size:13px;
*font-size:small;
color:#333;
line-height:1.46;
}

#header .inner{
position:relative;
margin:0 auto;
width:960px;
}

#header .logo{
position:absolute;
top:12px;
margin:0;
}

#header .nav-header{
margin:0;
list-style:none;
}

#header .nav-header .btn-company,
#header .nav-header .btn-company-eng{
position:absolute;
top:0;
right:169px;
}
#header .nav-header .btn-company-eng{
right:61px;
}

*html #header .nav-header .btn-company a,
*html #header .nav-header .btn-company-eng a{
display:block;
background:url("http://img.ucc.co.jp/shared/images/bg-nav_header-01.png") no-repeat;
width:102px;
height:32px;
}
*html #header .nav-header .btn-company-eng a{
background-image:url("http://img.ucc.co.jp/shared/images/bg-nav_header-04.png");
width:146px;
}

*html #header .nav-header .btn-company a:hover,
*html #header .nav-header .btn-company-eng a:hover{background-position:0 -32px;}
*html #header .nav-header .btn-company img,
*html #header .nav-header .btn-company-eng img{display:none;}

#header .nav-header .btn-shop{
position:absolute;
top:36px;
right:307px;
}

#header .nav-header .btn-member{
position:absolute;
top:36px;
right:221px;
}

#header .search-site p{
margin-bottom:0;
}

#header .search-site .query{
position:absolute;
top:36px;
right:91px;
padding:0 8px;
width:102px !important;
height:24px !important;
border:1px solid #bebebe;
line-height:24px;
background:#ededed url("http://img.ucc.co.jp/shared/images/bg-input-01.png") repeat-x;
}

#header .search-site .query.notentered{
color:#999;
}

#header .search-site p{
margin:0;
padding:0;
}

#header .search-site .btn{
position:absolute;
top:36px;
right:62px;
}

#header .nav-global{
position:absolute;
top:72px;
left:0;
margin:0;
padding:0;
list-style:none;
}

#header .nav-global:after{content:'';display:block;clear:both;height:0;}

#header .nav-global li{
float:left;
}

/* topic path */
#topic-path{
border-top:1px solid #fff;
border-bottom:1px solid #e7e7e7;
background:url("http://img.ucc.co.jp/shared/images/bg-topic_path-01.png") repeat-x;
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size:13px;
*font-size:small;
color:#333;
line-height:1.46;
}

#topic-path ol{
margin:0 auto;
padding:0;
width:960px;
font-size:85%;
list-style:none;
}

#topic-path ol:after{content:'';display:block;clear:both;height:0;}

#topic-path ol li{
float:left;
padding-top:1px;
line-height:23px;
}

#topic-path ol li a{
overflow:visible;
display:inline-block;
*display:inline;
*zoom:1;
margin-right:5px;
padding-right:20px;
background:url("http://img.ucc.co.jp/shared/images/bg-topic_path-02.png") no-repeat 100% 50%;
min-height:23px;
_height:23px;
color:#786f5a;
text-decoration:underline;
}

#topic-path ol li a:hover{
color:#b9a02e;
text-decoration:none;
}

/* footer */
#footer{
padding-bottom:4px;
background:url("http://img.ucc.co.jp/shared/images/bg-footer-03.png") repeat-x 0 100%;
text-align:left;
font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size:13px;
*font-size:small;
color:#333;
line-height:1.46;
}

#footer .nav-footer-01 .inner,
#footer .nav-footer-02 .inner{
margin:0 auto;
width:960px;
}

#footer .nav-footer-01{
padding:30px 0 25px;
background:url("http://img.ucc.co.jp/shared/images/bg-footer-01.png") repeat-x;
}

#footer .nav-footer-01 .inner:after{content:'';display:block;clear:both;height:0;}

#footer .nav-footer-01 .section-01{
float:left;
width:470px;
}

#footer .nav-footer-01 .section-02{
float:right;
width:470px;
}

#footer .nav-footer-01 ul{
margin:0;
padding:0;
list-style:none;
font-size:93%;
}

#footer .nav-footer-01 ul li{
margin-bottom:10px;
padding:0 0 10px 6px;
background:url("http://img.ucc.co.jp/shared/images/bg-line-08.png") repeat-x 0 100%;
}

#footer .nav-footer-01 ul.eng{
clear: both;
}

#footer .nav-footer-01 ul.eng li{
float:left;
padding:0 0 10px 6px;
margin:0 20px 0 0;
background:none;
}

#footer .nav-footer-01 ul li.signle-last{
background-position:0 0;
}

#footer .nav-footer-01 ul .last{
margin-bottom:0;
padding-bottom:0;
background:none;
}

#footer .nav-footer-01 ul li,#footer .nav-footer-01 ul.eng li{
zoom:1;
}

#footer .nav-footer-01 ul li dl{
padding:0;
width:auto;
font-size:100%;
color:#333;
}

#footer .nav-footer-01 ul li dl:after{content:'';display:block;clear:both;height:0;}

#footer .nav-footer-01 ul li dl dt{
float:left;
margin-right:10px;
width:150px;
}

#footer .nav-footer-01 ul li dl dd{
padding:0;
}

#footer .nav-footer-01 ul li a{
padding-left:10px;
background:url("http://img.ucc.co.jp/shared/images/bg-icon-arrow-01.png") no-repeat 0 0.2em;
font-weight:bold;
color:#786f5a;
text-decoration:underline;
}

#footer .nav-footer-01 ul li a:hover{
color:#b9a02e;
text-decoration:none;
}

#footer .nav-footer-01 ul li dl dd{
float:right;
margin:0;
width:304px;
}

#footer .nav-footer-01 ul li dl dd ul{
padding:0;
}

#footer .nav-footer-01 ul li dl dd ul:after{content:'';display:block;clear:both;height:0;}

#footer .nav-footer-01 ul li dl dd ul li{
overflow:visible;
float:left;
margin:3px 4px 3px 0;
padding:0 4px 0 0;
background:none;
border-right:1px solid #999;
font-size:93%;
line-height:1.2;
white-space:nowrap;
}

#footer .nav-footer-01 ul li dl dd ul .last{
margin-right:0;
padding-right:0;
border-right:0;
}

#footer .nav-footer-01 ul li dl dd ul li a{
padding-left:0;
background:none;
color:#777;
font-weight:normal;
}

#footer .nav-footer-01 .single{
float:left;
margin:0 20px 0 0;
background:none;
}

#footer .nav-footer-01 .single a{
padding-left:10px;
background:url("http://img.ucc.co.jp/shared/images/bg-icon-arrow-01.png") no-repeat 0 0.2em;
font-weight:bold;
}

#footer .nav-footer-02{
min-height:33px;
_height:33px;
background:#dfd4a4 url("http://img.ucc.co.jp/shared/images/bg-footer-02.png") repeat-x;
}

#footer .nav-footer-02 .inner:after{content:'';display:block;clear:both;height:0;}

#footer .nav-footer-02 ul{
float:right;
margin:0;
padding:9px 0 0;
font-size:93%;
list-style:none;
}

#footer .nav-footer-02 ul li{
float:left;
padding-left:12px;
}

#footer .nav-footer-02 ul li a{
color:#555;
text-decoration:underline;
}

#footer .nav-footer-02 ul li a:hover{
text-decoration:none;
}

#footer .nav-footer-02 p{
float:left;
margin:0;
padding-top:13px;
line-height:0;
}

/* site-top */
#site-top #header{
background:none;
}

/* シェアボタン */
.share{
padding:0 0 2px 2px;
border:1px solid #d1ccc0;
border-right:0;
border-radius:5px 0 0 5px;
position:fixed;
right:0;
bottom:78px;
max-width:37px;
-webkit-transition:max-width .5s; /* for Safari */
transition:max-width .5s;
white-space:nowrap;
background:#fff;
}
.share.on{
max-width:100%;
-webkit-transition:max-width 1s; /* for Safari */
transition:max-width 1s;
}/* マウスオーバー時 */

.share li{
margin-top:2px;
padding:6px;
color:#786f5a;
background:#f7f5f0;
font-weight:bold;
}

.share li > a{
display:block;
min-height:22px;
text-decoration:none;
cursor:pointer;
}

.share .recipe > a{
padding:0 0 0 36px;
background:url(/shared/images/share_recipe.png) no-repeat 0 50%;
}
.share .campaign > a{
padding:4px 0 0 36px;
background:url(/shared/images/share_campaign.png) no-repeat 0 50%;
}
.share .tweet > a{
padding:4px 0 0 36px;
background:url(/shared/images/share_tweet.png) no-repeat 0 50%;
}
.share .fbshare > a{
padding:4px 0 0 36px;
background:url(/shared/images/share_fbshare.png) no-repeat 0 50%;
}