@charset "utf-8";
/*
Theme Name: CLI 2009
Description: CLI
Version: 1.0
Author: CLI
Author URI: http://www.commercelink.co.jp/
Tags: TechnologyCompany, Marketing, IR
*/

/* base_html */

* {
    margin              : 0;
    padding             : 0;
}

html {
    overflow-y          : scroll;
}

body {
    background          : url('images/bg_body_b.gif') repeat-x;
    font-size           : 12px;
    color               : #404040;
    }

body#SiteTop {
    background          : url('images/bg_body.gif') repeat-x;
    }

ul {
    list-style          : none;
}

h1,h2,h3,h4,h5,h6 {
    font-size           : small;
    font-weight         : normal;
}
em{
    color               : #ff0000;
    font-style          : normal;
}

a:hover {
    color               : #CC6666;
    text-decoration     : underline;
}

/* Indent */

.BodyTextIndent {
    margin              : 0 10px 10px 10px;
}

.ParagraphIndent {
    margin-bottom       : 10px;
}

.paragraph-indent {
    margin-bottom       : 10px;
}

.blockquote {
    margin-left         : 20px;
}

.margintop10 {
    margin-top          : 10px;
}
.margintop5 {
    margin-top          : 5px;
}
.marginbottom10 {
    margin-bottom       : 10px;
}

.marginbottom5 {
    margin-bottom       : 5px;
}

.indent {
    text-indent         : 12px;
}

.table-center {
    margin-left         : auto;
    margin-right        : auto;
}
/* Header */

#HeaderTopArea {
    width               : 100%;
}

#HeaderTop {
    margin              : 0 auto;
    width               : 950px;
    height              : 87px;
    text-align          : left;
    position            : relative;
    background          : #FFF;
}

#HeaderTop:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

#HeaderTop h1 {
    margin-bottom       : 10px;
    height              : 14px;
    padding             : 3px 5px;
    font-weight         : normal;
    background          : #EEE;
}

#HeaderTopL {
    width               : 265px;
    height              : 45px;
    background          : url('images/logo_cli.gif') 10px 1px no-repeat;
    float               : left;
}

#HeaderTopL a {
    display             : block;
    width               : 265px;
    height              : 45px;
    text-indent         : -8000px;
    white-space         : nowrap;
    overflow            : hidden;
}

#HeaderTopR {
    margin              : 2px 3px 0 0;
    width               : 500px;
    float               : right;
    text-align          : right;
    font-size           : 90%
}

#HeaderTopR .fontsize {
    float               : right;
    width               : 180px;
    margin-top          : 2px;
    margin-bottom       : 8px;
}

#HeaderTopR .fontsize span {
    padding             : 6px 0 0 0;
    float               : left;
}

#HeaderTopR .fontsize a{
    display             : block;
    float               : right;
    width               : 21px;
    height              : 20px;
    text-indent         : 8000px;
    white-space         : nowrap;
    overflow            : hidden;
    zoom                : 100%;
}

#HeaderTopR .fontsize:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

#HeaderTopR .fontsize a.small {
    background          : url('images/btn_fontsize_small.gif') no-repeat 0 0;
}

#HeaderTopR .fontsize a.medium {
    background          : url('images/btn_fontsize_medium.gif') no-repeat left top;
}

#HeaderTopR .fontsize a.large {
    background          : url('images/btn_fontsize_large.gif') no-repeat left top;
}

#HeaderTopR .fontsize a:hover {
    background-position : 0 -21px;
}

#HeaderTopR .extr {
    clear               : both;
}

#HeaderTopR .extr a {
    color               : #404040;
    text-decoration     : none;
}

#HeaderTopR .extr a:hover {
    text-decoration     : underline;
}

#HeaderTopR .extr .contact {
    margin-right        : 10px;
    padding             : 3px 0 3px 20px;
    background          : url('images/icon_contact.gif') left 2px no-repeat;
}

#HeaderTopR .extr .sitemap {
    padding             : 3px 0 3px 16px;
    background          : url('images/icon_sitemap.gif') left 0 no-repeat;
}


#HeaderImg {
    width               : 100%;
    height              : 200px;
    text-align          : center;
    border              : none;
    clear               : both;
}

#HeaderImg img {
    line-height         : 100%;
    vertical-align      : top;
}

/* IndexMenu */
#IndexMenuArea {
    width               : 100%;
    margin-bottom       : 10px;
}

#IndexMenu {
    margin              : 0 auto;
    width               : 950px;
    text-align          : left;
    position            : relative;
    background          : #fff;

}
#IndexMenu ul {
    margin-left        : 5px;
    zoom                : 100%;
}

#IndexMenu ul:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

#IndexMenu ul li {
    margin              : 0px 4px;
    float               : left;
    font-size           : 80%;
}

#IndexMenu ul li a {
    display             : block;
    width               : 158px;
    height              : 48px;
    padding             : 42px 11px 10px 11px;
    line-height         : 140%;
    color               : #404040;
    text-decoration     : none;
}

#IndexMenu ul li.corp a {
    background          : url('images/btn_indexmenu_corp.gif') no-repeat 0 0;
}

#IndexMenu ul li.prod a {
    background          : url('images/btn_indexmenu_prod.gif') no-repeat 0 0;
}

#IndexMenu ul li.serv a {
    background          : url('images/btn_indexmenu_serv.gif') no-repeat 0 0;
}

#IndexMenu ul li.news a {
    background          : url('images/btn_indexmenu_news.gif') no-repeat 0 0;
}

#IndexMenu ul li.adve a {
    background          : url('images/btn_indexmenu_adve.gif') no-repeat 0 0;
}

#IndexMenu ul li.empl a {
    background          : url('images/btn_indexmenu_empl.gif') no-repeat 0 0;
}

#IndexMenu ul li a:hover {
    background-position : -180px 0;
    text-decoration     : underline;
}

/* Menu */

#MenuArea {
    width               : 100%;
}

#SiteTop #MenuArea {
    margin-bottom       : 10px;
}

#Menu {
    margin              : 0 auto;
    width               : 950px;
    text-align          : left;
    position            : relative;
    border-bottom       : #ccc 1px solid;
    background          : #fff;

}
#Menu ul {
    zoom                : 100%;
}

#Menu ul:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

#Menu ul li {
    float               : left;
}

#Menu ul li a {
    display             : block;
    width               : 190px;
    height              : 52px;
    text-indent         : -8000px;
    white-space         : nowrap;
    overflow            : hidden;
}

#Menu ul li.home a {
    background          : url('images/btn_menu.gif') no-repeat 0 0;
}

#Menu ul li.home a:hover {
    background-position : -190px 0;
}

#SiteTop #Menu ul li.home a {
    background-position : -380px 0;
}

#Menu ul li.corp a {
    background          : url('images/btn_menu.gif') no-repeat 0 -52px;
}

#Menu ul li.corp a:hover {
    background-position : -190px -52px;
}

#Corp #Menu ul li.corp a {
    background-position : -380px -52px;
}

#Menu ul li.prod a {
    background          : url('images/btn_menu.gif') no-repeat 0 -104px;
}

#Menu ul li.prod a:hover {
    background-position : -190px -104px;
}

#Prod #Menu ul li.prod a {
    background-position : -380px -104px;
}

#Menu ul li.news a {
    background          : url('images/btn_menu.gif') no-repeat 0 -156px;
}

#Menu ul li.news a:hover {
    background-position : -190px -156px;
}

#News #Menu ul li.news a {
    background-position : -380px -156px;
}

#Menu ul li.empl a {
    background          : url('images/btn_menu.gif') no-repeat 0 -208px;
}

#Menu ul li.empl a:hover {
    background-position : -190px -208px;
}

#Empl #Menu ul li.empl a {
    background-position : -380px -208px;
}

/* GlobalNavi */

#GlobalNaviArea {
    width: 100%;
    margin-bottom:10px;
}

ul#GlobalNavi {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    line-height: 1;
    background-color: #ccc;
    list-style-type: none;
    text-align:left;
    position: relative;
}

ul#GlobalNavi li {
    margin: 0;
    padding: 0;
    float: left;
    /* 固定幅にしたかったら
    width: 110px;
    */
    text-align: center;
    font-size: 11px; /* 文字サイズ */
}

ul#GlobalNavi li a {
    border-right: 1px solid #666;
    padding: 15px 20px;
    display: block;
    position: relative; /* for IE6 */
    color: #fff;
    background-color: #333;
    text-decoration: none;
}

ul#GlobalNavi li a:hover {
    border-color: #ccc;
    color: #333;
    background-color: #ccc;
}

/* ClearFix */

ul#GlobalNavi {
    _height: 1px;
    min-height: 1px;
    /*\*//*/
    height: 1px;
    overflow: hidden;
    /**/
}

ul#GlobalNavi:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
#NaviStrong {
}

/* Bread */
#BreadArea {
    width               : 100%;
}

#Bread {
    margin              : 0 auto;
    padding             : 10px 0;
    width               : 950px;
    text-align          : left;
    position            : relative;
    font-size           : 90%;
}

#Bread .breadcrumb {
    padding             : 5px 5px 5px 24px;
    background          : url('images/icon_bread.gif') 5px 4px no-repeat;
}

/* Footer */

#FooterArea {
    width               : 100%;
    background          : #fff;
    border-top          : #ccc 1px solid;
    clear               : both;
}

#Footer {
    padding             : 10px 5px;
    margin              : 0 auto;
    width               : 950px;
    clear               : both;
    font-size           : 90%;
}

#Footer ul {
    margin-bottom       : 5px;
    zoom                : 100%;
}

#Footer ul:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

#Footer ul li {
    float               : right;
    margin-left         : 10px;
    zoom                : 100%;
}

#Footer ul li a{
    padding-left        : 12px;
    display             : block;
    background          : #fff url('images/icon_arrow_01.gif') 0 -1px no-repeat;
    color               : #404040;
    font-size           : 90%;
    text-decoration     : none;
}
#Footer ul li a:hover{
    color               : #CC6666;
    text-decoration     : underline;
}

#Footer p.copyright {
    text-align          : right;
}

/* Main */

#MainArea {
    width: 100%;
}

#Main {
    margin: 0 auto;
    width: 950px;
    text-align:left;
    position: relative;
}

#Content {
    padding             : 0;
    width               : 700px;
    float               : right;
    line-height         : 140%;
}

#Sidebar {
    padding             : 10px 25px 0 15px;
    margin              : 0;
    width               : 200px;
    float               : left;
    background          : url(images/bg_side.gif) left top no-repeat;
}

/* Main SiteTop */

#SiteTop #MainArea {
    width: 100%;
}

#SiteTop #Content {
    width: 700px;
    float: left;
}

#SiteTop #Sidebar {
    margin              : 46px 0 0 0;
    padding             : 10px 15px 0 15px;
    width               : 200px;
    float               : right;
}



.widecolumn {
    line-height: 1.6em;
    }

.narrowcolumn .postmetadata {
    text-align: center;
    }

.thread-alt {
    background-color: #f8f8f8;
}
.thread-even {
    background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {
    border-left: 1px solid #ddd;
}

small {
    font-size: 80%;
}

h2 {
    font-size: 100%;
    font-weight: normal;
}

h2.pagetitle {
    font-size: 100%;
}

h3 {
    font-size: 100%;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, .postmetadata a {
    color: #333;
}

.postmetadata a {
    color: #999;
}

.entry p a:visited {
    color: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
.commentlist li ul li {
    font-size: 1em;
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }

.nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }

#wp-calendar a {
    text-decoration: none;
    }

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

.widecolumn {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 150px;
    width: 450px;
    }

.post {
    margin: 0 0 10px;
/*    text-align: justify; */
    }

.post hr {
    display: block;
    }

.widecolumn .post {
    margin: 0;
    }

.narrowcolumn .postmetadata {
    padding-top: 5px;
    }

.widecolumn .postmetadata {
    margin: 30px 0;
    }

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.clear {
    clear: both;
}

/* End Structure */



/*    Begin Headers */

/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */

/* Content */

#Content h2 {
    margin-bottom       : 10px;
    padding             : 4px 0 2px 30px;
    font-size           : 140%;
    line-height         : 150%;
    background          : url('images/h2_content.gif') 10px 11px no-repeat;
}

#Content h3 {
    padding             : 0 0 3px 5px;
    font-size           : 100%;
    border-bottom       : #ccc 1px solid;
}

#Content ul.disc li {
    list-style-type     : disc;
    margin              : 10px 0 10px 15px;
}

#Content ul.decimal li {
    list-style-type     : decimal;
    margin              : 10px 0 10px 15px;
}
#Content ol li {
    margin              : 10px 0 10px 15px;
}

#Content .cont-area{ 
    padding-top         : 5px;
    background          : url(images/bg_cont.gif) right top no-repeat;
}
#Content .link-arrow{
    padding             : 3px 0 3px 20px;
    background          : url('images/icon_bread.gif') left 5px no-repeat;
}

/* Side */

#Sidebar h2 {
    margin              : 0;
    padding             : 0 5px 7px 5px;
    border-bottom       : #ccc 3px solid;
    font-size           : 140%;
}
#Sidebar h2 a {
    text-decoration     : none;
    color               : #333;
}
#Sidebar h2 a:hover {
    text-decoration     : underline;
}
#Sidebar h2.aladdin {
    background          : url('images/bg_ttl_side_red.gif') left top no-repeat;
}

#Sidebar h2.promotion {
    background          : url('images/bg_ttl_side_orange.gif') left top no-repeat;
}

#Sidebar h2.listing {
    background          : url('images/bg_ttl_side_blue.gif') left top no-repeat;
}

#Sidebar h2.mobile {
    background          : url('images/bg_ttl_side_green.gif') left top no-repeat;
}

#Sidebar ul {
    padding: 0;
    }
#Sidebar ul.sidemenu{
    margin-bottom       : 20px;
    padding             : 0;
}
#Sidebar ul.sidemenu li{
}
#Sidebar ul.sidemenu li.current_page_item,
#Sidebar ul.sidemenu li.current-cat,
#Sidebar ul.sidemenu li.current-archives{
    background          : #f0f0f0 url('images/icon_arrow_01.gif') 5px 10px no-repeat;
}
#Sidebar ul.sidemenu li a{
    padding             : 10px 0 8px 19px;
    display             : block;
    border-bottom       : #d1d1d1 1px dotted;
    color               : #404040;
    text-decoration     : none;
    zoom                : 1;
}
#Sidebar ul.sidemenu li a:hover{
    background-color    : #FDE6E8;
    text-decoration     : underline;
}
#Sidebar ul.sidemenu li.current_page_item a:hover,
#Sidebar ul.sidemenu li.current-cat a:hover,
#Sidebar ul.sidemenu li.current-archives a:hover{
    background          : #f0f0f0 url('images/icon_arrow_01.gif') 5px 10px no-repeat;
    text-decoration     : none;
}
#Sidebar ul.sidemenu li ul li{
    background          : #fff url('images/icon_dash.gif') 20px 14px no-repeat;
}
#Sidebar ul.sidemenu li ul li.current_page_item,
#Sidebar ul.sidemenu li ul li.current-cat,
#Sidebar ul.sidemenu li ul li.current-archives{
    background          : #f0f0f0 url('images/icon_dash.gif') 20px 14px no-repeat;
}
#Sidebar ul.sidemenu li ul li a{
    padding-left        : 30px;
}
#Sidebar ul.sidemenu li ul li a:hover,
#Sidebar ul.sidemenu li.current_page_item ul li a:hover,
#Sidebar ul.sidemenu li.current-cat ul li a:hover,
#Sidebar ul.sidemenu li.current-archives ul li a:hover{
    background          : #FDE6E8 url('images/icon_dash.gif') 20px 14px no-repeat;
    text-decoration     : underline;
}
#Sidebar ul.sidemenu li ul li.current_page_item a:hover,
#Sidebar ul.sidemenu li ul li.current-cat a:hover,
#Sidebar ul.sidemenu li ul li.current-archives a:hover{
    background          : #f0f0f0 url('images/icon_dash.gif') 20px 14px no-repeat;
    text-decoration     : none;
}
#Sidebar ul.sidemenu li.current_page_ancestor{
    background          : #fff url('images/icon_arrow_01.gif') 5px 10px no-repeat;
}
#Sidebar ul.sidemenu li.current_page_ancestor a:hover{
    background          : #FDE6E8 url('images/icon_arrow_01.gif') 5px 10px no-repeat;
    text-decoration     : underline;
}
#Sidebar ul.side-service > li{
    margin              : 0 0 10px 0;
    padding-bottom      : 5px;
    line-height         : 150%;
    font-size           : 80%;
}
#Sidebar ul.side-service li a{
    display             : block;
    width               : 200px;
    color               : #404040;
    text-decoration     : none;
}
#Sidebar ul.side-service li.aladdin a.logo{
    padding             : 105px 0 5px 0;
    background          : url('images/logo_aladdin200_b.gif') no-repeat 0 0;
}

#Sidebar ul.side-service li.aladdin ul{
    padding             : 0 0 5px 0;
    border-bottom       : #ccc 1px dotted;
}

#Sidebar ul.side-service li.aladdin li{
    padding             : 2px 0 2px 14px;
    background          : url('images/icon_arrow_01.gif') 0 2px no-repeat;
}


#Sidebar ul.side-service li.mobile a{
    padding             : 65px 0 5px 0;
    background          : url('images/logo_mobile200.gif') no-repeat 0 0;
    border-bottom       : #ccc 1px dotted;
}
#Sidebar ul.side-service li.mobile a img{
    float               : right;
    padding             : 0 2px 0 5px;
}
#Sidebar ul.side-service li.lplus a{
    padding             : 65px 0 5px 0;
    background          : url('images/logo_lplus200.gif') no-repeat 0 0;
    border-bottom       : #ccc 1px dotted;
}
#Sidebar ul.side-service li.sugo a{
    padding             : 65px 0 5px 0;
    background          : url('images/logo_sugo200.gif') no-repeat 0 0;
}
#Sidebar ul.side-service li a:hover{
    color               : #CC6666;
    background-position : -200px 0;
    text-decoration     : underline;
}
#Sidebar ul.side-service li.ceoblog{
    margin-top          : 20px;
    padding-top         : 30px;
    border-top          : #ccc 3px solid;
}
#Sidebar ul.side-service li.side-bnr {
    margin-top          : 20px;
    padding-top         : 30px;
    border-top          : #ccc 3px solid;
}

/* Side */

/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#Sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#Sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */

/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
/*    text-align: justify; */
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

    }
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */

/* Begin Sidebar */
#Sidebar form {
    margin: 0;
    }
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align: center;
    width: 100%;
    }

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display             : block;
    text-align          : center;
    margin-top          : 30px;
    margin-bottom       : 10px;
    padding-top         : 3px;
    font-size           : 80%;
    border-top          : #ccc 1px solid;
    }

.navigation:after{
   content              : ".";
   display              : block;
   height               : 0;
   visibility           :hidden;
   clear                : both;
}

.navigation{
   display              : inline-block;
   min-height           : 1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .navigation{height: 1%;}
.navigation{display: block;}
/* for ie5,6*/

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

/* page */
.page #Content h3 {
    margin-bottom       : 0px;
    padding             : 9px 0 7px 25px;
    font-size           : 120%;
    background          : #eee url('images/icon_circle_green.gif') no-repeat 5px 9px;
    border-bottom       : none;
}
.page #Content .paragraph-indent {
    clear               : both;
    padding-bottom      : 20px;
}
.page #Content p {
    margin-top          : 10px;
    margin-bottom       : 10px;
}
.page #Content h4 {
    margin              : 20px 0 10px 0;
    padding             : 5px;
    background          : #eeeeee;
}

/* dl-list */
dl.dl-list{
    clear               : both;
    text-align          : left;
    margin-top          : 10px;
}

dl.dl-list:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

.dl-list dt{
    display             : block;
    float               : left;
    width               : 100px;
    margin              : 0;
    padding             : 5px 6px;
    border-top          : #ccc 1px dotted;
}
.dl-list dd{
    display             : block;
    width               : 556px;
    float               : left;
    clear               : right;
    margin              : 0;
    padding             : 5px 6px;
    border-top          : #ccc 1px dotted;
    text-align          : left;
}
.dl-list dd ul{
    margin              : 0;
    padding             : 0;
}
.dl-list dd ul li{
    margin              : 0;
    padding             : 0;
}

/* top */

#SiteTop h2{
    display             : block;
    margin-bottom       : 15px;
    text-indent         : -8000px;
    white-space         : nowrap;
    overflow            : hidden;
}
#SiteTop h2.newinfo{
    background          : url(images/h2_newinfo.gif) 10px 10px no-repeat;
}
#SiteTop h2.solution{
    background          : url(images/h2_solution.gif) 10px 10px no-repeat;
}
#SiteTop h2.service{
    background          : url(images/h2_service.gif) 30px 10px no-repeat;
    padding             : 4px 0 2px 0;
    font-size:140%;
line-height:150%;
}

/* top-newinfo */

#SiteTop dl.newinfo{
    clear               : both;
    text-align          : left;
}

#SiteTop dl.newinfo:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}

#SiteTop dl.newinfo dt{
    display             : block;
    float               : left;
    width               : 100px;
    margin-top          : 0;
    padding             : 6px 6px 6px 65px;
}
#SiteTop dl.newinfo dt.release {
    background          : url('images/icon_newinfo_01.gif') left 4px no-repeat;
}
#SiteTop dl.newinfo dt.topics {
    background          : url('images/icon_newinfo_02.gif') left 4px no-repeat;
}
#SiteTop dl.newinfo dt.media {
    background          : url('images/icon_newinfo_03.gif') left 4px no-repeat;
}
#SiteTop dl.newinfo dd{
    display             : block;
    width               : 491px;
    float               : left;
    clear               : right;
    margin              : 0;
    padding             : 6px 0 6px 15px;
    text-align          : left;
    background          : url('images/icon_dash.gif') left 14px no-repeat;
}
#SiteTop dl.newinfo dd a{
    text-decoration     : none;
}
#SiteTop dl.newinfo dd a:hover{
    text-decoration     : underline;
}

#SiteTop .newinfo-more {
    clear               : both;
    padding             : 3px 5px 0 0;
    border-top          : #ccc 1px dotted;
    font-size           : 80%;
    text-align          : right;
}
#SiteTop .newinfo-more a{
    padding             : 0 0 0 14px;
    background          : url('images/icon_arrow_01.gif') 0 0 no-repeat;
}

/* Corp */

#Corp .index{
    padding             : 0 0 210px 0;
    background          : url('images/bg_corporate.jpg') left bottom no-repeat;
}

#Corp .index ul li{
    float               : left;
    width               : 200px;
    border              : #ccc 1px solid;
    margin              : 20px 22px 20px 0px;
}
#Corp .index ul:after{
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}
#Corp .index ul li a{
    display             : block;
    width               : 160px;
    padding             : 10px 10px 10px 30px;
    background          : #FAFAFA url('images/icon_bread.gif') 10px 12px no-repeat;
}
#Corp .index ul li span{
    display             : block;
    width               : 180px;
    min-height          : 50px;
    height              : auto !important;
    height              : 50px;
    padding             : 5px 10px;
}

#Corp #Content .philosophy-area {
    padding-right       : 220px;
    background          : url('images/bg_philosophy.jpg') right top no-repeat;
}

#Corp #Content .philosophy-area p {
    line-height         : 200%;
}

#Corp #Content ul.philosophy li {
    list-style-type     : disc;
    margin              : 15px 0 20px 15px;
    line-height         : 200%;
}

#Corp .paragraph-indent .photo .c1 {
    float               : left;
    width               : 150px;
    margin-right        : 10px;
}

#Corp .paragraph-indent .photo .c2 {
    float               : left;
    width               : 520px;
}

#Corp #Content .sign {
    height              : 25px;
    padding             : 50px 5px 0 0;
    background          : #fff url('images/photo_ceo_200907_02.gif') right 5px no-repeat;
    color               : #404040;
}

#Corp #Content .sign span {
    padding-left        : 15px;
    background          : #fff url('images/icon_arrow_01.gif') 0 0 no-repeat;
    color               : #404040;
}

#Corp .photo:after {
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}
#Corp .photo .dl-list dt{
    width               : 90px;
}
#Corp .photo .dl-list dd{
    width               : 406px;
}
#Corp .officer .dl-list dt{
    width               : 150px;
}
#Corp .officer .dl-list dd{
    width               : 506px;
}
#Corp .location .dl-list dt{
    width               : 60px;
}
#Corp .location .dl-list dd{
    width               : 596px;
}
#Corp #Content .greeting p {
    line-height         : 200%;
}

/* Business */
#Prod p{
    line-height         : 180%;
}

#Prod .index{
}

#Prod .index ul li{
    float               : left;
    width               : 200px;
    border              : #ccc 1px solid;
    margin              : 20px 22px 20px 0px;
}
#Prod .index ul:after{
    content             : "";
    clear               : both;
    height              : 0;
    display             : block;
    visibility          : hidden;
}
#Prod .index ul li a{
    display             : block;
    width               : 160px;
    padding             : 10px 10px 10px 30px;
    background          : #FAFAFA url('images/icon_bread.gif') 10px 12px no-repeat;
}
#Prod .index ul li span{
    display             : block;
    width               : 180px;
    min-height          : 70px;
    height              : auto !important;
    height              : 70px;
    padding             : 5px 10px;
}

/* Empl */
#Empl table {
    margin              : 10px 0;
    border-collapse     : collapse;
}
#Empl th, #Empl td {
    padding             : 7px;
    border-top          : #999 1px dotted;
    vertical-align: top;
}
#Empl th {
    width               : 100px;
    background          : #eee;
    font-weight         : normal;
}
#Empl td.c1 {
    background          : #eee;
}
#Empl ol {
    margin              : 0 0 0 20px;
    list-style          : decimal;
}
#Empl .dl-list dd{
    width               : 420px;
}

/* privacy */
#Priv #Content h4 {
    margin              : 20px 0 10px 0;
    padding             : 5px;
    background          : #eeeeee;
}
#Priv #Content h5 {
    padding             : 5px;
    color               : #41aa54;
    border-bottom       : #41aa54 1px dotted;
}
#Priv #Content h6 {
    padding             : 5px 0;
    font-weight         : bold;
}

#Priv #Content h4 span {
    font-size           : 200%;
    font-weight         : bold;
    padding-right       : 5px;
}
#Priv #Content dl dd {
    margin-left         : 30px;
    margin-bottom       : 10px;
}

/* Site */
#primaryNav li {
    width               : 25%;
}
#primaryNav li ul li {
    width               : 100% !important;
}
#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }
#Site .sitemap-area {
    margin              : 0 0 40px 0;
    float               : left;
    width               : 100%;
    background          : none;
}
#Site .sitemap-area:after {
    clear               : both;
}

#Site .sitemap-area a{
    text-decoration     : none;
}
#Site .sitemap-area a:hover{
    text-decoration     : underline;
}
#Site ol,#Site  ul {
    list-style          : none;
}
/* --------	Top Level --------- */

#primaryNav {
    margin              : 0;
    float               : left;
    width               : 100%;
}
#primaryNav #home {
    display             : block;
    float               : none;
    background          : #ffffff url('images/L1-left.png') center bottom no-repeat;
    position            : relative;
    z-index             : 2;
    padding             : 0 0 30px 0;
}
#primaryNav li {
    float               : left;
    background          : url('images/L1-center.png') center top no-repeat;
    padding             : 30px 0;
    margin-top          : -30px;
}
#primaryNav li a {
    margin              : 0 20px 0 0;
    padding             : 10px 0;
    display             : block;
    font-weight         : bold;
    text-align          : center;
    color               : #333333;	
    background          : #cccccc url('images/white-highlight.png') top left repeat-x;
    border              : 2px solid #aaaaaa;
    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
}
#primaryNav li a:hover {
    background-color    : #FFCFD4;
    border-color        : #FFAFB8;
}
#primaryNav li:last-child {
    background          : url('images/L1-right.png') center top no-repeat;
}
/* --------	Second Level --------- */
#primaryNav li li {
    width               : 100%;
    clear               : left;
    margin-top          : 0;
    padding             : 10px 0 0 0;
    background          : url('images/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
    background-color    : #dddddd;
    border-color        : #cccccc;
    color               : #333333;
}
#primaryNav li li a:hover {
    background-color    : #FFCFD4;
    border-color        : #FFAFB8;
}
#primaryNav li li:first-child {
    padding-top         : 30px;
}
#primaryNav li li:last-child {
    background          : url('images/vertical-line.png') center bottom repeat-y;
}
/* --------    Third Level --------- */
#primaryNav li li ul {
    margin              : 10px 0 0 0;
    width               : 100%;
    float               : right;
    padding             : 9px 0 10px 0;
    background          : #ffffff url('images/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
    background          : url('images/L3-center.png') left center no-repeat;
    padding             : 5px 0;
}
#primaryNav li li li a {
    background-color    : #fff7aa;
    border-color        : #e3ca4b;
    padding             : 5px 0;
    width               : 80%;
    float               : right;
}
#primaryNav li li li a:hover {
    background-color    : #FFCFD4;
    border-color        : #FFAFB8;
}
#primaryNav li li li:first-child {
    padding             : 15px 0 5px 0;
    background          : url('images/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
    background          : url('images/L3-bottom.png') left center no-repeat;
}

#utilityNav {
    float               : right;
    max-width           : 70%;
    margin-right        : 10px;
}
#utilityNav li {
    float               : left;
    margin-bottom       : 10px;
}
#utilityNav li a {
    margin              : 0 10px 0 0;
    padding             : 5px 10px;
    display             : block;    
    border              : 2px solid #cccccc;
    font-weight         : bold;
    text-align          : center;
    color               : black;
    background          : #dddddd url('images/white-highlight.png') top left repeat-x;
    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
}
#utilityNav li a:hover {
    background-color    : #FFCFD4;
    border-color        : #FFAFB8;
}

/* News */

#News h3 {
    margin-bottom       : 10px;
    padding             : 5px 0 5px 8px;
    line-height         : 150%;
    border-bottom       : #ccc 1px dotted;
}
.postmetadata {
    padding             : 3px 0 3px 8px;
    font-size           : 80%;
    clear               : both;
}
.releaselist {
    border-left         : #E46464 5px solid;
}
.topicslist {
    border-left         : #649AE4 5px solid;
}
.medialist {
    border-left         : #E19040 5px solid;
}
.content-newstag {
    margin-top          : 5px;
    padding-top         : 5px;
    border-top          : #cccccc 1px dotted;
    font-size           : 80%;
}

/* entry */

.entry {
    margin-bottom       : 10px;
}
.entry p {
    margin-bottom       : 10px;
    line-height         : 180%;
}
.entry ul li {
    margin-bottom       : 10px;
    line-height         : 180%;
}
.entry table {
    margin              : 10px 0;
    border-collapse     : collapse;
}
.entry th, .entry td {
    padding             : 5px;
    border              : #999 1px solid;
}
.entry th {
    background          : #eee;
    font-weight         : normal;
}
.entry td.c1 {
    background          : #eee;
}
.entry ol {
    margin              : 0 0 0 20px;
    list-style          : decimal;
}
.entry ul {
    margin              : 0 0 0 20px;
    list-style          : disc;
}

.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }

/* END */