@charset "utf-8";
/* ----------------------------------------------------
 * link
 * -------------------------------------------------- */
 a:link, a:visited {
     color: #696969;
 }
 a:hover, a:active, a:focus {
     color: RoyalBlue;
 }
/* ----------------------------------------------------
 * page header
 * -------------------------------------------------- */
/**---------- #header #nav ----------**/
#header #main_menu {
    border-top: 1px #191919 solid;
    border-bottom: 1px #191919 solid;
    border-right: 1px #191919 solid;
}
#nav {
    background: #191919;
}
#nav li {
    text-shadow:0 -1px 0px #333,0 1px 0px #555;
    /* background */
        background: #777;
        background: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#666666');
}
#nav li a {
    color: #ffffff;
}
#nav li a.on,
.navi1 #nav li.navi1 a,
.navi2 #nav li.navi2 a,
.navi3 #nav li.navi3 a,
.navi4 #nav li.navi4 a,
.navi5 #nav li.navi5 a,
.navi6 #nav li.navi6 a,
#nav li a:hover {
    /* background */
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6), 1px 1px 1px rgba(255, 255, 255, 0.2);
    filter:dropshadow(offx=1,offy=1,color=#aaaaaa,positive=1);
    /* background */
        background: #777;
        background: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333');
}

.navi1 #nav li.navi1 a, #nav li.navi1 a:hover, li.navi1 a:active, li.navi1 a:focus  {
    color: #7FFFD4;
}
.navi2 #nav li.navi2 a, #nav li.navi2 a:hover, li.navi2 a:active, li.navi2 a:focus  {
    color: #ADFF2F;
}
.navi3 #nav li.navi3 a, #nav li.navi3 a:hover, li.navi3 a:active, li.navi3 a:focus  {
    color: #FFB92E;
}
.navi4 #nav li.navi4 a, #nav li.navi4 a:hover, li.navi4 a:active, li.navi4 a:focus  {
    color: #AD87FA;
}
.navi5 #nav li.navi5 a, #nav li.navi5 a:hover, li.navi5 a:active, li.navi5 a:focus  {
    color: #FFEA00;
}
.navi6 #nav li.navi6 a, #nav li.navi6 a:hover, li.navi6 a:active, li.navi6 a:focus  {
    color: #F48CFF;
}

/* --- header_img --- */
/* トップ */
.navi0 #main_img h2 {
    height: 300px;
    background: #FFF url(../img/top.jpg) no-repeat center;
    background-size: cover;
}
/* ニュース */
.navi1 #main_img h2 {
    height: 200px;
    background: #FFF url(../img/news.jpg) no-repeat center;
    background-size: cover;
}
/* サービス */
.navi2 #main_img h2 {
    height: 200px;
    background: #FFF url(../img/service.jpg) no-repeat center;
    background-size: cover;
}
/* 製品 */
.navi3 #main_img h2 {
    height: 200px;
    background: #FFF url(../img/product.jpg) no-repeat center;
    background-size: cover;
}
/* 企業情報 */
.navi4 #main_img h2 {
    height: 200px;
    background: #FFF url(../img/company.jpg) no-repeat center;
    background-size: cover;
}
/* 採用情報 */
.navi5 #main_img h2 {
    height: 200px;
    background: #FFF url(../img/recruit.jpg) no-repeat center;
    background-size: cover;
}
/* ラクサスラボ */
.lab #main_img h2 {
    height: 200px;
    background: #FFF url(../img/lab.jpg) no-repeat center;
    background-size: cover;
}
/* サイトマップ */
.sitemap #main_img h2 {
    height: 200px;
    background: #FFF url(../img/sitemap.jpg) no-repeat center;
    background-size: cover;
}
/* お問合わせ */
.contact #main_img h2 {
    height: 200px;
    background: #FFF url(../img/contact.jpg) no-repeat center;
    background-size: cover;
}

/* ----------------------------------------------------
 * page body
 * -------------------------------------------------- */
/**---------- #sub_content ----------**/
/* 背景色 */
#sub_content ul li {
    background-color: #f9f9f9;
}
/* ポイント前ボーダー色 */
#sub_content #news ul li a,
.navi1 #sub_content ul li a {
    border-left: 4px #009999 solid;
}
#sub_content #service ul li a,
.navi2 #sub_content ul li a {
    border-left: 4px #669900 solid;
}
#sub_content #product ul li a,
.navi3 #sub_content ul li a {
    border-left: 4px #996600 solid;
}
#sub_content #company ul li a,
.navi4 #sub_content ul li a {
    border-left: 4px #330099 solid;
}
#sub_content #recruit ul li a,
.navi5 #sub_content ul li a {
    border-left: 4px #997f00 solid;
}
#sub_content #lab ul li a,
.lab #sub_content ul li a {
    border-left: 4px #006699 solid;
}
.sitemap #sub_content ul li a {
    border-left: 4px #009966 solid;
}
.contact #sub_content ul li a {
    border-left: 4px #990033 solid;
}
/* ポイント後ボーダー色 */
#sub_content #news ul li a:hover,
.navi1 #sub_content ul li a:hover {
    border-left-color: #7FFFD4;
}
#sub_content #service/ ul li a:hover,
.navi2 #sub_content ul li a:hover {
    border-left-color: #ADFF2F;
}
#sub_content #product ul li a:hover,
.navi3 #sub_content ul li a:hover {
    border-left-color: #FFB92E;
}
#sub_content #company ul li a:hover,
.navi4 #sub_content ul li a:hover {
    border-left-color: #AD87FA;
}
#sub_content #recruit ul li a:hover,
.navi5 #sub_content ul li a:hover {
    border-left-color: #FFEA00;
}
#sub_content #lab ul li a:hover,
.lab #sub_content ul li a:hover {
    border-left-color: #00AAFF;
}
.sitemap #sub_content ul li a:hover {
    border-left-color: #00FFAA;
}
.contact #sub_content ul li a:hover {
    border-lef-colort: #FF0055;
}

/**---------- #contents .section ----------**/
#contents .section h3 {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
/* --- header_color --- */
/* ニュース */
#news.section h3 span,
.navi1 .section h3 span {
    border-left: 5px solid #006666;
}
#news h4,
.navi1 .section h4 {
    color: black;
    border-color: #009999;
}
.navi1 .section ul.table li p.th,
.navi1 .section ul.list li p,
#news.section ul.table li p.th,
#news.section ul.list li p {
    background: url(../img/square/aqua-square.gif) 0 0.4em no-repeat;
}
/* サービス */
#service.section h3 span,
.navi2 .section h3 span {
    border-left: 5px solid #446600;
}
#service h4,
.navi2 .section h4 {
    color: black;
    border-color: #669900;
}
#service.section ul.table li p.th,
#service.section ul.list li p.list_head {
    background: url(../img/square/lime-square.gif) 0 0.4em no-repeat;
}
/* 製品 */
#product.section h3 span,
.navi3 .section h3 span {
    border-left: 5px solid #CC8800;
}
#product h4,
.navi3 .section h4 {
    color: black;
    border-color: #996600;
}
#product.section ul.table li p.th,
#product.section ul.list li p.list_head,
.navi3 .section ul.table li p.th,
.navi3 .section ul.list li p {
    background: url(../img/square/brown-square.gif) 0 0.4em no-repeat;
}
/* 企業情報 */
#company.section h3 span,
.navi4 .section h3 span {
    border-left: 5px solid #4400CC;
}
#company h4,
.navi4 .section h4 {
    color: black;
    border-color: #330099;
}
#company.section ul.table li p.th,
#company.section ul.list li p,
.navi4 .section ul.table li p.th,
.navi4 .section ul.list li p {
    background: url(../img/square/purple-square.gif) 0 0.4em no-repeat;
}
/* 採用情報 */
#recruit.section h3 span,
.navi5 .section h3 span {
    border-left: 5px solid #CCAA00;
}
#recruit h4,
.navi5 .section h4 {
    color: black;
    border-color: #997f00;
}
#recruit.section ul.table li p.th,
#recruit.section ul.list li p,
.navi5 .section ul.table li p.th,
.navi5 .section ul.list li p {
    background: url(../img/square/yellow-square.gif) 0 0.4em no-repeat;
}
/* ラクサスラボ */
#lab.section h3 span,
.lab .section h3 span {
    border-left: 5px solid #00AAFF;
}
#lab h4,
.lab .section h4 {
    color: black;
    border-color: #004466;
}
#lab ul.table li p.th,
#lab ul.list li p {
    background: url(../img/square/blue-square.gif) 0 0.4em no-repeat;
}
/* サイトマップ */
.sitemap .section h3 span {
    border-left: 5px solid #006644;
}
/* お問い合わせ */
#contact.section h3 span,
.contact .section h3 span {
    border-left: 5px solid #660022;
}
#contact h4,
.contact .section h4 {
    color: black;
    border-color: #990033;
}
#contact ul.table li p.th,
#contact ul.list li p {
    background: url(../img/square/red-square.gif) 0 0.4em no-repeat;
}
/* ブログ */
#blog.section h3 span {
    border-left: 5px solid #AA00CC;
}
/* モバイル */
#mobile.section h3 span {
    border-left: 5px solid #0044CC;
}
/**---------- table.table ----------**/
#contents table.table tr, #contents table.table th, #contents table.table td {
    border: 1px #191919 solid;
}
#contents table.table th {
    background: #F5F5F5;
}