@charset "Shift_JIS";

/*
-----------------------------------------------
screenメディア用スタイル
----------------------------------------------- */

body {
margin:0;
padding:0;
color:#333;
background:#eee;
text-align:center;
font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body * {
margin:0;
padding:0;
}

#wrap {
width:720px;
margin:0 auto;
padding:0 30px;
text-align:left;
position:relative;
font-size:80%;
background:#fff;
color:#333;
position:relative;
}

a {
color:#06c;
}

img {
border:none;
}

table {
border-spacing: 0px;
border-collapse:collapse;
margin-bottom:1.5em;
}


/* 基本枠 */

#header {
width:720;
background:transparent url(img/head_bg.gif) no-repeat;
}

#main {
clear:both;
width:100%;
overflow:auto;
background:transparent url(img/main_bg.gif);
min-height:550px;
}

/* ホームは例外 */
#pageHome #main {
background:#fff;
}

/* ホームとソリューショントップは例外 */
#pageHome #main, #pageSolutionTop #main {
min-height:0;
}

#content {
line-height:150%;
background:#fff;
margin-top:-0.75em;
}

#footer {
position:relative;
margin-top:1em;
background:#ddd url(img/mark.gif) no-repeat 15px center;
padding:1em 1em 1em 145px;
clear:both;
}


/* グローバル */

#logo {
width:262px;
height:75px;
}

#header li {
list-style:none;
}

#global {
position:absolute;
left:673px;
top:0;
width:70px;
height:42px;
}

#global li {
width:23px;
float:left;
text-indent:-10000px;
}

#global li a {
display:block;
width:23px;
height:42px;
background:transparent url(img/clear.gif) repeat;
}

#navi {
width:100%;
height:35px;
overflow:hidden;
background:transparent url(img/navi.gif) no-repeat;
}

#navi li {
width:180px;
height:35px;
float:left;
text-indent:-10000px;
}

#navi li a {
display:block;
height:35px;
}

#navi li#naviAbout a { background:transparent url(img/navi.gif) 0px 0px; }
#navi li#naviAbout a:hover { background:transparent url(img/navi.gif) 0px -35px; }
#navi li#naviSolution a { background:transparent url(img/navi.gif) -180px 0px; }
#navi li#naviSolution a:hover { background:transparent url(img/navi.gif) -180px -35px; }
#navi li#naviSupport a { background:transparent url(img/navi.gif) -360px 0px; }
#navi li#naviSupport a:hover { background:transparent url(img/navi.gif) -360px -35px; }
#navi li#naviRecruit a { background:transparent url(img/navi.gif) -540px 0px; }
#navi li#naviRecruit a:hover { background:transparent url(img/navi.gif) -540px -35px; }

#crumbs {
color:#ccc;
background:#000;
margin:1px 0;
padding:0.75em 1em 0.5em 1em;
font-size:70%;
}

#crumbs a {
color:#ccc;
background:transparent;
}

#content {
width:525px;
overflow:hidden;
float:left;
padding-right:15px;
}

#sidebar {
width:180px;
float:right;
}

#sidebar ul {
width:178px;
border:solid 1px #ccc;
border-bottom:none;
background:#fff;
margin-bottom:1em;
}

#sidebar li {
list-style:none;
border-bottom:solid 1px #ccc;
}

#sidebar li a {
display:block;
color:#555;
padding:0.5em 0.5em 0.5em 23px;
text-decoration:none;
background:transparent url(img/sidelist.gif) no-repeat 9px center;
}

#sidebar li a:hover {
background:#eee url(img/sidelist.gif) no-repeat 9px center;
}

#sidebar li.active a {
color:#fff;
background:#06c url(img/sidelist.gif) no-repeat 9px center;
}

#sidebar li.root a {
color:#333;
background:#C8E3FF url(img/sidelist.gif) no-repeat 9px center;
}

#pagetop {
float:right;
}

#pagetop a {
color:#333;
}

#gotohome {
width:130px;
height:21px;
position:absolute;
left:0;
top:20px;
text-indent:-10000px;
}

#gotohome a {
display:block;
width:130px;
height:21px;
}

#footNavi {
font-size:70%;
margin-bottom:0.5em;
}

#footNavi li {
display:inline;
}

#footNavi li a {
color:#333;
}

#copyright {
font-size:85%;
}

h1#title {
margin:15px 0;
padding-bottom:15px;
border-bottom:solid 1px #06c;
font-size:130%;
width:100%;
}

#content h2 {
clear:both;
margin:1.5em 0 1em 0;
font-size:110%;
border-left:solid 3px #06c;
border-bottom:dotted 1px #ccc;
padding:0.1em 0 0.1em 0.75em;
color:#333;
}

#content h3 {
clear:both;
margin:1em 0 0.25em 0;
font-size:100%;
color:#06c;
}

#content p {
margin:0.75em 0 0.75em 0;
}

#content dl {
margin:0.5em 0;
}

#content dt {
float:left;
color:#06c;
font-weight:bold;
margin-bottom:0.5em;
border-top:solid 1px #eee;
padding-top:0.5em;
}

#content dd {
float:left;
margin-bottom:0.5em;
border-top:solid 1px #eee;
padding-top:0.5em;
padding-left:10px;
}

#pageUpdated dt {width:80px;}
#pageUpdated dd {width:410px;}

#pageOutline dt {width:80px;}
#pageOutline dd {width:410px;}

#pageHistory dt {width:110px;}
#pageHistory dd {width:380px;}

#pageLexicon dt {width:130px;}
#pageLexicon dd {width:360px;}

#pageRecruit dt, #pageRecruit dd {border:none;}
#pageRecruit dt {width:80px;}
#pageRecruit dd {width:410px;}

#content ul, #content ol {
padding-left:2.5em;
margin-bottom:1.5em;
margin-top:1em;
}

#content ul.flat {
padding-left:0;
}

#content ul.flat li {
display:inline;
margin-right:0.5em;
padding-right:0.5em;
}

table.visible th, table.visible td {
padding:0.25em 0.5em;
border:solid 1px #ccc;
}

table.visible th {
background:#eee;
text-align:center;
}

#link {
clear:both;
margin-top:1.5em;
border:solid 1px #06c;
padding:0 15px 15px 15px;
background:#F4FAFF;
overflow:auto;
}

#content #link ul {
margin:0;
padding:0;
}

* html #content #link ul {
margin-bottom:1.75em;
}

#link li {
background:transparent url(img/listmark.gif) no-repeat left center;
padding-left:10px;
list-style:none;
width:153px;
float:left;
}

#content p.link {
background:transparent url(img/listmark.gif) no-repeat left center;
padding-left:15px;
margin-top:0;
}

/* ホーム */

#pageHome #flash {
margin-bottom:15px;
}

#pageHome #main h2 {
margin:0 0 10px 0;
}

#homeLeft {
width:240px;
float:left;
}

#homeRight {
width:470px;
float:right;
}

#homeLeft dt,
#HomeLeft dd {
width:170px;
}

#homeLeft dt {
background:transparent url(img/listmark.gif) no-repeat left 4px;
color:#06c;
font-weight:bold;
padding-left:15px;
margin-bottom:0.2em;
}

#homeLeft dd {
border-bottom:dashed 1px #ccc;
padding-bottom:0.25em;
margin-bottom:0.5em;
}

#homeRight ul {
margin:0;
padding:0;
}

#homeRight li {
margin:0 0 5px 0;
padding:0;
list-style:none;
width:230px;
float:left;
}

#homeRight li.m1,
#homeRight li.m3 {
margin-right:10px;
}


/* ダウンロード */

#catalog ul {
margin:0;
padding:0;
}

#catalog li {
width:100px;
float:left;
margin-right:5px;
}

#catalog li img {
display:block;
}

#catalog li span {
display:block;
font-size:85%;
color:#666;
}


/* 先輩の声 */

#pageVoice em {
font-style:normal;
padding-left:40px;
padding-top:15px;
background:transparent url(img/fuki.gif) no-repeat left bottom;
display:block;
color:#c63;
font-weight:bold;
}


/* 製品 */

#pageProduct #content p.photo {
width:250px;
float:left;
text-align:center;
}

#pageProduct #content ul.list {
width:250px;
float:right;
margin-left:0;
padding-left:0;
}

#pageProduct #link img {
float:left;
margin-right:0.5em;
vertical-align:middle;
}

#pageProduct #link span {
display:block;
}


#pageSolutionTop #flash {
margin-bottom:15px;
}

#pageSolutionTop #content div {
width:180px;
float:left;
}

#pageSolutionTop #content div h4 {
font-weight:normal;
font-size:100%;
margin-top:0.75em;
}

#pageSolutionTop #content div ul {
margin-top:0.5em;
padding-left:15px;
}

#pageSolutionTop #content div li {
list-style-image:url(img/listmark.gif);
}