@charset "Shift_JIS";
/**********************************/
/* CSSのデフォルト値をリセット    */
/**********************************/
/* HTML */
html {
 margin: 0px;
 padding: 0px;
}
/* BODY */
body {
 margin: 0px;
 padding: 0px;
}
/* DIV */
div {
 margin: 0px;
 padding: 0px;
 border: none;
}
/* TABLE */
table {
 margin: 0px;
 padding: 0px;
 border: none;
 border-collapse: collapse;
}
/* TD,TH */
td,th {
 padding: 0px;
 border: none;
 vertical-align: top;
}
/* IMG */
img {
 margin: 0px;
 border: none;
 vertical-align: bottom;
}
/* UL */
ul {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
/* OL */
ol {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
}
/* FORM */
form {
 margin: 0px;
 padding: 0px;
}
/* INPUT */
input {
 margin: 0px;
}
/* P */
p {
 margin: 0px;
 padding: 0px;
}
/**********************************/
/* 個別に指定するスタイル         */
/**********************************/
/* 表示しないときに使う */
.none {
 display: none;
}
/* floatの解除をする */
.clear {
 clear: both;
}
/**********************************/
/* 文字をイタリックにします */
.i {
 font-style: italic;
}
/* 文字をボールドにします */
.b {
 font-weight: bold;
}
/* 文字にアンダーラインを引きます */
.u {
 text-decoration: underline;
}
/* 文字に取消線を引きます */
.s {
 text-decoration: line-through;
}
/**********************************/
/* ゴシック系のフォントにします */
.sa {
 font-family: sans-serif;
}
/* 明朝系のフォント */
.se {
 font-family: serif;
}
/* 筆記体・草書体のフォント */
.cu {
 font-family: cursive;
}
/* 装飾的なフォント */
.fa {
 font-family: fantasy;
}
/* 等幅フォント */
.mo {
 font-family: monospace;
}
/**********************************/
/* 文字を白くします */
.white {
 color: #FFFFFF;
}
/* 背景を白くします */
.b_white {
 background-color: #FFFFFF;
}
/* 文字を赤くします */
.red {
 color: #B6373F;
}
/* 背景を赤くします */
.b_red {
 background-color: #B6373F;
}
/* 文字を青くします */
.blue {
 color: #3B45B1;
}
/* 背景を青くします */
.b_blue {
 background-color: #3B45B1;
}
/* 文字をグレーにします */
.grey {
 color: #666666;
}
/* 背景をグレーにします */
.b_grey {
 background-color: #666666;
}
/**********************************/
/* このサイトのデフォルト値       */
/**********************************/
/* アンカーの色とデコレーション */
a {
 color: #333333;
 text-decoration: none;
}
a:link {
 color: #333333;
 text-decoration: none;
}
a:visited {
 color: #333333;
 text-decoration: none;
}
a:active {
 color: #333333;
 text-decoration: none;
}
a:hover {
 color: #333333;
 text-decoration: underline;
}
/**********************************/
/* 見出しのフォントサイズとスタイル */
h1 {
 font-size: 16px;
 font-weight: bold;
}
h2 {
 font-size: 15px;
 font-weight: bold;
}
h3 {
 font-size: 13px;
 font-weight: bold;
}
h4 {
 font-size: 12px;
 font-weight: bold;
}
h5 {
 font-size: 12px;
 font-weight: bold;
}
h6 {
 font-size: 12px;
 font-weight: bold;
}
/**********************************/
/* フォントサイズと色 */
body,a,ol,li,th,td,p,div,span,input,textarea,select {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
}
/**********************************/


/**********************************/
/* レイアウト セクション          */
/**********************************/
/* HTML */
html {
 background-color: #FFFFFF;
}
/**********************************/
/* html内のレイアウト             */
/**********************************/
/* BODY */
body {
 width: 100%;
 text-align: center;
 background-color: #FFFFFF;
}
/**********************************/

/**********************************/
/* body内のレイアウト             */
/**********************************/
/* Container */
div.container {
 width: 840px;
 margin: 10px auto 0px auto;
}
/**********************************/


/**********************************/
/* div.container内のレイアウト    */
/**********************************/
/* Header Block */
div.header {
 width: 100%;
 height: 115px;
 text-align: left;
 background: #FFFFFF url(../img/bg/header-bg.gif) no-repeat top left;
}
/* Under Header Space */
div.head-space {
 width: 100%;
 height: 35px;
 text-align: left;
 background: #FFFFFF url(../img/bg/head-space-bg.gif) no-repeat top left;
}
/* Contents Block */
div.contents {
 width: 100%;
 background: #FFFFFF url(../img/bg/contents-bg.gif) repeat-y top left;
}
/* Content End Space */
div.content-end-space {
 clear: both;
 width: 100%;
 height: 20px;
 text-align: left;
 background: #FFFFFF url(../img/bg/content-end-space-bg.gif) repeat-y top left;
}
/* Footer Block */
div.footer {
 width: 100%;
 height: 40px;
 background: #FFFFFF url(../img/bg/footer-bg.gif) no-repeat top left;
}
/**********************************/


/**********************************/
/* div.head-space内のレイアウト   */
/**********************************/
/* Under Header Space P */
div.head-space p {
 float: left;
 width: 400px;
 margin: 0px;
 text-indent: 40px;
 padding: 14px 0px 0px 0px;
 font-size: 11px;
}
/* Language Select Block Style */
div.lang-sel {
 float: right;
 width: 400px;
 margin: 0px;
 padding-top: 14px;
 font-size: 11px;
}
/**********************************/

/**********************************/
/* div.contents内のレイアウト     */
/**********************************/
/* Sub Content */
div.sub-content {
 float: left;
 width: 40px;
 height: 370px;
 background: #B9CAFA url(../img/bg/sub-contents-bg.gif) repeat-y top left;
}
/* Menu Content */
div.menu-content {
 float: left;
 width: 180px;
 height: 370px;
 text-align: left;
 background: #B9CAFA url(../img/bg/menu-bg.gif) repeat-x top left;
}
/* Content Space */
div.content-space {
 float: left;
 width: 30px;
 height: 370px;
 background: url(../img/bg/content-space-bg.gif) no-repeat top left;
}
/* Main Content */
div.main-content {
 float: left;
 width: 537px;
 height: 100%;
 text-align: left;
 background: #B9CAFA url(../img/bg/main-contents-bg.gif) repeat-y top left;
}
/**********************************/

/**********************************/
/* div.content-end-space内のレイアウト */
/********************************* div.content-end-space */
/* Counter（アクセスカウンター） */
div.counter {
 float: left;
 margin-left: 18px;
}
/* Top of Page（ページのトップに戻る） */
div.top {
 float: right;
 margin: 0px 21px 0px 0px;
}
/**********************************/

/**********************************/
/* div.footer内のレイアウト       */
/**********************************/
/* foot menu */
div.foot-menu {
 float: left;
}
/* copyright */
div.copyright {
 float: right;
}
/**********************************/


/**********************************/
/* div.menu-content内のレイアウト */
/**********************************/
/* SignIn Block */
div.regist {
 height: 100px;
}
/* Menu Block */
div.menu {
 margin-top: 10px;
 padding-left: 20px;
 text-align: left;
}
/**********************************/



/**********************************/
/* スタイル セクション            */
/**********************************/
/* Top of Page　アンカーのスタイル（印刷用のWebサイトタイトルに使用している） */
a#top {
 height: 1px;
 font-size: 1px;
 line-height: 1px;
 visibility: hidden; /* [screen] スクリーンでは非表示 */
}
/**********************************/
/* ヘッダー内のスタイル           */
/**********************************/
/* ヘッダー内のH1見出しのスタイル */
div.header h1 {
 visibility: hidden;
 width: 100%;
 margin-top: 40px;
 text-indent: 45px;
}
/**********************************/
/* 言語選択のスタイル             */
/**********************************/
/* Language Select UL */
div.lang-sel ul {
 margin-right: 20px;
}
/* Language Select UL LI */
div.lang-sel ul li {
 float: right;
 font-size: 11px;
 color: #898989;
}
/* Language Select UL LI A */
div.lang-sel ul li a,
div.lang-sel ul li a:link,
div.lang-sel ul li a:visited,
div.lang-sel ul li a:active {
 font-size: 11px;
}
/* Language Select UL LI A:HOVER */
div.lang-sel ul li a:hover {
 background-color: #999999;
 text-decoration: none;
}
/* Language Select UL LI SPAN */
div.lang-sel ul li span {
 padding: 0px 3px 0px 3px;
}
/**********************************/
/* Sign In フォームのスタイル     */
/**********************************/
/* Signin INPUT TEXT */
div.regist input.text {
 display: block;
 width: 140px;
 height: 19px;
 padding: 2px 2px 0px 2px;
 font-size: 11px;
 border: 1px solid #444444;
}
/* Signin INPUT SUBMIT */
div.regist input.submit {
 display: block;
 margin-top: 7px;
 width: 130px;
 height: 21px;
 font-size: 11px;
/* border: 1px solid #444444; */
}
/* ページ左上のテキストボックスの下 */
div.regist p {
 margin: 5px 0px;
 font-size: 10px;
}
/**********************************/
/* メニューのスタイル             */
/**********************************/
/* Menu LI */
div.menu li {
 margin-bottom: 25px;
 padding-left: 7px;
}
/* Menu LI ACTIVE */
div.menu li.active {
 background: url(../img/li-bg.gif) no-repeat center left;
}
/**********************************/
/* メインコンテンツのスタイル     */
/**********************************/
/* Main Content H2 */
div.main-content h2 {
 margin: 30px 0px 8px 0px;
 padding: 0px;
 color: #30414E;
 width: 550px;
 height: 20px;
 border-bottom: 2px dotted #666666;
}
/* Element Block */
div.element {
 width: 550px;
}
/**********************************/
/* エレメントのスタイル           */
/**********************************/
/* Element M Block */
div.element-m {
 margin: 20px 10px 20px 10px;
 line-height: 18px;
 clear: both;
}
/**********************************/
/* Element M H3（記事タイトル） */
div.element-m h3 {
 margin-bottom: 7px;
}
/* Element M H4（記事サブタイトル） */
div.element-m h4 {
 margin: 10px 0px 0px 0px;
 padding-left: 10px;
}

/* Element M P（記事本文） */
div.element-m p {
 padding: 5px 0px 10px 10px;
 line-height: 18px;
}
/* Element M P A（記事本文中のアンカー） */
div.element-m p a,
div.element-m p a:link,
div.element-m p a:visited,
div.element-m p a:active,
div.element-m p a:hover {
 text-decoration: underline;
 font-weight: bold;
}
/* Element M P.news（更新履歴） */
div.element-m p.news {
 clear: both;
}
/* Element M P.news SPAN.date（更新履歴 日付） */
div.element-m p.news span.date {
 display: block;
 float: left;
 width: 100px;
}
/* Element M P.news SPAN.text（更新履歴 内容） */
div.element-m p.news span.text {
 display: block;
 float: right;
 width: 400px;
}
/**********************************/
/* Element M UL（記事中のリスト） */
div.element-m ul {
 margin: 5px 0px 10px 10px;
 list-style-type: disc;
}
/* Element M LI（記事中のリスト） */
div.element-m ul li {
 margin: 0px 0px 10px 20px;
}
/* Element M LI A（記事中のリスト内のアンカー） */
div.element-m ul li a,
div.element-m ul li a:link,
div.element-m ul li a:visited,
div.element-m ul li a:active,
div.element-m ul li a:hover {
 font-weight: bold;
 text-decoration: Underline;
}
/**********************************/
/* Element M UL.link（リンクページなどリスト） */
div.element-m ul.link {
 margin: 5px 0px 10px 10px;
 list-style-type: none;
}
/* Element M LI（リンクページなどリスト） */
div.element-m ul.link li {
 margin-bottom: 10px;
 padding: 5px;
 width: 500px;
 border: 3px solid #EEEEEE;
}
/* Element M LI SPAN（リンクページなどリストで改行） */
div.element-m ul.link li span {
 display: block;
 margin-top: 5px;
}
/* Element M LI A（リンクページなどリスト内のアンカー） */
div.element-m ul.link li a,
div.element-m ul.link li a:link,
div.element-m ul.link li a:visited,
div.element-m ul.link li a:active,
div.element-m ul.link li a:hover {
 font-weight: bold;
 text-decoration: Underline;
}

/* Element M LI SPAN A（リンクページなどリスト内で改行した後のアンカー） */
div.element-m ul.link li span a,
div.element-m ul.link li span a:link,
div.element-m ul.link li span a:visited,
div.element-m ul.link li span a:active,
div.element-m ul.link li span a:hover {
 color: #D33D1A;
 font-weight: normal;
 text-decoration: none;
}
/* Element M UL LI IMG（リンクページなどリスト内の画像） */
div.element-m ul.link li img {
 float: right;
 margin: 5px 0px 5px 5px;
}
/**********************************/
/* Element M OL LI（記事中の番号付きリスト） */
div.element-m ol li {
 margin-bottom: 10px;
 font-weight: bold;
}
/* Element M OL LI SPAN（記事中の番号付きリスト内で改行） */
div.element-m ol li span {
 display: block;
 font-weight: normal;
}
/* Element M LI SPAN A（記事中の番号付きリスト内で改行後のアンカー） */
div.element-m ol li span a,
div.element-m ol li span a:link,
div.element-m ol li span a:visited,
div.element-m ol li span a:active,
div.element-m ol li span a:hover {
 font-weight: normal;
 text-decoration: underline;
}
/**********************************/
/* Element M TABLE（記事中のテーブル） */
div.element-m table.dc {
 margin: 5px 0px 20px 20px;
 width: 450px;
 font-size: 10px;
}
/* Element M CAPTION（記事中のテーブルのキャプション） */
div.element-m table.dc caption {
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid #666666;
 font-size: 10px;
}
/* Element M TH（記事中のテーブルのTH、TDの幅） */
div.element-m table.dc th {
 width: 150px;
}
div.element-m table.dc td {
 width: 300px;
}

/* Element M TH,TD（記事中のテーブルのTH、TD） */
div.element-m table.dc th,
div.element-m table.dc td {
 font-weight: normal;
 line-height: 20px;
 text-align: left;
 font-size: 10px;
}
/* Element M TD A（記事中のテーブルのTD内のアンカー） */
div.element-m table.dc td a,
div.element-m table.dc td a:link,
div.element-m table.dc td a:visited,
div.element-m table.dc td a:active,
div.element-m table.dc td a:hover {
 font-weight: bold;
 text-decoration: Underline;
 font-size: 10px;
}
/**********************************/
/* Element M IMG（記事中の画像） */
div.element-m p img {
 float: right;
 margin: 5px 0px 0px 12px;
}
/**********************************/
/* Element M HR（記事中の罫線） */
div.element-m hr {
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: 1px dotted #666666;
 height: 1px; 
}
/**********************************/
/* Element M FORM（記事中のフォーム） */
div.element-m form {
 margin-top: 5px;
}
/* Element Registration INPUT TEXT（記事中のテキストボックス） */
div.element-m input.text {
 width: 150px;
 height: 19px;
 padding: 2px 2px 0px 2px;
 font-size: 11px;
 border: 1px solid #444444;
}
/* Element Registration INPUT SUBMIT（記事中のボタン） */
div.element-m input.submit {
 width: 150px;
 height: 21px;
 font-size: 11px;
}
/**********************************/
/* CGIダウンロードページのスタイル*/
/**********************************/
/* Element M download Block */
div.down {
 margin: 0px;
 clear: left;
}
/* Element M download SPAN.dir（ディレクトリ） */
div.down span.dir {
 display: block;
 width: 320px;
 height: 30px;
 padding-top: 10px;
 background: url(../img/folder.gif) no-repeat top left;
 text-indent: 35px;
 cursor: pointer;
 font-size: 10px;
}
/* Element M download SPAN.file（ファイル） */
div.down span.file {
 float: left;
 display: block;
 width: 320px;
 height: 30px;
 padding-top: 10px;
 background: url(../img/file.gif) no-repeat top left;
 text-indent: 35px;
 cursor: pointer;
 font-size: 10px;
}
/* Element M download SPAN.size（サイズ） */
div.down span.size {
 float: left;
 width: 90px;
 display: block;
 height: 30px;
 padding-top: 10px;
 font-size: 10px;
 text-align: right;
}
/* Element M download SPAN.last（更新日） */
div.down span.last {
 display: block;
 height: 30px;
 padding-top: 10px;
 padding-left: 20px;
 font-size: 10px;
}
/* Element M download A */
div.down a,
div.down a:link,
div.down a:visited,
div.down a:active {
 float: left;
 display: block;
 width: 320px;
 height: 30px;
 color: #333333;
 text-decoration: none;
}
/* Element M download A:hover */
div.down a:hover {
 color: #333333;
 text-decoration: underline;
}
/**********************************/
/* Top of Page のスタイル         */
/**********************************/
/* Top of Page A（ページのトップに戻る） */
div.top a {
 display: block;
 padding-top: 2px;
 font-size: 10px;
 text-indent: 13px;
 background: url(../img/top.gif) no-repeat top left;
}
/**********************************/
/* フッターのメニューのスタイル   */
/**********************************/
/* Footer Menu UL */
div.foot-menu ul {
 margin: 7px 0px 0px 20px;
}
/* Footer Menu LI */
div.foot-menu li {
 float: left;
 font-size: 11px;
 color: #FFFFFF;
}
/* Footer Menu LI A */
div.foot-menu li a,
div.foot-menu li a:link,
div.foot-menu li a:active,
div.foot-menu li a:visited,
div.foot-menu li a:hover {
 margin: 0px 2px 0px 2px;
 font-size: 11px;
 color: #FFFFFF;
}
/**********************************/
/* コピーライトのスタイル         */
/**********************************/
/* Copyright */
div.copyright p {
 margin: 7px 20px 0px 0px;
 font-size: 11px;
 color: #FFFFFF;
}
/**********************************/


/**********************************/
/* JavaScript 画像表示のスタイル  */
/**********************************/
/*Outermost DIV for thumbnail viewer*/
#thumbBox {
 position: absolute;
 left: 0;
 top: 0;
 width: auto;
 padding: 0px;
 padding-bottom: 0;
 visibility: hidden;
 z-index: 10;
 cursor: hand;
 cursor: pointer;
}
/*DIV within thumbbox that holds the enlarged image */
#thumbBox #thumbImage {
 background-color: white;
}
/*DIV for showing "loading" status while thumbbox is being generated*/
#thumbLoading {
 position: absolute;
 visibility: hidden;
 border: 1px solid black;
 background-color: #EFEFEF;
 padding: 5px;
 z-index: 5;
}
/**********************************/


/*** For product list ***/
/***  A.Hamada 2009/06/15 ***/
table.product table {
 margin: 0px;
 padding: 0px;
 border: none;
 border-collapse: collapse;
}
table.product td, table.product th {
 padding: 3px;
 border: 1px solid #777777;
 vertical-align: middle;
}