@charset "UTF-8";

/*-------------------------
	.rayout_common.css
	レイアウトに関する共通項目
-------------------------*/

.require {
	color:#FF0000;
}
#more_srch {margin: 0 20px 40px 20px;}
#more_srch dl {}
#more_srch dl dt {font-size:18px;margin-bottom:5px;}
#more_srch dl dd {}

#content {}
#base_info {
margin-top: -150px;
padding-top: 150px;
}
#next_plan {
margin-top: -150px;
padding-top: 150px;
}
#hist_coress {
margin-top: -150px;
padding-top: 150px;
}
#family {
margin-top: -150px;
padding-top: 150px;
}
#cust_hope {
margin-top: -150px;
padding-top: 150px;
}
#route {
margin-top: -150px;
padding-top: 150px;
}
.table_base {
background-color: #fff;
margin: 0 20px 20px 20px;
padding:0.5% 0 10px 0;
border:solid 1px #CCC;
}
.table_base table {
border-collapse: collapse;
width: 96%;
/* min-width: 900px; */
margin: 0.5% 2%;
padding: 0;

}
/*=========
// .r_c
// rayout_common
==============================*/
#conditions .r_c table {
border-collapse:separate;
border-spacing:0 10px;
}
#conditions .r_c th,
#conditions .r_c td {
font-size: 14px;
line-height:1.4;
color:#231815;
text-align:left;
border: 1px solid #A7A3A1;
box-sizing:border-box;
}
#conditions .r_c th {
background-color: #ECDAB6;
vertical-align: top;
width:190px;
padding:15px 20px;
border-right: none;
white-space:nowrap;
position: relative;
}
#conditions .r_c th span {
font-size: 0.8rem;
}
#conditions .r_c th .txt {
font-size: 0.8rem;
}
#conditions .r_c td {
padding:8px 10px;
border-left: none;
}
#conditions .r_c td span {
margin-left: 4px;
}
/*
#conditions .r_c td:hover {
background-color: #EEFFFF;
}
#conditions .r_c table.echo tr:hover td {
background-color: #FEF4E4;
}
*/
#conditions .r_c table.bk_color tr:nth-child(2n) td {
	background: #ecf8ff none repeat scroll 0 0;
}
#conditions .r_c table.line tr:hover td {
	background-color: #ffffdd !important;
}
#conditions .r_c table.separate td:hover {
	background-color: #ffffdd !important;
}

#conditions .r_c .i_block {
	position: relative;
	display: inline-block;
/*	vertical-align: top;*/
	*display:inline;
	*zoom:1;
	margin:1px 0;
}
#conditions .r_c .i_block .head {
	font-size: 0.8rem;
}
#conditions .r_c .i_block .count {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.8rem;
}
#conditions .r_c .i_block .over {
	color: #FF0000;
}



/*
改行・制限
===========*/
#conditions .r_c .nowrap{
white-space: nowrap;
}
#conditions .r_c .pre{
/*=<pre>使用時に改行ポイントをキープしつつ幅にあわせても改行させる=*/
white-space:pre-wrap;
word-break:break-all;
}

/*
入力モード切替 ※IEのみ有効
===========*/
#conditions .r_c .ime_ac {ime-mode: active;}
#conditions .r_c .ime_dis {ime-mode: disabled;}

/*
左右中央寄せ
===========*/
#conditions .r_c .align_l {text-align:left!important;}
#conditions .r_c .align_r {text-align:right!important;}
#conditions .r_c .align_c {text-align:center!important;}

/*
上下位置
===========*/
#conditions .r_c .align_t {vertical-align: top;}
#conditions .r_c .align_b {vertical-align: bottom;}

/*
width関連
===========*/
/*=%=*/
#conditions .r_c .w10per {width: 10%;}
#conditions .r_c .w20per {width: 20%;}
#conditions .r_c .w25per {width: 25%;}
#conditions .r_c .w30per {width: 30%;}
#conditions .r_c .w33per {width: 33%;}
#conditions .r_c .w40per {width: 40%;}
#conditions .r_c .w50per {width: 50%;}
#conditions .r_c .w60per {width: 60%;}
#conditions .r_c .w60per {width: 66%;}
#conditions .r_c .w70per {width: 70%;}
#conditions .r_c .w80per {width: 80%;}
#conditions .r_c .w90per {width: 90%;}
#conditions .r_c .w94per {width: 94%;}
#conditions .r_c .w95per {width: 95%;}
#conditions .r_c .w100per {width: 100%;}
/*=em=*/
#conditions .r_c .w2em {	width: 2em;}
#conditions .r_c .w2_5em {	width: 2.5em;}
#conditions .r_c .w3em {	width: 3em;}
#conditions .r_c .w3_5em {	width: 3.5em;}
#conditions .r_c .w4em {	width: 4em;}
#conditions .r_c .w4_5em {	width: 4.5em;}
#conditions .r_c .w5em {	width: 5em;}
#conditions .r_c .w5_5em {	width: 5.5em;}
#conditions .r_c .w6em {	width: 6em;}
#conditions .r_c .w6_5em {	width: 6.5em;}
#conditions .r_c .w7em {	width: 7em;}
#conditions .r_c .w7_5em {	width: 7.5em;}
#conditions .r_c .w8em {	width: 8em;}
#conditions .r_c .w8_5em {	width: 8.5em;}
#conditions .r_c .w9em {	width: 9em;}
#conditions .r_c .w9_5em {	width: 9.5em;}
#conditions .r_c .w10em {	width: 10em;}
#conditions .r_c .w11em {	width: 11em;}
#conditions .r_c .w12em {	width: 12em;}
#conditions .r_c .w13em {	width: 13em;}
#conditions .r_c .w14em {	width: 14em;}
#conditions .r_c .w15em {	width: 15em;}
#conditions .r_c .w16em {	width: 16em;}
#conditions .r_c .w17em {	width: 17em;}
#conditions .r_c .w18em {	width: 18em;}
#conditions .r_c .w19em {	width: 19em;}
#conditions .r_c .w20em {	width: 20em;}
#conditions .r_c .w25em {	width: 25em;}
#conditions .r_c .w30em {	width: 30em;}
/*=px=*/
#conditions .r_c .w100px {width: 100px;}
#conditions .r_c .w150px {width: 150px;}
#conditions .r_c .w200px {width: 200px;}
#conditions .r_c .w250px {width: 250px;}
#conditions .r_c .w300px {width: 300px;}
#conditions .r_c .w350px {width: 350px;}
#conditions .r_c .w400px {width: 400px;}
#conditions .r_c .w450px {width: 450px;}
#conditions .r_c .w500px {width: 500px;}
/*=最低幅 em=*/
#conditions .r_c .min_width3em {min-width:3em;}
#conditions .r_c .min_width4em {min-width:4em;}
#conditions .r_c .min_width5em {min-width:5em;}
#conditions .r_c .min_width6em {min-width:6em;}
#conditions .r_c .min_width7em {min-width:7em;}
#conditions .r_c .min_width8em {min-width:8em;}
#conditions .r_c .min_width9em {min-width:9em;}
#conditions .r_c .min_width10em {min-width:10em;}
#conditions .r_c .min_width11em {min-width:11em;}
#conditions .r_c .min_width12em {min-width:12em;}
#conditions .r_c .min_width13em {min-width:13em;}
#conditions .r_c .min_width14em {min-width:14em;}
#conditions .r_c .min_width15em {min-width:15em;}

/*height関連*/
/*=em=*/
#conditions .r_c .h2em {	height: 2em;}
#conditions .r_c .h2_5em {	height: 2.5em;}
#conditions .r_c .h3em {	height: 3em;}
#conditions .r_c .h3_5em {	height: 3.5em;}
#conditions .r_c .h4em {	height: 4em;}
#conditions .r_c .h4_5em {	height: 4.5em;}
#conditions .r_c .h5em {	height: 5em;}
#conditions .r_c .h5_5em {	height: 5.5em;}
#conditions .r_c .h6em {	height: 6em;}
#conditions .r_c .h6_5em {	height: 6.5em;}
#conditions .r_c .h7em {	height: 7em;}
#conditions .r_c .h7_5em {	height: 7.5em;}
#conditions .r_c .h8em {	height: 8em;}
#conditions .r_c .h8_5em {	height: 8.5em;}
#conditions .r_c .h9em {	height: 9em;}
#conditions .r_c .h9_5em {	height: 9.5em;}
#conditions .r_c .h10em {	height: 10em;}
#conditions .r_c .h12em {	height: 12em;}
#conditions .r_c .h15em {	height: 15em;}
#conditions .r_c .h20em {	height: 20em;}
#conditions .r_c .h25em {	height: 25em;}
#conditions .r_c .h30em {	height: 30em;}


/*
table内table
===========*/
#conditions .r_c td table {
margin: 0;
padding: 0;
border: none;
width: inherit!important;
min-width: inherit!important;
}

#conditions .r_c td table td {
margin: 0;
padding: 0;
border: none;
padding-right: 5px;
padding-bottom: 5px;
}
#conditions .r_c td table th {
position: relative;
}
#conditions .r_c td table th.h20 {
height: 20px;
}
#conditions .r_c td table th .count {
position: absolute;
top: 10px;
right: 10px;
text-align: right;
height: 24px;
}
#conditions .r_c table.inner {
margin: 0;
padding: 0;
width: auto;
}
#conditions .r_c table.inner th {

margin: 0;
padding: 0;
padding-top: 10px!important;
background-color: inherit;
line-height: 120%;
border: none;
font-weight: 100;
}
.pr_c table.inner td {
margin: 0;
vertical-align: top;
}
table.inner td textarea {
margin: 0;
}

#conditions .r_c .close_btn {
text-align: center;
font-size: 12px;
line-height: 18px;
}
#conditions .r_c hr {
border: none;
border-top: 1px solid #ccc;
}

#conditions .r_c .entry_wrap {
bottom: 0px;
right: 0;
display: none;
overflow: hidden;
position: fixed;
width: 240px;
background-image: url(../images/entry_btn_back.png);
text-align: center;
padding-bottom: 20px;
-webkit-border-radius: 6px 0 0 0;
-moz-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
}


/*input タグの select(multipul)表示用ソース*/
.multi_select_wrap{
	font-size:16px;
	line-height:18px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	overflow:auto;
	background-color:#FFF;
	white-space:nowrap;
}


/* optgroup みたいにカテゴライズするとき*/
.multi_select_wrap .categorize {}
.multi_select_wrap .categorize p {
	font-size:16px;
	font-weight:bold;
}
.multi_select_wrap label{
	background-image: url("/corp_files/images/multi_select_chk.png");
	background-repeat: no-repeat;
	background-position:right center;
	font-size:16px;
	line-height:220%;
	display:block;
	text-align:left;
	cursor: pointer;
	position:relative;
	margin:1px 0;
	padding:0 30px 0 0;
	text-indent:0.5em;
	white-space:nowrap;
}
.multi_select_wrap label.checked {
	background-color:#66acde;
	color:#000000;
}
.multi_select_wrap label input {
	position:absolute;
	display:block;
	top:0;
	left:-100%;
}



.re_top p {
font-size: 14px;
line-height: 20px;
font-weight: 700;
color: #FFFFFF;
margin-left: 15px;
margin-right: 15px;
}
.re_top .entry_btn {
height: 86px;
width: 146px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.re_top .entry_btn a {
}
.re_top .entry_btn a:hover img {
margin-top: -86px;
}


/*-------------------------
__グーグルカレンダー
-------------------------*/
.ui-datepicker {
/*width: 220px!important;*/
}
.ui-datepicker,
.ui-datepicker table td {
	/*このフォントサイズに比例してカレンダーの大きさが変更される*/
	font-size: 1.4em!important;
}
.ui-datepicker td span, .ui-datepicker td a {
text-align: center;    /* 日付はセンタリングの方が好き */
}
/* 2011/4/25 削除 （土日の背景色はGClendar Holidaysが付けてくれる）
.ui-datepicker-week-end .ui-state-default {    / * 土日の背景を変える * /
    background-image: none;
    background-color: #b4ebfa;
}*/
.ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
width: auto;    /* そのままだと改行してしまう */
}
.ui-datepicker select.ui-datepicker-month {
margin-left: 1em;    /* ちょっと離すほうが好き */
}




/*============================================
チェックボックス・ラジオボタン

============================================*/
.r_c label {
font-size: 14px;
line-height: 180%;
min-height:20px;
position: relative;
/*
display: block;
*/
margin: 0;
}
.r_c label.radio input,
.r_c label.check input {
filter: alpha(opacity=0);
opacity : 0;
cursor: pointer;
width: 1px;
height: 1px;
position: absolute;
top: 0;
left: 0;
}


.r_c label.radio {

background: url(https://ez-junction.e-life.jp/images_asp/search/radio.png) no-repeat 0 3px;
display: inline;
margin: 2px;
}
.r_c label.check {
background: url(https://ez-junction.e-life.jp/images_asp/search/check.png) no-repeat 0 3px;
}
.r_c label.radio:hover,
.r_c label.check:hover {
}
label.radio,
label.check {
display:inline-block;
min-height:20px;
border: 0 none;
cursor: pointer;
margin: 0;
padding: 0 1em 0 25px;
}
.r_c  label.radio.checked {
background-position: 0 -97px;
}
.r_c label.check.checked {
background-position: 0 -97px;
}
/*-------------------------
__フォーム
-------------------------*/
input[type=email],
input[type=text] {
height: 30px;
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
margin:2px 4px;
background: none;
border: 1px solid #A7A3A1;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.inpt_att input[type=email],
.inpt_att input[type=text] {
background-color: #FAD7D1;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
}
div {
}
.custom {
overflow: hidden;
display: inline-block;
 *display: inline;
 *zoom: 1;
position: relative;
border-radius: 6px;
border: 1px solid #AAA;
background: -moz-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
margin:2px 5px;
height: 30px;
vertical-align: middle;
}

.custom > select {
width: 130%;
padding: 0.2em 1.8em 0.2em 0.4em;
font-size: 1rem;
	position:relative;
	z-index:100;
}
.custom:after {
position: absolute;
top: 3px;
bottom: 0;
right: 5px;
width: 1.8em;
display: block;
content: "";
z-index:5;
background: url(/corp_files/images/select.png) center no-repeat;
pointer-events: none;
}
.default .custom > select {
width: auto;
}



/*==========
20151104
.custom.multi
1行以上のselectタグ表示に対応
==========*/
.custom.multi {
overflow:auto;
height: auto;
}
.custom.multi > select {
width:auto;
}
.custom.multi:after {
background: none;
}

input[type=button] {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border: #ccc 1px solid;
padding: 0 10px 0 10px;
cursor: pointer;
height: 2.2rem;
font-size: 1rem;
line-height: 2rem;
border:1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F5F5F5), color-stop(1, #DDDDDD));
background: -moz-linear-gradient(top, #F5F5F5 5%, #DDDDDD 100%);
background: -webkit-linear-gradient(top, #F5F5F5 5%, #DDDDDD 100%);
background: -o-linear-gradient(top, #F5F5F5 5%, #DDDDDD 100%);
background: -ms-linear-gradient(top, #F5F5F5 5%, #DDDDDD 100%);
background: linear-gradient(to bottom, #F5F5F5 5%, #DDDDDD 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DDDDDD', GradientType=0);
background-color: #F5F5F5;
}
input .btn {
font-size: 14px;
line-height: 20px;
height: 24px;
padding: 6px!important;
}
textarea {
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
margin: 0;
background: none;
border: 1px solid #A7A3A1;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 1.5;
}