/* ------------------------------------------
Style Sheet
	dbseries/
------------------------------------------ */


/*  サブページ　メニュー  */

#sub-menu ul {
    margin-top:0px;
    padding: 0;
}

#sub-menu li {
    list-style-type: none;
    width: 155px;
    height: 36px;
    padding: 0;
    margin: 0;
}

/* メニュー：製品概要  */
#sub-menu li.sub-summary a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 0 no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-summary a:hover { background-position: -155px 0; }


/* メニュー：4つの強み  */
#sub-menu li.sub-appeal a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -36px no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-appeal a:hover { background-position: -155px -36px; }


/* メニュー：静音のヒミツ  */
#sub-menu li.sub-airflow a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -73px no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-airflow a:hover { background-position: -155px -73px; }


/* メニュー：静音効果  */
#sub-menu li.sub-effect a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -110px no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-effect a:hover { background-position: -155px -110px; }


/*  メニュー：カラー  */
#sub-menu li.sub-color a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -147px no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-color a:hover { background-position: -155px -147px; }


/*  メニュー：サイズ  */
#sub-menu li.sub-size a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -184px no-repeat;
    text-decoration: none;
}
 #sub-menu li.sub-size a:hover { background-position: -155px -184px; }


/*  メニュー：導入実績  */
#sub-menu li.sub-achivement a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0px  -221px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-achivement a:hover { background-position: -155px -221px; }


/*  メニュー：価格  */
#sub-menu li.sub-price a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -258px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-price a:hover { background-position: -155px -258px; }


/*  メニュー：よくある質問  */
#sub-menu li.sub-faq a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -295px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-faq a:hover { background-position: -155px -295px; }


/*  メニュー：お問い合わせ  */
#sub-menu li.sub-contact a {
    display: block;
    width: 155px;
    height: 36px;
    background: url('../images/dbseries/sub-menu_dbseries2.gif') 0 -332px no-repeat;
    text-decoration: none;
}
#sub-menu li.sub-contact a:hover { background-position: -155px -332px; }



#sub-menu span {
	visibility : hidden;
	text-indent:-9999px;
}

.db-table{
	width: 470px !important;
	font-size: 75%!important;
}

/*  タイトル  h1 p などbase.cssファイルに */
.read h2 {
	font-size:15px;
	color:#134d09;
	background-color:#F7FAF7;
	border-top:1px solid #b2dc97;
	border-right:1px solid #b2dc97;
	border-bottom:1px solid #b2dc97;
	border-left:7px solid #b2dc97;
	line-height:130%;
	margin:0 0 3px 0 ;
	padding:2px 5px;
}



h2 span.h2-recording{
    display: block;
    background: url('../images/dbseries/title_recording.gif') no-repeat;
    height: 71px;
    width: 512px;
    text-indent: -9999px;
}

h2 span.h2-appeal{
    display: block;
    background: url('../images/dbseries/title_appeal.gif') no-repeat;
    height: 46px;
    width: 512px;
    text-indent: -9999px;
}

h2 span.h2-appeal{
    display: block;
    background: url('../images/dbseries/title_appeal.gif') no-repeat;
    height: 46px;
    width: 512px;
    text-indent: -9999px;
}

h2 span.h2-airflow {
    display: block;
    background: url('../images/dbseries/title_airflow.gif') no-repeat;
    height: 61px;
    width: 512px;
    text-indent: -9999px;
    margin-left: 10px;
}

/* テスト */
h3.test {
    width: 519px;
    height: 35px;
    padding-top:10px;
    padding-left: 20px;
    background:url('../images/title_h3-bg.gif') no-repeat;
    font-size:14px;
}

/* .read h3 { */
/*     font-size:14px; */
/*     color:#3a3a3a; */
/*     padding-bottom: 3px; */
/*     background: url(../images/dbseries/title_h3-bg.gif) repeat-x; */
/*     line-height:130%; */
/*     margin-top :25px; */
/*     margin-left: 0px; */
/*     margin-bottom: -5px; */
/*     padding:9px 0 0px 10px; */
/*     height: 36px; */
/*     border: 0px !important; */
/* } */

#sub-contents h3 {
    border: 0px !important;
}



#sub-contents div span.h3-appeal1 {
    display: block;
    background: url('../images/dbseries/appeal1.gif') no-repeat;
    height: 43px;
    width: 480px;
    margin-left: 10px;
    text-indent: -9999px;
}

#appeal div span.h3-appeal2 {
    display: block;
    background: url('../images/dbseries/appeal2.gif') no-repeat;
    height: 43px;
    width: 480px;
    margin-top: 30px;
    margin-left: 10px;
    text-indent: -9999px;
}

#appeal div span.h3-appeal3 {
    display: block;
    background: url('../images/dbseries/appeal3.gif') no-repeat;
    height: 43px;
    width: 480px;
    margin-top: 30px;
    margin-left: 10px;
    text-indent: -9999px;
}

#appeal div span.h3-appeal4 {
    display: block;
    background: url('../images/dbseries/appeal4.gif') no-repeat;
    height: 43px;
    width: 480px;
    margin-top: 30px;
    margin-left: 10px;
    text-indent: -9999px;
}



h4 {
	font-size:14px;
	color:#005e99;
	background-color:#ffffff;
	border-top:3px double #cccccc;
	border-bottom:1px dotted #cccccc;
	line-height:190%;
	margin-top :30px !important;
        margin-left: 10px;
        margin-bottom: 10px;
	padding:20px 0 20px 40px;

}


.read span.leader {
	color:#0066FF;
}

p.price {
	font-size:13px;
	color:#333333;
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	line-height:130%;
	margin:20px 20px 50px 10px ;
	padding:5px 0px;
}

/*  indexページ  */

ul li.appeal-list {
    list-style:none;
    margin-left: 0px;
    font-size: 90%;
    padding-left: 20px;
    background:#FFFFFF url(../images/ico-list-arrow.gif) 0 50% no-repeat;
}


/*  機能詳細  */

#function01 {
    margin: 0 0 20px 0;
    background-image: url('../images/dbseries/function_01.gif');
    background-repeat:no-repeat;
}

#function02 {
    margin: 0 0 20px 0;
    background-image: url('../images/dbseries/function_02.gif');
    background-repeat:no-repeat;
}

/* #function03 { */
/*     margin: 0 0 20px 0; */
/*     background-image: url('../images/dbseries/function_03.gif'); */
/*     background-repeat:no-repeat; */
/* } */

#function04 {
    margin: 0 0 20px 0;
    border: 1px #C7E2C7 solid;
}

#function01 h3 , #function02 h3 , #function03 h3 {
	padding:50px 20px 20px 120px ;
	font-size:100%;
	color:#ff3300;
}

#function04 h3 {
	padding:5px 10px ;
	font-size:90%;
	color:#003300;
    background: #C7E2C7;
}

#function01 p.theme ,#function02 p.theme ,#function03 p.theme {
	margin:0px 0px 10px 10px ;
	padding:0;
	font-size:80%;
	line-height:125%;
	border:0;
	background:#ffffff;
}

#function01 p ,#function02 p ,#function03 p {
	margin:0px 0px 10px 0px ;
	font-size:80%;
	color:#333333;
	line-height:125%;
}

#function01 p.result ,#function02 p.result ,#function03 p.result {
	margin:0px 0px 10px 30px ;
	padding:10px;
	font-size:80%;
	line-height:125%;
	border:1px #C7E2C7 dotted;
	background:#F8F6E5;
}

#function04 dl {
	margin:10px;
	padding:0;
	font-size:70%;
	line-height:125%;
	border:0;
	background:#ffffff;
	color:#003300;
}

#function01 p.mini {
	margin:0px 0px 10px 40px ;
	padding:0;
	font-size:75%;
	line-height:125%;
	border:0;
	background:#ffffff;
}

#function01 table ,#function03 table {
	color:#333333;
	margin:0px 0px 10px 10px ;
	border-collapse: collapse ;
	border: 1px #cccccc solid;
	font-size:65%;
}

#function01 table th ,#function03 table th {
	padding: 2px 3px;
	border-bottom: 1px #cccccc solid;
	font-weight:normal;
	background:#eeeeee;
}

#function01 table td ,#function03 table td {
	padding: 2px 3px;
	border-bottom: 1px #cccccc solid;
}


/*  サイズ  */
ul li.size-list {
    list-style:none;
    margin-left: 0px;
    font-size: 80%;
    padding-left: 20px;
    background:#FFFFFF url(../images/ico-list-arrow.gif) 0 50% no-repeat;
}

table.size-table {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: left;
    width: 510px !important;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    margin-left: 10px;
}

table.size-table th {
    font-size: 105%;
    font-weight: bold !important;
    text-align: left;
    padding: 15px 5px !important;
    letter-spacing: 0.1em;
    line-height: 120%;
    white-space: nowrap;
}

table.size-table td {
    padding: 12px;
    border: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    text-align: left;
    background: #ffffff;
    line-height: 190%;
}

table.size-table tr.rack th {
    font-weight: bold !important;
    text-align: left;
    padding: 15px 5px !important;
    border: 1px #aaaaaa solid;
    border-left: 1px #aaaaaa dotted;
    background: #909090 !important;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 120%;
    white-space: nowrap;
    color: #ffffff;
}

table.size-table tr.unit th {
    font-weight: bold !important;
    text-align: left;
    padding: 15px 5px !important;

    border-left: 1px #bbbbbb solid;
    background: #dddddd !important;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 120%;
    white-space: nowrap;
}


/*  静音効果  */
table.db-table {
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: left;
    width: 300px !important;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    margin-left: 30px;
}

table.db-table th {
    font-weight: bold !important;
    text-align: left;
    padding: 7px 15px !important;
    letter-spacing: 0.1em;
    line-height: 110%;
    white-space: nowrap;
    border: 1px #cccccc solid;
}

table.db-table td {
    border: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    text-align: left;
    background: #ffffff;
    padding: 7px 15px !important;
}

/*  カラー  */

ul.line-left { width: 450px; list-style:none; border-left:7px #dddddd solid; margin:10px 5px; padding:5px 7px;}
ul li.color-list { font-size: 85%; list-style-type: circle;}

ul li span.color-list2 {
    list-style:none;
    margin-left: 0px;
    font-size: 90%;
    padding-left: 20px;
    background:#FFFFFF url(../images/ico-list-arrow.gif) 0 50% no-repeat;
}

table.color-table{
    width: 450px;
    margin-left: 20px;
    font-size: 12px;

}

table.color-table td {
    padding: 20px 10px;
    font-weight: bold !important;
}


/*  導入実績  */


dl.line-left { width: 450px; list-style:none; border-left:7px #dddddd solid; margin:10px 15px; padding:5px 7px;}

#case dt {
    margin-left: 0px;
    font-size: 90%;
    padding-left: 20px;
    background:#FFFFFF url(../images/ico-list-arrow.gif) 0 30% no-repeat;
    font-weight: bold;
}

#case dd { font-size: 80%; line-height: 190%; margin-left: 15px;}


/* #case dt dd a:link { text-decoration: underlinet;} */


/* #case dt dd a:visited { */
/* 	text-decoration: text-decoration: underline !important; */
/* } */

/* #case dt dd a:hover { */
/* 	color:#0000ff; */
/* 	text-decoration: text-decoration: underline !important; */
/* } */

/* #case dt dd a:active { */
/* 	color:#0000ff; */

/* } */



/*  よるある質問  */

#faq dl { list-style:none; margin:5px 0 0px 20px; padding:3px 10px; background:#FFFFFF url(../images/dbseries/bg-list.gif) repeat-y;}

#faq dt {
    margin-left: 5px;
    font-size: 85%;
    font-weight: normal;
    background-color :#eeeeee;
    padding: 5px 10px;
    border-left: 5px #dddddd solid;
    margin-bottom: 0px;
    color: #333333;
}

#faq dd { 
    font-size: 80%; 
    line-height: 170%;
    margin-top: -20px !important;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
    background: url(../images/dbseries/answer.gif) 1% 50% no-repeat;
}

    /*  IE6 hack  */
* html #faq dd { 
    font-size: 80%; 
    line-height: 170%;
    margin-top: 0px !important;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
    background: url(../images/dbseries/answer.gif) 1% 50% no-repeat;
}

    /*  IE7 hack  */
*:first-child+html #faq dd { 
    font-size: 80%; 
    line-height: 170%;
    margin-top: 0px !important;
    margin-left: 15px;
    padding-top: 5px;
    padding-left: 30px;
    background: url(../images/dbseries/answer.gif) 1% 50% no-repeat;
}


#faq ul { list-style:none; margin:10px 5px; padding:5px 7px;}

#faq ul li {
    line-height: 180%;
    margin-left: 30px;
    font-size: 80%;
    border-bottom: 1px #bbbbbb dotted;
    list-style-type: square;
}

p.link-faq {
    line-height:170%;
    text-align:right;
    margin-right:10px;
    font-size: 12px;
}

p.link-faq a {
    background: url('../images/dbseries/ico-link-faq.gif') 5px 60% no-repeat;
    padding-left: 20px;
}




/*  PRエリア  */
.pr {
	margin:10px 0 10px 10px ;
	font-size:90%;
	color:#ff3300;
	font-weight:bold;
}



/*  製品概要の枠  */

#summary {
	margin:0px 0 10px 0;
	padding:0;
}



/*  フォーム  */
#inquiry { margin:20px 0;}

#inquiry table {
	border-spacing: 5px;
}

#inquiry th {
	color:#086e08;
	font-weight:bold;
	padding:5px 5px;
	text-align:right;
	border-right:5px solid #CEE3CE;
	white-space:nowrap;
	vertical-align:top;
}

#inquiry td {
	font-weight:normal;
	padding:5px 5px;
	text-align:left;
}

#inquiry div.button {
	margin: 20px 10px 10px 0;
	text-align:right;
}

#inquiry button.go-confirm , #inquiry button.go-send , #inquiry button.go-top {
	background-color:#007099;
	width:140px;
	height:27px;
	cursor: pointer;
}

#inquiry button.back {
	background-color:#cccccc;
	width:140px;
	height:27px;
	cursor: pointer;
}

#inquiry input.go-confirm , #inquiry input.go-send , #inquiry input.go-top {
	background-color:#007099;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}

#inquiry input.go-confirm:hover , #inquiry input.go-send:hover, #inquiry input.go-top:hover {
	background-color:#007099;
}


#inquiry input.back {
	background-color:#cccccc;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}

span.inquiryForm-h3 {
    margin: 10px 0 0 0px;
    font-size:110%;
    color: #006699;
    border-bottom: 1px #cccccc dotted;
}



/*  強調  */
.point {
	color:#0000cc;
}
.remark { font-size: 11px; }

.bold { font-weight: bold;}
.attention { color: #f00000; }
.bg-yellow { background-color: #fffc00; padding: 0 4px;}
.point-bg { background-color: #eeeeee; padding: 5px; margin: 10px 10px 20px 20px;}

.space-top { margin-top: 10px;}
.space-large-top { margin-top: 50px;}
.space-bottom { margin-bottom: 50px;}
.space-left30 { margin-left: 30px;}
.space-left10 { margin-left: 10px;}

/*  その他  */
.nowrap { white-space: nowrap;}
.white {color: #ffffff;  }