@charset "utf-8";
/*
    Site Name: 日本食糧新聞新製品トレンド
    Description: 
    Version: 
    Author: 
    CSS Reference: http://stopnlisten.no.land.to/2007/02/css_4.html
    Copyright (c) 2007 日本食糧新聞社. All rights reserved.
*/

/*
===== 4: application general setting ===========================
*/

body{
    background-color:#ffffff;
}
a:link,a:visited,a:active,a:hover{
    color:#0066cc;
    background:none;
    text-decoration:underline;
}
textarea{
    font-size:10pt;
}
h2{
    font-size:14pt;
    color:#1d6327;
    font-weight:bold;
}

/*
===== 5: master page setting ===========================
*/
.error_message{ font-size:80%; color:red; }

/* container
-------------------------*/
#container{
    width:800px;
    background-color:#ffffff;
    margin:auto;
    text-align:left;
}

/* header
-------------------------*/
#header{
}
#header-title{
    position:relative;
    width:100%;
    height:100px;
}
#header-logo{
    position:absolute;
    top:15px;
    left:15px;
}
#header-logo-side{
    position:absolute;
    top:30px;
    left:236px;
}
#header-banner{
    position:absolute;
    top:25px;
    right:15px;
}
#header-menu{
    width:100%;
    height:31px;
    background-image:url(http://foodsnews.com/img/bg_line.gif);
}
#header-menu li{
    display:inline;
}

/* content
-------------------------*/
#content{
}
#content-main{
    float:right;
    width:580px;
}

#content-sidemenu{
    width:200px;
    text-align:center;
    padding-left:10px;
}
.sidemenu-title{
    color:green;
    border-bottom:1px #d9f295 solid;
    margin-bottom:5px;
    padding:5px 5px 1px 10px;
    font-weight:normal;
    font-size:10pt;
}
.sidemenu-box{
    margin-bottom:20px;
}
#aboutsite-content{
    font-size:10pt;
}
#sidemenu-recommend-list li{
    list-style-position:inside;
    list-style-image:url(http://foodsnews.com/img/osusume_yajirusi.gif);
    font-size:10pt;
}
#sidemenu-banners{
    margin-top:50px;
    text-align:center;
}
#sidemenu-banners img{
    margin-bottom:20px;
}

#sidemenu-login{
    height:150px;
}
#sidemenu-login-title{
}
#sidemenu-login-form{
    position:relative;
    margin-top:10px;
    display:none;
}
.sidemenu-login-label{
    color:#086b11;
    font-size:10pt;
}
#sidemenu-login-label-id{
    position:absolute;
    top:0px;
    left:20px;
    width:70px;
}
#sidemenu-login-id{
    position:absolute;
    top:0px;
    left:60px;
    width:100px;
}
#sidemenu-login-label-pass{
    position:absolute;
    top:25px;
    left:20px;
    width:70px;
}
#sidemenu-login-pass{
    position:absolute;
    top:25px;
    left:60px;
    width:100px;
}
#sidemenu-login-button{
    position:absolute;
    top:55px;
    left:100px;
}
#sidemenu-login-notice{
    position:absolute;
    top:80px;
    left:10px;
    width:200px;
    color:red;
    font-size:10pt;
}
#sidemenu-login-progress{
    position:relative;
    background-image:url(http://foodsnews.com/img/indicator_medium.gif);
    width:32px;
    height:32px;
    top:30px;
    left:75px;
    display:none;
}
#sidemenu-login-complete{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    padding-left:10px;
    display:none;
}
#sidemenu-login-complete p{
    font-size:10pt;
}
#sidemenu-login-account{
    font-weight:bold;
}
#sidemenu-logout-button{
    display:block;
    margin-top:5px;
}

/* footer
-------------------------*/
#footer{
    clear:both;
    width:100%;
    padding-top:20px;
    text-align:center;
}
#footer-menu{
    text-align:center;
    width:100%;
    margin:0px auto 0px auto;
    font-size:10pt;
}
#footer-menu li{
    display:inline;
    margin:0px 10px 0px 10px;
    padding-right:10px;
    border-right:1px gray solid;
}
#footer-copyright{
    text-align:center;
    margin:20px auto 0px auto;
    font-size:10pt;
}

/*
===== 6: application setting ===========================
*/
#pagination{
    margin-top:10px;
}
.num-pagination-elem{
    border:1px gray solid;
    margin-right:5px;
    padding:5px;
}

#table-products{
    margin-top:10px;
    border-collapse:collapse;
    empty-cells:show;
}

#table-products th{
    text-align:center;
    background-color:#126726;
    color:white;
    font-size:10pt;
    font-weight:normal;
    white-space:nowrap;
    padding:3px;
}
#table-products td{
    border-bottom:1px gray solid;
    background-color:#ffffff;
    padding:3px;
    font-size:10pt;
}
.table-products-number{
    text-align:right;
}
.table-products-id{
    white-space:nowrap;
}

#product-desc{
    margin-left:20px;
    width:80%;
}
.product-desc-item{
    margin-bottom:10px;
    border-bottom:1px #f0721d dotted;
}
.product-desc-title{
    float:left;
    clear:both;
    width:120px;
    font-size:10pt;
    color:#126726;
    background-image:url(../img/maru.gif);
    background-repeat:no-repeat;
    padding-left:20px;
}
.product-desc-content{
    font-size:10pt;
}
.product-desc-title-detail{
    clear:both;
    width:120px;
    font-size:10pt;
    color:#126726;
    background-image:url(../img/maru.gif);
    background-repeat:no-repeat;
    padding-left:20px;
}
.product-desc-content-detail{
    font-size:10pt;
    margin-left:20px;
}
.product-desc-subtitle{
    float:left;
    clear:both;
    width:120px;
    font-size:10pt;
    color:#126726;
}
.product-desc-subcontent{
    font-size:10pt;
}
#product-desc-title-abstract,#product-desc-title-material,#product-desc-title-nutrition{
    float:none;
}
#product-desc-content-abstract,#product-desc-content-material,#product-desc-content-nutrition{
    margin-left:20px;
}
.edit-icon{
    margin-left:20px;
    margin-bottom:10px;
    font-size:10pt;
}