/*----------------------------
   株式会社アイツーアイ技研
   スタイルシート
   2013/04/30 ver2.6
----------------------------*/
@charset "Shift_JIS";

/*-------------------------
   ユニバーサルセレクタ
-------------------------*/
/* 
   IE6とFirefox10の上下余白の違いのためhrタグを除外したいが
   IE6では:not(hr) が無効(*以降の{}内も反映されず)になるため
   * {margin: 0px;} の設定自体を無効とする 
   hrの初期状態ではIE6とFirefox10上下余白はほぼ同じとなる
   * {margin: 0px;} の実行後にhr {margin: 1ex;}とすると
   IE6で高さが2倍近くなってしまう */
/*
* {
	margin: 0px;
}
*/
html,body,img,h1,h2,h3,h4 {
	margin: 0px;
}

/*---------------
   html / body
---------------*/
/* タイプ(要素)セレクタ (順位下位) */
html { 
	height:100%;			/* 背景をページの下まで伸ばすおまじない */
} 
body { 
	text-align: center;

/*
	font-size: 75%;
	font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
*/

/*	color: #444444;*/ /* 標準文字色 */
/*	background-image: url('img/bg_1Ee_01.png');
	background-position: top left;
	background-repeat: repeat-x;
	min-width: 884px;
*/
	height:100%;			/* 背景をページの下まで伸ばすおまじない */ 
}
/* Safari用ハック 文字サイズ調整 使えない20170411 */
/*\*/
html:\66irst-child body
{
	/*font-size: 70%;*/
}
/* end */

/*
img
{
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
*/

/*------------
   clearfix
------------*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}

/*------------
   背景設定
------------*/
/* 
   IE6(Firefox10はOK)ではセレクタのクラス指定に問題があるため
	次のような記述は使わずに別セレクタとして複数定義する

   #background.road {  
   	   background-image: url('img/background-road.gif');
   }
   #background.road a:link {
 	   color:#60b0ff;	
   }
*/
#background {
	background-color: #f3f3f3;
	background-image: url('img/background.gif');
	background-repeat: repeat-y;
	height: 100%;			/* 背景をページの下まで伸ばすおまじない */
	min-height: 100%;		/* 背景をページの下まで伸ばすおまじない */
	background-position: center;	/* 中央寄せレイアウト */
	text-align: center;		/* 中央寄せレイアウト IE6必須 */
}
#background-plain {
	height: 100%;			/* 背景をページの下まで伸ばすおまじない */
	min-height: 100%;		/* 背景をページの下まで伸ばすおまじない */
	text-align: center;		/* 中央寄せレイアウト IE6必須 */
}
#background-dark {
	background-color: #f3f3f3;
	background-image: url('img/background-dark.gif');
	background-repeat: repeat-y;
	height: 100%;			/* 背景をページの下まで伸ばすおまじない */
	min-height: 100%;		/* 背景をページの下まで伸ばすおまじない */
	background-position: center;	/* 中央寄せレイアウト */
	text-align: center;		/* 中央寄せレイアウト IE6必須 */
}
#background-gray {
	background-color: #f3f3f3;
	background-image: url('img/background-gray.gif');
	background-repeat: repeat-y;
	height: 100%;			/* 背景をページの下まで伸ばすおまじない */
	min-height: 100%;		/* 背景をページの下まで伸ばすおまじない */
	background-position: center;	/* 中央寄せレイアウト */
	text-align: center;		/* 中央寄せレイアウト IE6必須 */
}
#background-road {
	background-color: #f3f3f3;
	background-image: url('img/background-road.gif');
	background-repeat: repeat-y;
	height: 100%;			/* 背景をページの下まで伸ばすおまじない */
	min-height: 100%;		/* 背景をページの下まで伸ばすおまじない */
	background-position: center;	/* 中央寄せレイアウト */
	text-align: center;		/* 中央寄せレイアウト IE6必須 */ 
}
#background-road-plain {
	background-image: url('img/base-01.gif');
	background-repeat: repeat;
}
/* 背景をページの下まで伸ばしたい時の子セレクタ設定 */
body > #background{ 
	height:auto; 
}
body > #background-plain{ 
	height:auto; 
}
body > #background-dark {
	height:auto; 
}
body > #background-gray {
	height:auto; 
}
body > #background-road {
	height:auto; 
}
body > #background-road-plain {
	height:auto; 
}

/*-------------------------
  モバイルフレンドリー
-------------------------*/
#background-plain body
{
	-webkit-text-size-adjust : 100%!important;
}

#background-plain img
{
	max-width : 100%;
	height : auto;
}

#background-plain iframe{
	width : 100%;
}

/*-------------------------
  サイト ボックス
-------------------------*/
#site-box {
	width : 884px;			/* 背景画像の表示範囲-左右のパッド分 */
					/* 左右のパッドはwidthで設定 */
	padding-top: 8px;		/* 上パッド */
	padding-bottom: 14px;		/* 下パッド */
	margin: 0px auto;
	/* margin-left: 25px; */	/* 左寄せの際に必要 */
	text-align: left;
}

#site-box-plain {
	padding: 8px 8px 14px 8px;	/* 下側6px分はFirefox10のURL表示分の予備 */
	text-align: left;
}
#site-box-index {
	width : 900px;			/* 背景画像の表示範囲-左右のパッド分 */
	padding-top: 0px;		/* 上パッド */
	padding-bottom: 14px;		/* 下パッド */
	margin: 0px auto;
	/* margin-left: 25px; */	/* 左寄せの際に必要 */
	text-align: left;
}
#site-box-index-plain {
	padding: 0px 0px 6px 0px;	/* 下側6px分はFirefox10のURL表示分の予備 */
	text-align: left;
}

/*------------
  タイトル ボックス
------------*/
#title-belt {
	background-color: #85AEDA;
	background-image: url('img/croud-belt2.gif');
	background-repeat: no-repeat;
	text-align: left;
	min-height:98px; /* 以下 最低高さの確保 */
	height:auto !important; /*この値が最優先されて有効となる*/
	height:98px;
}

#title-logo {
	border:none;
	display: table-cell;
	padding-top: 6px;
	width: 113px;
	height: 85px;
}

#title-caption {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 64px;
	padding-top: 16px;
	font-size: 1.3em;
	font-weight: bold;
        line-height: 1.2; 
}

#title-logo2 {
	border:none;
	display: table-cell;
	padding-left: 4px;
	width: 113px;
	height: 85px;
}

#title-caption2 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 40px;
	padding-top: 8px;
	font-size: 1.5em;
	font-weight: bold;
        line-height: 1.1; 
}

#title-caption2 h1 {
	font-size:1.4em;
	font-weight: bold;
}

#title-caption a {
	color: #000000;
	text-decoration:none;
}

#title-caption h1 {
	font-size:1.4em;
	font-weight: bold;
}

#title-belt2 {
	border: 1px solid #000000;
	padding: 2px;
	margin: 0px auto;
	/*width: 97%;*/
	text-align: left;
}

#separate-bar {
	background-color: #e6e6e6;
	width: 100%;
	text-align: left;
}

/*-------------------------
  コンテンツ ボックス
-------------------------*/
#content-list{
	background-color: #e7e7e7;
	/*width: 91%;*/
	margin: 0px;
	padding: 8px!important;		/* ↓ 同じ値にしないと上下のスペースが同じにならない？ */
	text-align: left;
}
#content-list ul {
	margin: 0px;
	padding: 2px!important;		/* ↑ 同じ値にしないと上下のスペースが同じにならない？ */
	list-style-type:none;		/* 黒い点を消す */
	text-align: center;
}
#content-list li {
	margin: 0px;
	padding: 0px!important;		/* 最優先 !importantを使って継承をブロック */
	float: left;
	border-style: none !important;	/* 最優先 !importantを使って継承をブロック */
}
#content-list img {
	width: 133px;
	height: 100px;		
	margin-right: 11px;
	margin-left: 11px;
	margin-top: 4px;
	margin-bottom: 0px;
	padding: 0px;
	border: 1px solid;
}

/*
  clearfix以前の対応
  <span><p /></span>
*/
#content-list p {
	clear: both;
}
#content-list span {
	height:0px;			/* spanでIE6のpタグ改行をキャンセル */
}

/*-------------------------
  イメージリスト ボックス (class)
-------------------------*/
.image-list{
	margin: 0px;
	padding-right: 0px!important;	/* 最優先 !importantを使って継承をブロック */
	padding-left: 3px!important;	/* 最優先 !importantを使って継承をブロック */
	padding-top: 4px!important;	/* 最優先 !importantを使って継承をブロック */
	padding-bottom: 0px!important;	/* Chromeではmargin-bottomが無視された */	
	text-align: left;
}
.image-list ul{
	margin: 0px;
	padding: 0px!important;		/* 最優先 !importantを使って継承をブロック */
	list-style-type:none;		/* 黒い点を消す */
	text-align: left;
}
.image-list li{
	margin: 0px 0px 1px 0px;
	padding-right: 10px!important;	/* 最優先 !importantを使って継承をブロック */
	padding-left: 0px!important;	/* 最優先 !importantを使って継承をブロック */
	padding-top: 0px!important;	/* 最優先 !importantを使って継承をブロック */
	padding-bottom: 6px!important;	/* 最優先 !importantを使って継承をブロック */
	float: left;
	border-style: none !important;	/* 最優先 !importantを使って継承をブロック */
}
.image-list img{
	margin: 0px;
	padding: 0px;
	border: 1px solid!important;
}

.small-height img{
	height: 100px;
	width: auto;
}

.small-width img{
	width: 133px;/*150 */
	height: auto;
}

.mid-width img{
	width: 160px;
	height: auto;
}

.mid-height img{
	height: 160px;
	width: auto;
}

.large-width img{
	width: 200px;
	height: auto;
}

.large-height img{
	height: 200px;
	width: auto;
}

.big-height img{
	height: 300px;
	width: auto;
}

/*
  clearfix以前の対応
  <span><p /></span>
*/
.image-list p{
	clear: both;
}
.image-list span{
	height:0px;			/* spanでIE6のpタグ改行をキャンセル */
}

/*-------------------------
  リスト用 ボックス
-------------------------*/
#table-list dl {
	margin: 0px;
	padding: 0px;
}
#table-list dl dt {
	float: left;
	padding: 2px;
	font-weight: bold;
	text-align: left;
}
#table-list dl dd {
	padding: 2px;
	text-align: left;
}

/*---------------------------------------------------------------------------*/
/*-------------------------
  ヘッダー ボックス
-------------------------*/
#header
{
	width: 884px;	
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
}

#headerLogo
{
	margin: 12px;
}

#headerLogo a
{
}

#headerName
{
	margin-top: -112px;
	margin-left: 150px;
	float: left;
}

#headerName a.japan
{
	display: block;
	margin-left: 10px;
	font-size: 1.15em;
	line-height: 1.3;
	text-align: left;
}

/* リンク文字色 */
#headerName a.japan:link
{
	color: #000000;
	text-decoration: none;
}
#headerName a:visited
{
	color: #000000;
	text-decoration:  none;
}

#headerName a.japan span
{
	display: block;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	line-height: 1.2;
	font-size: 20px;
}

#headerName a.japan p
{
	display: inline;
	font-weight: bold;
	font-size: 2em;
}

#headerName a.english
{
	margin-top: -15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
}

#header2
{
	width: 800px;	
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
}

#header2Logo
{
	padding: 5px;
}

#header2Logo a
{
}

#header2Name
{
	margin-top: -98px;
	margin-left: 170px;
}

#header2Name a.japan
{
	margin: 0px;
	display: block;
	font-size: 1.15em;
	line-height: 1.3;
	text-align: left;
}

/* リンク文字色 */
#header2Name a.japan:link
{
	color: #000000;
	text-decoration: none;
}
#header2Name a:visited
{
	color: #000000;
	text-decoration:  none;
}

#header2Name a.japan span
{
	display: block;
	margin-top: 6px;
	text-align: left;
	font-weight: bold;
	line-height: 1.2;
	font-size: 20px;
}

#header2Name a.english
{
	margin: 0px;
}
/*---------------------------------------------------------------------------*/

/*-------------------------
  マニュアル 記述用
-------------------------*/
#manual-documents
{
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}

#manual-documents div.tab
{
	margin-top: 10px;
	padding-left: 15px;
	margin-bottom: 10px;
	background-color: #ffffff;
	font-weight: normal;
	color:  #000000;
	background-color: #ffffff;
}

#manual-documents div.category
{
	border: 2px #888888 solid; 
	margin-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	background-color: #ffffff;
	font-weight: normal;
	color:  #000000;
	background-color: #ffffff;
	font-size: 1em;
}

#manual-documents div.group
{
	border: 1px #000000 solid;
	padding-left: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	font-weight: normal;
	color:  #000000;
	background-color: #ffffff;
}

#manual-documents div.item
{
	margin-top: 10px;
	padding-left: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	font-weight: normal;
	color:  #000000;
	background-color: #ffffff;
}

#manual-documents div.tab p.caption
{
	margin: 0px 0px 10px -15px!important;/* 最優先 !importantを使って継承をブロック */
	padding: 10px!important;	/* 最優先 !importantを使って継承をブロック */
	border: 1px #000000 solid;
	font-size: 1.3em;
	font-weight: bold;
	color:  #000000!important;	
	background-color: #f3f3f3!important;	/* 最優先 !importantを使って継承をブロック */
}

#manual-documents div.category p.caption
{
	margin: 0px 0px 10px -20px!important;/* 最優先 !importantを使って継承をブロック */
	padding: 5px!important;	/* 最優先 !importantを使って継承をブロック */
	border: none!important;	/* 最優先 !importantを使って継承をブロック */
	font-size: 1.2em;
	font-weight: bold;
	color:  #000000!important;	
}

#manual-documents div.group p.caption
{
	margin: 0px 0px 10px -20px!important;/* 最優先 !importantを使って継承をブロック */
	padding: 5px!important;	/* 最優先 !importantを使って継承をブロック */
	border: none!important;	/* 最優先 !importantを使って継承をブロック */
	font-size: 1.1em;
	font-weight: bold;
	color:  #000000!important;	
}

#manual-documents div.item p.caption
{
	margin: 5px 0px 0px -20px!important;/* 最優先 !importantを使って継承をブロック */
	/*padding: 4px!important;	*//* 最優先 !importantを使って継承をブロック */
	border: none!important;	/* 最優先 !importantを使って継承をブロック */
	background-color: transparent!important;	/* 最優先 !importantを使って継承をブロック */
	color:  #000000!important;	
}

#manual-documents span.default
{
	color:  #00CC00!important;	/* 最優先 !importantを使って継承をブロック */
}

#manual-documents p.translation
{
	color:  #60b0ff!important;	/* 最優先 !importantを使って継承をブロック */
}

#manual-documents span.translation
{
	color:  #60b0ff!important;	/* 最優先 !importantを使って継承をブロック */
}

#manual-documents p.caption span.translation
{
	margin-left: 10px;
}

#manual-documents p.value,span.value
{
	color:  #0000ff!important;	/* 最優先 !importantを使って継承をブロック */
}

/*-------------------------
  マニュアル 記述用
-------------------------*/
.code-documents
{
	margin: 4px 20px 4px 0px;
	padding: 5px;
	border-radius: 5px 5px 5px 5px ;
	background-color: #E4E8F8;
}

br.br-space
{
	margin-bottom: 8px;
}

/*-------------------------
  コメント記述用
-------------------------*/
.add-comment{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}
.add-comment ul {
	margin: 0px;
	padding-left: 1.3em!important;	/* 最優先 !importantを使って継承をブロック */
	list-style-type:none;		/* 黒い点を消す */
	text-align: left;
}
.add-comment li {
        text-indent:-1.3em;
	padding: 0px!important;		/* 最優先 !importantを使って継承をブロック */
        list-style-type:none;
	border-style: none !important;	/* 最優先 !importantを使って継承をブロック */
}

/*----------------------------------------
  画像横のテキストを上下中央に配置する
----------------------------------------*/
.vertical-middle p {
        display: table-cell;
        vertical-align: middle;
        margin: 0;
}
        
/*--------------------------------------
  マーカー付きリストを作る
--------------------------------------*/
#topic-list ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#topic-list ul li
{
	text-align: left;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;
}

#line-adjust
{
	line-height:1.5em;
}

ul.no-indent
{
	margin: 4px 0 4px 1em;
	padding: 0px;
}

/*--------------------------------------
   画像にマウスオンした際のエフェクト
--------------------------------------*/
a:hover img {
	filter: alpha(opacity=60);	/* IE */
	-moz-opacity:0.6;		/* Firefox / Netscape */
	opacity:0.6;			/* CSS3.0 */
	background: #fff;		/* 背景色 白、背景色を指定しないと一部不具合、指定すると透過で不具合 */
}
a:hover img.efect-transparent {
	filter: alpha(opacity=100);	/* IE用 */
	opacity:1.0;			/* CSS3.0 */
	background: transparent;	/* 背景色 透明、背景色を指定しないと一部不具合、指定すると透過で不具合 */
}
a:hover img.no-efect {
	filter: alpha(opacity=100);	/* IE用 */
	opacity:1.0;			/* CSS3.0 */
	background: transparent;	/* 背景色 透明、背景色を指定しないと一部不具合、指定すると透過で不具合 */
}

/*--------------------------------------
   文字の修飾 クラス
--------------------------------------*/
a.download				/* インライン要素 */
{
	line-height: 2em;		/* 行の高さの制御 */
	vertical-align: baseline;	/* 行の縦方向の位置 */
	font-size: 1.25em !important;	/* 最優先 !importantを使って継承をブロック */	
	font-weight: bold !important;	/* 最優先 !importantを使って継承をブロック */
}
span.details				/* ブロック要素 */
{
	color: #A0A0A0
}

italic 					/* Windows Vista のメイリオ フォントの文字列が斜体にならないことがある */
{
	font-family: MS UI GOTHIC, sans-seif;
	font-style  : italic; 
	font-size: 1.2em;
	color: #A0A0A0;
}

/*-------------------------
  テーブルCSS化 ボックス
-------------------------*/
/*
div#table-replace{
　　display:block;
　　position: relative;
　　border: solid 1px rgb(100,100,100);
　　margin: 10px 160px 10px 20px;
}
div#table-replace p.fig{
　　position: absolute;
　　right: -100px;
　　margin: 0px;
}
div#table-replace p img.border{
　　position: absolute;
　　background-color: white;
}
div#table-replace p img.left{
　　left: -1px;
}
div#table-replace p img.right{
　　right: -1px;
}
div#table-replace p img.top{
　　top: -1px;
}
div#table-replace p img.bottom{
　　bottom: -1px;
}
div#table-replace p img.center{
　　top: 20px;
　　right: -30px
}
div#table-replace ul{
　　display: block;
　　margin: 10px;
　　padding-left: 0px;
}
div#table-replace ul li{
　　display: block;
　　margin-left: 0px;
　　padding-left: 20px;
　　text-align: right;
}
div#table-replace ul > li:first-child {
　　border-bottom: 1px rgb(100,100,100) solid;
　　text-align: left;
}
*/

/*----------------------------------
   タイトルボックス ref ORUKA1951 
----------------------------------*/
/* 外枠から文字と画像がはみ出る　clearfix */
/*
div.box{
	border:1px solid red;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 620px;
	padding:0px;
}
div.box p{
	width: 180px;
	float:left;
	margin: 10px 20px 0px 10px;
}
div.box>ul{
	margin: 10px 5px 0px 5px;
	width: 120px;
	float:left;
	padding: 2px;
}
div.box>ul li{
	margin-left: 2em;
	list-style-image: url(gif/rarw.gif);
	padding: 0px;
	list-style-position: out-side;
}
div.box hr{
	clear: left;
	visibility: hidden;
	margin:0px;
}
*/

/*-------------------------
   XHTML / HTML サンプル
-------------------------*/
/* 
   スペーサーGIF代用
   改行されてから挿入されてしまう

   <div style="clear: both;width: auto;height: 10px;"><!--></div>


   マージン一括変更
   リンク設定されているIMGタグ内にマージン設定を入れると
   拡がったサイズの破線枠が残る場合があり綺麗でない(Firefox10)

   style="margin: 上下px 左右;"
   style="margin: 上px 右px 下px 左px;"
   値を1つ指定した場合：指定した値が[上下左右]のマージンになります。
   値を2つ指定した場合：記述した順に[上下][左右]のマージンになります。
   値を3つ指定した場合：記述した順に[上][左右][下]のマージンになります。
   値を4つ指定した場合：記述した順に[上][右][下][左]のマージンになります。

*/

/*-------------------------
   注意事項！
-------------------------*/
/*
   <CENTER>タグは非推奨

   IE6で標準モード(以下)の際に
   ↓----ここから
	   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">
   ↑----ここまで
   <CENTER>指定が内部の<TD>タグまで強制継承される
   TABLEタグの位置調整は<TABLE>タグにalign設定を追加して対応する
   <TD>タグのalign設定は入れ子にした<TABLE>の全ての要素に影響する
   ※結論:TABLEレイアウトでは互換モードを使った方が良い。
   http://www7b.biglobe.ne.jp/~homepage-note/hpb-ed-11.html

*/

/*------------------------------------------------------------------------------

   HPB16 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

------------------------------------------------------------------------------*/


/*--------------------------------------------------------
  レイアウト設定 container_1Ee_2c_left.css
--------------------------------------------------------*/
#hpb-container
{
	background-image : url(img/footerBg_1Ee.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	position: relative;
}

#hpb-header
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height : 135px;
	zoom: 1;
}

#hpb-inner
{
	width: 900px;
	padding-left:0px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	position: relative;
	padding-top: 0px;
}

.hpb-layoutset-01 #hpb-inner
{
	background-image : url(img/cLine_1Ee_01.png);
	background-position: top left;
	background-repeat: repeat-x;
}

#hpb-inner:after
{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#hpb-wrapper
{
	width: 731px;			/* width: 715 + padding-right: 16px = 731px */
	float: right;
	position: relative;
}

#hpb-title
{
	margin-top: 0px;
}

.hpb-layoutset-01 #hpb-title
{
	margin-top: 1px;
	width: 900px;
	height: 275px;
	margin-left: -169px;
}

* html .hpb-layoutset-01 #hpb-title
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#hpb-main
{
	width: 715px;			/* width: 715 + padding-right: 16px = 731px */
	padding-right: 16px;		/* width: 715 + padding-right: 16px = 731px */
	padding-top: 10px;
	text-align: left;
	min-height: 400px;
}

* html .hpb-layoutset-01 #hpb-main
{
	/* for IE6 */
	padding-top: 290px;
	height: 690px;
}

* html .hpb-layoutset-02 #hpb-main
{
	/* for IE6 */
	height: 400px;
}

#hpb-aside
{
/*	width: 225px;	*/
	width: 165px;
	float: left;
	padding-top: 20px;
}

#hpb-footer
{
	width: 884px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	clear: both;
}

#hpb-nav
{
/*	width: 225px;	*/
	width: 165px;
	float: left;
}

.hpb-layoutset-01 #hpb-nav
{
	padding-top: 295px;
}

/*--------------------------------------------------------
  デザイン設定 container_1Ee_2c_left.css
--------------------------------------------------------*/
/* 背景設定 */

/* コンテンツ配置領域 */

/* ナビゲーション */
#hpb-nav ul
{
	display: block;
/*	width: 200px;	*/
	width: 140px;
	margin-top: -1px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	list-style-type: none;
	text-align: left;
	background-color: #D1D2D2;
}

#hpb-nav ul:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hpb-nav li
{
	display: block;
	height: 40px;
	overflow: hidden;
	background-image : url(img/navBg_1Ee_02-140.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#hpb-nav li a
{
	display: block;	
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 14px;
}


#hpb-nav li span.en
{
	display: none;
}


#hpb-nav a:link
{
	color: #666666;
	text-decoration: none;
}
#hpb-nav a:visited
{
	color: #666666;
	text-decoration: none;
}
#hpb-nav a:hover
{
	color: #F89A07;
	text-decoration: none;
}
#hpb-nav a:active
{
	color: #F89A07;
	text-decoration: none;
}
/*--------------------------------------------------------
  共通レイアウトパーツ設定 main_1Ee_2c.css
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain
{
	height: 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 440px;
	float: left;
}

#hpb-headerMain h1
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	font-weight: normal;
	line-height: 1.2;
	font-size: 10px;
}

#hpb-headerLogo
{
	width : 118px;
	clear: left;
	padding-top: 1px;
	margin-left: 0;
	margin-right: auto;
}

#hpb-headerLogo a
{
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 71px;
	background-image : url(img/logo_1Ac２.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#hpb-headerExtra2
{
}

/* フッター内パーツ */
#hpb-footerMain
{
	width: 300px;
	float: right;
	padding-top: 10px;
}

#hpb-footerMain p
{
	/* コピーライト文字設定 */
	font-size: 0.8em;
	text-align: right;
	padding-right: 10px;
}

#hpb-footerLogo
{
}

#hpb-footerExtra1
{
	width: 550px;
	float: left;
	padding-top: 10px;
}

#hpb-footerExtra1 ul
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: left;
}

#hpb-footerExtra1 li
{
	/* フッターナビ設定 */
	display: inline;
	padding-left: 25px;
}

#hpb-footerExtra1 a:link
{
	color: #666666;
	text-decoration: none;
}
#hpb-footerExtra1 a:visited
{
	color: #666666;
	text-decoration: none;
}
#hpb-footerExtra1 a:hover
{
	color: #F89A07;
	text-decoration: underline;
}
#hpb-footerExtra1 a:active
{
	color: #F89A07;
	text-decoration: underline;
}

#hpb-footerExtra2
{
}

/* サイドブロック内パーツ */
#banner
{
}

#banner ul
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style-type: none;
}

#banner li
{
}

#banner li a
{
	display: block;
/*	width: 200px;	*/
	width: 140px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	overflow: hidden;
}

#banner a#banner-service
{
	/* 製品一覧バナー */
	background-image : url(img/banner_1Ee_01-140.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#banner a#banner-recruit
{
	/* 採用情報バナー */
	background-image : url(img/banner_1Ee_02.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#banner a#banner-access
{
	/* アクセスバナー */
	background-image : url(img/banner_1Ee_03.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#companyinfo
{
/*	width: 200px;	*/
	width: 140px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 20px;
}

#companyinfo h3				/* h3タグは基本8回まで */
{
	text-align: left;
	font-size: 1em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-left: 2px;
	padding-bottom: 0;
}

#companyinfo p
{
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 3px;
}

/*--------------------------------------------------------
  ナビゲーションデザイン設定 main_1Ee_2c.css
--------------------------------------------------------*/

#hpb-nav li a
{
	/* ナビゲーション文字設定 */
}

/*--------------------------------------------------------
  基本パーツデザイン設定 main_1Ee_2c.css
--------------------------------------------------------*/
a:link
{
	/*color: #60b0ff;*/
	/*color: #F89A07;*/ /* i2i */
        /* color: #0645ad;*/ /* wiki */
        color: #0044cc; /* Bing */
	/*text-decoration: underline;*/
}
a:visited
{
	color: #0b0080; /* wiki */
	/*text-decoration: underline;*/
}
a:hover
{
	color: #E47911; /* amazon */
	text-decoration: none;
}
a:active
{
	color: #E47911;
	text-decoration: none;
}

#hpb-skip
{
	/* ヘッダースキップの非表示 */
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
}

/* p 共通設定！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！ */
p2
{
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	padding-right: 0.1em;
	padding-left: 0.1em;
	line-height: 1.4;
	text-align: left;
}
p.large
{
	font-size: 1.2em;
	margin-bottom: 1em;
	padding-left: 10px;
}
p.indent
{
	padding-left: 5px;
}

.left
{
	float: left;
}
.right
{
	float: right;
}
p.vspace-half{
   margin-top: 0.2em; /* 0.75文字分の行間 */ 
   margin-bottom: 0.5em;  /* 0.5文字分の行間 */
   line-height: 1.2em
}
p.vspace-three-quarter{
   margin-top: 0em; /* 0.75文字分の行間 */ 
   margin-bottom: 0.75em; /* 0.75文字分の行間 */
   line-height: 1.2em
}
p.vspace-1{
   margin-bottom: 1em;
}
p.vspace-three-second{
   margin-bottom: 1.5em; /* 1.5文字分の行間 */
}
p.vspace-2{
   margin-bottom: 2em;  /* 2文字分の行間 */
}

/*hr*/
#toppage-topics hr
{
	width: 100%;
	height: 1px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: none;
	border-right-width: 1px;
	border-right-style: none;
	border-left-width: 1px;
	border-left-style: none;
	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: none;
}

#greeting-main
{
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;	
	font-size: 16px;
	margin-bottom: 1em;
	padding-left: 10px;
	line-height: 2em;
}

#greeting-sign
{
	margin-left:360px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;	
	font-size: 16px;
	margin-bottom: 1em;
	padding-left: 10px;
	line-height: 2em;
}

#product
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#product h3,hr				/* h3タグは基本8回まで */
{
	margin-left: -10px;
}


#head-indent
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#head-indent div.direct
{
	margin-left: -10px;
}

#head-indent hr
{
	margin-left: -20px;
}

#head-indent h4					/* h3タグは基本8回まで */
{
	margin-left: -10px;
}

.hpb-layoutset-02 h1			/* h2タグは基本6回まで */
{
	background-image : url(img/titleBg_1Ee-715.png);
/*	width: 650px;	*/
	width: 715px;
	margin-top: 0;
	margin-right: auto;
/*	margin-bottom: 0.5em;*/
	margin-left: 0;
	height: 50px;
	line-height: 57px;
	text-align: left;
	overflow: hidden;
}

.hpb-layoutset-02 h1 span.ja		/* h2タグは基本6回まで */
{
	font-size: 0.9em;
	color: #ffffff;
	padding-right: 15px;
	line-height: 50px;
	padding-left: 18px;
}

h1 span.en
{
	font-size: 0.9em;
	color: #FBC779;
	font-weight: normal;
}

#hpb-wrapper h2
{
	margin-left: -20px;
	height: 40px;
	margin-top: 0.5em;
	/*margin-bottom: 0.5em;*/
	margin-bottom: 0.5em;
	text-align: left;
	padding-left: 10px;
	line-height: 43px;
	overflow: hidden;
	font-size: 1.3em;
	background-image : url(img/indexBg_1Ee-705.png);
	background-position: top left;
	background-repeat: no-repeat;
	color: #F89A07;
}

/*#hpb-wrapper #toppage-news h3*/
#hpb-wrapper #toppage-topics h3		/* #toppage-topics のみ h3タグは基本8回まで */
{
	margin-bottom: 0;
}

#hpb-wrapper #product h3:first-child	/* #productのみ 最初に現れる要素にだけ適用 h3タグは基本8回まで */
{
	margin-top: 0;
}

#hpb-wrapper #product h3		/* #productのみ h3タグは基本8回まで */
{
	margin-top: 1.5em;
}

h2.hpb-c-index				/* h3タグは基本8回まで */
{
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
}

h3					/* h4タグは基本8回まで */
{
	margin-left: -10px;
/*
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.2;
	color: #F89A07;
*/
	margin-top: 12px;
	margin-bottom: 5px!important;	/* !importantを使って継承をブロック */	
	border-left: solid 9px #F89A07; /*#DCDCDC;*/ 
	background-color: #F0F0F0;
	font-size:1.1em;
        line-height: 1.4; 
	text-indent: 0.4em;
}

/*
h5
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.2;
	color: #333333;
}
*/

/*
table
{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 0;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}
*/

/*
table th
{
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: left;
	background-color: #eeeeee;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
*/

/*
table td
{
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
*/

/* フォームパーツ設定 */
input.button
{
	margin-top: 10px;
	margin-bottom: 15px;
}

textarea
{
	width: 400px;
	height: 200px;
}

input.l
{
	width: 400px;
}
input.m
{
	width: 250px;
}
input.s
{
	width: 150px;
}

/* メインコンテンツ内基本パーツ */

#hpb-main ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#hpb-main ul li
{
	text-align: left;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;
}

#hpb-main dl
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding: 0;
	zoom: 100%;
}

#hpb-main dt
{
	float: left;
	margin: 0;
	text-align: left;
	line-height: 16px;
	min-height: 16px;
	font-weight: bold;
	width: 170px !important;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #5A6F76;
}

#hpb-main dd
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
	line-height: 16px;
	min-height: 16px;
	padding-left: 180px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;
}

*:first-child + html #hpb-main dd
{
	/* for IE7 */
	padding-left: 10px;
	min-height: 20px;
}

* html #hpb-main dd
{
	/* for IE6 */
	padding-left: 0px;
	height: 20px;
}

#hpb-main dl:after
{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#hpb-main img.left
{
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

#hpb-main img.right
{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
}

/* メインコンテンツ内基本パーツ */

#pagetop
{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: right;
}

#pagetop a
{
	/* ページの先頭へのリンク設定 */
	display: block;
	margin-left: auto;
	width: 105px;
	height: 20px;
	overflow: hidden;
	background-image : url(img/returnTop_1Ee.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
	text-indent: -9999px;
}

/* トップページ デザイン定義 */
/*
.hpb-layoutset-01 #hpb-title h2		/* h2タグは基本6回まで */
{
	margin-top: 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 275px;
	background-image : url(img/mainimg_1Ee1.png);
	background-position: top center;
	background-repeat: no-repeat;
}
*/

#toppage-news h3 span.ja		/* h3タグは基本8回まで */
{
	display: none;
}

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
	border-color: #cccccc;
}

.hpb-parts-hl-style
{
	border-color: #cccccc;
	background-image: none !important;
}

.hpb-parts-cbox-style
{
	border-color: #cccccc;
}

.hpb-parts-hr-style
{
	border-color: #cccccc;
}

.hpb-parts-pbox-style
{
	border-color: #cccccc;
}
.hpb-parts-pbox-style h4
{
	padding: 0px !important;
}

.hpb-parts-blist-style
{
	border-color: #666666;
}
a.hpb-parts-blist-style:link
{
	color: #666666;
}
a.hpb-parts-blist-style:visited
{
	color: #666666;
}
a.hpb-parts-blist-style:hover
{
	color: #F89A07;
}
a.hpb-parts-blist-style:active
{
	color: #F89A07;
}