@charset "UTF-8";

/* ---------------------------------

Common

--------------------------------- */
ul.reset,
ul.reset ul,
ul.reset ol,
ol.reset,
ol.reset ul,
ol.reset ol,
dl.reset,
dl.reset dt,
dl.reset dd {
 list-style-type:none;
 margin: 0;
 padding: 0;
}

a {
 color: #006CE0;
 outline: none;
}

a:hover { color: #0099FF; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: bolder; }

p img {
 float:none;
 margin:0;
}

img.left {
 float:left;
 margin:1.5em 1.5em 1.5em 0;
 padding:0;
}

.txt-caution {
 font-size: 90%;
 color: #999999;
}

.txt-uppercase { text-transform: uppercase; }

.btn-more a {
 display: block;
 margin-top: 5px;
 font-size: 85%;
}

#article .btn-more a {
 float: right;
 margin-top: 7px;
}

dl.list dd a,
.btn-more a {
 background-image: url(../img/common/btn-allow-skyblue.jpg);
 background-repeat:no-repeat;
 background-position:left center;
 padding-left: 16px;
}

dl.list dd a:hover,
.btn-more a:hover { background-image: url(../img/common/btn-allow-blue.jpg); }

#aside .btn-more {
 padding-bottom: 3px;
 margin-bottom: 0;
}

#aside .btn-more a { background-image: url(../img/common/btn-allow-skyblue-aside.jpg); }

#aside .btn-more a:hover { background-image: url(../img/common/btn-allow-blue-aside.jpg); }

.txt-red { color: #CC0000; }

.icon { padding-left: 20px; }

.pdf { background:url(../img/common/icon-pdf.gif) no-repeat left center; }

.doc,
.docx,
.docxm { background:url(../img/common/icon-doc.gif) no-repeat left center; }

.xls,
.xlsx,
.xlsm { background:url(../img/common/icon-xls.gif) no-repeat left center; }

dl.list dt {
 float: left;
 width: 9em;
 padding: 0.75em 0;
 font-weight: normal;
 color: #bc6868;
}

dl.list dd {
 padding: 0.75em 0 0.75em 9em;
 border-bottom: 1px dotted #CCC;
}

body {
 margin: 0px auto;
 background: #FFFFFF;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap { 
/*
background: #ededed url(../img/common/bg-wrap.jpg) repeat-x left top; 
*/
background: #FFFFFF;


}


/* ---------------------------------

Header

--------------------------------- */
#header {
 height: 54px;
 position: relative;
 background: url(../img/common/bg-header.jpg) no-repeat center bottom;
}

#logo {
 position: absolute;
 top: 12px;
 left: 0px;
 margin: 0;
 padding: 0;
}

/* ---------------------------------

Header > Search Form

--------------------------------- */
#form-search {
 position: absolute;
 top: 15px;
 right: 0px;
}

#form-search li {
 float: left;
 padding-left: 5px;
}

#form-search input {
 height: 18px;
 margin: 0px;
 padding: 0px;
 border: 1px solid #CCC;
 width: 170px;
}

#form-search button {
 background: url(../img/common/btn-search.jpg) no-repeat 0px 0px;
 height: 20px;
 width: 51px;
 text-indent: -999em;
 display: block;
 border-style: none;
}

#form-search button:hover { background-position: 0px -20px; }

/* ---------------------------------

Contents

--------------------------------- */
#wrap-contents {
/*
 background: url(../img/common/bg-wrap-contents.jpg) repeat-x center bottom;
 */
 padding: 0.5em 0 2.5em;
}

#contents { 
/*
background: #ededed url(../img/common/bg-contents.jpg) repeat-y center top; 
*/
background: #FFFFFF;
}

/* ---------------------------------

Nav Bread

--------------------------------- */
#nav-bread {
 font-size: 90%;
 /*position: absolute;
 left: 0;
 top: 0;*/
 list-style: none;
 margin-bottom: 0.5em;
}

#nav-bread li { float: left; }

#nav-bread li a,
#nav-bread li span {
 display: block;
 padding-top: 1em;
 padding-bottom: 1em;
}

#nav-bread li a {
 background: url(../img/common/nav-bread-separator.jpg) no-repeat right center;
 margin-right: 10px;
 padding-right: 15px;
}

#p-detail #nav-bread li.category {
 padding-top: 1em;
 padding-bottom: 1em;
}

#p-detail #nav-bread li.category a {
 display: inline;
 margin-right: 0;
 padding-right: 0;
}

#p-detail.theme #nav-bread li span { padding-left: 25px; }

/* ---------------------------------

Article

--------------------------------- */
#article {
 float: right;
 width: 680px;
 padding-right: 20px;
}
#article .section{
 padding: 20px;
}

#article h2 {
 font-size: 120%;
 padding: 7px 10px;
 color: #FFF;
 background: #196fcc;
}

#article .update-stamp {
 border-bottom: solid 1px #EFEFEF;
 padding-bottom: 0.5em;
 margin-bottom: 2em;
 font-size: 0.8em;
 color: #644439;
}

#article h3 {
 color: #333;
 font-size:120%;
 padding:7px 0px;
 margin-top: 1.5em;
 border-bottom: 3px solid #196fcc;
 margin-bottom: 1.5em;
}

#article h4 {
 border-bottom: solid 1px #CCC;
 padding: 7px 0;
 color: #196fcc;
 margin-bottom: 1em;
 font-size: 1em;
}

#article li ul,
#article li ol,
#article li dl { margin-bottom: 1.5em; }

#article #update {
 padding-top: 12px;
 margin-top: 12px;
 border-top: dotted 1px #CCC;
 font-size: 90%;
 color: #644439;
}

/* ---------------------------------

Article > Nav Pager

--------------------------------- */
.nav-pager {
 text-align: center;
 padding-bottom: 1.5em;
}

.nav-pager a,
.nav-pager .current_page {
 border: solid 1px #CCC;
 margin-right: 5px;
 text-decoration: none;
 padding :5px;
}

.nav-pager .current_page {
 background: #006CE0;
 border: solid 1px #006CE0;
 color: #FFF;
}

/* ---------------------------------

Aside

--------------------------------- */
#aside {
 float: left;
 width: 210px;
 padding-top: 20px;
 padding-bottom: 10px;
}

#aside h3 {
 margin: 0;
 padding: 5px;
 font-size: 1em;
 line-height: normal;
 background: #666;
 border-bottom: 3px solid #FFF;
 color: #FFF;
}

#aside li {
 border-bottom: 1px dotted #CCC;
 padding: 7px 5px 7px 0;
}

#aside ul.accordion li {
 border-bottom: 1px solid #CCC;
 padding: 7px 0;
}

#aside ul.accordion ul { padding-left: 1em; }

#aside ul.accordion ul li {
 border-bottom: none;
 border-top: 1px solid #CCC;
 padding: 7px 0 0;
 margin-top: 7px;
}

#aside ul.accordion ul li a {
 background-image: url(/img/common/btn-allow-skyblue-aside.jpg);
 background-repeat:no-repeat;
 background-position:left 1px;
 padding-left: 16px;
 display: block;
}

#aside .section {
 padding-bottom: 7px;
 margin-bottom: 12px;
}

#aside .separator { border-bottom: 1px solid #CCC; }

#aside .list li {
 text-align: center;
 line-height: 1.5;
}

/* ---------------------------------

Footer

--------------------------------- */
#wrap-footer { clear: both; }

#nav-global-footer #btn-pagetop { float:right; }

#nav-global-footer #btn-pagetop a {
 border-right: none;
 padding: 0px;
 background: url(/db/img/common/btn-pagetop.jpg) no-repeat 0 0;
 width: 98px;
 height: 24px;
 text-indent: -999em;
}

#nav-global-footer #btn-pagetop a:hover { background-position:  0 -24px; }

#footer {
 color: #666;
 /*border-top: 3px solid #d3e2f3;*/
 padding-top: 20px;
}

#footer p {
 padding: 0;
 margin: 0;
 line-height: 1.6;
}

#footer #logo-footer { margin-bottom: 10px; }

#footer #copyright {
 padding: 5px 0 10px;
 text-align: right;
 border-top: 1px solid #EFEFEF;
 margin-top: 15px;
 font-size: 90%;
}

/* ---------------------------------

P.Index

--------------------------------- */
#p-index #wrap-contents { padding: 2em 0 2.5em; }

#p-index #article h2 { margin-bottom: 0; }

#p-index #article dl.list { margin-bottom: 1em; }

#p-index .btn-home { display: none; }

#p-index #list-table .cell-model { width: 15em; }

#p-index #list-table .cell-price { width: 15em; }

#p-index #list-table td {
 border-bottom: 1px dotted #CCC;
 padding: 7px 5px;
}

#p-index #list-category { padding-bottom: 2em; }

/* ---------------------------------

P.List

--------------------------------- */
#p-list #article h2 { margin-bottom: 2px; }

#p-list #list-table .cell-id { width: 5em; }

#p-list #list-table .cell-post-date { width: 9em; }

#p-list #list-table td {
 border-bottom: 1px dotted #CCC;
 padding: 7px 5px;
}

/* ---------------------------------

P.Detail

--------------------------------- */
#p-detail #article h2 { margin-bottom: 0; }

#p-detail #article dl.list { margin-bottom: 3em; }

#p-detail.theme #article dl.list dt { width: 7em; }

#p-detail.theme #article dl.list dd { padding-left: 7em; }

#p-detail #theme-img li {
 float: left;
 margin-right: 10px;
}

#p-detail #theme-img a {
 background: none;
 padding: 0;
 display: block;
 margin-bottom: 0.5em;
}

/* ---------------------------------

P.Equipment

--------------------------------- */
body#p-index.equipment #list-category h3 { margin-bottom: 0; }

body#p-index.equipment #list-category ul li {
 border-bottom: 1px dotted #CCC;
 padding: 7px 0;
}

body.equipment #nav-category ul ul { display: none; }

/* ---------------------------------

P.Search

--------------------------------- */
#p-search #article h3 { margin-bottom: 0; }
#p-search #article .search-results-container h4 { margin-bottom: 0; padding: 12px 0; }
#p-search #article .search-results-container p { margin-top: 12px; margin-bottom:0; padding-bottom: 24px; border-bottom: solid 1px #EFEFEF; }

/* ---------------------------------

Clearfix

--------------------------------- */
.btn-more:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.btn-more { display:inline-block; }

* html .btn-more { height:1%; }

.btn-more { display:block; }


/* ---------------------------------

DB

--------------------------------- */
/* 検索フォーム関連 */

#noscript{
  padding:20px;
  border:1px solid #F00;
  background:#FC9;
  margin:10px auto;
}

.open{
     cursor: pointer;
     }
	 
#slideBox{
     display:none;
     }
form input.txt{
  height:1.3em;
  padding:5px;
  letter-spacing:normal;
  color:#343434;
  border:1px solid #0a51a1;
  background-color:#fff;
  overflow:hidden;
  margin-bottom:5px;
  line-height:1.3em;
  width:500;
}

	*+html  form input.txt{
    padding:0 9px;
    height:40px;
    line-height:40px;
    vertical-align:middle;
	}
	
	* html  form input.txt{
    padding:0 9px;
    height:2.8em;
    line-height:2.8em;
    vertical-align:middle;
	}

.btnbox{
width:100%;
  padding-top:30px;
  text-align:center;
}

.btnbig{
	height:30px;
	width:120px;
}

.btnlink{
font-size:13px;
color:#3333FF;
text-align:center;
text-decoration:none;
border:2px solid #3333FF;
background-color:#66FFCC;
padding:10px;
width:100px;
display:block;
}

#tablePagination { 
background-color: #DCDCDC; 
font-size: 0.9em; 
padding: 5px; 
height: 30px;
width: 670px;
}

#tablePagination_paginater { 
margin-left: auto; 
margin-right: auto;
}

#tablePagination img { 
padding: 0px 2px; 
}

#tablePagination_perPage { 
float: left; 
margin: 0 auto;
padding-bottom:5px;
}

#tablePagination_paginater { 
float: right; 
}