@charaset "UTF-8";
/* DCT-Company Site Style Sheet 2004 */

/***********************************/
/* 全体制御                        */
/***********************************/

body { 
  color : #333333 ; 
  text-align : center ;
  background-image : url("../contents/images/bg_body.gif") ;
  background-attachment : fixed ;
  margin : 0px ;
}


/* ベースフォント */
.base-font {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size : small ;
  line-height : 140% ;
}

/* レイアウト */
.base {
  width : 800px ;
  border-left : solid 1px #000000 ;
  border-right : solid 1px #000000 ;
  background-color : #EEEEEE ; 
  background-image : url("../contents/images/bg_base.gif") ;
  background-repeat: repeat-x;
  background-position: 0 8px;
  margin-left : auto ;
  margin-right : auto ; 
}


/***********************************/
/* コンテンツ全体用         　　       */
/***********************************/


/* 本文 */
p {
  margin : 0px ;
}


/* リンク */
a {
  color : #0053A6 ;
  text-decoration: none;
}
a:hover {
  color : #cc6600 ;
  text-decoration: underline;
}
a:visited {
  color : #B76BB4 ;
}

/* イメージ */
img {
  border : none ;
  vertical-align : baseline ;
  margin : 0px ;
  padding : 0px ;
}

/***********************************/
/* 見出し                          */
/***********************************/

/* ページタイトル */
.contents-title {

}

h1{
  font-size : small ;
  padding : 0px ;
  margin : 0px 0px 10px 0px ;
 }

h2{
  font-size : small ;
  padding : 0px ;
  margin : 0px 0px 15px 0px ;
 }
 
h3 {
  font-size : small ;
  padding : 0px ;
  margin : 0px ;
 }


h4 {
  font-size : small ;
  padding : 0px ;
  margin : 0px ;
 }



/***********************************/
/* 本文    　                      */
/***********************************/

/* 本文ブロック用 */
.contents {
  text-align : left ;
  background-color : #FFFFFF ;
  padding : 0px 0px 10px 0px ;
  margin : 20px 20px 20px 20px ;
}


/* 各セクション用 */
.section {
  padding : 0px 20px 20px 20px ; 
}

.section p {
  padding : 0px 0px 20px 0px ;
}

.section h3 {
  padding : 0px 0px 0px 0px ;
}

.section dl {
  padding : 10px 0px 20px 20px ;
}

.section dt {
  font-weight : bold ;
  padding : 0px 0px 10px 0px ;
}

.section dd {
  padding : 0px 0px 20px 0px ;
}


.section ol {
  padding : 0px 0px 0px 0px ;
  margin : 0px 0px 0px 60px ;
}

.section li {
  padding : 0px 0px 5px 0px ;
}


p.about-products {
  padding : 0px 0px 20px 0px ;
}



/* 配置制御用 */
.position-center {
  text-align : center ;
}

.position-right {
  text-align : right ;
}

.position-left {
  text-align : left ;
}




/* パラグラフ中の画像配置 */

.inline-left {
  float : left ;
  margin : 15px 30px 20px 20px ;
}

.inline-right {
  float : right ;
  margin : 15px 0px 20px 30px ;
}

.inline-top {
  margin : 0px 0px 15px 0px ;
}

.inline-bottom {
  margin : 15px 0px 0px 0px ;
}



/* float解除用 */
.clear-right {
  clear : right ;
}

.clear-left {
   clear : left ;
}

.clear-both {
   clear : both ;
}

.float-none {
   float : none ;
}


/*　動画　*/

.movie {
	text-align: center;
	background-color: #000;
	margin-bottom: 20px;
	padding: 30px 0px;
	}
.movie h3 {
	font-size: 120%;
	margin-bottom:10px;
	}
.movie p {
	font-size: 90%;
	color: #888;
	margin-top: 10px;
	padding: 0;
	margin-bottom:0;
	}


/***********************************/
/* テーブル      　　　　　        */
/***********************************/

/* レイアウト用 */
.table-layout th{
  font-size : small ;
  line-height : 140% ;
  vertical-align : top ;
 }

.table-layout td{
  font-size : small ;
  line-height : 140% ;
  vertical-align : top ;
 }


/* 基本デザイン用 */
.table-list {
  margin : 0px 0px 20px 20px ;
  background-color : #B8B8B8 ;
 }

.table-list th.index{
  color : #FFFFFF ;
  font-size : small ;
  text-align : left ;
  background-color : #87A9E9 ;
  padding : 1px 5px 1px 10px ;
 }

.table-list th{
  font-size : small ;
  text-align : left ;
  background-color : #FBF8F2 ;
  padding : 5px 5px 5px 10px ;
 }

.table-list td{
  font-size : small ;
  text-align : left ;
  background-color : #FFFFFF ;
  padding : 5px 5px 5px 10px ;
 }

caption {
  font-weight : bold ;
  padding : 0px 0px 5px 0px ;
}


/***********************************/
/* ヘッダ−　                      */
/***********************************/

.head {
    display: flex
    }

.head-navi {
  height : 20px ;
  text-align : left ;
  background-image : url("../contents/images/nav_bg.gif") ;
  background-repeat: no-repeat;
  padding : 0px 0px 0px 0px ;
}

.navi-left {
  float : left ;
}

.navi-right {
  float : right ;
}


/***********************************/
/* フッタ−　                      */
/***********************************/

/* 全ページ共通フッター */

.foot-navi {
  height : 18px ;
  text-align : center ;
  background-image : url("../contents/images/foot_navi_bg.gif") ;
  background-repeat: no-repeat;
  padding : 0px 0px 0px 0px ;
}

.foot {
  color : #AAAAAA ; 
  font-size : 12px ;
  background-image : url("../contents/images/foot_bg.gif") ;
  background-repeat: no-repeat;
  padding : 0px 0px 20px 0px ;
}

.foot a {color : #aaa;}


/***********************************/
/* ナビゲーション                  */
/***********************************/

/* メインナビゲーション */

.navi {

}

/* パンくず 上　*/
.navi-route {
  color : #555555 ;
  font-size : 85% ;
  text-align : left ;
  padding : 5px 0px 5px 30px ;
}

.navi-route a:visited {
  color : #0053A6 ;
}

/* ページトップへ */
.navi-pagetop {
   font-size : 85% ;
   text-align : right ;
   padding  : 10px 20px 20px 0px ;
}

.navi-pagetop a:visited {
  color : #0053A6 ;
}


/* テキストリンクの頭　０１ */
.link-head01 a {
  line-height : 200% ;
  background-image: url("../contents/images/link_head01.gif");
  background-repeat: no-repeat;
  padding : 5px 0px 5px 20px ;
}

/* テキストリンクの頭　０１ グレー　*/
.link-head01-gray a {
  line-height : 200% ;
  background-image: url("../contents/images/link_head01_gray.gif");
  background-repeat: no-repeat;
  padding : 5px 0px 5px 20px ;
}


/* テキストリンクの頭　フッタ−用 */
.link-head-foot a {
  line-height : 140% ;
  background-image: url("../contents/images/link_head_foot.gif");
  background-repeat: no-repeat;
  padding : 0px 0px 3px 30px ;
}



/***********************************/
/* Form用（変更不可）              */
/***********************************/

#_ErrorTable {
   width : 600px ;
}

#_ErrorTable caption {
   font-size : 100% ;
   text-align : left ;
   color : #663300 ; 
   font-weight : bold ;
}

#_ErrorTable td {
   font-size : 100% ;
   text-align : left ;
}