/* Basic */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}

/* input */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;margin:2px;padding:0px;}
input.txt,textarea.txt {margin:2px;padding:6px;border:1px solid #d6d6d6;vertical-align:middle;font-size:14px;color:#333;}
select {margin:2px;padding:6px;border:1px solid #d6d6d6;vertical-align:middle;font-size:14px;color:#333;}
input.ime {ime-mode: disabled;}

input.w_msl {width:430px;}
input.w_name {width:430px;}
input.w_mail {width:430px;}
input.w_tel {width:430px;}
textarea.w_msl {width:430px;}
input.w_name_new {width:300px;}
input.w_mail_new {width:430px;}
input.w_add01 {width:150px;}
input.w_tel_new {width:300px;}

.clear_fix {min-height: 1em;_height: 1px;_overflow: visible;}
.layout_l {float:left;}
.layout_r {float:right;}

/* AFTER要素 */
.clear_fix:after {content: "";display: block;clear: both;height: 0px;overflow: hidden;}

/* 基本部分 */
#header li,
#right_side li,
#footer li,
.table_block li {list-style:none;}
span.disno {display:none;}
span.txt_nml {color:#1a1a1a;}
span.txt_red {color:#ce0000;}
span.font_b {font-weight:bold;}
p.txt_r {text-align:right;}

/*アルファ設定*/
a.alpha:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#oya_box {
	position: relative;
	width: 709px;
}
#k_box {
	position: absolute;
	left: 289px;
	top: 116px;
}

a.alpha2:hover img {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
a {color:#232020;text-decoration:underline;}
a:hover {color:#ce0000;text-decoration:underline;}

body {
font-family: Meiryo, arial, sans-serif;
margin: 0px;
padding: 0px;
font-size:90%;
text-align: center;
background: #fff;
}
#wrapper {
margin: 0px auto;
padding: 0px;
}

/*ヘッダー設定*/
#header {margin: 0px auto;padding: 0px;}

/*ヘッダーロゴエリア*/
#header .header_inn {width: 960px;margin: 0px auto;padding: 0px;}
#header p.logo {margin: 20px 0px 0px 0px;padding: 0px;text-align:left;}
#header h1 {padding: 2px 0px;font-size:80%;color:#001039;}
#header div.h_contact_inn {padding: 20px 0px;}
#header div.h_contact_inn p {padding: 0px 0px 0px 10px;}

/*グローバルナビ*/
#header .g_navi {height:84px;margin: 0px auto;padding: 0px;background: url(../images_new/navi/navi_bg.gif) left top repeat-x;}
#header .g_navi ul {width: 960px;margin: 0px auto;padding: 0px;}
#header .g_navi li {float:left;padding: 0px;}
#header .g_navi a {height:84px;display:block;padding: 0px;}
#header .g_navi li.gnavi01 a {width:94px;background: url(../images_new/navi/navi01_bt.gif) left top no-repeat;}
#header .g_navi li.gnavi02 a {width:216px;background: url(../images_new/navi/navi02_bt.gif) left top no-repeat;}
#header .g_navi li.gnavi03 a {width:217px;background: url(../images_new/navi/navi03_bt.gif) left top no-repeat;}
#header .g_navi li.gnavi04 a {width:216px;background: url(../images_new/navi/navi04_bt.gif) left top no-repeat;}
#header .g_navi li.gnavi05 a {width:217px;background: url(../images_new/navi/navi05_bt.gif) left top no-repeat;}
#header .g_navi li.gnavi01 a:hover {background: url(../images_new/navi/navi01_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi02 a:hover {background: url(../images_new/navi/navi02_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi03 a:hover {background: url(../images_new/navi/navi03_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi04 a:hover {background: url(../images_new/navi/navi04_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi05 a:hover {background: url(../images_new/navi/navi05_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi01 a.crt {background: url(../images_new/navi/navi01_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi02 a.crt {background: url(../images_new/navi/navi02_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi03 a.crt {background: url(../images_new/navi/navi03_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi04 a.crt {background: url(../images_new/navi/navi04_bta.gif) left top no-repeat;}
#header .g_navi li.gnavi05 a.crt {background: url(../images_new/navi/navi05_bta.gif) left top no-repeat;}

/*コンテンツ部分設定*/
#contents {margin: 0px auto;}
.main_img {margin: 0px auto;padding: 0px;background: url(../images_new/top/main_bg.jpg) left top repeat-x;}
.main_img p {width: 960px;margin: 0px auto;padding: 0px 0px 2px 0px;}

.con_h2_img {margin: 0px auto;padding: 0px;background: url(../images_new/h2/h2_bg.gif) left top repeat-x;}
.con_h2_img h2 {width: 960px;margin: 0px auto;padding: 0px 0px 2px 0px;}

#main {margin: 0px auto;padding: 0px;background: url(../images_new/common/common_gr_bg.gif) left top repeat-x;}
#main_inn {width: 960px;margin: 0px auto;padding: 40px 0px;}

/*コンテンツメイン左部分設定*/
#left_main {float:left;width:716px;margin: 0px;padding: 0px;}
.nlm_block {width:700px;margin: 0px 0px 10px 0px;padding: 5px 8px;}
.con_block {width:714px;margin: 0px 0px 10px 0px;padding: 1px;border: 1px solid #d0d2c6;}
.con_block_w {width:958px;margin: 0px auto 10px auto;padding: 1px;border: 1px solid #d0d2c6;}

/*発展経営index*/
#top_img {
    padding-bottom: 20px;
    position: relative;
}

.top01_btn1 {
    position: absolute;
    left: 19px;
    top: 249px;
}

.top01_btn2 {
    position: absolute;
    left: 51px;
    top: 382px;
}

.top01_btn3 {
    position: absolute;
    left: 152px;
    top: 483px;
}

.top01_btn4 {
    position: absolute;
    left: 292px;
    top: 510px;
}

.top01_btn5 {
    position: absolute;
    left: 433px;
    top: 483px;
}

.top01_btn6 {
    position: absolute;
    left: 534px;
    top: 382px;
}

.top01_btn7 {
    position: absolute;
    left: 566px;
    top: 249px;
}

#top_img a img {
    outline:none;
}
#ts_ti {
    margin: 0 auto 10px auto;
}

#ts_img {
    margin: 0 auto 20px auto;
    text-align: center;
}

.ts_img {
    width: 700px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ts_img a {
    margin-bottom: 15px;
}

#ts_btn {
    margin: 0 auto 30px auto;
    text-align: center;
}
#s_ti {
    margin: 0 auto 10px auto;
}
#s_ti_txt {
    margin: 10px 15px 10px 15px;
    text-align: left;
}
#s_ti_txt a {
    text-align: justify;
    text-decoration: none;
    color: #000000;
}
#s_img {
   margin: 0 auto 20px auto;
}

.link_btn_s {
    margin:0 10px 30px;
    display: inline-block;
}

/*トップページボタン*/
#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*発展経営indexここまで*/

/*トップページ設定（事業紹介エリア）*/
.oya{width:710px; position: relative;}
.ko01{
	position:absolute;
	left: 200px;
	top: 144px;
}
.ko02{
	position:absolute;
	left: 556px;
	top: 144px;
}
.ko03{
	position:absolute;
	left: 200px;
	top: 327px;
}
.ko04{
	position:absolute;
	left: 556px;
	top: 327px;
}
.biz_block {width:341px;margin: 0px 0px 10px 0px;padding: 1px 0px 0px 0px;border: 1px solid #d0d2c6;}
.biz_block_inn {margin: 0px;padding: 5px;border-top: 3px solid #004fa7;text-align:left;}
h2.ti_img {padding: 5px 5px 0px 5px;}
p.det_bt {padding: 0px 5px 5px 5px;text-align:right;}
p.det_bt a {background:#fff;}
.biz01 {background: url(../images_new/top/biz_bg01.gif) right bottom no-repeat;}
.biz02 {background: url(../images_new/top/biz_bg02.gif) right bottom no-repeat;}
.biz03 {background: url(../images_new/top/biz_bg03.gif) right bottom no-repeat;}
.biz04 {background: url(../images_new/top/biz_bg04.gif) right bottom no-repeat;}

/*ニュース部分設定*/
#news_area{
	overflow: scroll;
	width: 690px;
	height: 300px;
	padding:10px;
}
div.u_line {width:695px;margin: 5px auto 0px auto;background: url(../images_new/common/h3_ti_bg.gif) left bottom no-repeat;}
div.u_line h3 {padding: 8px 0px 8px 28px;background: url(../images_new/common/h3_ti_ico.gif) left center no-repeat;text-align:left;}

div.co_line {width:695px; height:20px;margin: 20px auto 10px auto;background: url(../images_new/common/h3_co_bg.gif) left bottom no-repeat;}
div.co_line h3 {padding: 6px 0px 8px 30px;text-align:left; font-size:15px; }


div.news_area {margin: 0px;padding: 10px 10px;background: url(../images_new/common/common_gr_bg2.gif) left top repeat-x;text-align:left;font-size:80%;}
div.news_box {width:690px;margin: 5px auto;padding: 0px 0px 5px 0px;border-bottom: 1px dotted #d0d2c6;}
div.semi_pic {width:115px;}
div.news_box_inn {width:560px;}
div.news_box_inn02 {width:670px;}


div.news_time {padding: 0px 0px 3px 0px;border-bottom: 1px dotted #d0d2c6;}
div.news_time p.news_time_det {padding: 3px 0px 0px 0px;}
span.sp_area {width:100px;display:block;padding: 3px;background:#003073;font-size:11px;color:#fff;text-align:center;}
div.news_det {padding: 3px 0px 0px 0px;}
p.news_ti {padding: 3px 0px;font-size:120%;}
p.news_cap {padding: 2px 0px 5px 0px;}
p.news_name {padding: 2px 0px 2px 0px;text-align:right;}

/*サイド右部分設定*/
#right_side {
    float:right;
    width:236px;
    margin: 0px;
    padding: 0px;
}
#right_side .side_bn {margin: 0px;padding: 0px;}
#right_side .side_bn p {margin: 0px;padding: 0px 0px 3px 0px;}
#right_side .side_bn p.pdb20 {margin: 0px;padding: 0px 0px 15px 0px;}
#right_side .side_dl_area {width:236px;height:124px;margin: 10px 0px 5px 0px;padding: 0px;background: url(../images_new/side/side_bt04_bg.gif) left top no-repeat;position: relative;}
#right_side .side_dl_area p.side_dl_bt {position: absolute;width:106px;height:35px;top: 78px;left: 10px;}
#right_side .side_dl_area p.side_tmp_bt {position: absolute;width:106px;height:35px;top: 78px;left: 121px;}

#right_side .side_con_link {margin: 0px 0px 10px 0px;padding: 1px;border: 1px solid #eaeaea;}
#right_side .side_con_link_inn {margin: 0px;padding: 0px;border: 1px solid #cacaca;text-align:left;}
#right_side .side_con_link p.side_bt_link {margin: 0px;padding: 0px;}
#right_side .side_con_link_inn ul {padding: 5px;font-size:90%;}
#right_side .side_con_link_inn li {padding: 2px 0px 0px 15px;border-bottom: 1px dotted #d0d2c6;background: url(../images_new/common/arw_ico_or.gif) left center no-repeat;}
#right_side .side_con_link_inn a {padding: 0px;}


/*サイド右子リスト設定*/

#right_side .side_link {margin: 0px 0px 10px 0px;padding: 1px;border: 1px solid #eaeaea;}
#right_side .side_link_inn {margin: 0px;padding: 0px;border: 1px solid #cacaca;text-align:left;}
#right_side .side_link_inn ul {padding: 5px;font-size:90%;}
#right_side .side_link_inn li {padding: 2px 0px 0px 15px;border-bottom: 1px dotted #d0d2c6;background: url(../images_new/common/arw_ico_or.gif) left center no-repeat;}


/*サイド右～e-JINZAIの子リスト*/
.li{padding: 2px 0px 0px 30px;border-bottom: 1px dotted #d0d2c6;background: url(../images_new/common/arw_ico_br.gif) left center no-repeat;}

/*クラウドシステム紹介部分設定*/
div.u_line_w {width:928px;margin: 5px auto 10px auto;background: url(../images_new/common/h3_ti_w_bg.gif) left bottom no-repeat;}
div.u_line_w h3 {padding: 8px 0px 8px 28px;background: url(../images_new/common/h3_ti_ico.gif) left center no-repeat;text-align:left;}
div.sys_box {width:928px;margin: 5px auto;}
div.sys_box_inn {width:459px;height:230px;margin: 0px auto 10px auto;padding: 0px 0px 10px 0px;border: 1px solid #d0d2c6;}
div.sys_box_inn h4 {margin: 0px auto;padding: 0px;}
div.sys_box_inn_det {width:440px;margin: 0px auto 10px auto;padding: 10px;}
div.sys_box_inn_det .sys_pic {width:150px;}
div.sys_box_inn_det .sys_link {width:270px;text-align:left;}
ul.sys_link_det {padding: 10px 0px;}
ul.sys_link_det li {padding: 0px 0px 0px 25px;font-size:16px; font-weight:bold;}
ul.link01 li {background: url(../images_new/common/arw01.png) left center no-repeat;}
ul.link02 li {background: url(../images_new/common/arw02.png) left center no-repeat;}
ul.link03 li {background: url(../images_new/common/arw30.png) left center no-repeat;}
ul.link04 li {background: url(../images_new/common/arw04.png) left center no-repeat;}
ul.link05 li {background: url(../images_new/common/arw05.png) left center no-repeat;}
ul.link06 li {background: url(../images_new/common/arw06.png) left center no-repeat;}
div.sys_box li {list-style:none;}
div.sys_box a {text-decoration:none;}
div.sys_box a:hover {text-decoration:underline;}
div.sys_box_inn_ulink {width:440px;margin: 0px auto;padding: 0px;}
div.sys_box_inn_ulink li {padding: 0px 5px 0px 0px;}


/*フッター部分設定*/
#footer {margin: 20px auto 0px auto;padding: 0px;}
#footer div.pagetop {margin: 0px auto;padding: 0px;text-align:right;border-bottom: 10px solid #4B8FCD;}
#footer div.page_top_inn {width:960px;margin: 0px auto;}
#footer div.pagetop p {padding: 0px;}
#footer div.pagetop p.page_top_link {padding: 10px 0px 0px 0px;}
#footer a.top_link {padding: 0px 0px 0px 25px;background: url(../images_new/common/arw_n01.png) left center no-repeat;text-decoration:none;font-size:12px;}

#footer div.footer_contact {margin: 0px auto;padding: 10px 0px 0px 0px;border-bottom: 2px solid #4B8FCD;}
#footer div.footer_contact_inn {width:960px;margin: 0px auto;text-align:left;}
.f_logo {padding: 0px;}
.f_add {padding: 2px;font-size:12px;}
.f-btn {margin: 0px auto;padding: 0px;text-align:center;}

.listTitle {width:900px; height:20px; margin: 0px auto;padding: 5px 0px;position: relative;}
.footertitle01{
	font-size:15px;
	color:#000099;
	position:absolute;
	line-height:1.5em;
	left: 1px;
}
.footertitle02{
	font-size:15px;
	color:#00C;
	position:absolute;
	left: 364px;
	top: 6px;
	line-height:1.5em;
}

#footer .footer_link {width:900px; height:30px; margin: 0px auto;padding: 5px 0px;}
#footer .footer_link .f_link_box {width:180px;}

#footer .footer_link ul {margin: 10px auto;padding: 0px;font-size:80%;text-align:left;}
#footer .footer_link li {margin: 0px;padding: 0px 0px 2px 5px;}
#footer .footer_link a {margin: 0px;padding: 0px 0px 0px 15px;display:block;background: url(../images_new/common/arw_n02.png) left center no-repeat;}

#footer .copy_area {margin: 10px auto 0px auto;padding: 20px 0px;background: #4B8FCD;}
.copy_area_inn {width:960px;margin: 0px auto;}
.copy_area_inn p {padding: 10px 0px;color:#fff;font-size:11px;text-align:right;}




/*隠しリンク用*/

.kakushi{ color:#004fa7;}

/*図表とテキストのセット*/

.txtBox00{ width:660px; height:40px; position:relative; padding:15px; text-align:left; }
.txtBox01{ width:300px; height:180px; position:relative; padding:15px; text-align:left; }
.Box01_inn{
	position:absolute;
	top:10px;
	text-align:justify;
	text-justify:distribute;
	left: 10px;
}
.txtBox03{ width:660px; height:60px; position:relative; padding:15px;}
.Box03_inn{
	position:absolute;
	top:10px;
	text-align:justify;
	text-justify:distribute;
	left: 10px;
}
.Box01_top{ position:absolute; top:20;text-align:justify;text-justify:distribute;}
.txtBox02{ width:400px; height:180px; position:relative; padding:15px;}


/*コンテンツ設定*/
.con_block_jirei {width:709px;margin:0px 0px 20px 0px;padding: 0px;border: 1px solid #d0d2c6;}
.con_block_top {width:709px;margin:0px 0px 20px 0px;padding: 0px 0px 20px 0px;border: 1px solid #d0d2c6;}
.con_block_n_top {width:709px;margin:0px 0px 20px 0px;padding: 0px;}
.con_block_n02_top {width:648px;margin:0px 0px 20px 0px;padding: 0px;}
.con_block {width:709px;margin: 20px 0px;padding: 0px 0px 20px 0px;border: 1px solid #d0d2c6;}
.con_block_news {width:709px;margin: 20px 0px;padding: 0px;border: 1px solid #d0d2c6;}
.con_block_n {width:709px;margin: 10px 0px;padding: 0px;}
.con_block_n h3 {margin: 0px;padding: 0px 0px 20px 0px;text-align:left;}
.con_block_n h4 {margin: 0px;padding: 40px 0px 10px 0px;text-align:left;}
.con_block_n_top h4.tmgno{padding:20px 5px;}

.con_block_n p {margin: 0px;padding: 20px 0px;}
.con_block_n p.caution {margin: 0px;padding: 20px 0px;text-align:left;}
.con_block h4 {margin: 0px;padding: 0px 0px 20px 0px;}
.con_block_top h4 {margin: 0px;padding: 0px 0px 20px 0px;}
.con_block p.form_bt {padding: 20px 0px 0px 0px;}

.con_block_n p.txt_b {margin: 0px;padding: 20px 10px;text-align:justify;font-size:100%; }
.con_block_n p.txt_b_r {margin: 0px;padding: 20px 10px;text-align:right;font-size:100%;}

.con_block_top p.txt_b {margin: 0px;padding: 20px 10px;text-align:justify;font-size:100%;}
.con_block_top p.txt_b_r {margin: 0px;padding: 20px 10px;text-align:right;font-size:100%;}
.con_block_top h3.plv_ti {margin: 0px;padding: 20px 10px 5px 10px;text-align:left;font-size:120%;color:#085297;}

.con_inn_box {margin: 0px;padding: 0px;text-align:left;}
.con_inn_box1 {margin: 10px;padding:10px;text-align:left;}
.con_inn_box2 {width:680px;margin: 0px auto;padding: 0px;text-align:left;border: 5px solid #ff8402;background:#ffe8bd;}
.con_inn_box3 {width:650px;margin: 10px;padding:20px;}

.con_inn_box p.con_inn {margin:0px; padding:0px;}
.con_inn_box p.con_inn_txt {padding:15px;text-align:justify;text-justify:distribute;}
.con_inn_box p.con_inn_img {padding: 10px;}
.con_inn_box p.con_inn_img_lr {padding: 0px 20px;}

.con_inn_box2 p.con_inn_ti {margin: 0px;padding: 10px 0px 0px 0px;text-align:center;font-weight:bold;}
.con_inn_box2 p.con_inn_txt {margin: 0px;padding: 10px;font-size:12px;}
.con_block_L {width:100%;margin:0px 0px 20px 0px;padding: 0px;}

/*採用情報*/
#recruit {
    width: 100%;
}

#recruit_modal {
    margin: 15px 0;
}

.modal-content{
	width:70%;
    height: 80%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:2;
    display: none;
    position:fixed;
    overflow-y: scroll;
}

#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.close_btn {
    text-align: right;
    display: block;
}

#sales_box {
    float: left;
    width: 350px;
    position: relative;
}

.sales img {
    width: 350px;
    height: 200px;
}

#se_box {
    float: right;
    width: 350px;
}

.se img {
    width: 350px;
    height: 200px;
}

.recruiting {
    color: white;
    background-color: #ee8811;
    padding: 2px 10px;
    border-radius: 15px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
    font-size: 13px;
}

.recruit_title {
    width: calc(100% - 20px);
    text-align: left;
    border-bottom: 2px solid #0066bb;
    display: table;
    padding: 0 10px 5px 10px;
}

.recruit_title a {
    font-size: 20px;
    color: #0066bb;
    text-decoration: none;
    font-weight: bold;
    margin-left: 10px;
}

.recruit_title span {
    font-size: 14px;
    color: white;
    background-color: #0066bb;
    margin-right: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 5em;
}

#recruit_box {
    width: calc(100% - 20px);
    margin: 10px 20px;
    text-align: left;
}

#recruit_box dl dt {
    float: left;
    clear: left;
    width: 7em;
    font-size: 15px;
    font-weight: bold;
}

#recruit_box dl dd {
    float: left;
    font-size: 15px;
    margin-bottom: 25px;
    width: 38em;
    text-align: justify;
}

/* フォーム------------------------------------ */
#formWrap {
	width:716px;
	margin:20px auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:10px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
    text-align: left;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.contact_title {
    background-color: #ee8811;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px;
    width: 716px;
    text-align: center;
    margin-bottom: 10px;
}

/*コンテンツ設定*/

.box_inn_line{
	border-bottom:dotted #CCCCCC 2px;
	width:100%;
	height:20px;
	clear:both;
}

.top_image {
    margin-bottom: 20px;
}

/*Bizup Mail*/

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: auto;
  padding-bottom: 20px;
  background-color: #fff;
  width: 716px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/5);
  height: 50px;
  border-bottom: 3px solid #1854A4;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  font-size: 14px;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 8px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#mail:checked ~ #mail_content,
#costomer:checked ~ #costomer_content,
#measurement:checked ~ #measurement_content,
#function:checked ~ #function_content,
#list:checked ~ #list_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #1854A4;
  color: #fff;
}

.kakomi{
    margin-bottom: 30px;
}

.tabs img {
    text-align: center;
    margin: 10px 10px;
}

.bm_title {
    font-size: 15px;
    color: #888888;
    border-bottom: solid 4px #dbdcdc;
    text-align: left;
    padding-left: 5px;
    margin-bottom: 10px;
}

.bm_sub_title {
    font-size: 24px;
    color: #1854a4;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.bm_text_title{
    margin: 10px;
    font-size: 20px;
    text-align: center;
    border-bottom: solid 2px #dbdcdc;
    font-weight: bold;
}

.bm_text{
    font-size: 16px;
    text-align: left;
    padding: 0px 50px;
    margin: 10px;
}

.bm_sub_text{
    font-size: 14px;
    text-align: right;
}

.box_3{
    position:relative;
    padding:0px 10px 10px 220px;
    min-height:140px;
    margin-bottom: 20px;
}

.box_3 img {
    text-align: center;
    margin: 5px 10px 10px 10px;
}

.box_3_img {
    position:absolute;
	left:10px;
}

.box_3a{
    position:relative;
    padding:0px 10px 10px 220px;
    min-height:200px;
    margin-bottom: 20px;
}

.box_3a img {
    text-align: center;
    margin: 5px 10px 10px 10px;
}

.box_3a_img {
    position:absolute;
	left:10px;
}


.bm_text_title_box_3{
    font-size: 20px;
    text-align: center;
    border-bottom: solid 2px #dbdcdc;
    font-weight: bold;
    margin-left: 10px;
}

.bm_text_box_3{
    font-size: 16px;
    text-align: left;
    padding: 0px 25px;
    margin: 10px 10px 0px 10px;
}

.bm_sub_text_box_3{
    font-size: 14px;
    text-align: right;
}

.box_2{
    clear: both;
    width: 700px;
}

.box_2 img{
    text-align: center;
    margin: 10px 0px;
}

.box_2_a{
    float: left;
    margin-left: 20px;
    width: 320px;
}

.bm_text_title_box_2{
    font-size: 20px;
    text-align: center;
    border-bottom: solid 2px #dbdcdc;
    font-weight: bold;
    padding: 0px 10px;
}

.bm_text_box_2{
    font-size: 16px;
    text-align: left;
    padding: 0px 10px;
    margin: 10px 10px 0px 10px;
}

.bm_sub_text_box_2{
    font-size: 14px;
    text-align: right;
}

.clear{
    clear: both;
}

.language{
    width: 700px;
    margin: 20px 10px;
}

.language td,th{
padding: 5px}

.list_div {
    width: 660px;
    border: solid 1px #1854a4;
    margin: 0 20px;
}

.list_title {
    color: white;
    background-color: #1854a4;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
}

.list_main {
    padding: 15px;
    text-align: left;
}

.list_main ul li {
    margin-bottom: 5px;
}

.list_left {
    float: left;
    width: 295px;
    padding-left: 15px;
    vertical-align: top;
    font-size: 15px;
}

.list_right {
    float: right;
    width: 295px;
    padding-left: 15px;
    vertical-align: top;
    font-size: 15px;
}

.pro {
    background-color: #27939b;
    color: white;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    padding: 0px 10px;
    font-size: 12px;
    margin-left: 5px;
}

.premium {
    background-color: #4b4c9c;
    color: white;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    padding: 0px 10px;
    font-size: 12px;
    margin-left: 5px;
}

.option {
    background-color: #1967b2;
    color: white;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    padding: 0px 10px;
    font-size: 12px;
    margin-left: 5px;
}

/*Bizup Mail END*/


/*社福親子ボックス*/
.con_inn_box4 {width:640px; height:440px;margin: 10px;padding:20px; background-image:url(../images_new/contents/shahk/g_02.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box41 {width:640px; height:420px;margin: 10px;padding:20px; background-image:url(../images_new/contents/shahk/g_01.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box42 {width:640px; height:452px;margin: 10px;padding:20px; background-image:url(../images_new/contents/shahk/g_04.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box p.con_inn_txt_k {
	padding:5px;
	position:absolute;
	left: 330px;
	top: 26px;
}
.con_inn_box p.con_inn_txt_k41 {
	padding:5px;
	position:absolute;
	left: 383px;
	top: 27px;
}
.con_inn_box p.con_inn_txt_k42 {
	padding:5px;
	position:absolute;
	left: 383px;
	top: 27px;
}
.p10{padding:10px;}



/*税理親子ボックス*/
.con_inn_box5 {width:650px; height:370px;margin: 5px;padding:10px; background-image:url(../images_new/contents/zeiri/g_03.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box p.con_inn_txt_k5 {
	padding:5px;
	position:absolute;
	left: 366px;
	top: 17px;
}
.con_inn_box6 {width:650px; height:340px;margin: 5px;padding:10px; background-image:url(../images_new/contents/zeiri/g_04.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box7 {width:650px; height:340px;margin: 5px;padding:10px; background-image:url(../images_new/contents/zeiri/g_05.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box8 {width:650px; height:340px;margin: 5px;padding:10px; background-image:url(../images_new/contents/zeiri/g_06.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box9 {width:650px; height:420px;margin: 5px;padding:10px; background-image:url(../images_new/contents/zeiri/g_07.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box p.con_inn_txt_k6 {
	padding:5px;
	position:absolute;
	left: 340px;
	top: 19px;
}

/*e-JINZAI親子ボックス*/
.con_inn_box10 {width:650px; height:264px; margin: 10px;padding:20px; background-image:url(../images_new/contents/ejinzai/sam_box01.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box p.con_inn_txt_k10 {
	padding:5px;
	position:absolute;
	left: 240px;
	top: 22px;
}
.con_inn_box11 {width:650px; height:264px; margin: 10px;padding:20px; background-image:url(../images_new/contents/ejinzai/sam_box02.gif); background-repeat:no-repeat;position:relative;}
.con_inn_box p.con_inn_txt_k11 {
	padding:5px;
	position:absolute;
	left: 240px;
	top: 10px;
}

/*バーチャルボックス*/
.con_inn_boxv {width:640px; height:480px;margin: 10px;padding:20px; background-image:url(../images_new/contents/virtual/03_01.gif); background-repeat:no-repeat;position:relative;}

.con_inn_box p.con_inn_txt_v {
	padding:5px;
	position:absolute;
	left: 1px;
	top: 1px;
}

/*天地350pxの親ボックス */

.oyaBoxCon35 {
	height: 350px;
	width: 648px;
	position:relative;
}

/*BANK設定*/

.oyaBANK{ background-image: url(../images_new/top/btn_bank.gif);
          background-repeat:no-repeat;
		  position:relative;
		  width:236px;
		  height:102px;
		  margin:5px  0px;
}

.btnBANK01{
	position:absolute;
	left: 10px;
	top: 67px;
}

.btnBANK02{
	position:absolute;
	left: 124px;
	top: 67px;
}


/* ボックス右半分 */
.box50_rt35 {
	width: 400px;
	height:350px;
	position: absolute;
	left: 266px;
	top: 21px;
}
.box50_lt35 { /* ボックス左半分 */
	width: 250px;
	height:350px;
	position: absolute;
	left: 5px;
	top: 21px;
}



/*zeimuボックスの下地*/
.box_ao {
	background-color:#D3DEF1;}

/*税務のボックス内見出し*/

.zmMida{
	font-size:20px;
	text-indent:1em;
	line-height:40px;
	font-weight:bold;
	color:#0068B7;
}

.txtbox{
	padding:10px;
	width:50%;
}
	
/*給与箇条書き*/
#ky {padding: 2px 0px ;border-bottom: 1px dotted #d0d2c6;background: url(../images_new/common/arw_ico_or.gif) left center no-repeat; text-indent:1em;}

/*ボックスの幅*/
.con_inn_box p.w01 {width:420px;}
.con_inn_box p.w02 {width:360px;}
.con_inn_box p.w03 {width:330px;}
.con_inn_box p.w30 {width:300px;}
.con_inn_box p.w04 {width:280px;}
.con_inn_box p.w05 {width:260px;}
.con_inn_box p.w06 {width:205px;}
.con_inn_box p.w07 {width:500px;}
.con_inn_box p.w08 {width:480px;}
.con_inn_box p.w09 {width:95%;}
.w90{ width:90%;}

/*ボックスの余白*/
.tb20 {margin: 0px;padding: 20px 0px;}
.btm{
    position:absolute;
    bottom: 0;
}
/*マージン*/

.ma15{margin:15px;}
.mgTB10{margin:10px 0px;}
.mgLT20{ margin:20px 0px 0px 20px;}
.mgTB20{ margin:20px 0px;}
.mgL15{ margin-left:15px;}
.mgL30{ margin-left:30px;}
.mgL60{ margin-left:60px;}

.mgb20{ margin-bottom:20px;}
.mgT20{ margin-top:20px;}
.mgTB20L30{ margin:20px 0 20px 30px;}
.mgL10{margin-left:10px;}
.mgR10{margin-right:10px;}
.mgR20{margin-right:20px;}
.mgB10{ margin-bottom:10px;}
.mgTB15{margin:15px 0px;}




div.table_block {margin: 0px;padding: 15px 0px;}
div.table_block table {clear: both;width: 100%;margin:0px auto;padding: 0px;border-collapse: collapse;font-size:100%;}
div.table_block th {width:180px;padding: 15px;border: 1px solid #fff;text-align:left;background: #14529f;vertical-align: middle;color:#fff;}
div.table_block td {padding: 15px;border: 1px solid #fff;text-align:left;background: #e4e6dc;vertical-align: middle;}


div.table_block2 {margin: 0px;padding: 15px 0px;}
div.table_block2 table {clear: both;width: 100%;margin:0px auto;padding: 0px;border-collapse: collapse;font-size:100%;}
div.table_block2 th {width:180px;padding: 15px;border-bottom: 1px dotted #bcc6cf;text-align:left;background: #fff;vertical-align: middle;color:#045098;}
div.table_block2 td {padding: 15px;border-bottom: 1px dotted #bcc6cf;text-align:left;background: #fff;vertical-align: middle;}

div.bank {margin: 0px;padding: 15px 0px;}
div.bank table {clear: both;width: 95%;margin:0px auto;padding: 0px;border-collapse: collapse;font-size:100%;}
div.bank th {width:20%;padding: 15px;border: 1px solid #bcc6cf;text-align:center;background: #E3FFFF;vertical-align: middle;color:#045098;}
div.bank td {padding: 15px;border: 1px solid #bcc6cf;text-align:left;background: #fff;vertical-align: middle;}
div.bank td b {color:#FF6633}


.input_bt {width: 450px;margin: 5px auto 25px auto;padding: 0px;}
p.BtSl {margin: 0px auto;padding: 20px 0px 0px 0px;}
#image-btn {width: 450px;height: 75px;border: 0px;background: url(../images_new/common/form_bt.gif) left top no-repeat;}

.con_block_top h6{background-image: url(../images_new/contents/cloud/bar_h6.gif);
    background-repeat: no-repeat;
	text-align:left;
	padding:5px 0px 10px 19px;
	font-size:18px;
	color:#FFF;
	margin:10px 20px;
    }
	
.jirei_midashi{background-image: url(../images_new/contents/cloud/sko.gif);
    background-repeat: no-repeat;
	text-align:left;
	padding:5px 0px 10px 19px;
	font-size:19px;
	color:#FF6633;
	margin:10px 20px;
    }
.con_block_top table tr td {font-size:16px;
                            text-align:left;
							padding:5px 0px 5px 10px;
							font-size:14px;
}
.jireiIDX{background-image: url(../images_new/contents/cloud/jirei_bk.gif);
    background-repeat: no-repeat;
    background-position: right bottom ;
    padding:10px 0px 0px 20px;
	font-size:15px;
	line-height:1.3em;
	text-align:left;
	}

.jireiBox{background-color:#FFFFCC;
          border:#009 solid 1px;
		  margin:5px 30px;
}

.jireiBox02{background-color:#FFFFFF;
            text-align:left;
		  margin:5px 15px;
}
.jirei_midaBL{color:#0033CC;
              font-size:19px;
			  font-weight:bold;
			  text-align:left;
			  margin:15px;
}
	
h4{color:#FF6600;
   padding:10px 0px 10px 19px;
   font-size:18px;
   text-align:left;
}



h5{background-image: url(../images_new/contents/cloud/skk.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding:10px 0px 10px 19px;
	font-size:16px;
    margin-left: 1em;
	text-align:left;	}

	
.dy_tb {
	border: 1px solid #30C;
	width:320px;
}

/* dev_management_newセット */

.point{ font-size:120%;
        text-align:left;
		line-height:2em;}

.smti{ background-color:#004993; color:#FFFFFF; font-size:120%;
       font-weight:bold; text-align:left; width:98%; padding:7px;}
	   
.merit ul li{ list-style:none; text-align:left;}	   




/*カラー*/

.nv{color:#30C;
}
.red {
	color: #A80000;
}
.ac {
	color: #61C1BE;
}
.or {color:#FF6633;
}

/*文字サイズ*/


.size16 {
	font-size: 16px;
}

.size18 {
	font-size: 18px;
}
.pL20{padding-left:20px;}