@charset "Shift_JIS";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */
#hpb-headerMain
{
    position: relative; 
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 10px;
    color: #000000; /* 標準文字色 */
}

#hpb-headerMain h1
{
    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-align: left;
    font-weight: normal;
    font-size: 10px;
    color: #393939;
}

#hpb-headerLogo
{
    position: relative; 
    height: 180px;
/*    width: 400px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;*/
    background-image: url(logo_deltas.png);
/*    background-position: center 2.6em;*/
    background-position: center 2.0em;
    background-repeat: no-repeat;
}

#hpb-headerLogo a
{
/*    position: relative; */
    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: 60px;
/*    background-image: url(logo_deltas.png);
	background-size: 400px 160px;
    background-position: center center;
    background-repeat: no-repeat;*/
}

#hpb-headerExtra1
{
    position: absolute; 
	top: 120px;
	right: 0px;
    width: 260px;
/*    height: 80px;*/
}

#hpb-headerExtra1 p.cmpny
{
    /* 社名の文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #3179E9;
    line-height: 1.4;
    text-align: left;
}

#hpb-headerExtra1 p.tel
{
    /* 電話番号の文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.0rem;
    color: #000000;
    line-height: 1.2;
    text-align: left;
}

#hpb-headerExtra1 p.tel span
{
    /* 電話番号の「TEL」文字設定 */
    color: #000000;
    font-size: 1.0rem;
}

#hpb-headerExtra1 p.address
{
    /* 住所文字設定 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.0rem;
    line-height: 1.2;
    text-align: left;
}

#hpb-headerExtra2
{
}



/**************     メニュー１     ****************/
#hpb-headerMenu1
{
	display: none;
	position: fixed; 
	width: 16em;
    top: 25px;
    left: 20px; 
    font-size: 1.2rem;
    padding-top: 0px;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    padding-bottom: 0px;
    overflow: auto;			/*自動（スクロール表示） */
    background-color: rgba(51, 102, 255, 0.7); 
/*    background-color: rgba(25, 25, 112, 0.7); */
/*    background-color: rgba(0, 30, 67, 0.8); */
/*    border-radius: 10px;*/	/*ボーダラインの四隅に丸み設定 */
	z-index: 2000;
}

#hpb-headerMenu1 ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

#hpb-headerMenu1 li
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    color: #ffffff;
    text-align: left;
/*    font-weight: bold; */

	border-color: #c0c0c0;
	border-width: 1px;
	border-bottom-style: solid;
}
#hpb-headerMenu1 li:last-child
{
	border-bottom-style: none;
}

#hpb-headerMenu1 a
{
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    color: #ffffff;
	text-decoration: none; 
	cursor: pointer ;
}

#hpb-headerMenu1 a:hover
{
    color: #ff0000;
    text-decoration: none;
}

#hpb-headerMenu1 a p
{
    margin: 0;
    padding: 0;
    line-height: 3.0em;
}

/**************　メニュー表示ボタン　****************/
#hpb-headerMenu2
{
	display: block; 
	width: 100%;
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	left: 0px ;
	top: 0px ;
	z-index: 2000;
}

#hpb-headerMenu2 p
{
	width: 100% ;
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	left: 0px ;
	top: 0px ;
	z-index: 2000;

	background-color: #3366ff;
/*	background-color: #191970; */
}

/*#hpb-headerMenu2 p:hover
{
    background-color: #ea5506; 

	-webkit-transition:all 2s ;
	-moz-transition:all 2s ;
	transition:all 2s ;
}*/


#hpb-move-headerMenu2
{
	display: block ;
/*	background-color: #404040;*/
	width: 100% ;
/*	height: 25px ;*/
	cursor: pointer ;
	color: #fff ;
	line-height: 1.2 ;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 30px;
	text-decoration: none ;
    text-align: left;
	font-size: 1.1rem ;
    font-weight: bold; 

	-webkit-transition:all 2s ;
	-moz-transition:all 2s ;
	transition:all 2s ;
}

#hpb-move-headerMenu2:hover
{
    color: #ff0000; 
}



/* 文章囲いこみ域 */
.enclosure1
{
    width: 98%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 1.1rem;
}

.enclosure2
{
    width: 95%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    font-size: 1.1rem;
}

.enclosure3
{
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    font-size: 1.1rem;
    color : #000000;
    text-align: center;
    background-color : rgb(228, 235, 250);
}


.enclosure4
{
    width: 90%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 1.1rem;
    text-align: center;
}


.enclosure5
{
    width: 90%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 1.1rem;
    text-align: left;
}


.enclosure6
{
    width: 95%;
    max-width: 700px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
    font-size: 1.1rem;
}


/* フッター内パーツ */
#hpb-footerMain
{
/*    width: 500px; */
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 50px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #c0c0c0;
}

#hpb-footerMain p
{
    /* コピーライト文字設定 */
    font-size: 1.1rem;
    text-align: center;
}

#hpb-footerMain p span
{
    /* コピーライト文字設定 */
    font-size: 1.2rem;
}

#hpb-footerLogo
{
}


/* フッターナビ表示域設定 */
#footerExtra
{
    min-width: 200px;
    max-width: 1000px; 
    margin-left: auto;
    margin-right: auto;
}

.footerExtra_part
{
    display: block;
    float: left; 
    width: 33%; 
	min-width: 150px;
    margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.footerbutton
{
    display: block;
	width: 90%;
	height: 2.4em ;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0;
    overflow: hidden;
}

.footerbutton a span
{
	display: block;
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: #3179E9;
    text-decoration: underline;
}
.footerbutton a span:hover
{
    color: #6199EE;
    text-decoration: none;
	cursor: pointer ;
}

/****************************************
.footerbutton
{
	width: 90%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0;
	border-top-color: #c0c0c0;
	border-right-color: #c0c0c0;
	border-left-color: #808080;
	border-bottom-color: #808080;
	border-width: 2px;
	border-style: solid;
	border-radius: 0.3rem;

    display: block;
    overflow: hidden;
	background-color: #e0e0e0;
	background: linear-gradient(#f0f0f0, #f0f0f0, #808080);
}

.footerbutton:hover
{
	background: linear-gradient(#808080, #f0f0f0, #f0f0f0);
	border-top-color: #808080;
	border-right-color: #808080;
	border-left-color: #c0c0c0;
	border-bottom-color: #c0c0c0;
	border-width: 2px;
	color: #800000;
}

.footerbutton a span
{
	display: block;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: #000000;
}
****************************************/

#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
{
    display: block;
    width: 242px;
    margin-right: auto;
    margin-left: 0;
    padding-bottom: 9px;
}

#banner li a
{
    display: block;
    width: 242px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
    text-indent: -9999px;
    overflow: hidden;
}

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

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

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

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

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

#hpb-nav li a:link
{
    color: #000000;
    text-decoration: none;
}
/* ナビゲーション文字色設定 */
#hpb-nav li a:visited
{
    color: #000000;
    text-decoration: none;
}
#hpb-nav li a:hover
{
    color: #3179E9;
    text-decoration: none;
}
#hpb-nav li a:active
{
    color: #3179E9;
    text-decoration: none;
}

#hpb-nav li span.en
{
/*    font-family: Century, "HG明朝B" , "ＭＳ 明朝" , "MS 明朝" ,HeiseiMincho, 'Hiragino Mincho Pro' , 'MS Mincho' ,serif;*/
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #6199EE;
}

#hpb-nav li span.ja
{
/*    font-family: Century, "HG明朝B" , "ＭＳ 明朝" , "MS 明朝" ,HeiseiMincho, 'Hiragino Mincho Pro' , 'MS Mincho' ,serif;*/
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
}

/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link
{
    color: #3179E9;
    text-decoration: underline;
}
a:visited
{
    color: #3179E9;
    text-decoration: underline;
}
a:hover
{
    color: #6199EE;
    text-decoration: none;
}
a:active
{
    color: #6199EE;
    text-decoration: none;
}

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

p
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-right: 0.1em;
    padding-left: 0.1em;
    line-height: 1.4em;
    text-align: left;
}

p.large
{
    text-align: left;
    font-size: 1.6rem;
}
p.large_b
{
    font-size: 1.6rem;
    font-weight: bold;
}
p.large_b span
{
    font-size: 1.1rem;
    font-weight: bold;
}
p.middle
{
    text-align: left;
    font-size: 1.2rem;
}
p.middle_b
{
    font-size: 1.2rem;
    font-weight: bold;
}
p.middle_b span
{
    font-size: 1.0rem;
    font-weight: normal;
}
p.middle_b_blue
{
    font-size: 1.2rem;
    font-weight: bold;
    color: #0000FF;
}
p.middle_b_c_blue
{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #0000FF;
}
p.middle_b_red
{
    font-size: 1.2rem;
    font-weight: bold;
    color: #FF0000;
}
p.middle_i
{
    text-align: left;
    font-size: 1.2rem;
    padding-left: 1.2rem;
}
p.middle_c
{
    text-align: center;
    font-size: 1.2rem;
}
p.bold
{
    font-weight: bold; 
    font-size: 1.1rem;
}

p.indent
{
    padding-left: 1.2rem;
    font-size: 1.1rem;
}

p.indent-2
{
    padding-left: 3.5rem;
    font-size: 1.1rem;
}

p.center
{
    text-align: center;
    font-size: 1.1rem;
}

p.left
{
    float: left;
    text-align: left;
}
p.right
{
    float: right;
/*	width: 1000%;
    text-align: right;*/
    clear: both;
}
b.middle_b_blue
{
    font-size: 1.2rem;
    font-weight: bold;
    color: #0000FF;
}

/********* 社員サービス パスワード入力用 *********/
p.password_l
{
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0000FF;
}
p.password_m
{
    text-align: center;
    font-size: 1.1rem;
}
/******************* ここまで ********************/

.left
{
    float: left;
}
.right
{
    float: right;
}

img.left
{
	width: 50%;
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

img.left_s
{
	width: 35%;
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

img.left_l
{
	width: 70%;
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

img.left_ss
{
	width: 25%;
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

img.center
{
    display: block;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

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


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;
}

hr.uline
{
    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: solid;
    border-bottom-color: #e2e2e2;
}

hr.short
{
    width: 100%;
    height: 1px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    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;
}

hr.double
{
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 40px;
    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;
}


hr.quad
{
    width: 100%;
    height: 1px;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 80px;
    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;
}
h2
{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 35px;
    padding-left: 20px;
    font-size: 1.4rem;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: none;
}

h2 span.ja
{
    display: block;
    text-align: left;
    font-size: 1.4rem;
    color: #000000;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
}

h2 span.en
{
    display: block;
    font-size: 1.0rem;
    color: #3179E9;
    font-weight: normal;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
}

#hpb-wrapper h3
{
    margin-top: 0.5em;
    margin-bottom: 0.7em;
    text-align: left;
    padding-top: 3px;
    padding-left: 1px;
    padding-bottom: 5px;
    font-size: 1.25em;
    background-image : url(indexBg_1Ba.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
}

#hpb-wrapper h3 span.ja
{
    display: none;
}

#hpb-wrapper h3 span a
{
    font-size: 0.8em;
    font-weight: normal;
}

h3.hpb-c-index
{
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    background: none;
}

h4
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 2px;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.2;
    color: #1F6FE7;
}

.hpb-trigger span
{
    font-size: 0.8em;
    line-height: 1.2;
    color: #ff8000;
}

.hpb-trigger span.right
{
    position: absolute; 
	right: 30px;
    font-size: 1.0rem;
}

h5
{
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    background-image : url(point_1Ba.png);
    background-position: 8px 4px;
    background-repeat: no-repeat;
    font-size: 1.1em;
    line-height: 1.4;
    color: #155BC6;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 35px;
}

table
{
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    border-collapse: collapse;
    border-width: 2px;
    border-style: solid;
    border-color: #000000;
}

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

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


.enclosure1 table
{
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-collapse: collapse;
/*	border-collapse: separate; */
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
}

.enclosure1 table th
{
	width: 14em;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 1.0rem ;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
}

.enclosure1 th.center
{
	min-width: 5em;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: center;
    vertical-align: middle
    background-color: #08DF80;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    color: #000000;
}

.enclosure1 table td
{
	width: 10em;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-size: 1.0rem ;
	text-align: left;
    background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
}

.enclosure1 td.center
{
	min-width: 5em;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: center;
    vertical-align: middle
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    color: #000000;
}

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

textarea
{
    width: 400px;
    height: 200px;
	font-size: 1.4rem ;
}

input.l
{
    width: 400px;
	font-size: 1.4rem ;
}
input.m
{
    width: 250px;
	font-size: 1.4rem ;
}
input.s
{
    width: 150px;
	font-size: 1.4rem ;
}


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

#hpb-main 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;
}

#hpb-main ul li
{
    text-align: left;
    line-height: 1.4;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 35px;
    background-image : url(point_1Ba.png);
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e2e2e2;
    color: #000000;
}

span.red
{
    color: #ff0000;
}

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

#hpb-main dt
{
    float: left;
    margin: 0;
    text-align: left;
    line-height: 24px;
/*    min-height: 16px;*/
    min-height: 24px;
/*    width: 150px !important;*/
    width: 110px !important;
	font-size: 1.0em ;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    color: #0098E5;
}

#hpb-main dt.type2
{
    float: left;
    margin: 0;
    text-align: left;
    line-height: 24px;
/*    min-height: 16px;*/
    min-height: 24px;
/*    width: 170px !important;*/
    width: 130px !important;
	font-size: 1.0em ;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    color: #0098E5;
}

#hpb-main dd
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
	font-size: 1.0em ;
    text-align: left;
/*    line-height: 16px;*/
    line-height: 24px;
/*    min-height: 16px;*/
    min-height: 24px;
/*    padding-left: 205px;*/
/*    padding-left: 150px;*/
    padding-left: 110px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e2e2e2;
}

#hpb-main dd.type2
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
	font-size: 1.0em ;
    text-align: left;
/*    line-height: 16px;*/
    line-height: 24px;
/*    min-height: 16px;*/
    min-height: 24px;
/*    padding-left: 205px;*/
/*    padding-left: 170px;*/
    padding-left: 130px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e2e2e2;
}

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

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

#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
{
	display: none; 
/*	display: block; */
	width: 100%;
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 0px ;
	bottom: 0px ;
	z-index: 2000;
}

#pagetop p
{
	width: 100%;
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 0px ;
	bottom: 0px ;
	background-color: #3366ff;
/*	background-color: #191970; */
	z-index: 2000;
}


#move-page-top
{
/*	display: none; */
	display: block; 
	width: 100%;
	height: 1.2rem;
	cursor: pointer ;
	color: #fff ;
	line-height: 1.2 ;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
	text-decoration: none ;
	text-align: right;
	font-size: 1.1rem ;
    font-weight: bold; 
	z-index: 2000;

	-webkit-transition:all 2s ;
	-moz-transition:all 2s ;
	transition:all 2s ;
}

#move-page-top:hover
{
    color: #ff0000; 
}


#hpb-inner #companyinfo
{
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: #F5F5F5;
}

#hpb-inner #companyinfo h3
{
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    background-color: #2971E6;
    font-size: 1em;
}

#hpb-inner #companyinfo p
{
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
}


.scr
{
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 5px;
    padding-right: 5px;
	overflow: auto;   /*自動（スクロール表示） */
	width: 90%;
    border-width: 3px;
    border-style: solid;
    border-color: #000080;
}


#errmsg
{
    text-align: center;
    font-size: 1.0em;
    color: #FF0000;
}