#nav-top, #nav-middle, #nav-bottom {
  margin-top: 10px;
}

/* contents-wrapper -------------------------------------- */
#contents-wrapper {
  position: relative;
  width: 900px;
  margin: 0px auto 40px;
  overflow: hidden;
}
#contents-wrapper #beta {
  width: 630px;
  float: left;
  padding-right: 30px;
}
#contents-wrapper .attention {
  margin-top: 20px;
  clear: both;
  background: url(/files/common/images/template/attention-bg.gif) top left;
}
#contents-wrapper .attention p {
  padding: 10px 10px 10px 40px;
  background: url(/files/common/images/template/attention-icon.gif) no-repeat;
}
#contents-wrapper .attention a:link,
#contents-wrapper .attention a:visited {
  color: #0068b7;
  text-decoration: underline;
  outline: none;
}
#contents-wrapper .attention a:hover,
#contents-wrapper .attention a:active {
  color: #444;
  text-decoration: underline;
  outline: none;
}
#contents-wrapper #gamma {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 240px;
}

/* main-visual */
.main-vis-inner {
  width: 900px;
  margin: 0px auto ;
  position: relative;
}
.main-vis-nav-box {
  width: 240px;
  position: absolute;
  right: 0px;
  top: 3px;
  display:block;
}

#csun-home #main-vis {
  height: 240px;
  width: 100%;
  background-color: #f8f8ff;
}
#csun-home .main-vis-nav-box ul li {
  margin-top: 5px;
  display: block;
}
#csun-home #slider {
  width: 630px;
  margin-right: 30px;
}
#csun-home .con-bn-box {
  width: 290px;
  background: #eee;
  margin-right: 10px;
  margin-bottom: 0px;
  float: left;
}
#csun-home .con-bn-box-caption {
  font-size: 92%;
  line-height: 1.7em;
  padding: 6px 20px 15px;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  background: url(/files/common/images/csun/system/con-bn-bottom-bg.gif) no-repeat bottom;
}
#csun-home #con-bn-section .text-link {
  padding: 6px 0px 15px 10px;
}
#csun-home #con-bn-section .text-link li {
  line-height: 1.7em;
  background: url(/files/common/images/csun/system/arrow1.gif) no-repeat left center;
  padding-left: 8px;
}
#csun-home .con-bn-box-detail-link {
  color: #fff;
  padding: 8px 30px 8px 0px;
  background: url(/files/common/images/csun/system/imagebox-detail-link-arrow.gif) top right no-repeat #000;
  text-align: right;
}
#csun-home .con-bn-box-detail-link a:link,
#csun-home .con-bn-box-detail-link a:visited {
  color: #fff;
  text-decoration: none;
}
#csun-home .con-bn-box-detail-link a:hover,
#csun-home .con-bn-box-detail-link a:active {
  color: #8a8a8a;
  text-decoration: none;
}
#csun-home #con-bn-section {
  overflow: hidden;
  margin-bottom: 9px;
}
#csun-home .topics-box {
  width:595px;
  background: #eee;
  overflow: hidden;
  position: relative;
  float: left;
  margin-top: 11px;
  margin-right: 15px;
}
#csun-home .topics-box .topics-title {
  background: url(/files/common/images/csun/system/con-topics-title-bg.gif) no-repeat;
  width: 575px;
  padding: 12px 0 13px 20px;
}
#csun-home .topics-box #topics-detail-bt1 {
  width: 140px;
  position: absolute;
  top: 12px;
  right: 40px;
}
#csun-home .topics-box #topics-detail-bt2 {
  width: 30px;
  position: absolute;
  top: 18px;
  right: 10px;
}
#csun-home #search-box {
  width: 290px;
  background: #eee;
  float: left;
  overflow: hidden;
  padding-bottom: 0px;
}
#csun-home #search-box .search-contents {
  background: #fff;
  margin: 0px 10px 10px;
  padding: 10px 10px 20px;
  zoom:1;/*for ie5〜7*/
}
#csun-home #search-box .search-contents .dot {
  border-bottom: 1px dotted #ccc;
  margin-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 14px;
}
#csun-home  #search-box p {
  margin-bottom: 0px;
  padding-bottom: 0px;
  line-height: 0px;
}
#csun-home .con-search #keywords2 {
  width: 200px;
  margin: 5px;
  color: #999;
}
#csun-home #search-box table tbody {
  border: none;
}
#csun-home #search-box input {
  vertical-align: middle;
}

#for-beginners #main-vis {
  height: 321px;
  width: 100%;
  background: url(/files/common/images/csun/for-beginners/main-vis-bg.gif) repeat-x;
}
#for-beginners #alpha {
  margin-top: 30px;
}
#for-beginners #con-bn-section .con-bn-box {
  background: #eaeaea;
  width: 210px;
  overflow: hidden;
  float: left;
  margin-right: 12px;
}
#for-beginners #con-bn-section .con-bn-box-caption {
  padding: 5px 15px 20px 15px;
  font-size: 92%;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  line-height: 1.7em;
}

#for-users #main-vis {
  height: 292px;
  width: 100%;
  background: url(/files/common/images/csun/for-users/main-vis-bg.gif) repeat-x;
}
#for-users #alpha {
  margin-top: 20px;
}
#for-users #main-vis #con-bn-section {
  overflow: hidden;
  width: 900px;
}
#for-users  #con-bn-section ul li {
  float: left;
  display: block;
}
#for-users .section-latest ul {
  margin-top: 10px;
}
#for-users .section-latest ul li {
  line-height: 1.8;
}
#for-users .section-latest .link-list-box {
  background: url(/files/common/images/csun/system/stripe-bg.gif) repeat;
  width: 870px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 30px;
  margin: 20px 0px 40px 0px;
  overflow: hidden;
}
#for-users .section-latest .link-list-box .list-bt {
  float: left;
  width: 202px;
  margin-right: 10px;
}
#for-users .section-latest .link-list-box .product-select {
  width: 300px;
  height: 26px;
  float: left;
  line-height: 26px;
}
#for-users .section-latest .link-list-box .product-select select {
  width: 200px;
  font-size: 112.5%;
}

#product #main-vis {
  height: 125px;
  width: 100%;
  background: url(/files/common/images/csun/product/main-vis-bg.gif) repeat-x;
}
#product #alpha {
  margin-top: 20px;
}
#product .section-spec {
  margin-bottom: 40px;
  overflow: hidden;
}
#product .section-spec .bt-box {
  margin-top: 10px;
}
#product .section-spec dt,
#product .section-spec dd {
  float: left;
  display: block;
  margin-right: 1px;
  margin-left: 0px;
}
.search-keyword {
  width: 190px;
  margin: 5px;
}
#product .search-jiro-box {
  background: url(/files/common/images/csun/system/stripe-bg.gif) repeat;
  overflow: hidden;
}
#product .search-jiro-box {
  background: url(/files/common/images/csun/system/stripe-bg.gif) repeat;
  margin-top: 15px;
}
#product .search-jiro-box p {
  font-size: 117%;
  background: url(/files/common/images/csun/product/list-mark2.gif) no-repeat left center;
  padding-left: 18px;
  margin-bottom: 0;
}
#product .search-jiro-box .search-box-inner-l {
  float: left;
  padding: 20px 20px 20px 30px;
  width: 400px;
}
#product .search-jiro-box .search-box-inner-r {
  float: left;
  padding: 20px 0px;
  width: 300px;
}
#product .search-jiro-box .search-box-inner-l table,
#product .search-jiro-box .search-box-inner-r form {
  margin-left: 14px;
}
#product .search-jiro-box input {
  vertical-align: middle;
}
#product .search-jiro-box .search-box-inner-r #keywords3 {
  width: 200px;
  margin: 5px;
}
#product .search-jiro-box .search-box-inner-r #searchform3 #keywords3 {
  margin-right: 0px;
}

#product .section-title {
  font-weight: bold;
  font-size: 134%;
  margin-bottom: 0;
  line-height: 1.3;
}
#product .section-select-list .go-back {
  text-align: right;
  margin-bottom: 8px;
}
#product .section-select-list {
  margin-bottom: 60px;
}
#product .section-select-list .section-list {
  overflow-x: scroll;
  text-align: center;
}
#product .section-select-list table {
  text-align: center;
}
#product .section-select-list table,th,td {
  border-collapse: collapse;
  line-height: 1.5em;
}
#product .section-select-list table th {
  background-color: #999999;
  color: #fff;
  padding: 10px 0px;
}
#product .section-select-list table td {
  padding: 8px;
}
#product .section-select-list table td,
#product .section-select-list table th {
  border: 1px solid #d5d5d5;
}
#product .section-select-list .horizontal-stripe .even {
  background-color: #f2f2f2;
}
/* ロールオーバーする場合の指定
#product .section-select-list .horizontal-stripe .over {
 background-color: #e4e4e4;
}
*/
#product .section-recommend .section-title {
  margin-bottom: 10px;
}
#product .section-recommend .image-box {
  width: 310px;
  background: #eee;
  margin-right: 15px;
  margin-bottom: 20px;
  float: left;
  border-top: 1px solid #dadada;
}
#product .section-recommend .image-title {
  font-weight: bold;
  font-size: 134%;
  padding: 20px 20px 0px 20px;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
#product .section-recommend .image-pic {
  padding: 10px 20px 0px 20px;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
#product .section-recommend .image-caption {
  font-size: 92%;
  line-height: 1.3em;
  padding: 10px 20px 15px 20px;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
#product .section-recommend .image-detail-link {
  color: #fff;
  padding: 8px 30px 8px 0px;
  background: url(/files/common/images/csun/product/imagebox-detail-link-arrow.gif) top right no-repeat #000;
  text-align: right;
}
#product .section-recommend .image-detail-link a:link,
#product .section-recommend .image-detail-link a:visited {
  color: #fff;
  text-decoration: none;
}
#product .section-recommend .image-detail-link a:hover,
#product .section-recommend .image-detail-link a:active {
  color: #8a8a8a;
  text-decoration: none;
}

/**
 * node template
 */
.content {
  margin: 10px 0px;
}
#contents #beta .node h1.title {
  padding-bottom: 2px;
  border-bottom: 1px solid #d4d4d4;
}
#contents #beta .node h2.title-list {
  font-size: 100%;
  margin: 5px 0px;
}
.node h2 {
  font-size: 16px;
  margin: 15px 0px;
}
.relevant_products {
  font-size: 82.0%;
  padding: 5px 0px;
  border-bottom: 1px solid #d4d4d4;
}
.submitted {
  font-size: 82.0%;
  padding: 5px 0px;
  border-bottom: 1px solid #d4d4d4;
}
.submitted-list {
  display: none;
  font-size: 82.0%;
  padding: 5px 0px;
}
.taxonomy {
  font-size: 82.0%;
  padding: 5px 0px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.taxonomy-list {
  font-size: 82.0%;
  padding: 5px 0px;
}
.taxonomy ul, .taxonomy-list ul {
  padding-left: 0;
}
.taxonomy ul li, .taxonomy-list ul li {
  margin-left: 2px;
}
.links {
  padding: 5px 0px;
}

/**
 * override for views
 */
#contents #beta .node table.views-table th {
  background-color: #ffffff;
  color: #000000;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 3px solid #cccccc;
  padding: 3px 0;
  line-height: 1.2em;
}
#contents #beta .node table.views-table td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #cccccc;
}
#contents #beta .node table.specs {
  width: 98%;
  font-size: 75%;
}
#contents #beta .ntype-model-specs table.views-table th {
  background-color: #cccccc;
  color: #000000;
  border: 1px solid #d5d5d5;
  padding: 3px;
  line-height: 1.2em;
  font-weight: bold;
}
#contents #beta .ntype-model-specs table.views-table td {
  border: 1px solid #d5d5d5;
}
.view tr.odd td {
  background-color: #ffffff;
  padding: 1px;
}

.view tr.even td {
  background-color: #eeeeee;
}

.node .views-row ul li {
  list-style: disc;
}
.node .views-row ul li ul li {
  list-style: circle;
}
.view-content>ul {
  margin: 0;
  padding: 0;
}
.view-content>ul>li {
  margin: 0;
  padding: 0;
}
.view-content .item-list ul.pager  {
  margin-bottom: 10px;
}

/**
 * armweb_misc
 */
div.tested-device-warning {
    border-radius: 10px;
    padding: 3px 0px;
    width: 35px;
    line-height: 10px;
    border: 1px solid;
    border-color: #eb0400 #7a0300 7a0300 #eb0400;
    color: #ffffff;
    background-color: #ad0500;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    text-decoration: none;
}
td.document-title {
    width: 55%;
}
td.document-link {
    width: 20%;
}
td.document-version {
    width: 25%;
}
td.document-size {
    width: 20%;
}
.armweb_ver_info_link_html {
    background: url(/files/images/general/go-right.jpg) no-repeat 10%;
    padding: 0px 0 0px 25px;
    margin-left: 10px;
}
.armweb_ver_info_link {
    background: url(/files/images/general/down.jpg) no-repeat;
    padding: 0px 0 0px 25px;
}
table.pdf .armweb_ver_info_link {
    background: url(/files/images/general/pdficon_small.gif) no-repeat;
    padding: 0px 0 0px 25px;
}
span.pdf {
    background: url(/files/images/general/pdficon_small.gif) no-repeat;
    padding: 0px 0px 0px 25px;
    line-height: 180%;
}
span.download {
    background: url(/files/images/general/down.jpg) no-repeat;
    padding: 0px 0px 0px 25px;
    line-height: 180%;
}
.csun-logo {
  width: 180px;
  margin-bottom: 10px;
}

/**
 * news
 */
.news ul {
  padding-left: 20px;
}
.news ul li {
  margin-bottom: 5px;
  line-height: 1.5;
}

/**
 * topics
 */
.topics ul li {
  list-style: none;
  margin: 5px 0px;
  line-height: 140%;
}
.topics-contents {
  margin: 10px;
  padding: 5px 0px;
  background: #ffffff;
  zoom: 1;/*for ie5〜7*/
}
.topics-row {
  padding: 5px 10px;
}
.topics-row .left-col {
  width: 100px;
  height: 20px;
  float: left;
}
.topics-row .right-col {
  width: 400px;
  float: left;
  padding-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
}
.topics-row .icon-news {
  background: url(/files/common/images/csun/system/icon-topic1.gif) no-repeat;
}
.topics-row .icon-press {
  background: url(/files/common/images/csun/system/icon-topic2.gif) no-repeat;
}
.topics-row .icon-product {
  background: url(/files/common/images/csun/system/icon-topic3.gif) no-repeat;
}
.topics-row .icon-publicity {
  background: url(/files/common/images/csun/system/icon-topic4.gif) no-repeat;
}
.topics-row .icon-event {
  background: url(/files/common/images/csun/system/icon-topic5.gif) no-repeat;
}
.topics-row .icon-update {
  background: url(/files/common/images/csun/system/icon-topic6.gif) no-repeat;
}
.topics-row .icon-important {
  background: url(/files/common/images/csun/system/icon-topic7.gif) no-repeat;
}

/**
 * recommended-device
 */
.recommended-device {
}
.recommended-device-top {
}
.recommended-device-title {
}
.recommended-device-vendor {
  position: relative;
  top: -20px;
  left: 450px;
  width: 200px;
}
.recommended-device-inner .left-col {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.recommended-device-inner .right-col{
  float: left;
  width: 400px;
}
.view-content .ntype-recommended-device .title-list {
  display: none;
}

/**
 * adoption-example
 */
.adoption-example {
}
.adoption-example-title {
  width: 100%;
  margin-bottom: 10px;
}
.adoption-example-inner .left-col {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.adoption-example-inner .left-col img {
  width: 250px;
}
.adoption-example-inner .right-col{
  float: left;
  width: 400px;
}
.view-content .ntype-adoption-example .title-list {
  display: none;
}

/**
 * exampleuse
 */
.view-exampleuse .view-content .item-list>ul {
  padding-left: 0px;
}
.view-exampleuse .view-content .item-list>ul>li {
  list-style: none;
  margin-left: 0px;
}

/**
 * option_product
 */
.option-product {
  width: 300px;
}
.option-product-title {
  margin: 0px 10px 10px 10px;
}
.option-product-icon {
  margin: 5px 0px 5px 5px;
}
.option-product-image {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.option-product-inner {
}
ul.option-product-list {
}
ul.option-product-list li.views-row {
  float: left;
  list-style: none;
  border: 1px solid #d4d4d4;
}

/**
 * product_overview
 */
.product-overview {
}
.product-overview-top {
  margin-bottom: 10px;
}
.product-overview-top .left-col {
  float: left;
  width: 300px;
  margin-right: 10px;
}
.product-overview-top .right-col{
  float: left;
  width: 330px;
}
.product-overview-news {
  margin-bottom: 10px;
}
.product-overview-news .item-list>ul {
  padding-left: 30px;
}
.product-overview-news .item-list>ul>li{
  margin: 5px;
}
.product-overview-feature {
  margin-bottom: 10px;
}

/**
 * product_model
 */
.product-model {
}
.product-model-title {
  margin-bottom: 10px;
}
.product-model-inner {
}
.product-model-inner .left-col {
  float: left;
  width: 280px;
  margin-right: 10px;
}
.product-model-inner .right-col {
  float: left;
  width: 350px;
}
.view-product-models .view-content .item-list>ul {
  padding-left: 0px;
}
.view-product-models .view-content .item-list>ul>li {
  list-style: none;
  margin-left: 0px;
}

/**
 * devtool
 */
.devtool {
}
.devtool-title {
  width: 100%;
  margin-bottom: 10px;
}
.devtool-inner .left-col {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.devtool-inner .left-col img {
  width: 250px;
}
.devtool-inner .right-col{
  float: left;
  width: 400px;
}
.view-content .ntype-devtool .title-list {
  display: none;
}
.view-devtools .view-content .item-list>ul {
  padding-left: 0px;
}
.view-devtools .view-content .item-list>ul>li {
  list-style: none;
  margin-left: 0px;
}

/**
 * devices
 */
.view-devices .view-content .item-list>ul>li {
  list-style: none;
}
li.devices-category {
  float: left;
  width: 300px;
}
fieldset.attention {
  padding-bottom: 20px;
}
legend.attention {
  padding: 11px 10px 10px 30px;
  background: url(/files/common/images/template/attention-icon.gif) no-repeat;
}
#user div#tested-devices-attention {
  padding: 5px;
  background-color: #f6f6f2;
}
#user div#tested-devices-attention h2 {
  padding: 13px 10px 10px 30px;
  background: url(/files/common/images/template/attention-icon.gif) no-repeat;
  color: #444444;
}

/**
 * jiro inline search
 */
.inline-search {
  margin-bottom: 10px;
}
.inline-search form {
  margin: 10px 5px;
}
.inline-search input {
  vertical-align: middle;
}

/**
 * techinfo
 */
li.techinfo-category {
  float: left;
  width: 300px;
}

/**
 * annotation of model spec
 */
.annotations {
  margin-bottom: 10px;
}
.annotations span {
  display: block;
  padding-bottom: 5px;
}

/**
 * search products
 */
.product-overview-top-list {
  margin-bottom: 10px;
}
.product-overview-top-list .left-col {
  float: left;
  width: 200px;
  margin-right: 10px;
}
.product-overview-top-list .right-col{
  float: left;
  width: 430px;
}

/**
 * apache solr
 */
#block-apachesolr_search-currentsearch {
  padding: 5px;
  margin: 5px;
  background-color: #f6f6f2;
}
.block_apachesolr_search {
}
.block-apachesolr_search .item-list li {
  list-style: none;
}
.block-apachesolr ul li {
  list-style: none;
  margin-top: 5px;
}
.spelling-suggestions {
}
.spelling-suggestions label {
  display: inline;
  margin-bottom: 5px;
}
.spelling-suggestions .form-item div {
  display: inline;
}
