﻿@charset "utf-8";

* {
	font-family: 'MS PGothic', 'ＭＳ Ｐゴシック', "Osaka", 'Hiragino Kaku Gothic Pro', "sans-serif";
	margin: 0;
	padding: 0;
}
/* ---------------------------------------------HTML定義 */
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	background-image: url(../images/bg/bg_gradation.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	border: none;
	color: #031425;
}
a img { border: 0 none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 26px;
}
h2, h3, h4, h5, h6, pre, blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 130%;
}
p { margin-bottom: 10px; }
form, input { margin: 0 0 3; padding: 2; }
form { margin: 0em 0em 0em 0em; } 
body { text-align: center; }
/* ---------------------------------------------クリアスタイル */
.both {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}
#both {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}
/* ---------------------------------------------ページ背景(master01-common.dwt.php) */
#bg {
	background-image: url(../images/bg/bg_white.gif);
	background-repeat: repeat-y;
	background-position: center;
}
/* ---------------------------------------------ページヘッダ(includes-text/header.php)(site_bar.jpg)(master01-common.dwt.php) */
#header {

}
/* ---------------------------------------------ページ全体の定義(master01-common.dwt.php) */
#allbody {
	position: relative;
	margin: 0px auto;
	width: 800px;
	text-align: center;
	padding: 0px;
	background-color: #FFFFFF;
}
/* ---------------------------------------------ページ内容の定義(master01-common.dwt.php) */
#pagebody {

}
#pagebody table { border-collapse: collapse; }
/* ---------------------------------------------ページ最上部エリア(includes-text/subnav.php)(master02-menu.dwt.php) */
#subnav {
	text-align: right;
	color: #333333;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
}
/* ---------------------------------------------グローバルメニューエリア(includes-text/global.php)(master02-menu.dwt.php) */
#global {
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BEBEBE;
	border-bottom-color: #666666;
	background-color: #CCCCCC;
	background-image: url(../images/common/global.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
	margin: 0px;
}
/* ---------------------------------------------更新日・パンくずエリア(master02-menu.dwt.php) */
#history {
	padding: 5px 20px;
	background-color: #E9E9E9;
	font-size: 10px;
	text-align: left;
	color: #333333;
	height: 15px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	background-image: url(../images/bg/bg_history.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/* ---------------------------------------------ＴＤメインコンテンツ幅(includes-text/rightmenu.php)(master03-layout.dwt.php) */
#Layout-width590px, #Layout-width590px-foot {
	width: 590px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
/* ---------------------------------------------ＴＤ右サイドメニュー幅(master03-layout.dwt.php) */
#Layout-width190px-top, #Layout-width190px, #Layout-width190px-foot-foot {
	width: 190px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#Layout-width190px img, #Layout-width190px-foot-foot img {
	border: 0px;
	margin-bottom: 1px;
	margin-top: 1px;
}
/* ---------------------------------------------ＴＤサイドメニューフッター領域(master04-rightmenu.dwt.php) */
#Layout-width190px-foot {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
/* ---------------------------------------------メインコンテンツＤＩＶ要素(master03-layout.dwt.php) */
#Main, #Main2 {

}
#Main ul, ol, li, #Main2 ul, ol, li {
	margin: 5px 10px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: square;
}
/* ---------------------------------------------各ページ上部メイン画像(page01-basic.dwt.php) */
#Main-Img {

}
/* ---------------------------------------------メイン画像下コンテンツＤＩＶ要素(page01-basic.dwt.php)(master03-layout.dwt.php) */
#Contents, #Contents2 { margin-bottom: 10px; }
/* ---------------------------------------------コンテンツ内各テーブルの下マージン10px(page01-basic.dwt.php)(master03-layout.dwt.php) */
#Contents table, #Contents2 table { margin-bottom: 10px; }
/* ---------------------------------------------メイン画像下コンテンツＤＩＶ要素(page04-special.dwt.php) */
#Main-Contents { margin-top: 5px; }
/* ---------------------------------------------下部メインコンテンツＤＩＶ要素(page03-product.dwt.php)(page04-special.dwt.php) */
#Main-Contents-Bottom {

}
/* ---------------------------------------------各ページに独自メニューがある場合のメニュー領域(page04-special.dwt.php) */
#Contents-Menu, #Contents-Menu-foot {
	text-align: center;
	background-image: url(../images/bg/bg_contents-menu.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #FFFFFF;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
}
/* ---------------------------------------------infoページ用(page05-info.dwt.php) */
#info-title {
	text-align: left;
	padding-left: 5px;
	padding-right: 10px;
}
#info-body {
	padding-right: 5px;
	padding-left: 5px;
}
#info-footer {

}
/* ---------------------------------------------フッターその他(master02-menu.dwt.php) */
#footer-info {
	margin: 0px;
	padding: 0px;
}
/* ---------------------------------------------フッター(master02-menu.dwt.php) */
#footer {
	padding: 5px 0px;
	background-color: #FFF;
	font-size: 13px;
	margin: 10px 0 0 0;
	text-align: center;
}
/* ---------------------------------------------フッタ各サイトLINK(includes-text/websitelink.php)(master02-menu.dwt.php) */
#websitelink {
	padding: 20px 0px 0px;
	vertical-align: top;
	font-size: 11px;
	color: #191919;
	background-image: url(../images/common/footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	line-height: 160%;
	margin: 0px;
}
/* ---------------------------------------------コピーライト(includes-text/copyright.php)(master01-common.dwt.php) */
#copyright {
	vertical-align: top;
	font-size: 11px;
	color: #191919;
	line-height: 140%;
	margin: 0px;
	text-align: center;
	background-image: url(../images/bg/bg_white-copyright.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* ---------------------------------------------各DIVイメージ要素 */
#subnav img, #websitelink img {
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
}
#global img, #Contents-Menu img, #Contents-Menu-foot img, #footer img {
	margin-right: 7px;
	margin-left: 7px;
	vertical-align: middle;
}
#Contents-Menu .FontLarge16 img { margin: 0 20px; }
/* ---------------------------------------------各DIVのA要素 */
#pagebody a, #subnav a, #global a, #history a, #Contents-Menu a, #Contents-Menu-foot a, #footer a, #websitelink a { text-decoration: none; }
#Contents-Menu a, #Contents-Menu-foot a { color: #FFFFFF; }
#websitelink a { color: #4C4C4C; }
/* ---------------------------------------------各DIVのHOVER要素 */
#pagebody a:hover, #subnav a:hover, #global a:hover, #history a:hover, #Contents-Menu a:hover, #Contents-Menu-foot a:hover, #footer a:hover, #websitelink a:hover {	text-decoration: underline; }
#websitelink a:hover { color: #191919; }
/* ---------------------------------------------文字情報が多いページの行間及びフォントサイズ(info/) */
#Td-sentence p { line-height: 160%; }
#Td-sentence a strong {
	text-decoration: underline;
	color: #660030;
	font-weight: bold;
	font-size: 12px;
}
#Td-sentence strong {
	font-size: 14px;
	color: #333333;
	line-height: 170%;
}
/* ---------------------------------------------ＴＤサイドメニュースタイル(includes-text/rightmenu.php) */
.Side-Blue {
	background-color: #003366;
	background-image: url(../images/bg/bar_blue.gif);
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-position: center center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0px;
}
.Side-Blue a {
	color: #FFFFFF;
}
.Side-Blue a:hover {
	text-decoration: underline;
}
.Side-Gray {
	background-color: #CCCCCC;
	background-image: url(../images/bg/bar_gray.gif);
	font-size: 12px;
	padding: 5px 5px 5px 10px;
	background-position: center center;
	border: 1px solid #999999;
	margin: 0px;
}
.Side-Gray a { color: #000000; }
.Side-Normal {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin: 0px;
}
.Side-Normal li {
	font-size: 10px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: square;
	color: #232323;
	line-height: 130%;
	letter-spacing: 0.1em;
}
.Side-Normal li a {
	color: #232323;
	text-decoration: none;
}
.Side-Normal li a:hover {
	color: #000000;
	text-decoration: underline;
}
/* ---------------------------------------------リストマーキング無し */
li.list-none { list-style-type: none; }
/* ---------------------------------------------フォントサイズ指定 */
.FontMini { font-size: 10px; }
.FontLarge14 { font-size: 14px; }
.FontLarge16 { font-size: 16px; }
/* ---------------------------------------------フォント色指定 */
.FontC-Blue { color: #003366; }
.FontC-Orange { color: #FF4B0F; }
.FontC-Red { color: #660000; }
.FontC-Gray { color: #333333; }
/* ---------------------------------------------フォントファミリ指定・但し半角英数字のみ可・半角円マーク不可 */
.Font-verdana { font-family: Font-verdana, 'trebuchet ms', sans-serif; }
/* ---------------------------------------------見出し色付け */
.Caption-Blue, .Caption-Orange {
	border-left-width: 7px;
	border-left-style: solid;
	padding-left: 7px;
}
.Caption-Blue { border-left-color: #003366; }
.Caption-Orange { border-left-color: #FF4B0F; }
/* ---------------------------------------------画像幅定義 */
img.Img-Margin-right10px { margin-right: 10px; }
/* ---------------------------------------------見積依頼・詳細ボタン */
#bt-YEL { width: 200px; }
.bt-YEL-s { width: 170px; }
.bt-YEL-ss { width: 150px; }
#bt-YEL, .bt-YEL-s, .bt-YEL-ss {
	font-size: 12px;
	color: #000000;
	background-color: #FFDC5F;
	text-align: center;
	background-image:  url(../images/bg/bt_estimation.gif);
	background-repeat: repeat-x;
	padding: 5px;
	border: 1px solid #666666;
	font-weight: normal;
}
#bt-YEL a, .bt-YEL-s a, .bt-YEL-ss a {
	color: #000000;
	text-decoration: none;
}
#bt-YEL a:hover, .bt-YEL-s a:hover, #bt-Gray a:hover, .bt-Gray a:hover, .bt-YEL-ss a:hover {
	color: #000000;
	text-decoration: underline;
}
#bt-Gray, .bt-Gray {
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;
	text-align: center;
	background-image: url(../images/bg/bt_gray.gif);
	background-repeat: repeat-x;
	padding: 5px;
	width: 200px;
	border: 1px solid #666666;
	font-weight: normal;
}
#bt-Gray a, .bt-Gray a {
	color: #333333;
	text-decoration: none;
}
/* ---------------------------------------------段落装飾 */
.Para-Orange {
	background-color: #FF4B0F;
	background-image: url(../images/bg/td-orange.gif);
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 9px;
	padding-bottom: 3px;
	border-bottom-color: #EC3C00;
	border-right-color: #EC3C00;
}
.Para-Blue {
	background-color: #003366;
	background-image: url(../images/bg/td-blue.gif);
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 9px;
	padding-bottom: 4px;
	border-bottom-color: #001C37;
	border-right-color: #001C37;
}
.Para-Gray {
	background-color: #CCCCCC;
	background-image: url(../images/bg/td-gray.gif);
	padding: 4px 9px 3px 10px;
	border-bottom-color: #B4B4B4;
	border-right-color: #B4B4B4;
}
.Para-Orange, .Para-Blue, .Para-Gray {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 12px;
}
/* ---------------------------------------------表（テーブル）使用時の装飾 */
.Td-Item-bg-Gray {
	background-color: #EAEAEA;
	background-attachment: scroll;
	background-image: url(../images/bg/tb-border.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.Tb-Orange th {
	background-color: #FF4B0F;
	color: #FFFFFF;
	background-image: url(../images/bg/td-orange.gif);
	border-bottom-color: #EA3A00;
}
.Tb-Blue th {
	background-color: #003366;
	color: #FFFFFF;
	background-image: url(../images/bg/td-blue.gif);
	border-bottom-color: #001F3D;
}
.Tb-Gray th {
	background-color: #CCCCCC;
	color: #232323;
	background-image: url(../images/bg/td-gray.gif);
	border-bottom-color: #999999;
}
.Tb-Orange th, .Tb-Blue th, .Tb-Gray th {
	background-position: left top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	text-align: left;
	font-weight: normal;
	border-top-width: 2px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-left-style: none;
	border-right-style: none;
}
.Tb-Blue td { border: 1px solid #001C37; }
.Tb-Orange td {	border: 1px solid #FF8359; }
.Tb-Gray td, .Tb-Normal { border: 1px solid #999999; }
.Tb-Orange th, .Tb-Blue th, .Tb-Gray th, .Tb-Orange td, .Tb-Blue td, .Tb-Gray td, .Tb-Normal td, .Tb-none td {
	padding: 5px 10px;
	margin: 0px;
}
/* ---------------------------------------------製品単体テーブル定義(page03-product.dwt.php) */
.product-width590px-border1px {
	border: 1px solid #666666;
	width: 590px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.product-img-Area160px {
	width: 160px;
	vertical-align: middle;
	padding: 0px;
	text-align: center;
	margin: 10px 15px 10px 20px;
}
.product-img-Bottom {
	vertical-align: middle;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 10px;
	color: #666666;
}
.product-text-Area370px {
	width: 370px;
	vertical-align: top;
	padding: 0px;
	text-align: left;
	margin: 10px;
}
.product-margin{
	font-size: 1px;
	padding: 0px 0px 10px;
	margin: 0px;
}
.product-Name-Category-Format {
	font-size: 10px;
	letter-spacing: 0.05em;
	text-decoration: none;
	margin-bottom: 5px;
}
.product-Name-Maker {
	font-size: 10px;
	letter-spacing: 0.05em;
	text-decoration: none;
	margin-bottom: 10px;
}
.product-Name-Retail-Price {
	font-size: 12px;
	color: #8F8F8F;
	margin-bottom: 3px;
}
.product-Name-Price {
	font-size: 14px;
	color: #333333;
	margin-bottom: 5px;
}
.product-Name-Detail {
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0px;
}
.product-Name-Model {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003366;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}
/* ---------------------------------------------製品ラインアップページ(page02-lineup.dwt.php) */
.Sub-Img {

}
.Lineup-description {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	margin: 0px;
}
.Lineup {
	padding-top: 5px;
	background-color: #ADADAD;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin: 0px;
	padding-right: 0px;
	padding-left: 5px;
	width: 589px;
}
/* ---------------------------------------------製品ラインアップ(includes-lineup/)(includes-lineup.dwt.php) */
.lineup-width580px-border1px {
	border: 1px solid #666666;
	width: 579px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.lineup-img-Area160px {
	width: 160px;
	vertical-align: middle;
	padding: 0px;
	text-align: center;
	margin: 10px 19px;
	border: 0px none;
}
.lineup-text-Area360px {
	width: 359px;
	vertical-align: top;
	padding: 0px;
	text-align: left;
	margin: 10px 0px;
}
.lineup-Name-Category-Format {
	font-size: 10px;
	letter-spacing: 0.05em;
	text-decoration: none;
	margin-bottom: 5px;
}
.lineup-Name-Retail-Price {
	font-size: 11px;
	color: #8F8F8F;
	margin-bottom: 3px;
}
.lineup-Name-Price {
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
}
.lineup-Name-Detail {
	font-size: 12px;
	color: #333333;
}
#bg_Lineup-description {
	background-color: #F7F7F7;
	padding: 5px;
	margin: 0px 0px 10px;
	border: 1px solid #D9D9D9;
}
/* ---------------------------------------------ライン要素 */
.line3px {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	line-height: 0px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.line1px {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	line-height: 0px;
	margin: 0px 0px 5px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.line1pxdot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
	line-height: 0px;
	margin: 0px 0px 5px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
/* ---------------------------------------------ニュースリリースページ(info/news_release.php) */
.Tb-news-release td {
	padding: 5px 10px 0px;
	margin: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.Tb-news-release td blockquote {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 13px;
	background-attachment: scroll;
	background-image: url(../images/bg/bg_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-right: 0px;
	padding-right: 0px;
}
/* ---------------------------------------------会社案内ページ(info/profile.php) */
.Tb-profile td {
	padding: 5px 10px;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
}
/* ---------------------------------------------DRC-Streamページ(lineup/drc_stream/index.php) */
#bg-drc {
	background-attachment: scroll;
	background-image: url(../images/drc_stream/bg_drc1500_500.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* ---------------------------------------------E-Brick(e-brick/index.php) */
#bg-ebrick {
	background-attachment: scroll;
	background-image: url(../images/e-brick/bg_e-brick.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* ---------------------------------------------エンコードサービス各フォームページ(service/encode/form,form2,sampleform,sampleform2,thankyou.php) */
#bg-encode-form {
	background-attachment: scroll;
	background-image: url(../images/encode/bg_encode_form.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bg-encode-inq {
	background-attachment: scroll;
	background-image: url(../images/encode/bg_encode_inq.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.encode-form-Table td {
	padding: 5px 10px;
	border: 1px solid #001C37;
}
.encode-form-Table th {
	border: none #FFFFFF;
	font-weight: normal;
	text-align: left;
	color: #660000;
	background-color: #F7F7F7;
	padding: 5px;
}
#encode-Tb-wrap {
	position: relative;
	width: 265px;
	left: 0px;
	top: 2px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	height: 100px;
	overflow: auto; 
}
.encode-Tb0 {
	visibility:hidden;
	border: none #FFFFFF;
	font-size: 0px;
	line-height: 0px;
	background-color: #FFFFFF;
}
.encode-Tb {
	visibility:hidden;
	border: none #FFFFFF;
	position: absolute;
	left: 0px;
	top: 5px;
}
/* ---------------------------------------------このスタイルは必ず最後にすること。追加はこの上に書くこと */
.Tb-none td { border: none; }
.Tb-none-margin-padding-0px td {
	border: none;
	margin: 0px;
	padding: 0px;
}
/* ---------------------------------------------DISPLAY NONE 販売終了 */
.product-text-Area370px .bt-YEL-s { display: none; }
.product-Name-Retail-Price { display: none; }
.product-Name-Price { display: none; }
.lineup-Name-Retail-Price { display: none; }
.lineup-Name-Price { display: none; }
.product-text-Area370px .close { color: #F00; 	font-size: 16px; }