@charset "utf-8";

div#overallArea {/* for 1colum unify */
	width:900px;
}

#main{
	width:890px;/*padding-left:10px from base.css*/
	margin:17px auto 15px auto;
}

.u_txt{
	width:850px;
	margin:0 auto;
/*	padding:5px 0;*/
	overflow:hidden;
}

.u_txt:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#u_table{
	margin: 0 auto 20px;
	width:850px;
	word-break:break-all;
	overflow: hidden;
}
.show_arrow {/*矢印表示*/
	background: url(../image/unify/arrow.png) no-repeat center 100px;
}
#step { 
	margin: 0 auto 1em; 
	overflow:hidden;
	width: 742px;
}
#step li{ 
	padding: 0; 
	margin: 0; 
	float: left;
}
#step p{
	display: block;
	font-size: 14px;
	line-height:16px;
	font-weight:bold;
	color: #333;
	width: 158px;
/*	height: 32px;
	padding: 8px 4px;*/
	height: 16px;
	padding: 16px 4px;
	/*text-align: center;*/
	margin-left: 12px;
	position: relative;
}
#step p.two_line {/*二行*/
	height: 32px;
	padding: 8px 4px;
	padding-left: 56px;
    text-indent: -39px;
    width: 106px;
}
#step p.selfid_step{
	/*width: 218px;*/
    padding-left: 8px;
    width: 214px;
}
#step p.selfid_two_line {
	height: 32px;
	padding: 8px 4px;
	padding-left: 56px;
    text-indent: -39px;
	width: 166px;
}
#step p:after {
  content: '';
  border: 24px solid #FFF;
  position: absolute;
  top: 0px;
  left: 166px;
}
#step p.selfid_step:after {
	left: 226px;
}
#step p.step_g {
	background-color:#ecebed;
}
#step p.step_o {
	background-color:#F90;
}

#step p.step_o:after {
  border-left: 10px solid #F90;
}
#step p.step_g:after {
  border-left: 10px solid #ECEBED;
}

/*#current_id_box,
#unify_id_box {
	border: 1px solid #8c8989;
	border-top: 0;
	border-bottom: 0;
}*/
#current_id_box {
	float: left;
	width: 400px;
}
#unify_id_box {
	float: right;
	width: 400px;
}
#detach_id_box {
	width: 100%;
	margin-top: 30px;
}
#selfid_unify_id_box {
	width: 600px;
	margin: 0 auto;
}

dl.unify_id,
dl.current_id,
dl.detach_id {
	margin:0 auto;
	/*padding:8px 5px;*/
	background-color:#F90;
	word-break:break-all;
	font-size: 18px;
	line-height: 20px;
	/*border: 2px solid #F76B1F;
	border-bottom: 0;*/
	line-height: 1.5;
	text-align: center;
	border: 1px solid #8c8989;
}
/*dl.current_id,
dl.detach_id {
	padding: 20px 5px;
}*/
dl.unify_id {
	background-color:#F90;
}
dl.current_id,
dl.detach_id {
	background-color:#ccc;
}

/*dl.unify_id dt, dl.current_id dt, dl.detach_id dt,
dl.unify_id dd, dl.current_id dd, dl.detach_id dd {
	text-align:center;
	font-weight:bold;
}*/

dl.unify_id dt,
dl.current_id dt,
dl.detach_id dt {
/*	border: 1px solid #8c8989;
	border-bottom: none;*/
	padding: 10px 8px 5px;
	font-weight: bold;
}

dl.unify_id dd,
dl.current_id dd,
dl.detach_id dd {
	/*border: 1px solid #8c8989;
	border-top: 0;*/
	
	/*padding: 5px;*/
	padding: 0 8px 8px;
	/*padding-top: 3px;*/
	/*background-color: #F7CB1F;*/
	/*font-size: 15px;*/
	font-size: 18px;
	font-weight: bold;
}

dl.unify_id dd.without_dt {/* dtがないバージョン*/
	/*border-top: 1px solid #8c8989;*/
	padding-top: 8px;
}
/*dl.current_id dd,
dl.detach_id dd {
	background-color: #CCC;
}*/
dl.unify_id dd .idlabel,
dl.current_id dd .idlabel,
dl.detach_id dd .idlabel {
	font-size: 14px;
}
/*dl.unify_id dd.add,
dl.current_id dd.add,
dl.detach_id dd.add{
	font-size: 16px;
	margin-bottom: 5px;
}*/

.bold{font-weight:800;}

.f18{font-size:18px;}

.u_stable {
	/*border-top: 1px solid #8c8989;*/
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
/*ie8以下には無効*/
.u_stable:last-of-type {
	border-bottom: #8c8989 1px solid;
}
/*for ie8以下(scriptと一緒に使用)*/
.u_stable.last {
	border-bottom: #8c8989 1px solid;
}
.u_stable th,
.u_stable td {
	border:#8c8989 1px solid;
	border-top: 0;
	padding: 5px;
/*	border-top: 0;
	border-left: 0;
*/}
.u_stable th {
	margin: 0;
	
	/*white-space: nowrap;*/
/*	float: left;
	clear: both;*/
	width: 125px;
	background-color:#f4f4f4;
}
.u_stable th.data_title {
	background-color:#e5e1dc;
	font-weight:800;
	font-size:14px;
	padding: 5px;
	background-image: none;
	text-align: center;

}

/*.u_stable dt.newlineok {
	white-space: normal;
}*/
.u_stable td {
	
	/*border-top: 1px solid #8c8989;
	border-left: 1px solid #8c8989;*/
	background-color: #FFF;
}

.u_log_category{padding-left:2.5em;}

.u_non_category{border-left:#8c8989 2px solid;}

.u_non_element{	border-right:#8c8989 2px solid;}

.u_non_category_bot{
	border-left:#8c8989 2px solid;
	border-bottom:#8c8989 1px solid;

}
.u_non_element_bot{
	border-right:#8c8989 2px solid;
	border-bottom:#8c8989 1px solid;
}

.u_bot{
	border-left:#8c8989 2px solid;
	text-align:left;
	padding:5px;
	border-bottom:#8c8989 2px solid;
	padding-left:1.5em;
	border-right:#8c8989 2px solid;
}

.text{
	width:80%;
    border:1px solid #777;
    padding: 5px;
	/*color:#999;*/color: #444;/*140223*/
    background: #fff;
}

.text_02{
	width:240px;
    border:1px solid #777;
    padding: 5px;
    color: #999;
    background: #fff;
}

.right{text-align:right;}

.red{color:#F00;}

#triangle {
	width: 0;
	height: 0;
	border-right: 50px solid #f8e655;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
}

#btn_table{
	text-align:center;
	width:660px;
	margin:10px auto;
}

dl.data_c dd{
	border-radius:0;
	padding:0;
	font-size: 100%;
	text-align:left;
	font-weight:normal;
	line-height: 1.5;
	height:auto;
	text-indent:1em;
	padding-bottom:5px;
}
dl.data_c dd:last-child{padding-bottom:0;}

dl.data_c dt.pt1{
	float:left;
	clear:left;
	width:7.5em;
}
dl.data_c dd.pt2{float:left;}

.pt10 {padding-top:10px;}

.ml10 {margin-left:10px;}

.indent {
	padding-left:1em;
	text-indent:-1em;
}
.btn_1c {
	width:80%;
	margin:20px auto;
}
.btn_1c .button {
	width:28%;
	margin:30px auto 30px;
}
.btn_2c {
	width:60%;
	margin:10px auto 0;
	overflow:hidden;
	_zoom:1;
}
.btn_2c .button {width:35%;}

.btn_2c .l_btn{	float:left;}

.btn_2c .r_btn{	float:right;}

.table_t {
width: 840px;
}

.fc_o {color: #eb5505;}
.mb20 {	margin-bottom:20px;}

/*1411*/

#point_unify_btn_box,
#select_id_btn_box {
	position: relative;
	/*left: 25px;*/
}
#select_id_btn_box {
	margin-bottom: 40px;
}
#point_unify_btn_box .button,
#select_id_btn_box .button {
	width: 15em;
	padding: 15px 10px;
}

/*他画面リンクリスト*/
.link_list {
  margin: 5px 0 0 10px;
}
.link_list > li {
  padding: 2px 0 5px 18px;
  background-image: url(../image/common/ya.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}
/*統合時のご注意*/
.caution {color:#f00; font-weight:bold;} dl.unf_dl_mid {margin:3px 10px 20px;} .unf_dl_mid dt, .fw_b {font-weight:bold;} .unf_dl_mid dd {margin-bottom:5px; padding-left:1em;} .fs_l {font-size:16px;}

/*統合時注意*/
.caution_after_unify {
	color: #F00;
}
/*li.marge_after_unify {
	background-color: #FF9;
}*/

/*ID選択*/
.select_id_heading {
	padding-left: 0;
}
.select_id_item {
	margin: 0 0 10px;
	border: 1px solid #bbb;
	border-bottom: 0;
}
.select_id_item dt {
	background-color: #f2f2f2;
	padding: 8px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #bbb;
	zoom: 1;/*for ie7*/
}
.select_id_item dt input[type=radio] {
	margin-right: 5px;
}
.display_id {
	font-size: 18px;
}
.select_id_item dd {
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #bbb;
}

/*セルフIDアラート*/
#selfid_unify_id_box .inform_id {
	margin: 30px auto;
	padding: 20px;
	color: #F00;
	border: #F00 solid 1px;
	display: inline-block;
}

/*center揃えbtn*/
.center_btn {
	text-align: center;
}
.center_btn a > .button {
	display: inline-block;
	padding: 15px 10px;
}

/*セルフID統合画面用*/
.selfid_mainbox {
	width: 740px;
	margin: 0 auto 30px;
}
.selfid_mainbox .orange {
	width: 250px;
}
.selfid_mainbox .orange .fw_n {
	font-weight: normal;
}
/*統合イメージ画像*/
.unifyimage {
	margin-bottom: 20px;
	text-align: center;
}

/*セルフIDイメージ画像*/
.selfidimage {
	margin: 20px auto;
	width: 400px;
}

/*分離矢印*/
/*.detach_arrow_s {
	width: 465px;
	height: 60px;
	background:url(../image/unify/arrow_split_s.png) no-repeat left top;
	text-align: center;
	font-size: 16px;
	margin: 0 0 0 5px;
	padding-top: 67px;
}
.detach_arrow_l {
	width: 100%;
	height: 57px;
	background:url(../image/unify/arrow_split_l.png) no-repeat center top;
	text-align: center;
	font-size: 16px;
	margin: 0 auto 5px;
	margin-top: -15px;
	padding-top: 22px;
}
.detach_arrow {
	width: 100%;
	height: 50px;
	background:url(../image/unify/arrow_split.png) no-repeat center top;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	margin: 5px auto;
}*/

/*注意文言トグル用アイコン*/
/*.list_icon {
	display: inline-block;
	padding: 0 3px;
	-webkit-border-radius: 2px; border-radius: 2px;
	background-color: #ccc;
	color: #666;
	margin-right: 5px;
	line-height: 1;
}
閉じるボタン
table.unf_table_mid td .list_close {
	cursor: pointer;
	text-decoration: underline;
	display: inline-block;
	float: right;
}
*/
h3 {
	margin:15px auto 10px;
	padding:0 5px ;
	font-weight:bold;
	font-size: 15px;
}
h3::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 5px 4px -1px 0;
	border: 4px solid #f76b1f;
	-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;
}

/*表示するデータがない場合中央ぞろえ*/
.nodata {
	text-align: center;
}
/*サービスステイタス*/
.services_status_short {
	text-align: center;
}
.services_status_long {
	text-align: default;
}

/*btnの大きさ統一*/
.btn_2c .button,
#point_unify_btn_box .button,
#select_id_btn_box .button {
	width: 186px;
	padding: 10px;
}

/*機種名幅統一*/
.device_name,
.device_number {
	display: inline-block;
}
.device_name {/*半角13文字が入るよう等幅＆em指定*/
    /*font-family: monospace;ieで上手くいかないので不採用*/
    font-size: 100%;
    width: 7em;
    margin-right: 0.5em;
}
.device_number {
/*	position: absolute;
	left: 5.5rem;*/
}

/*連絡先設定メールアイコン*/
#u_table .mail_set {
	padding-right:32px;
	background:url(../image/member/mail_set.png) no-repeat 97% center;
	background-size:22px auto;
}