@charset "utf-8";

/*基本要素*/

body {
position: relative;
margin: 0;
padding: 0;
text-align: center;
color: #000;
background-color: #fff;
background-image: url(./resources/top_mono.jpg); 
background-repeat: no-repeat;
background-position: top left;
font-size: 100%;
}

h1 {
text-align: center;
font-size: 120%;
font-weight: 700;
font-family: Arial, sans-serif;
clear: left;
}

h2 {
margin: 1.1em 0.4em;
padding-bottom: 0.2em;
border-bottom: 1px solid #333366;
font-size: 110%;
font-weight: 700;
font-family: Arial, sans-serif;
color: #333366;
}

h3 {
margin-left: 0.5em;
font-size: 110%;
font-weight: 600;
font-family: Arial, sans-serif;
color: #033;
}

h4 {
margin-left: 0.6em;
font-size: 100%;
font-weight: 600;
font-family: Arial, sans-serif;
color: #933; 
background: transparent; 
}

h5 {
margin-left: 0.7em;
font-size: 100%;
font-weight: 700;
font-family: Arial, sans-serif;
color: #333300; 
background: #FFFFFF; 
}

h6 {
margin-left: 0.8em;
font-size: 100%;
font-weight: 600;
font-family: Arial, sans-serif;
color: #330033; 
background: #ffffff;
}

p {
margin: 0 2em 0.5em 2em;
font-family: Arial, sans-serif;
line-height: 1.75;
}

p.inline {
margin: 0 3em 0.5em 3em;
font-size: 80%;
}

p.sup {
margin: 0 3em 0.5em 3em;
font-size: 80%;
color: #333;
}

p.caution {
margin: 0.2em;
margin-left: 3em;
padding: 0.4em;
width: 75%;
border: solid 1px red;
font: bold 80% Arial, sans-serif;
color: red;
}


/*段組み要素*/

/*表示エリア：全ての内容をこの中に*/

/* 本文レイアウトシート */

#maincontainer {
position: absolute; 
top: 48px; 
left: 48px; 
right: 48px;
}

/* 本文テキストボックス*/

#maincopy {
text-align: left;
margin: 1em;
padding: 0;
}

/* 2段組みボックス */
div.dbcolbox {
width: 300px;
text-align: left;
margin: 0.8em 1em 0.8em 0;
padding: 0.5em;
border:1px solid aqua;
float: left;
}

/* PressRelease奥付 */
.corpinfo {
font-size: 80%;
text-align: right;
width: 30em;
margin: 1em 3em 1em auto;
padding: 0.6em;
border: 1px solid #666;
color: #666;
background: #fff;
}

/* フッター */

#footer {
 font-size: 70%;
 text-align: center;
 /* width: 100%; */
 padding: 8px 0;
 clear: both;
 color: #cc6666;
 background: #333; 
}


/* signatuer */
div.sig {
font-size 70%;
color: #999;
background: #fff;
text-align: right;
}

/* テーブル */
table {
 font-size: 80%;
 color: #000000;
 margin: 0.8em auto 1.1em 3em;
 border-collapse: collapse;
 border: 1px solid #333366;
}

th {
 padding: 0.2em 0.8em;
 color: #ffffff;
 background-color: #333366;
 border: 1px solid #333366;
}

td {
 padding: 0.2em 0.8em;
 border: 1px solid #333366;
 background-color: #ffffff;
 color: #000000;
}

caption {
margin-left: 2em;
margin-bottom: 0.8em;
text-align: left;
font: bold 800 90% Arial, sans-serif;
color: red;
}

td.item {
font: normal 600 100% Arial, sans-serif;
color: #000;
}

td.dimension {
font: normal 400 100% Arial, sans-serif;
text-align: center;
}

td.model {
font: normal 600 100% Arial, Helvetica, sans-serif;
color: #003;
}

td.wei {
color: #330
font: normal 400 100% Arial, sans-serif;
text-align: right;
char="."
charoff="16"
}

td.price {
font: normal 600 100% Arial, sans-serif;
color: #300;
text-align: right;
}


/*linkスタイル*/

/*read more*/
a.readmore:link {
color: #0066FF; 
font-weight: 600;
text-decoration: none; 
margin: 1px; 
padding: 1px 1px 1px 68px; 
background-color: transparent; 
background-image: url(./resources/readMore_st1.gif); 
background-repeat: no-repeat; 
background-position: 0 0px;
}

a.readmore:visited {
color: #9900CC;
margin: 1px; 
padding: 1px 1px 1px 68px; 
background-color: transparent;
background-image: url(./resources/readMore_st1.gif); 
background-repeat: no-repeat; 
background-position: 0 0px;
}

a.readmore:hover {
color: #FF0033; 
background-image: url(./resources/readMore_st2.gif); 
background-repeat: no-repeat; 
background-position: 0 0px;
}


/* 矢印付リンク */
a.arrow {
 padding: 1px 0px 1px 18px;
 margin: 0px 0px 0px 3px;
 background-color: transparent;
 background-image: url(./resources/link_arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

a.arrow:link {
 text-decoration: none;
 color: #3333CC;
}

a.arrow:visited {
 text-decoration: none;
 color: #663366;
}

a.arrow:hover {
 text-decoration: underline;
 color: #ff6600;
}

a.arrow:active {
 text-decoration: underline;
 color: #ff6600;
}

/* コード表記<code></code>をブロックにして、バックをクリーム色に */
code {
display: block;
font-size: 90%;
line-height: 1.5;
margin: 1em;
padding: 1em;
color: #303;
background: #ffffcc;
}

/* ブロックid="maincopy"内のテーブル */
#maincopy table {
 font-size: 80%;
 color: #000000;
 margin: 0.5em 0 0.5em 2em;
 width: auto;
 border-collapse: collapse;
 border: 1px solid #eeeeee;
}

#maincopy table th {
 line-height: 1.4;
 padding: 0.3em 0.5em 0.3em 0.5em;
 color: #333333;
 background-color: #eeeeee;
 border: 1px solid #999999;
}

#maincopy table td {
 line-height: 1.3;
 padding: 0.3em 0.5em 0.3em 0.5em;
 border: 1px solid #999999;
 background-color: #ffffff;
 color: #000000;
}

#maincopy table caption {
 text-align: left;
 font-size: 90%;
 font-weight: 600;
}

#maincopy table td.size {
text-align: right;
font-family: Arial, sans-serif;
font-weight: 400;
}

#maincopy table td.model {
font-family: Arial, sans-serif;
font-weight: 600;
color: #003;
}

#maincopy table td.price {
text-align: right;
font-family: Arial, sans-serif;
font-weight: 600;
color: #300;
}

/*ブロック id="maincopy"内のリスト項目のスタイル*/
#maincopy ol {
margin: 0;
margin-left: 3em;
padding: 0 0 0 1em;
font: normal 500 90% Arial, sans-serif;
}

#maincopy ol li {
margin: 0.4em 0;
padding: 0;
}

#maincopy ul {
list-style-type: sqare;
margin: 0;
margin-left: 3em;
padding: 0 0 0 1em;
font: normal 500 90% Arial, sans-serif;
}

#maincopy ul li {
margin: 0.4em 0;
padding: 0;
}

/* dl基本スタイル */
dl {
font-size: 100%;
margin-left: 3em;
}

dt {
/* width: 16em; */
margin: 0.4em 0em;
margin-bottom: 1em;
padding: 2px 4px;
text-align: left;
font-weight: 700;
color: #003;
background: #eee;
}

dd {
margin-left: 0;
margin-bottom: 1.1em;
padding-bottom: 0.22em;
font-weight: 400;
font-size: 90%;
color: #000;
line-height: 1.15em;
}

dd span {
font: normal 700 100% Arial, sans-serif;
color: #030;
}

/* dl class features */
dl.features {
margin: 0;
padding: 0;
font-size: 90%;
}

dl.features dt {
font-weight: bold;
}

dl.features dd {
padding-left: 1em;
font-weight: normal;
font-size: 90%;
}

/* dl class liststyle */
dl.liststyle {
width: 90%;
font-size: 90%;
font-family: Arial, sans-serif;
}

dl.liststyle dt {
width: 16em;
padding: 0 0 0 0.2em;
font-weight: 700;
color: #666;
text-align: center;
}

dl.liststyle dd {
margin: -1.2em 0 0.8em 18em;
padding-bottom: 0.1em;
border-bottom: 1px solid #333;
font-weight: 400;
color: #333;
}

dl.liststyle dd a {
text-decoration: none;
}

dl.liststyle dd a:link {
color: #039 
}

dl.liststyle dd a:visited {
color: #636
}

dl.liststyle dd a:hover {
color: #c30
}

/* 右サイド製品リスト id="itemlist" */
#itemlist {
width: 180px;
margin: 4px;
padding: 8px;
border: 1px solid #ccc;
float: right;
font-size: 70%;
font-weight: bold;
color: #666;
background: #fff;
}

#itemlist ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#itemlist ul li a {
text-decoration: none;
font-weight: normal;
}

#itemlist ul li a span {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#itemlist ul li a:link {color: #039}

#itemlist ul li a:visited {color: #636}

#itemlist ul li a:hover {color: #c30}

#itemlist ul li li {
padding-left: 0.5em;
}

/* リンクリスト */
ul.lklist {
list-style-type: none;
font-size: 90%;
margin: 0;
padding: 0;
}

ul.lklist li {
display: inline;
margin: 0 0.5em;
}

ul.lklist li a:link {
color: #0066FF; 
text-decoration: none;
}

ul.lklist li a:visited {
color: #9900CC; 
}

ul.lklist li a:hover {
color: #FF0033; 
font-weight: 600;
}

ul.lklist li a:active {
color: #FF0033;
font-weight: 500;
}

/* 画像のフローティング */

.center {
display: block;
margin-top: 0.5em;
margin-botton: 1em;
margin-left: auto;
margin-right: auto;
padding: 0.5em 0;
text-align: center;
}

.f-left {
float: left;
margin-top: 0.5em;
margin-left: 0;
margin-right: 2em;
margin-bottom: 1em;
}

.f-right {
float: right;
margin-top: 0.5em;
margin-left: 2em;
margin-right: 0;
margin-bottom: 1em;
}

.f-clr {
clear: both;
padding-top: 0.1em;
}

.f-cl-left {
clear: left;
}

/* 強調要素 */

/*強調*/
em {
 color: #003333;
 font-size: 100%;
 font-style: normal;
 font-weight: 600;
}

/*さらに強調*/
strong {
 color: #c06;
 font-size: 100%;
 font-style: normal;
 font-weight: 700;
}

/* 特別な強調 */
span.spl {
font-weight: 700;
color: red;
}

/*アンダーライン*/
.uline {
text-decoration: underline;
}

/*打ち消し線*/
.uchikeshi {
text-decoration: line-through;
}

/* 日付の書式 (date of issue)*/
.doi {
display: block;
border-top: 1px solid #666;
font-size: 70%;
color: #666;
text-align: right;
}

/* PDF link: link style with icon */
a.pdf {
text-decoration: none; 
padding: 2px 0px 2px 22px;
margin: 0px 0px 0px 1px;
background-color: transparent;
background-image: url(./resources/pdficon_small.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

/* DXF link: link style with icon */
a.dxf {
text-decoration: none; 
padding: 2px 0px 2px 22px;
margin: 0px 0px 0px 1px;
background-color: transparent;
background-image: url(./resources/dxficon_small.gif);
background-repeat: no-repeat;
background-position: 0 0;
}