@charset "utf-8";
/* CSS Document */
body {
    text-align:center;
    background:url(images/bg_main.jpg) left center no-repeat fixed;
    color:#333333;
}
hr {
    border:0;
    border-top:1px solid #cccccc;
    margin:0;
    margin-bottom:0.5em;
}
#lboxSet > dd {
    display:none;
    background-color:#FFF;
}
#mainBody, #header {
    margin-left:auto;
    margin-right:auto;
}
/*
 * header
 */
#header {
    width:100%;
    height:60px;
    background:url(images/bg_head.jpg) top repeat-x;
    position:fixed;
    top:0;
    left:0;
    z-index:3;
}
#header h1 {
    background:url(images/logo_kss.jpg) top left no-repeat;
    width:194px;
    height:60px;
    float:left;
}
ul#mainMenu, ul#mainMenu li, ul#mainMenu li a {
    display:block;
}
ul#mainMenu {
    float:right;
}
ul#mainMenu > li {
    float:left;
}
ul#mainMenu > li > ul {
    display:none;
}
ul#mainMenu > li > ul > li {
    background-color:#cccccc;
}
ul#mainMenu li a {
    width:8em;
    height:20px;
    margin-top:18px;
    text-align:center;
}
ul#mainMenu > li > ul > li a {
    margin-top:1px;
}
ul#mainMenu li ul li:last-child a {
    margin-top:20px;
}
ul#mainMenu > li > ul li:first-child > a {
    margin-top:1px;
}

#mainBody {
    width:730px;
    position:relative;
    margin-left:220px;
    top:70px;
    z-index:1;
    text-align:left;
    padding-bottom:4em;
}
body#index #content {
    width:690px;
    text-align:left;
    margin-right:auto;
    margin-left:0;
    background:url(images/bg_top_main.jpg) left top no-repeat;
}

body.noBg {
    background: none;
}

#content > * {
    width:90%;
    margin:0 0 1.5em 5em;
}
#content > h2 {
    width:98%;
    margin-left:2em;
    margin-bottom:0.5em;
}
div#btnCont {
    margin:50px auto 10px 4em;
}
*:first-child+html div#btnCont { margin-top:90px; }/* IE7 */
html>/**/body div#btnCont { margin-top:60px; }/* not IE7 and higher */
div#btnCont a {
    display:block;
    margin:6px 0;
}
div#btnCont a#btnSys {
    width:213px;
    height:91px;
    background:url(images/btn_top01_off.jpg) left top no-repeat;
}
div#btnCont a#btnDtl {
    width:255px;
    height:91px;
    background:url(images/btn_top02_off.jpg) left top no-repeat;
}
div#btnCont a#btnDemo {
    width:332px;
    height:33px;
    background:url(images/btn_top03_off.jpg) left top no-repeat;
}
div#btnCont a#btnSys:hover { background:url(images/btn_top01_on.jpg) left top no-repeat; }
div#btnCont a#btnDtl:hover { background:url(images/btn_top02_on.jpg) left top no-repeat; }
div#btnCont a#btnDemo:hover { background:url(images/btn_top03_on.jpg) left top no-repeat; }

h2 {
    width:98%;
    height:32px;
    margin:0;
    margin-bottom:0.5em;
    padding:0;
    border-bottom:1px solid #cccccc;
}
h2#topTitle { background:url(images/h2_top.jpg) left center no-repeat; }
h2#imgTitle { background:url(images/h2_top_img.jpg) left center no-repeat; }
h2#confTitle { background:url(images/h2_detail_conf.jpg) left center no-repeat; }
h2#sysTitle { background:url(images/h2_detail_sys.jpg) left center no-repeat; }
h2#specTitle { background:url(images/h2_detail_spec.jpg) left center no-repeat; }

table {
    border:1px solid #cccccc;
    border-collapse:separate;
    border-spacing:1px;
    background:url(../images/bg_grad_white.png) top repeat-x #E6E6E6;
}
table th, table td {
    border:1px solid #cccccc;
    height:3em;
    padding:0.5em 0.8em;
}
table th {
    color:#333;
    text-align:center;
    font-weight:bold;
    white-space:nowrap;
}
table td {
    background-color:#FFF;
}
table a {
    text-decoration:underline;
}
#footer {
    position:fixed;
    left:0;
    bottom: 0px;
    width:100%;
    height:2em;
    color:#ffffff;
    background-color:#9A9261;
    border-top:2px solid #cccccc;
    z-index:2;
}
#footer * {
    margin:0.2em 0.5em 0 0.5em;
}
#footer address {
    float:left;
}
#footer ul#logout {
    float:right;

}
#footer li {
    float:left;
    display:inline;
    margin:0;
}
ul a:link,
ul a:visited {
    color:#ffffff;
    text-decoration:none;
}
ul a:hover {
    color:#FF9;
    text-decoration:underline;
}
ol#detailList {
    width:100%;
    margin-left:2em;
    list-style-type:disc;
    list-style-position:inside;
}
ol#detailList li {
    width:100%;
    height:2em;
    margin-bottom:2px;
    border-bottom:1px solid #cccccc;
}
/* 詳細タブ・マウスアウト時 */

ol#detailList a {
    float:none;
    display:block;
    font-weight:bold;
    width:100%;
    height:100%;
    padding-left:2em;
    margin-top:0;
    text-align:left;
    color:#036;
    background:url(../images/dtl_navi/h3_ico_min.png) center left no-repeat;
    text-decoration:  none;
}

/* 詳細タブ・マウスオーバー時 */
ol#detailList li:hover {
    background-color:#cccccc;
}
ol#detailList a.act {
    background:url(images/btn_act.jpg) center left no-repeat;
}

/* 内容 初期状態*/
div#detailArea {
    height:auto;
    margin-top:0;
    margin-left:24px;
    list-style-position:outside;
    border: 0px solid #DFEAF7;
}

div#detailArea * {
}
div[id^="dtl"] {
    clear: left;
    display: none;
    width:620px;
    height:auto;
    text-align:left;
    padding:1em;
    background-color:#ffffff;
}

ol > div {
    list-style: square;
}
ol > div img {
    margin:1em auto 1em auto;
}

div[id^="dtl"] div {
    float:right;
    width:140px;
    text-align:center;
    line-height:26px;
    height:26px;
    margin:0;
    color:#FFF;
    font-weight:bold;
    background:url(../images/dtl_navi/bg_close_off.jpg) top center no-repeat;
    cursor: pointer;
}
div[id^="dtl"] h3 {
    float:left;
    width:450px;
    text-align:left;
    line-height:26px;
    padding-left:1em;
    overflow:hidden;
    height:26px;
    font-weight:bold;
    background:url(../images/dtl_navi/bg_here.jpg) top left no-repeat;
}
div[id^="dtl"] li {
    margin-left:1em;
    padding-left:1.8em;
    line-height:2em;
    list-style-type:none;
    background: url(../images/dtl_navi/h3_ico_min.png) left no-repeat;
}
div[id^="dtl"] img {
    width:580px;
    margin:1em auto 1em auto;
}

div div.lbNext {
    padding-right:0.5em;
    background:url(../images/dtl_navi/bg_next_off.jpg) center no-repeat;
}
div div.lbPrev {
    float:left;
    padding-left:0.5em;
    background:url(../images/dtl_navi/bg_prev_off.jpg) center no-repeat;
}
div div.lbClose {
    background:url(../images/dtl_navi/bg_close_off.jpg) top center no-repeat;
}
div div.lbNext:hover { background:url(../images/dtl_navi/bg_next_on.jpg) center no-repeat; }
div div.lbPrev:hover { background:url(../images/dtl_navi/bg_prev_on.jpg) center no-repeat; }
div div.lbClose:hover { background:url(../images/dtl_navi/bg_close_on.jpg) center no-repeat; }

ul#dtlNav {
    display:block;
    width:715px;
    height:2em;
    color:#ffffff;
    background-color:#9A9261;
    margin-left:24px;
    padding-left:1em;
}
ul#dtlNav li {
    display:block;
    float:left;
    line-height:2em;
    list-style-position:inside;
    margin-left:0.5em;
}
ul#dtlNav a {
    font-weight:normal;
    color:#FFF;;
}
ul#dtlNav a.act {
    font-weight:bold;
    color:#FF9;;
}
p.attention {
    display:block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bolder;
}
p.attention a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    background: url(images/select_on.png) top left no-repeat;
    padding-left: 25px;
    color: #000000;
}
p.attention a:hover {
    background: url(images/select_on.png) top left no-repeat;
    color: #00FFFF;
}