/*
Template Name:Topsandco Style
Author:Nishimura
*/


body
    {
    background:#fff url(images/bg-body4.jpg) repeat-x;
    margin:0;
    padding:0;
    font-family:sans-serif;
    font-size:1em;    
    color:#777777;
    }
#header
    {
    position:relative;
    }
#header #logo img
    {
    position:absolute;
    top:13px;
    left:20px;
    }

#container
    {
    width:800px;
    margin:0 auto;
    padding:0;
    color:#333;
    background:url(images/bg-container.jpg) repeat-y;
    }


#navilogo
    {
    width:789px;
    margin:0;
    padding:0 0px;
/*    background:url(images/bg-container.jpg) repeat-y; */
    }

#navilogo ul
    {
    background-color:#ffffff;
    margin:0 0 0 11px;  
    padding:0;
    list-style-type:none;
    border-bottom:solid 1px #cccccc;
    height:2em;
    font-size:0.75em;
    }
#navilogo li
    {
    text-align:center;
/*    border-top:solid 1px #cccccc;
    border-left:solid 1px #00657d; */
    border-right:solid 1px #cccccc;

    float:left;
    line-height:2em;
    }
#navilogo li a
    {
    font-family:sans-serif;
    display:block;
    width:128px;
    text-decoration:none;
    color:#777777; 
    }
#navilogo li a:hover
    {
    background-color:#f4ce53;
    }


#logo
    {
    color:#333;
/*    background:url(images/bg-container.jpg) no-repeat; */
    padding:0 10px;
    width:780px;
    height:96px;
    }
#logo-iso
    {
    margin:40px 0 0 500px;
    }
#navi
    {
    margin:0 0 0 11px;
    padding:0;
    width:775px;
    height:216px;
    color:#333;
    background:url(images/bg-nav-top3.jpg) no-repeat; 
/*    border:solid 3px #f4ce53; */
    }
#footer
    {
    padding:9px 10px 25px;
    width:780px;
    color:#000;
    background:url(images/bg-footer2.jpg) no-repeat bottom;
    clear:left;
    line-height:1.5em;
    text-align:center;
    }
#group01 
    {
    font-size:0.7em;
/*    font-family:Verdana,Arial,Helvetica, sans-serif; */
    font-family:sans-serif;
    text-align:center;
    color:#777777;

    }
#copyright p
    {
    margin:0;
    padding:8px 0 0 0;
    font-size:0.7em;
    font-weight:bold;
    text-align:center;
    color:#777777;
    }

#content
    {
    padidng:0;
    width:790px;
    }
#sidebar
    {
    margin:0 0 0 420px;
    padding:10px 0 0 10px;
    font-size:0.75em;
    }
#sidebar li
    {
    list-style:none;
    }
#main-content
    {
    float:left;
    width:400px;
    background:#eeeeee;
    border:solid 1.5px #cccccc;
    margin:10px 0 0 12px;
    padding:0 0 0 0;
    }
#main-content p,#main-content li
    {
    line-height:1.5;
    font-size:0.8em;
    }
#main-content dl.lead
    {
    }
#main-content dl.lead dd
    {
    margin:0;
    padding:0 10px 10px;
    color:#333;
    background:#eeeeee; 
    }
#content hr
    {
    clear:left;
    visibility:hidden;
    height:0;
    width:0;
    border:none;    
    }
#product-li
    {
    margin:0px 5px 5px 10px;
    padding:15px 0 10px 8px;
    background:#eeeeee;
    border:solid 1.5px #cccccc;
    width:410px;
    float:left;
    }
#product-li h1
    {
    font-family:sans-serif;
    font-size:1em;
    }
#product-li li
    {    
    list-style:none;
    line-height:1.5em;
    font-family:sans-serif;
    font-size:0.8em;
    color:#444;
    }
#product-side
    {
    margin:25px 0 0 500px;
    }
#product-side li
    {
    list-style:none;
    }
#bread
    {
    margin:0 0 0 20px;
    padding:0;
    }
#bread p
    {
    font-family:sans-serif;
    font-size:0.8em;
    margin:2px 0 10px 0;
    padding:0;
    }
#recruit-pg
    {
    width:780px;
    margin:0 0 0 20px;
    }
#recruit-pg p
    {
    font-family:sans-serif;
    font-size:0.8em;
    font-align:center;
    color:#444;
    }
#description-pg
    {
    width:400px;
    margin:0 0 10px 20px;
    padding:0;
    border:solid 1.5px #cccccc;
    }
#description-pg tr
    {
    line-height:1.5em;
    font-family:sans-serif;
    font-size:0.8em;
//    font-align:left;
    color:#444;
    }

#description-pg table
    {
    background:#eeeeee;
    }    
#privacy-pg
    {
    width:780;
    margin:10px 25px 10px 20px;
    padding:0 25px 0 0;
    background:#eeeeee;
    border:solid 1.5px #cccccc;
    }
#privacy-pg ul,p
    {
    font-family:sans-serif;
    font-size:0.8em;
    line-height:1.8em;
    color:#444;
    list-style:none;
    text-align:left;
    }
#privacy-pg h1
    {
    text-align:center;
    font-family:sans-serif;
    font-size:1.2em;
    color:#444;
    }
#referance-pg
    {
    line-heigth:1.5em;
    width:730px;
    margin:0 10px 10px 10px;
    padding:10px 0 0 25px;
    background:#eeeeee;
    border:solid 2px #cccccc;
    float:left;
    }
#referance-pg h1
    {
    text-align:center;
    font-family:sans-serif;
    font-size:1.2em;
    color:#444;
    }
#recruit-pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
rec-hed
    {
    font-size:2em;
    }
#recruit-header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#recruit-header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }
#recruit-body
    {
    padding:0 10px;
    margin:0;
    }
#recruit-body h2
    {
    font-size:0.9em;
    font-style:bold;
    color:#f4a90f;
    border-bottom:solid #f4a90f 1.5px;
    }
#recruit-body2 h2
    {
    font-size:0.9em;
    font-style:bold;
    color:#f4a90f;
    }



#recruit-body p
    {
    color:#777;
    }

#recruit-footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }
#recruit-side
    {
    margin:0 0 0 540px;
    width:230px;
    border:solid #cccccc 1.5px; 
    }
#recruit-side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }

#recruit-side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#recruit-side p a:hover
    {
    background-color:#eeeeee;
    }


#side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#side-body
    {
    margin:0;
    padding:0;
    }
#side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }

#recruit-pg dt
    {
    border:solid #ffffff 1px;
    font-family:sans-serif;
    font-size:0.8em;
    font-weight:bold;
    text-align:right;
    color:#777777;
    line-height:1.5em;

    width:70px; 
    float:left;
    }
#recruit-pg dd
    {
    border:solid #ffffff 1px; 
    width:330px;
    font-family:sans-serif;
    font-size:0.8em;
    color:#777777;
    line-height:1.5em;
    padding:0;
    margin: 0 0 0 30px;
    }
#recruit-pg dl
    {
    background:solid #555555 2px; 
    }
#recruit-dtdd
    {
    border:solid #cccccc 1px;
    margin:5px;
    padding:5px 5px 5px 10px;
    }

#product-pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#product-pg dt
    {
    border:solid #ffffff 1px;
    font-family:sans-serif;
    font-size:0.8em;
    font-weight:bold;
    text-align:right;
    color:#777777;
    line-height:1.5em;

    width:70px; 
    float:left;
    }
#product-pg dd
    {
    border:solid #ffffff 1px; 
    width:330px;
    font-family:sans-serif;
    font-size:0.8em;
    color:#777777;
    line-height:1.5em;
    padding:0;
    margin: 0 0 0 30px;
    }

#product-header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#product-header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }
#product-body
    {
    padding:0 10px;
    margin:0;
    }
#product-footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }
#about-pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#about-header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#about-header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }

#about-body
    {
    padding:0 10px;
    margin:0;
    }
#about-pg dt
    {
    border:solid #ffffff 1px;
    font-family:sans-serif;
    font-size:0.8em;
    font-weight:bold;
    text-align:left;
    color:#777777;
    line-height:1.5em;

    width:90px; 
    float:left;
    }
#about-pg dd
    {
    border:solid #ffffff 1px; 
    width:330px;
    font-family:sans-serif;
    font-size:0.8em;
    color:#777777;
    line-height:1.5em;
    padding:0;
    margin: 0 0 0 50px;
    }

#about-footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }


#about-side
    {
    margin:0 0 0 540px;
    width:230px;
    border:solid #cccccc 1.5px; 
    }
#about-side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }

#about-side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#about-side p a:hover
    {
    background-color:#eeeeee;
    }


#about-side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#about-side-body
    {
    margin:0;
    padding:0;
    }
#about-side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#about-side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#privacy--pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#privacy--header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#privacy--header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }

#privacy--body
    {
    padding:0 10px;
    margin:0;
    }

#privacy--body ul
    {
/*    font-size:0.8em; */
    list-style:none;

    border:solid #ffffff 1px; 
    width:430px;
    font-family:sans-serif;
    font-size:0.8em;
    color:#777777;
    line-height:1.5em;
    padding:0;
    margin: 15px 0 0 15px;
    }
/*
#privacy--body li
    {
    list-style:none;
    }
*/
#privacy--footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }

#privacy--side
    {
    margin:0 0 0 540px;
    width:230px;
    border:solid #cccccc 1.5px; 
    }
#privacy--side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }
#privacy--side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#privacy--side p a:hover
    {
    background-color:#eeeeee;
    }
#privacy--side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#privacy--side-body
    {
    margin:0;
    padding:0;
    }
#privacy--side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#privacy--side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#referance--pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#referance--header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#referance--header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }

#referance--body
    {
    padding:0 10px;
    margin:0;
    }
#referance--footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }

#referance--side
    {
    margin:0 0 0 540px;
    width:230px;
    border:solid #cccccc 1.5px; 
    }
#referance--side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }
#referance--side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#referance--side p a:hover
    {
    background-color:#eeeeee;
    }
#referance--side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#referance--side-body
    {
    margin:0;
    padding:0;
    }
#referance--side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#referance--side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }

#sitemap--pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#sitemap--header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#sitemap--header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }

#sitemap--body
    {
    padding:0 10px;
    margin:0;
    }
#sitemap--footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }

#sitemap--side
    {
    margin:0 0 0 540px;
    width:230px;
    border:solid #cccccc 1.5px; 
    }
#sitemap--side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }
#sitemap--side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#sitemap--side p a:hover
    {
    background-color:#eeeeee;
    }
#sitemap--side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#sitemap--side-body
    {
    margin:0;
    padding:0;
    }
#sitemap--side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#sitemap--side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#accessmap-pg
    {
    margin:0 0 10px 15px;
    padding:0;
    width:500px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#accessmap-header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#accessmap-body
    {
    padding:0 30px;
    margin:0;
    }
#accessmap-footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }

#accessmap-side
    {
    margin:0 0 0 540px;
    width:230px;
    border:solid #cccccc 1.5px; 
    }
#accessmap-side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }
#accessmap-side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#accessmap-side p a:hover
    {
    background-color:#eeeeee;
    }
#accessmap-side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#accessmap-header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }

#accessmap-side-body
    {
    margin:0;
    padding:0;
    }

#accessmap-side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#accessmap-side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }

#top-pg
    {
    margin:0 0 20px 15px;
    padding:0;
    width:450px;
    border-left:solid #cccccc 1.5px;
    border-right:solid #cccccc 1.5px;
    float:left;
    }
#top-header
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
}
#top-body
    {
    padding:10px 0 15px 10px;
    margin:0;
    border-bottom:solid #cccccc 1.5px;
    }
#top-pg dt
    {
    border:solid #ffffff 1px;
    font-family:sans-serif;
    font-size:0.8em;
    font-weight:bold;
    text-align:left;
    color:#777777;
    line-height:1.5em;

    width:70px; 
    float:left;
    }
#top-pg dd
    {
    border:solid #ffffff 1px; 
    width:330px;
    font-family:sans-serif;
    font-size:0.8em;
    color:#777777;
    line-height:1.5em;
    padding:0;
    margin:0 0 0 50px;
    }

#top-footer    
    {
    height:23px;
    border-top:solid #cccccc 1.5px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:20px 0 0 0;
    clear:left;
    }

#top-side
    {
    margin:0 0 0 500px;
    width:260px;
    border:solid #cccccc 1.5px; 
    }
#top-side p
    {
    width:210px;
    margin:0;
    border-top:solid #cccccc 0.5px;
    border-bottom:solid #cccccc 0.5px;
    padding:0;
    }
#top-side a
    {
    font-family:sans-serif;
    display:block;
    text-decoration:none;
    color:#8b71fd
    }
#top-side p a:hover
    {
    background-color:#eeeeee;
    }
#top-side-header
    {
    height:15px;
    border-bottom:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#top-side-body
    {
    margin:0;
    padding:0;
    }
#top-side-body p
    {
    width:230px;
    display:block;
    color:#f4a90f;
    line-height:1.5em;
    padding:0;
    margin:0;
    }
#top-side-footer
    {
    height:15px;
    border-top:solid #cccccc 1.5px;
    background:#eeeeee;
    padding:0;
    margin:0;
    }
#top-header h1
    {
    font-size:1em;
    padding:3px 0 3px 3px;
    margin:0;
    color:777777;
    }
/*
#top-divide
    {
    width:5px;
    height:200px;
    margin:0 0 0 500px;
    padding:0;
    border-left:solid #cccccc 2px;
    }
*/
.text_font
	{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:0.9em; 
	color:#555555;
	}

#top-side-banner
    {
    margin:0;
    padding:0 0 5px 500px;
    }
#top-side-banner a
    {
    border:solid #cccccc 1px;
    padding:0;
    margin:0;
    }
#top-side-banner p
    {
    margin:0 0 5px 0;
    padding:0;
    }
.top_color_font
    {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:0.75em; 
	color:#444;
    }