@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-style: normal;
}

body {
    font-size: small;
    font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #000;
    background: #efefef url('images/back.gif') repeat;
}

a:link, a:visited {
    color: #04f;
}
a:hover {
    color: #147;
    text-decoration: underline;
}
a:active, a:focus {
    outline: none;
}

p {
    line-height: 1.4em;
    margin: 0 0 1em 0;
}


/*page*/
#page {
    width: 728px;
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*block*/
.header {
    width: 728px;
    height: 88px;
    font-size: 12px;
    background: #fff url('images/headerback.jpg') no-repeat;
}
.header h1 a {
    float:left;
    display: block;
    width: 170px;
    height: 88px;
    /*\*/
    overflow: hidden;
    /**/
    background: #fff url('images/infoportlogo.jpg') no-repeat;
    text-indent: -999em;
}

.header div#description {
    float: left;
    width: 384px;
    height: 30px;
    color: #c00;
    padding: 14px 0 0 0px;
}
.header div#submenu {
    font-size: 12px;
    height: 42px;
    padding: 4px 0 0 0;
    line-height: 1.2em;
}
.header div#submenu a {
    color: #fff;
}
.header div#submenu a#contact {
    position: relative;
    left: 26px;
}
.header div#submenu img {
    margin:0 4px 0 6px;
}
#headersub {
    clear: both;
    width: 728px;
    height: 18px;
    font-size: 10px;
    color: #fff;
    text-indent: 37px;
    padding: 2px 0 0 0;
    background: #fff url('images/headersubback.jpg') no-repeat;
}
#headersub a:link, #headersub a:visited, #headersub a:hover {
    color: #fff;
    letter-spacing: 2px;
}


#footer {
    clear: both;
    color: #666;
    text-align: center;
    height: 65px;/*-15*/
    margin: 10px 0 0 0;
    padding: 12px 10px 0 10px;
    background: #efefef url('images/footerback.jpg') no-repeat;
    line-height: 1.5em;
}

address {
    line-height: 1.2em;
}

#menubar {
}
#menubar a {
    float: left;
}
#menubar a.menu1 {background-image: url('images/menu1b.jpg');}
#menubar a.menu2 {background-image: url('images/menu2b.jpg');}
#menubar a.menu3 {background-image: url('images/menu3b.jpg');}
#menubar a.menu4 {background-image: url('images/menu4b.jpg');}
#menubar a.menu5 {background-image: url('images/menu5b.jpg');}
#menubar a.menu6 {background-image: url('images/menu6b.jpg');}

#menubar a:hover img, #menubar a.current img {
    visibility: hidden;
}
#menubar a:hover {
    background-color: #ffffff;
}
#menubar a {
    display: block;
    width: 93px;
    height: 42px;
    background-repeat: no-repeat;
}

div#contents {
    width: 680px;
    margin: 0 auto;
}
div.issue {
    width: 620px;
    margin: 0 auto;
}

h1#pagetitle1, h1#pagetitle2, h1#pagetitle3, h1#pagetitle4, h1#pagetitle5, h1#pagetitle6 {
    width: 680px;
    height: 32px;
    text-indent: -999em;
    margin: 10px 0 10px 0;
}
h1#pagetitle1 {
    background: #fff url('images/pagetitle1.gif') no-repeat;
}
h1#pagetitle2 {
    background: #fff url('images/pagetitle2.gif') no-repeat;
}
h1#pagetitle3 {
    background: #fff url('images/pagetitle3.gif') no-repeat;
}
h1#pagetitle4 {
    background: #fff url('images/pagetitle4.gif') no-repeat;
}
h1#pagetitle5 {
    background: #fff url('images/pagetitle5.gif') no-repeat;
}
h1#pagetitle6 {
    background: #fff url('images/pagetitle6.gif') no-repeat;
}

h2 {
    clear: both;
    width: 650px;
    height: 22px;
    background: #fff url('images/titleback.jpg') no-repeat;
    font-size: 16px;
    color: #000;
    padding: 6px 0 0 30px;
    margin: 5px 0 12px 0;
}
h4 {
    clear: both;
    color: #036;
    margin: 8px 0;
}


/*top*/
div#topvisual {
    width: 310px;/*680*/
    height: 208px;/*240*/
    background: #fff url('images/topvisual.jpg') no-repeat;
    padding: 32px 224px 0 146px;
    margin: 20px 0 20px 0;
    font-size: 12px;
}
div#topvisual h1 {
    text-indent: -999em;
}

div.topissue {
    width: 620px;
    height: 130px;
    margin: 0 auto;
}
div.topissue img {
    width: 223px;
    display: block;
    float: left;
}
div.topissue p {
    width: 380px;
    display: block;
    float: left;
    margin-left: 17px;
}
div.topissue_h {
    width: 620px;
    height: 30px;
    margin: 0 auto;
}
div.topissue_b {
    width: 580px;
    height: 30px;
    margin: 0 auto;
}
div.topissue_b2 {
    width: 580px;
    height: 60px;
    margin: 0 auto;
}
div.topissue_h2 {
    width: 620px;
    height: 50px;
    margin: 0 auto;
}

/*news*/
div#infoportnews {
    float: left;
    width: 380px;
    background-color: #f9f9f9;
    margin: 0 0 10px 11px;
    padding: 0 0 5px 0;
}
div#infoportnews h3 {
    width: 380px;
    height: 32px;
    background: #fff url('images/infoportnews.gif') no-repeat;
    text-indent: -999em;
}
div#infoportnews ul {

}
div#infoportnews ul li {
    list-style-type: none;
    list-style-image: none;
    border-top: 1px dashed #b2b2b2;
    margin: 0 14px;
    padding: 4px 0;
}
div#infoportnews ul li span {
    color: #666;
}

/*dl*/
div#download {
    float: left;
    width: 255px;
    height: 240px;
    background: #f60 url('images/downloadback.gif') repeat;
    margin: 0 0 10px 8px;
}
div#download div {
    margin: 10px;
    height: 200px;
    background-color: #f9f9f9;
    padding: 8px;
    text-align: center;
}
div#download div h3 {
    width: 210px;
    height: 34px;
    background: #f9f9f9 url('images/cataloguedownload.gif') no-repeat;
    text-indent: -999em;
}
div#download div p {
    padding: 0 5px;
    font-size: 12px;
}
div#download div img {
    margin: 0 0 5px 0;
}
div#download div a.dlbt {
    margin: 3px auto 0 auto;
    display: block;
    width: 130px;
    height: 28px;
    background-image: url('images/downloadbuttonb.jpg');
    background-repeat: no-repeat;
    text-decoration: none;
}
div#download div a:hover img {
    visibility: hidden;
}
div#download div a:hover {
    background-color: #f9f9f9;
}
div#download table {
    margin: -10px auto 0 auto;
    color: #666;
    text-align: left;
}
div#download table input {
    width: 110px;
    border: 1px solid #ccc;
}



/*features*/
div.featureshead {
    width: 620px;
    height: 150px;
    margin: 0 auto;
}
div.featureshead a {
    width: 220px;
    float: left;
}
div.featureshead p {
    float: left;
    width: 390px;
    padding: 0 0 0 10px;
}
div.issue div {
    float: left;
    width:300px;
    padding: 2px 5px 2px 5px;
}
div.issue div h3 {
    font-size: 1.0em;
    border-bottom: 1px solid #ccc;
}

div.issue div ul {
    float: left;
    padding: 0 5px 14px 5px;
}
div.issue div ul li {
    margin: 5px 0;
    padding-left: 16px;
    background: url('images/listbullet.gif') no-repeat 0 1px;
    list-style: none;
}
div.issue2 {
    clear: both;
    width: 550px;
    margin: 0 auto;
}
div.issue2 h3 {
    font-size: 1.0em;
    margin: 1em 0 0 0;
}
div.issue2 div {
    border: 1px solid #ccc;
    padding: 0.5em;
    background-color: #ffc;
    margin: 0.5em 0;
}
div.issue2 div.opt {
    background-color: #E3EAF9;
}
div.issue2 img {
    margin: 10px 0;
}

table.spectable {
    width: 500px;
    margin: 0 auto;
    font-size: 12px;
    background-color: #f9f9f9;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.spectable th {
    padding: 2px 0 2px 1em;
    text-align: left;
    border-left: 1px solid #ccc;
}
table.spectable td {
    padding: 2px 0 2px 1em;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    line-height: 1.5em;
}
div.specnote {
    width: 500px;
    margin: 5px auto 0 auto;
    font-size: 10px;
}

/*option*/
.optionp {
    margin: 0 10px 10px 10px;
}
.optionblock {
    float: left;
    margin: 0 10px 10px 10px;
}
.optionblock img {
    margin: 8px 0 0 0;
}
.optionblock span {
    font-weight: bold;
}



/*qa*/
dl {
    width: 620px;
    margin: 0 auto 10px auto;
}
dt {
    font-weight: bold;
    margin: 10px 0;
    padding: 7px 0 0 30px;
    background: url('images/q.gif') no-repeat;
}
dd {
    margin: 0 0 0 2em;
    padding: 7px 0 0 30px;
    background: url('images/a.gif') no-repeat;
}


/*lineup*/
table.cmptable {
    clear: both;
    width: 620px;
    margin: 0 auto 20px auto;
    border-collapse: collapse;
    font-size: 12px;
}
table.cmptable th,
table.cmptabledetail th {
    border-bottom: 1px solid #ccc;
    padding: 2px 0 2px 1em;
    text-align: left;
}
table.cmptable td,
table.cmptabledetail td {
    padding: 2px 0 2px 2em;
    border-bottom: 1px solid #ccc;
    line-height: 1.5em;
}
table.cmptabledetail th,
table.cmptabledetail td {
    border-left: 1px solid #ccc;
}

table.cmptabledetail {
    width: 680px;
    margin: 0 auto 20px auto;
    font-size: 12px;
    background-color: #fff;
}
table.cmptable th.headline1 {
    background-color: #ffc;
}
table.cmptable th.headline2 {
    background-color: #E3EAF9;
}

.lineupinfologi {
    float: left;
    padding: 0 0 10px 20px;
}

.lineupinfologi span {
    font-weight: bold;
}

div.lineupblock {
    float: left;
    width: 450px;
}
img.lineupimg {
    float: left;
    width: 140px;
    margin: 0 20px 0 30px;
}
h3#infoportname {
    width: 340px;
    height: 24px;
    background: #fff url('images/infoportname.gif') no-repeat;
    text-indent: -999em;
}
h3#infoportlitename {
    width: 340px;
    height: 24px;
    background: #fff url('images/infoportlitename.gif') no-repeat;
    text-indent: -999em;
}
h3#infologiname {
    width: 340px;
    height: 24px;
    background: #fff url('images/infologiname.gif') no-repeat;
    text-indent: -999em;
}

/*contact*/
form#trialform table {
    margin: 0 auto 20px auto;
}
form#trialform th {
    background-color: #D9E6E8;
    padding: 2px 1em;
    text-align: left;
    font-weight: normal;
}
form#trialform h3 {
    color: #900;
    font-size: 1.1em;
}
form#trialform input#usercompany,
form#trialform input#username,
form#trialform input#userposi,
form#trialform input#userzip,
form#trialform input#useraddress,
form#trialform input#usertel,
form#trialform input#usermail,
form#trialform input#comcode,
form#trialform input#loginID,
form#trialform input#loginPW,
form#trialform input#loginPWrcf {
    width: 180px;
    border: 1px solid #ccc;
    padding: 1px;
    margin: 2px 3px 2px 0;
    font-size: 1.0em;
}
form#trialform input#userzip {
    width: 90px;
}
form#trialform input#useraddress {
    width: 360px;
}
form#trialform input#submitbutton {
    width: 90px;
    height: 24px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}
form#trialform input#agreement {
    margin: 1em 2px 1em 0;
vertical-align: middle;
}

#trialcaption {
    text-align: left;
}

p#thankyou {
    margin: 100px 0;
}


/*general*/
em {
    color: #a00;
}
span.totop{
    display: block;
    width: 11em;
    margin: 0 0 12px 0;
    float: right;
    font-size: 10px;
}