/****** button ******/
.edp_button {
    background: -moz-linear-gradient(top,#E6E6E6 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#fff));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width:auto;
    min-width:110px;
	padding: 5px 10px 0 10px;
    margin-bottom:10px;
    min-height:30px;
}
/****** header ******/
.core_header {
	/*text-align:center;*/
	padding:5px 5px 0 5px;
}
.core_header a {
    text-decoration: none;
}
.core_header .edp_logo h1{
    color:#e27514;
    font-size: 1.143em;
    font-weight: bold;
    text-shadow: #999999 0px 1px 1px;
    font-size:200%;
}
.core_header .edp_logo h1:first-letter{
    font-size: 250%;
}

/****** footer ******/
#footer.footer {
  position: relative;
  margin-top: 100px;
  padding: 50px 0;
  background: #333;
  /* nav-footer
  --------------------------------- */
  /* sec-etc
  --------------------------------- */
  /* copyright
  --------------------------------- */
  /* pageTop
  --------------------------------- */
}

@media screen and (max-width: 768px) {
  #footer.footer {
    padding: 0;
  }
}

#footer.footer .footer-in {
  display: table;
  width: 1100px;
  height: 85px;
  margin: 0 auto;
  direction: rtl;
}

@media screen and (max-width: 768px) {
  #footer.footer .footer-in {
    display: block;
    width: 100%;
    height: auto;
    direction: inherit;
  }
}

#footer.footer .nav-footer,
#footer.footer .sec-etc {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  direction: ltr;
}

@media screen and (max-width: 768px) {
  #footer.footer .nav-footer,
  #footer.footer .sec-etc {
    display: block;
    width: 100%;
    direction: inherit;
  }
}

#footer.footer .nav-footer ul {
  margin-top: -10px;
}

#footer.footer .nav-footer ul::after {
  content: "";
  display: block;
  clear: both;
}

#footer.footer .nav-footer ul li {
  float: left;
  width: 33.33333%;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #footer.footer .nav-footer ul li {
    display: block;
    width: 50%;
    margin-top: 0;
    padding: 0 15px;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
  }
  #footer.footer .nav-footer ul li:nth-child(2n) {
    border-right: 0;
  }
}

#footer.footer .nav-footer ul li a {
  display: block;
  position: relative;
  padding-left: 20px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #footer.footer .nav-footer ul li a {
    padding: 15px 15px 15px 20px;
  }
}

#footer.footer .nav-footer ul li a:hover {
  text-decoration: underline;
}

#footer.footer .nav-footer ul li a::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  #footer.footer .nav-footer ul li a::before {
    top: 23px;
  }
}

#footer.footer .sec-etc {
  display: table-cell;
}

@media screen and (max-width: 768px) {
  #footer.footer .sec-etc {
    display: block;
    margin-top: 40px;
    text-align: center;
  }
}

#footer.footer .sec-etc .company {
  display: table;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #footer.footer .sec-etc .company {
    display: block;
  }
}

#footer.footer .sec-etc .company h1,
#footer.footer .sec-etc .company p {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #footer.footer .sec-etc .company h1,
  #footer.footer .sec-etc .company p {
    display: block;
  }
}

#footer.footer .sec-etc .company h1 {
  width: 223px;
}

@media screen and (max-width: 768px) {
  #footer.footer .sec-etc .company h1 {
    width: 100%;
    margin-bottom: 13px;
  }
}

#footer.footer .sec-etc .company p {
  padding: 0 30px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}

#footer.footer .sec-etc .btn {
  display: inline-block;
  margin-top: 40px;
  text-align: left;
  text-decoration:none;
}

#footer.footer .sec-etc .btn span {
  color: #fff;
  padding: 15px 50px;
  background: #e27514;
}

#footer.footer .sec-etc .btn span:hover {
  background: #ee9300;
}

#footer.footer .copyright {
  margin-top: 60px;
  font-size: 1.1rem;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  #footer.footer .copyright {
    display: block;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #555;
  }
}

#footer.footer .pageTop {
  overflow: hidden;
  position: fixed;
  right: 0;
  bottom: 50px;
  width: 50px;
  height: 50px;
  margin: 0;
  background: #333;
}

@media screen and (max-width: 768px) {
  #footer.footer .pageTop {
    overflow: visible;
    position: static;
    width: 100%;
    height: auto;
    margin-top: 60px;
    border-top: 1px solid #555;
    background: none;
    text-align: center;
  }
}

#footer.footer .pageTop.is-active {
  position: absolute;
  top: -100px;
}

@media screen and (max-width: 768px) {
  #footer.footer .pageTop.is-active {
    position: static;
  }
}

#footer.footer .pageTop > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  /*padding-left: 50px;*/
}

@media screen and (max-width: 768px) {
  #footer.footer .pageTop > a {
    padding: 45px 0 0 0;
    color: #fff;
  }
  #footer.footer .pageTop > a > span:before{
      content: "ページの先頭へ戻る";
  }
}

#footer.footer .pageTop > a::before, #footer.footer .pageTop > a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  margin: -5.5px 0 0 -7.5px;
}

@media screen and (max-width: 768px) {
  #footer.footer .pageTop > a::before, #footer.footer .pageTop > a::after {
    top: 45%;
  }
}

#footer.footer .pageTop > a::before {
  border-top: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#footer.footer .pageTop > a::after {
  left: 49.9%;
  border-top: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

footer {
  display: block;
}
    
/****** control ******/
#login_button {
	background-image: url( ../Images/Shared/button_login.png );
}
.edp_postcode_item,.edp_tel_item{
	width:50px;
}
.edp_cost_item{
	width:60px;
}
.edp_correspondence_item{
	width:100px;
}
.edp_normal_item{
    width:300px;
}
.edp_name_item{
    width:200px;
}
.edp_mail_text{
    height:200px;
    width:60%;
}
.edp_roof_select,.edp_outwall_select,.edp_innerwall_select,.edp_ceiling_select,.edp_toplight_select,.edp_balcony_select,.edp_waterheater_select{
    max-width:100px;
}
/****** loginコントロール ******/
.edp_login div{
    text-align:center;
	margin:5px 0 5px 0;
}
.login_label{
	float:left;
}
/******** タブ ********/
.edp_tab{overflow:hidden;}
.edp_tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;cursor: hand;cursor: pointer;font-size:140%;}
.edp_tab li.edp_select{background:#eee;}
.edp_content li{background:#eee; padding:20px;}
.edp_hide {display:none;}

/******** 領域設定 ********/
#edp_container{
	margin: 0px auto;
	position: relative;
	-webkit-print-color-adjust: exact;/*chrome、safari等で背景も印刷する*/
}
.edp_logout{
	float:right;
}
.edp_input_form{
    border:solid 1px #ccc;
    border-radius:4px;
    margin:0;
}
.edp_input_area{
    padding:0;
    margin:0;
    border:0;
}
.edp_input_area legend{
    text-indent:15px;
    font-size:19px;
    background:#f5f5f5;
    width:100%;
    padding:0;
    margin-bottom:20px;
    line-height:40px;
    color:#333;
    border-bottom:1px solid #e5e5e5;
}
.edp_input_item p{
	width:200px;
}
.edp_input_item {
    margin: 10px 0 10px 15px;
    clear:both;
}
.edp_image{
	background-image: url( "../images/shared/loading.gif" );
	background-repeat: no-repeat;
	background-position:center center;
}

.edp_image_radio{
    float:left;
    vertical-align:middle;
    margin-right:20px;
}
.edp_admin_title{
    font-size:20px;
}
.edp_file_area{
    visibility:hidden;
}
.edp_center_td p{
    padding-top:22px;
}
table.responsive_table{
    margin-bottom:20px;
}

/************************ 以下　コンテンツ（プレビュー用） ************************/
.edp_contents_item{
    margin-bottom:10px;
}
.edp_contents h1 {
    font-size: 30px;
	border-bottom: 1px solid #ccc;
    margin: 0 -30px 10px -35px;
    color:#222;
}
.edp_contents h1:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}

/*------------------* h2 *------------------*/
.edp_contents h2 {
  position: relative;
  color: #ffffff;
  background: #2d58bd;
  font-size: 20px;
  line-height: 1;
  margin: 20px -30px 10px -35px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
  clear:both;
}
.edp_contents h2:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

/*------------------* h3 *------------------*/
.edp_contents h3 {
  position: relative;
  font-size: 20px;
  line-height: 0;
  margin:30px -30px 10px -30px;
  padding: 15px 5px 10px 20px;
  border-left: 10px solid #2d58bd;
  clear:both;
}
.edp_contents h3:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
}

/*------------------* h4 *------------------*/
.edp_contents h4 {
  position: relative;
  color: #111;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 -20px;
  padding: 14px 5px 10px 10px;
}
.edp_contents h4:before {
  content: "";
  position: absolute;
  background: #2d58bd;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.edp_contents h4:after {
  content: "";
  position: absolute;
  background:#84aafa;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

/*------------------* p *------------------*/
.edp_contents p{
    font-size:16px;
}

/*------------------* ポイント1 *------------------*/
div.edp_point_1 {
    margin:10px 0 10px 0;
	position: relative;
	padding: 1em;
	background-color: #84aafa;
	border-radius: 15px;
    clear:both;
}
div.edp_point_1::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
div.edp_point_1 label {
    position:absolute;
    padding:0 20px;
    left:10px;
    width:120px;
    height:20px;
    font-size:15px;
    background:rgba(255,9,182,0.4);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    color:#fff;
}
div.edp_point_1 p{
    margin-top:30px;
    margin-left:30px;
}

/*------------------* ポイント2 *------------------*/
div.edp_point_2 {
    margin:10px 0 10px 0;
    color: #fff;
    background: #84aafa;
    padding: 20px;
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 0 5px #84aafa, 0 2px 3px 5px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0 5px #84aafa, 0 2px 3px 5px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 0 5px #84aafa, 0 2px 3px 5px rgba(0,0,0,0);
    clear:both;
}

/*------------------* ポイント3 *------------------*/
div.edp_point_3 {
    padding: 20px;
    border: #2d58bd dashed 1px;
    margin:10px 0 10px 0;
    clear:both;
}

/*------------------* ポイント4 *------------------*/
div.edp_point_4 {
    padding: 20px;
    background: #fff;
    border: 4px #84aafa solid;
    position: relative;
    z-index: 10;
    margin:10px 0 10px 0;
    clear:both;
}
 
div.edp_point_4:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #84aafa solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

/*------------------* ポイント5 *------------------*/
div.edp_point_5 {
    padding: 10px 20px;
    margin: 20px;
    background: #84aafa;
    box-shadow: #84aafa 0 0 10px 10px;
    -webkit-box-shadow: #84aafa 0 0 10px 10px;
    -moz-box-shadow: #84aafa 0 0 10px 10px;
    clear:both;
    color:#fff;
}

/*------------------* レイアウト1 *------------------*/
.edp_contents_layout_1,.edp_contents_layout_2,.edp_contents_layout_3,.edp_contents_layout_4,.edp_contents_layout_5{
    clear:both;
    margin:10px 0 10px 0;
}

/*------------------* レイアウト2 *------------------*/
.edp_contents_layout_2 img{
    float:left;
    margin-right:10px;
    max-width:40%;
}

/*------------------* レイアウト3 *------------------*/
.edp_contents_layout_3 div.edp_contents_article{
    float:left;
    max-width:58%;
}
.edp_contents_layout_3 img {
    max-width:40%;
}

/*------------------* レイアウト4 *------------------*/
.edp_contents_layout_4 div.edp_contents_img {
    text-align:center;
}

/*------------------* レイアウト5 *------------------*/
.edp_contents_layout_5 div.edp_contents_img {
    text-align:center;
}

/*------------------* ダウンロードボタン *------------------*/
.edp_contents_button{
    clear:both;
    text-align:center;
    margin-top:10px
}

/*------------------* リンク領域 *------------------*/
.edp_contents_links{
    margin-top:30px;
}
.edp_contents_links h5 {
  position: relative;
  text-align: center;
  font-size:16px;
}
.edp_contents_links h5 span {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  color: #666;
  background-color: #fff;
}
.edp_contents_links h5::before {
  content: '';
  width: 100%;
  border-top: 2px solid #ccc;
  position: absolute;
  top: 50%;
  left: 0;
}
.edp_contents_links ul {
  padding: 0.5em 1em 1em;
  border-bottom: 2px solid #ccc;

  counter-reset:li;
}
.edp_contents_links ul li {
    list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;

    position:relative;
	display: block;
	padding:10px 0px 10px 30px; 
	margin-left:0px !important;
}
.edp_contents_links ul li:after {
    counter-increment: li;
	content: counter(li) ".";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: -1px;
	font-size: 30px;
	color:#666;
	font-family:'Goudy Bookletter 1911',Georgia,serif; 
}
.edp_contents_links ul li p{
    color:#666;
}
.edp_contents_links ul li a{
    font-size:16px
}
.edp_contents_links ul li a:link { color: #0000ff; text-decoration: none; }
.edp_contents_links ul li a:hover { color: #0000ff;text-decoration: underline; }
.edp_contents_links ul li a:visited { color: #960bb4; text-decoration: none; }
.edp_contents_theme a{margin-right:15px;}
.edp_contents_theme a:link { color: #0000ff; text-decoration: none; }
.edp_contents_theme a:hover { color: #0000ff;text-decoration: underline; }
.edp_contents_theme a:visited { color: #0000ff; text-decoration: none; }
.edp_dlbutton {
	background-image: url( ../Images/Shared/bg_dlbutton.png );
	background-repeat: no-repeat;
	width: 378px;
	height: 39px;
    border: 0px;
    font-size:140%;
    font-weight: bold;
    color:#ffffff;
}