@charset "utf-8";

/*段落*/
.section{
  padding-bottom:40px;
}

/* ヘッダテキスト *******************************************************************/

/*ブルーバックのヘッダ*/
.bluebox{
  background:#0075ce;
  padding:1px;
  margin:20px 0;
  line-height:1.25em;
  color:#fff;
  font-size:114%;
}

.bluebox span{
  display:block;
  padding:10px 10px 10px 16px;
  border:1px solid #fff;
}

/*ブルーラインのヘッダ*/
.blueline{
  line-height:1.25em;
  font-size:114%;
  padding-bottom:0.5em;
  border-bottom:2px solid #0075ce;
  margin-bottom:15px;
}

/*アンダーライン・青文字のヘッダ*/
.lineblue{
  line-height:1.25em;
  padding-bottom:0.5em;
  border-bottom:1px solid #b3b3b3;
  margin-bottom:15px;
  color:#0075ce;
}

/* テキスト *******************************************************************/

/*大きめの文字*/
.large{
	font-size:114%; 
}

/*小さめの文字*/
.small{
	font-size:80%; 
}

/*文字右寄せ*/
.txtr{
	text-align:right; 
}

/*文字中央寄せ*/
.txtc{
	text-align:center; 
}

/*上に1行アキ*/
.spb{
	margin-top:1.25em; 
}

/*下に1行アキ*/
.spa{
	margin-bottom:1.25em; 
}

/*写真右寄せ*/
.imgr{
	float:right; margin:0.5em 0 1em 1em; 
}

/*写真左寄せ*/
.imgl{
	float:left; margin:0.5em 1em 1em 0; 
}

/*左フロート*/
.boxl{
	float:left; width:48%; 
}

/*右フロート*/
.boxr{
	float:right; width:48%; 
}

/* リスト *******************************************************************/

/*ドット付きのリスト*/
.dotlist li,
.dotlist dt{
  font-weight:normal;
  padding-left:20px;
  background : transparent url(request/dotlist.png) no-repeat scroll 5px 0.5em;
}

.dotlist li li,
.dotlist dt li,
.dotlist li dt,
.dotlist dt dt{
  font-weight:normal;
  padding:0;
  background:none;
}

/*ファイルダウンロードのためのリスト*/
.dllist{
  margin-top:0.75em;
  border-top:1px solid #ddd;
}

.dllist li{
  padding:0.5em;
  border-bottom:1px solid #ddd;
}

/*リンクページのためのリスト*/

.linklist{
	margin-top:-10px;
}

.linklist li{
  padding:0.5em;
  border-bottom:1px solid #ddd;
}

.linklist li a{
  padding-left:20px;
  background : transparent url(request/dotlist.png) no-repeat scroll 0px center;
}

/*ページネーション*/
.paginator{
  padding-top:1em;
  text-align:center;
  height:3em;
}

.paginator a {
  position:relative;
  border: solid 1px #ccc;
  margin-right: 5px;
  text-decoration: none;
  padding :5px 8px;
}

.paginator a.inactive {
  background: #ccc;
  border: solid 1px #ccc;
  color: #FFF;
  cursor:default;
}

.paginator a:hover.active{
  text-decoration:underline;
}

/* アイコン付きリンク *******************************************************************/

.icon{
	padding:0.25em 0 0.25em 22px; background:no-repeat left 0.25em;
}

/*各種アイコン*/
/*PDF*/
.pdf{
	background-image : url(request/icon_pdf.gif);
}
/*Word*/
.doc{
	background-image : url(request/icon_doc.gif);
}
/*Excel*/
.xls{
	background-image : url(request/icon_xls.gif);
}
/*PowerPoint*/
.pps{
	background-image : url(request/icon_pps.gif);
}
/*テキスト*/
.txt{
	background-image : url(request/icon_txt.gif);
}
/*画像*/
.pic{
	background-image : url(request/icon_pic.gif);
}
/*外部ページ*/
.ext{
	background-image : url(request/icon_external.gif);
}

/* Web相談 *******************************************************************/

#consultform p.error{
	color:#F60; 
}
#consultform p.error{
  width:90%;
  padding:5px 5px 5px 35px;
  background:url(/hightech/common/img/err.png) no-repeat 10px center #f60;
  color:#fff;
  margin-top:0.5em;
}

/* 20120215追加 *******************************************************************/

/* IE6 IE7 ハック ol li */
ol li{
  *margin-left: 2em;
}

/* 20120301追加 *******************************************************************/

/* NEWアイコン直貼り 位置調整 */
.new{
  vertical-align: middle;
  padding-left: 0.5em;
}

/* h1画像　変更 */
#main h1 {
  background : transparent url(request/main_h1_01.jpg) no-repeat scroll left top;
}

/* 20130313追加 ********************************************************************/

/* メインコンテンツ　テーブルボーダー */

#main table,
#main th,
#main td{
  border:1px solid #000000;
}

/* 20120315追加 ************************************************************************/

/* テキストボタン *************************************************************/

/*ボタンのみ*/
a.btn{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(request/btn003.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.btn span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : transparent url(request/btn003.png) no-repeat scroll left top; 
  background-color: #ffffff; /* 透過部分の背景色 */ 
}

a:hover.btn{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.btn span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.btn span{
  margin-right: 5px;
}

/* 各種ボタン */

/*PDFアイコン付きボタン*/
a.bpdf{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(common/img/btn005.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.bpdf span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : #ffffff url(common/img/btn005.png) no-repeat scroll left top; 
   /* 透過部分の背景色 */ 
}

a:hover.bpdf{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.bpdf span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.bpdf span{
  margin-right: 5px;
}

/*Wordアイコン付きボタン*/
a.bdoc{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(common/img/btn006.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.bdoc span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : #ffffff url(common/img/btn006.png) no-repeat scroll left top; 
   /* 透過部分の背景色 */ 
}

a:hover.bdoc{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.bdoc span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.bword span{
  margin-right: 5px;
}

/*Excelアイコン付きボタン*/
a.bxls{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(request/btn007.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.bxls span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : transparent url(request/btn007.png) no-repeat scroll left top; 
  background-color: #ffffff; /* 透過部分の背景色 */ 
}

a:hover.bxls{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.bxls span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.bxls span{
  margin-right: 5px;
}

/*PowerPointアイコン付きボタン*/
a.bpps{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(request/btn009.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.bpps span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : transparent url(request/btn009.png) no-repeat scroll left top; 
  background-color: #ffffff; /* 透過部分の背景色 */ 
}

a:hover.bpps{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.bpps span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.bpps span{
  margin-right: 5px;
}

/*テキストアイコン付きボタン*/
a.btxt{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(request/btn011.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.btxt span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : transparent url(request/btn011.png) no-repeat scroll left top; 
  background-color: #ffffff; /* 透過部分の背景色 */ 
}

a:hover.btxt{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.btxt span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.btxt span{
  margin-right: 5px;
}

/*画像アイコン付きボタン*/
a.bpic{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(request/btn008.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.bpic span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : transparent url(request/btn008.png) no-repeat scroll left top; 
  background-color: #ffffff; /* 透過部分の背景色 */ 
}

a:hover.bpic{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.bpic span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.bpic span{
  margin-right: 5px;
}

/*外部ページアイコン付きボタン*/
a.bext{
  float: left; 
  padding-right: 30px; /* ボタン内　右側余白*/ 
  line-height: 43px;   /* ボタン高さ */ 
  background : transparent url(request/btn010.png) no-repeat scroll right top; 
  cursor: pointer; 
  margin-right: 10px;   /* ボタン外　右側余白*/ 
  outline: none;       /* FireFox:点線を非表示 */ 
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

a.bext span{
  display: block; 
  height: 40px;
  
  padding-left: 30px;  /* ボタン内　左側余白*/ 
  background : transparent url(request/btn010.png) no-repeat scroll left top; 
  background-color: #ffffff; /* 透過部分の背景色 */ 
}

a:hover.bext{
  background-position: right bottom;
  color:#ffffff;
}

a:hover.bext span{
  background-position: left bottom;
}

/* IE6向けのハック */
*html a.bext span{
  margin-right: 5px;
}


