@charset "UTF-8";

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

img{
border-style: none;
}

header {
margin: 0 0 18px 0;
padding: 0 0 18px;
background: black;
color: white;
min-width: 1138px;
}

header div {
width: 1000px;
margin: 0 auto;
padding: 0;
height: 100px;
}

header div h1 {
float: left;
margin: 0;
padding: 0;
height: 100px;
}

header div h1 a {
display: block;
margin: 15px 0 5px 10px;
height: 80px;
width: 480px;
text-indent: -9999px;
background: url(" https://www.adte.jp/rec/images/header_logo.png") left bottom no-repeat;
}

header div nav#header_top {
float: left;
margin: 0;
padding: 0;
height: 100px;
}

header div nav#header_top a {
display: block;
margin: 15px 0 5px 10px;
height: 80px;
width: 480px;
text-indent: -9999px;
background: url(" https://www.adte.jp/rec/images/header_logo.png") left bottom no-repeat;
}

header div nav#tel {
float: right;
display: block;
height: 100px;
margin-top:0px;
}

header div nav#tel img{
margin-top: 14px;
}

header div nav#tel p.nav {
height: 10px;
padding: 5px 0 4px;
font-size: 10px;
}

header div nav#tel p.nav a {
background: url( "https://www.adte.jp/rec/images/template/triangle_white.png" ) left 4px no-repeat;
margin: 0 12px 0 0;
padding: 0 0 0 9px;
color: white;
text-decoration: none;
}

header div nav#tel p#open {
font-size: 16px;
padding: 0 0 5px;
}

header div nav#tel p#number {
padding: 0 0 0 45px;
font-size: 28px;
background: url(" https://www.adte.jp/rec/images/template/tel.png") left center no-repeat;
height: 25px;
line-height: 25px;
}

header nav#header_navigation {
clear: both;
/* margin: 12px 0 0; */
/* padding: 61px 0 0 0; */
padding: 0px 0 0 0;
border-top: 1px solid #014099;
border-bottom: 1px solid #014099;
background: black;
height: 61px;
}

header nav#header_navigation ul {
width: 1138px;
height: 61px;
/* margin: -81px auto 0; */
margin: 0px auto 0;
/* padding: 81px 0 0; */
text-indent: -9999px;
/* background: url(" https://www.adte.jp/rec/images/template/navigation.png") left bottom no-repeat; */
}

header nav#header_navigation ul li {
float: left;
list-style-type: none;
margin: 0;
}

header nav#header_navigation ul li.result {
margin: auto 0 0 45px;
}

header nav#header_navigation ul li.result a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/result.png") left top no-repeat;
}

header nav#header_navigation ul li.spend a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/cost.png") left top no-repeat;
}

header nav#header_navigation ul li.flow a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/progress.png") left top no-repeat;
}

header nav#header_navigation ul li.accept a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/accept.png") left top no-repeat;
}

header nav#header_navigation ul li.order a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/order.png") left top no-repeat;
}

header nav#header_navigation ul li.contact a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/contact.png") left top no-repeat;
}

header nav#header_navigation ul li.atmedia a {
display: block;
width: 150px;
height: 61px;
background: url(" https://www.adte.jp/rec/images/template/atmedia.png") left top no-repeat;
}

header div#nav {
width: 1000px;
height: 200px;
line-height: 200px;
margin: 16px auto 0;
text-align: center;

}

header div#nav ul {
width: 1000px;
height: 200px;
list-style-type: none;
}

header div#nav ul li {
width: 1000px;
height: 200px;
}

header div#nav ul li img {
vertical-align: middle;
}

header div#nav span {
display: inline-block;
margin: 0;
}

header div#nav span#nav1 {
color: #002c6a;
}

header div#nav span#nav2 {
cursor: pointer;
color: #014099;
}

header div#nav span#nav3 {
cursor: pointer;
color: #014099;
}

article a.tel_bnr{
cursor:default;
}

section#index h2#initial{
padding: 20 0 10px 0;
height: 65px;
}

section#index p{
margin: 10px 0 15px;
font-weight: bold;
color: #212121;
width: 730px;
}

section#self{
}

div#hardwares {
height: 376px;
width: 730px;
margin: 15px 0 15px 0;
line-height: 40px;
font-weight: bold;
/* background: #d4dafb; */
}

div#hardwares img{
float: left;
margin-right: 11px;
/* height: 376px; */
width: 236px;
}

div#hardwares img.right{
float: left;
margin-right: 0px;
}

div#hardwares div.list{
width: 236px;
margin-right: 3px;
display: inline-block;
}

div#hardwares div.list h3{
display: inline;
}

div#hardwares div.list h4{
display: inline;
}

/*------自己診断　selfcheck OLD------*/
div#selfcheck{
width: 236px;
margin: 20px 6px 15px 0px;
display: inline-block;
}

div#selfcheck h3{
display: inline;
}

div#selfcheck h4{
display: inline;
}


/*------自己診断　self-rec ------*/
section#self-rec{
margin: 0 0 70px 0;
}

section#self-rec p{
margin: 10px 0 0 0;
}

section#self-rec p a{
color: #1d3750;
font-weight: bold;
}

section#self-rec div.self-item{
display: inline-block;
text-align: center;
width: 31%;
border: solid 3px #031231;
}

section#self-rec div.self-item a{
text-decoration: none;
}

section#self-rec h2{
margin: 0 0 15px 0;
}

section#self-rec h3.name{
text-align: center;
font-size: 19px;
font-weight: bold;
color: #1d3750;
line-height: 1.2em;
margin: 15px 0 7px 0;
}

section#self-rec img{
margin: 0 0 5px 0;
}

section#self-rec h4.list{
text-align: left;
color: #1d3750;
background-color: #dfedfa;
font-size: 14px;
padding: 7px 0 7px 18px;
vertical-align: middle;
margin: 5px;
line-height: 1.3em;
}

section#self-rec h4.list:hover{
background: #c0daf3;
}

section#self-rec i.fa-posi-left{
position: relative;
top: 10px;
left: -12px;
}




div#hardwares_exp{
padding-bottom: 35px;
}

div#hardwares_exp p{
clear: both;
float: left;
margin: 0;
color: #212121;
font-weight: normal;
font-size: 15px;
}

div#hardwares_exp p.more{
margin: 15px 0 20px 0;
font-size: 14px;
font-weight: normal;
width: 730px;
text-align: justify;
color: #212121;
}

div#hardwares_exp a{
color: #021794;
font-weight: bold;
}

div#hardwares_exp a#arrow{
text-decoration: none;
padding-left: 15px;
background: url("https://www.adte.jp/rec/images/template/arrow_top_blue.png") left 4px no-repeat;
}


section#index nav#index1 {
clear: both;
}

section#index nav#index1 ul {
list-style-type: none;
margin: 0 auto;
}

section#index nav#index1 ul li {
float: left;
margin-right: 11px;
}

section#index nav#index1 ul li.right {
float: left;
margin-right: 0px;
}

section#index nav#index1 ul li a {
text-decoration: none;
}

section#index nav#index2 {
clear: both;
}

section#index nav#index2 ul {
list-style-type: none;
margin: 0 auto;
}

section#index nav#index2 ul li {
float: left;
margin-right: 11px;
margin-bottom: 10px;
}

section#index nav#index2 ul li.right {
float: left;
margin-right: 0px;
}

section#index nav#index2 ul li a {
text-decoration: none;
}


section#index img#index3 {
width: 730px;
margin: 3px 0px 0px 0px;
}

section#index img#top_nav_no1 {
margin-bottom: 5px;
}

div#contents {
-webkit-text-size-adjust:100%;
clear: both;
margin: 0 auto;
padding: 0;
width: 1000px;
}

article {
float: left;
width: 750px;
margin: 0 auto 25px;
}

article section {
margin-bottom: 20px;
}

article section#index {
margin-bottom: 0px;
}

article section#index img#top_nav_quick{
margin:10px 0 30px 0;
}


article section#index p.aidata{
font-size: 14px;
font-weight: normal;
width: 730px;
text-align: justify;
color: #212121;
}

article section#index h2#initial{
background: #ffffff;
}

article section#index h2#selfcheck{
background: #ffffff;
padding: 0 0 5px 0;
}

section#index h3{
width: 730px;
margin: 0;
}

/*---------------------------------------------------
どんな機種でも大丈夫！　（トップページ）
----------------------------------------------------*/
article　div#contents　div#mediabtn h3 {
display: inline;
}

section#medialist h3{
display: inline;
}

/*-- ここまでold --*/

section#nav-media{
margin-bottom: 70px;
}

section#nav-media div.item_box{
display: inline-block;
width: 175px;
height: 170px;
border: solid 1px #c7dcf3;
background: linear-gradient(#f8fbff, #cee2f7) ;
text-align: center;
vertical-align : top;
margin-bottom: 5px;
}

section#nav-media div.item_box:hover{
border: solid 1px #a1c0e0;
background: linear-gradient(#e5f0ff, #a1c0e0) ;
}
                            
section#nav-media img{
padding: 5px 0;
}

section#nav-media a{
text-decoration: none;
}

section#nav-media div.item_box h3.name{
padding: 0;
font-size: 15px;
font-weight: bold;
color: #1d3750;
margin: 0 5px 7px 5px;
}

section#nav-media div.item_box h3.nameS{
font-size: 10px;
line-height: 2em;
}

section#nav-media div.item_box p.text{
text-align: left;
padding: 5px;
margin: 0 5px;
font-size: 13px;
color: #1d3750;
border-top: solid 1px #a1c0e0;
}
                            
                            
                            section#nav-media div.item_box h3.name_media{
                            font-size: 16px;
                            font-weight: bold;
                            line-height: 86px;
                            }
                            
                            
                            
/*----------------------------
ガイド流れ
-----------------------------*/

article section#main-guide div.person-left, 
article section#main-guide div.person-right {
position: relative;
}

article section#main-guide div.person-left p.line2 {
position: absolute;
color: #1e1e1e;
font-size: 20px;
line-height: 1.8em;
padding: 85px 0 0 350px;
}

article section#main-guide div.person-left img, 
article section#main-guide div.person-right img {
width: 730px;
}

article section#main-guide div.person-right p.line2 {
position: absolute;
color: #1e1e1e;
font-size: 20px;
line-height: 1.8em;
padding: 85px 0 0 0;
}

article section#main-guide div.person-right p.line2 span {
font-size: 28px;
}

/*---------吹き出し--------*/

article section#main-guide div.balloon-left {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

article section#main-guide div.balloon-left .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

article section#main-guide div.balloon-left .faceicon img{
  width: 100%;
  height: auto;
}

article section#main-guide div.balloon-left .chatting {
  width: 100%;
}

article section#main-guide div.balloon-left .chatting .says {
  display: inline-block;
  position: relative; 
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 12px;
  background: #d7ebfe;
}

article section#main-guide div.balloon-left .chatting .says:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

article section#main-guide div.balloon-left .chatting .says:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}

article section#main-guide div.balloon-left .chatting .says p {
  margin: 0;
  padding: 0;
}





/*-------------------------------
AI data
---------------------------------*/

article section#ai-data {
}

article section#ai-data p.explain_aidata {
clear: both;
font-weight: bold;
margin: 10px 0px 15px 0px;
width: 730px;
color: #212121;
}




article section#security{
width: 740px;
margin-bottom: 60px;
}

article section#security h2{
/* background: url("https://www.adte.jp/rec/images/100prc_sun.png") 616px top no-repeat, url("https://www.adte.jp/rec/images/template/title_base.png") left 23px no-repeat; */
background: url("https://www.adte.jp/rec/images/template/title_base.png") left 23px no-repeat;
height: 45px;
line-height: 54px;
margin: 0px 0 0px 0px;
padding: 23px 0 17px 1em;
width: 730px;
font-size: 18px;
color: #ffffff;
}

article section#security p.explain_secure{
clear: both;
font-weight: bold;
margin: 5px 0px 15px 0px;
width: 730px;
color: #212121;
}

article section#security p.explain_secure2{
clear: both;
font-size: 14px;
margin: 20px 0px 15px 0px;
width: 730px;
color: #212121;
}


article section#double{
margin-bottom: 55px;
}

article section#double h2{
/* background: url("https://www.adte.jp/rec/images/direc_sun2.png") 616px top no-repeat, url("https://www.adte.jp/rec/images/template/title_base.png") left 23px no-repeat;*/
background: url("https://www.adte.jp/rec/images/template/title_base.png") left 23px no-repeat;
height: 50px;
line-height: 54px;
margin: 0px 0 10px 0;
padding: 23px 0 17px 1em;
width: 730px;
font-size: 18px;
color: #ffffff;
}

article section#double p.largefont{
font-size: 16px;
line-height: 23px;
}

article section#double div.absoluteParent {
position: relative;
}

article section#double div.absoluteChild{
position:absolute;
}
article section#double img.absoluteChild{
position:absolute;
}

article section#double div.double{
height:510px;
}

article section#double div.double>img{
top:10px;
left:260px;
}

article section#double div.double>img.wprice_hills{
padding-top:350px;
}

article section#double div.double>div.text{
top:0px;
left:0px;
width:233px;
}

article section#double div.double>div.text>p>img{
margin-bottom:10px;
margin-left:44px;
}

article section#double div.double>img{
top:10px;
left:260px;
}

section#double nav#index1 {
clear: both;
}

section#double nav#index1 ul {
list-style-type: none;
margin: 0 auto;
}

section#double nav#index1 ul li {
float: left;
margin-right: 11px;
}

section#double nav#index1 ul li.right {
float: left;
margin-right: 0px;
}

section#double nav#index1 ul li a {
text-decoration: none;
}



article section#security div.bluebox{
height: 300px;
width: 231px;
border: 2px solid #011699;
text-align: center;
margin:0 11px 20px 0;
color: #011699;
font-weight: bold;
font-size: 14px;
float: left;
}

article section#security div.bluebox h3{
margin: 11px 0;
}

article section#security img{
margin: 20px 0 0;
}
article section#security div.innerbox{
height: 60px;
width: 197px;
padding: 11px 10px;
border-top: 2px solid #011699;
font-weight: normal;
color: #212121;
margin-left: 6px;
text-align: left;
line-height: 18px;
}




/* ------------------------
右カラム
--------------------------- */

div#contents aside h2 {
margin: 0;
padding: 0 0 0 10px;
height: 35px;
line-height: 35px;
background: black;
color: white;
font-size: 13px;
}

div#contents aside section#aside_contact div.title {
margin: 0;
padding: 0 0 0 10px;
height: 35px;
line-height: 35px;
background: black;
color: white;
font-size: 13px;
}

div#contents aside section#aside_contact {
margin: 21px 0 24px;
}

div#contents aside section#aside_contact div#diagonosis {
width: 250px;
height: 61px;
line-height: 61px;
padding: 0 0 0 5px;
background: url(" https://www.adte.jp/rec/images/template/aside/diagnosis.png") left top no-repeat;
font-size: 16px;
}

div#contents aside section#aside_contact div#diagonosis span {
font-size: 24px;
}

div#contents aside section#aside_contact div.tel {
border-right: 5px solid #e5e5e3;
border-left: 5px solid #e5e5e3;
background: url(" https://www.adte.jp/rec/images/template/aside/tel.png") 12px 23px no-repeat;
}

div#contents aside section#aside_contact div.tel p.number {
padding: 17px 0 0 40px;
color: #005ae4;
font-size: 26px;
margin: 0;
}

div#contents aside section#aside_contact div.tel p.urgent {
padding: 0 0 0 45px;
color: #0061f8;
font-size: 11px;
margin: 0;
}

div#contents aside section#aside_contact div.tel p.massage {
padding: 0 0 15px 90px;
font-size: 10px;
color: #748da7;
margin: 0;
}

div#contents aside section#aside_contact a.contactmail {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/contact1.png") left top no-repeat;
width: 250px;
height: 111px;
text-indent: -9999px;
}

div#contents aside section#aside_contact a.contactmail:hover {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/contact2.png") left top no-repeat;
}

div#contents aside section#aside_contact a.quick {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/quick1.png") left top no-repeat;
width: 250px;
height: 75px;
margin: 11px 0 14px;
text-indent: -9999px;
}

div#contents aside section#aside_contact a.quick:hover {
background: url(" https://www.adte.jp/rec/images/template/aside/quick2.png") left top no-repeat;
}


div#contents aside section#aside_recover {
margin: 24px 0 14px;
}

div#contents aside section#aside_flow {
margin: 14px 0 13px;
}

div#contents aside section#aside_flow h2 {
background: none;
padding: 0;
height: 61px;
}

div#contents aside section#aside_flow h2 a {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/progress.png") left top no-repeat;
color: white;
font-size: 16px;
width: 250px;
height: 61px;
line-height: 61px;
padding: 0 0 0 12px;
text-decoration: none;
font-weight: bold;
}

div#contents aside section#aside_flow div.title {
background: none;
padding: 0;
height: 61px;
}

div#contents aside section#aside_flow div.title a {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/progress.png") left top no-repeat;
color: white;
font-size: 16px;
width: 250px;
height: 61px;
line-height: 61px;
padding: 0 0 0 12px;
text-decoration: none;
font-weight: bold;
}


div#contents aside section#aside_flow div {
border-right: 5px solid #e5e5e3;
border-bottom: 5px solid #e5e5e3;
border-left: 5px solid #e5e5e3;
padding: 8px;
}

div#contents aside section#aside_flow div p {
color: #8d8d8d;
font-size: 11px;
width: 220px;
}

div#contents aside section#aside_flow div p a {
text-decoration: none;
padding: 0 0 0 10px;
background: url(" https://www.adte.jp/rec/images/template/blue_tri.png") left center no-repeat;
}

div#contents aside section#aside_free {
margin-bottom:14px;
}

div#contents aside section#aside_free a {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/free2.png") left top no-repeat;
width: 235px;
height: 25px;
font-size:12px;
padding: 50px 0 0 15px;
text-decoration: none;
}

div#contents aside section#aside_free p{
padding: 0 0 0 5px;
background: url(" https://www.adte.jp/rec/images/template/blue_tri.png") left bottom no-repeat;
line-height: 14px;
}

div#contents aside section#aside_countermeasure {
margin-bottom:14px;
}

div#contents aside section#aside_countermeasure a {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/countermeasure1.png") left top no-repeat;
width: 250px;
height: 75px;
text-indent: -9999px;
}

div#contents aside section#aside_countermeasure a:hover {
background: url(" https://www.adte.jp/rec/images/template/aside/countermeasure2.png") left top no-repeat;
}

div#contents aside section#aside_words {
margin: 11px 0;
}

div#contents aside section#aside_words a {
display: block;
background: url(" https://www.adte.jp/rec/images/template/aside/words1.png") left top no-repeat;
width: 250px;
height: 61px;
text-indent: -9999px;
}

div#contents aside section#aside_words a:hover {
background: url(" https://www.adte.jp/rec/images/template/aside/words2.png") left top no-repeat;
}


article section#direc {
margin-bottom: 0px;
}

article section#direc h2 {
/* background: url("https://www.adte.jp/rec/images/direc_sun2.png") 616px top no-repeat, url("https://www.adte.jp/rec/images/template/title_base.png") left 23px no-repeat; */
background: url("https://www.adte.jp/rec/images/template/title_base.png") left 23px no-repeat;
height: 50px;
line-height: 54px;
margin: 0px 0 10px 0;
padding: 23px 0 17px 1em;
width: 730px;
font-size: 18px;
color: #ffffff;
}

article section#direc p.tech_img{
margin: 0px 0 10px 0;
}

article section#direc p.world_tech{
margin: 0px 0 0px 0;
font-size: 14px;
width: 730px;
text-align: justify;
color: #212121;
}

article section#direc p.direc_exp{
margin: 10px 0 20px 0;
font-weight: bold;
width: 730px;
color: #212121;
text-align: justify;
}

article section h2 {
background: url("https://www.adte.jp/rec/images/template/title_base.png") left center no-repeat;
height: 54px;
line-height: 54px;
margin: 5px 0 0px 0;
padding: 0 0 0 1em;
width: 730px;
font-size: 18px;
font-weight: normal;
color: #ffffff;
}

article section#direc div#direc_detail{
width: 360px;
height: 260px;
padding-right: 370px;
margin: 0 0 10px 0;
background: url("https://www.adte.jp/rec/images/experts.png") right center no-repeat;
}

article section#direc li {
list-style-type: none;
padding: 2px 0px 3px 30px;
line-height: 27px;
font-weight: bold;
font-size: 20px;
letter-spacing: -1px;
background: url("https://www.adte.jp/rec/images/template/checkbox.png") left top no-repeat;
}

article section#direc div {
float: left;
width: 236px;
height: 245px;
margin: 0 11px 10px 0;
background: url( "https://www.adte.jp/rec/images/direcs.png") left center no-repeat;
}

article section#direc div h3 {
height: 50px;
margin: 0;
padding: 10px 0;
font-size: 18px;
color: white;
text-align: center;
}

article section#direc div h3#strage {
line-height: 50px;
}


article section#direc div p {
margin: 15px 0;
line-height: 21px;
width: 350px;
font-size: 14px;
color: #212121;
text-align: justify;
}

article section#direc div.aphone p {
width: 130px;
margin: 0;
padding: 12px 0 12px 98px;
background: url("https://www.adte.jp/rec/images/phone.png") 18px 17px no-repeat;
text-align: justify;
}

article section#direc div.burn p {
width: 115px;
padding: 12px 0 12px 110px;
margin: 0;
background: url("https://www.adte.jp/rec/images/burn.png") 10px 29px no-repeat;
text-align: justify;
}

article section#direc div.storage p {
width: 210px;
height: 140px;
padding: 12px 10px;
margin: 0;
background: url("https://www.adte.jp/rec/images/storage.png") center 103px no-repeat;
text-align: justify;
}

article section#rely{
height: 1400px;
margin-bottom: 80px;
}

article section#rely p {
font-weight: bold;
width: 730px;
margin: 15px 0px 15px 0px;
}

article section#rely h3 {
margin: 20px 0 5px 0;
font-weight: bold;
font-size: 14px;
padding-left: 35px;
line-height: 31px;
background: url("https://www.adte.jp/rec/images/template/h3_voice.png") left top no-repeat;
}

article section#banner2 {
margin: 60px 0 0px;
}

article section#banner2 p{
margin: 15px 0px 15px 0px;
font-weight: bold;
width: 730px;
color: #212121;
}

article section#banner2 a {
display: block;
float: left;
width: 360px;
height: 262px;
text-indent: -9999px;
}

article section#banner2 a.free {
background: url("https://www.adte.jp/rec/images/bnr_main_free.png") left top no-repeat;
margin: 0 10px 0 0;
}

article section#banner2 a.fee {
background: url("https://www.adte.jp/rec/images/bnr_main_double.png") left top no-repeat;
}

article section#machine {
width: 750px;
height: 390px;
}

article section#machine p {
font-weight: bold;
width: 730px;
margin: 15px 0px 15px 0px;
}


article section#machine a {
text-decoration: none;
float: left;
margin-right: 7px;
margin-bottom: 7px;
}


article section#dataformat {
width: 750px;
height: 150px;
}

article section#dataformat p {
font-weight: bold;
width: 730px;
margin: 15px 0px 15px 0px;
}


article section#dataformat a {
text-decoration: none;
float: left;
margin-right: 7px;
margin-bottom: 7px;
}


article section#maker p{
margin: 0px 0 0px 0;
font-size: 13px;
width: 730px;
color: #212121;
text-align: justify;
}


/*--------- メーカー一覧ロゴ --------*/
section#nav-media div.maker-box {
    margin: 2em 0;
    background: #fff;
    border: solid 3px #000000;
    width: 724px;
}
section#nav-media div.maker-box .box-title {
    font-size: 1.2em;
    background: #000000;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
section#nav-media div.maker-box  p {
    padding: 15px 20px;
    margin: 0;
}
section#nav-media div.maker-box  img {
width:680px;
}

article section#banner3 {
margin: 0px 0 50px;
padding: 0
}

article section#banner3 div {
float: left;
width: 360px;
}

article section#banner3 div.secure {
margin: 0 10px 0 0;
}

article section#banner3 div.voucher{
margin: 0;
}

article section#banner3 div.voucher img{
margin-bottom: 10px;
}



article section#contact_tel {
margin: 20px 0 54px;
width: 730px;
height: 250px;
background: url("https://www.adte.jp/rec/images/template/background_tel.png") left 50px no-repeat;
}

article section#contact_tel h3 {
background: url("https://www.adte.jp/rec/images/template/h3_tel2.png") left top no-repeat;
float: left;
margin: -13px 0 0;
padding: 0 26px;
width: 550px;
height: 66px;
line-height: 66px;
font-size: 22px;
font-weight: normal;
color: #0037cd;
}

article section#contact_tel span.h3 {
display: block;
float: right;
margin: -15px 0 0;
font-size: 60px;
color: #225bc6;
}

article section#contact_tel div {
margin: -8px  0 0;
padding: 22px 22px 0 22px;
width: 686px;
}

article section#contact_tel div h4 {
margin: 0;
font-size: 19px;
color: #00265b;
}

article section#contact_tel div h4 span {
font-style: italic;
padding: 0 0 0 5px;
}

article section#contact_tel div p.message {
margin: 7px 0 12px;
font-size: 12px;
color: #5a6280;
}

article section#contact_tel div p.free {
float: left;
background: url("https://www.adte.jp/rec/images/template/freedial.png") left 9px no-repeat;
padding: 49px 10px 0 0;
width: 63px;
font-size: 11px;
color: #12a73b;
}

article section#contact_tel div p.number {
float: left;
width: 450px;
height: 65px;
line-height: 65px;
font-size: 56px;
font-weight: bold;
color: #ff0054;
}

article section#contact_tel div p.always {
float: left;
width: 157px;
margin: 11px 0 0;
line-height: 1.1em;
font-size: 17px;
color: #ff0900;
}

article section#contact_form {
margin: 54px 0;
}

article section#contact_form h3 {
background: url("https://www.adte.jp/rec/images/template/h3_mail2.png") left top no-repeat;
height: 37px;
line-height: 37px;
padding: 0 0 0 60px;
font-size: 22px;
font-weight: normal;
color: #0037cd;
}

article section#contact_form form {
display: block;
border: 7px solid #38b0f5;
background: #ddf5fe;
width: 716px;
height: 650px;
padding: 17px 18px;
}

article section#contact_form p {
margin: 0;
font-size: 13px;
color: #5a6280;
}

article section#contact_form p span {
color: #ff0046;
}

article section#contact_form table {
margin: 35px 0 0 0;
border-collapse: collapse;
}

article section#contact_form table tr th {
width: 85px;
text-align: right;
vertical-align: top;
padding: 15px 10px 0;
font-size: 12px;
font-weight: normal;
color: #666666;
padding: 5px 12px 0 0;
}

article section#contact_form table tr td {
padding: 15px 0;
vertical-align: top;
font-size: 12px;
color: #666666;
padding: 5px 0;
}

article section#contact_form table tr td.half {
width: 250px;
}

article section#contact_form table tr td.last {
line-height: 1.5em;
vertical-align: top;
}

article section#contact_form table tr td.submit {
text-align: right;
}

article section#contact_form input.input1 {
width: 235px;
height: 26px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

article section#contact_form input.input2 {
width: 590px;
height: 26px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

article section#contact_form textarea {
width: 592px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

article section#contact_form textarea.txtarea1 {
height: 95px;
}

article section#contact_form textarea.txtarea2 {
height: 52px;
}

article section#contact_form span.caution {
color: #0064ff;
}

aside {
float: left;
margin: 0 auto 25px;
width: 250px;
padding: 0;
}

aside h3 {
background: url("https://www.adte.jp/rec/images/aside_title.png") left top no-repeat;
line-height: 37px;
margin: 0;
width: 250px;
font-size: 13px;
padding-left: 1em;
color: white;
}

aside img{
margin-bottom: 10px;
}
aside img.m20{
margin-bottom: 20px;
}

aside section.black{
width: 250px;
border: solid 2px #242424;
}

aside section.black img{
padding: 0px 11px;
}

aside section.black p{
padding: 0px 11px;
}

aside section div {
padding: 0;
}

aside section div p {
margin: 8px 0;
font-size: 12px;
color: #454c7b;
}

aside section div img {
margin: 0;
padding: 0;
}

aside section div#aside_movie {
margin: 0px 0 10px;
padding: 0px;
width: 228px;
}

aside section div#aside_movie p {
margin: 5px 0;
text-align: right;
width: 250px;
}

aside section div#aside_movie p span {
display: inline-block;
width: 40px;
height: 14px;
line-height: 16px;
cursor: pointer;
}

aside section div#aside_movie p span.on {
background: white;
border: 1px solid #222;
text-align: center;
color: #222;
}

aside section div#aside_movie p span.off {
background: #222;
border: 1px solid white;
text-align: center;
color: white;
}

article section #aside_machine{
margin: 20px 0 11px 0;
}

article section #aside_machine img{
margin-bottom: 12px;
}

aside section#side_plan{
margin-bottom:20px;
}

aside section#side_plan img{
vertical-align:bottom;
margin-bottom:0px;
}



div#to_top {
clear: both;
width: 1000px;
height: 21px;
line-height: 21px;
margin: 35px auto 5px;
text-align: right;
}

div#to_top a {
display: inline-block;
padding: 0 24px 0 0;
font-size: 13px;
height; 21px;
line-height: 21px;
background: url(" https://www.adte.jp/rec/images/template/top.png") right top no-repeat;
text-decoration: none;
}


/* ------------------
フッター
--------------------- */

footer {
border: 1px solid #b1b4bc;
background: #c4c8d1;
margin: 0;
min-width: 1138px;
}

footer div#footer1 {
width: 1000px;
height: 260px;
margin: 0 auto;
border-left: 1px solid #adadad;
}

footer div#footer1 div {
float: left;
width: 212px;
height: 200px;
border-right: 1px solid #adadad;
padding: 30px 12px 30px 24px;
}

footer div#footer1 div h3 {
color: #013989;
font-size: 15px;
}

footer div#footer1 div p#footer_list {
color: #013989;
font-size: 15px;
font-weight: bold;
margin: 15px 0px;
}

footer div#footer1 div ul {
font-size: 13px;
list-style-type: square;
list-style-position: inside;
color: #013989;
}

footer div#footer1 div ul li a {
text-decoration: none;
color: #013989;
}

footer div#footer2 {
margin: 0;
padding: 0;
height: 70px;
line-height: 70px;
background: black;
font-size: 11px;
}

footer div#footer2 div#sitemap {
width: 1000px;
margin: 0 auto;
}

footer div#footer2 div#sitemap ul {
float: left;
list-style-type: none;
}

footer div#footer2 div#sitemap ul li {
float: left;
margin-right: 25px;
}

footer div#footer2 div#sitemap ul li a {
text-decoration: none;
color: #989898;
}

footer div#footer2 div#copyright {
text-align: right;
color: #989898;
}

footer div#footer2 div#copyright p {
line-height: 15px;
text-align: right;
padding-top: 12px;
}

p {
margin: 0;
padding: 0;
text-align: justify;
}

ul {
margin: 0;
padding: 0;
}

a {
color: #4d82c4;
}

a.urgent {
display: block;
width: 242px;
height: 45px;
text-indent: -9999px;
background: url( "https://www.adte.jp/rec/images/urgent.png" ) top left no-repeat;
}

a.form {
display: block;
width: 242px;
height: 45px;
text-indent: -9999px;
background: url( "https://www.adte.jp/rec/images/form.png" ) top left no-repeat;
}

a.form2 {
display: block;
width: 345px;
height: 45px;
text-indent: -9999px;
background: url( "https://www.adte.jp/rec/images/form2.png" ) top left no-repeat;
}

a.reason {
display: block;
width: 345px;
height: 45px;
text-indent: -9999px;
background: url( "https://www.adte.jp/rec/images/reason.png" ) top left no-repeat;
}

br.clearfix {
clear: both;
margin: 0;
padding: 0;
height: 0;
}

article section#mail {
margin: 60px 0;
background: url("https://www.adte.jp/rec/images/template/h3_mail.png") left top no-repeat;
}

article section#mail div#mailform_title {
font-size: 19px;
margin: 10px 0 0 50px;
padding: 5px 0 0 10px;
border-bottom: 1px solid #e8ebef;
color: #2f2f2f;
background: none;
height: auto;
line-height: normal;
font-weight: bold;
}

article section#mail p {
margin: 20px 0 30px;
}

article section#mail p span.tel {
color: #ff9322;
}

article section#mail form {
width: 728px;
height 536px;
margin: 30px 0;
border: 1px solid #c4d2e6;
}

article section#mail span.caution {
color: #0064ff;
}

article section#mail form table {
width: 726px;
height: 534px;
background: #f8fbff;
border: 1px solid white;
}

article section#mail form table tr th {
width: 85px;
text-align: right;
vertical-align: top;
padding: 15px 10px 0;
font-weight: normal;
}

article section#mail form table tr td {
padding: 15px 0;
vertical-align: top;
}

article section#mail form table tr td.half {
width: 250px;
}

article section#mail form table tr td.last {
line-height: 1.5em;
vertical-align: top;
}

article section#mail form input.input1 {
width: 235px;
height: 26px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

article section#mail form input.input2 {
width: 590px;
height: 26px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

article section#mail form select.select1{
width: 590px;
height: 26px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

article section#mail form textarea {
width: 592px;
height: 142px;
border-top: none;
border-right: 1px solid #9bb9ee;
border-bottom: 1px solid #9bb9ee;
border-left: none;
}

div#buffalo_shohyo{
width: 1000px;
margin: 0 auto;
clear: both;
color: #2f2f2f;
font-size: 12px;
}

div#city_list{
width: 1000px;
margin: 0 auto;
clear: both;
color: #2f2f2f;
font-size: 12px;
}


article div#customer_voice #customer_voice_flex{
width: 730px;
height: 518px;
position:relative;
}




article div#customer_voice div.voice_cell{
width: 234px;
height: 248px;
border: solid 1px #011699;
font-size:14px;
position:absolute;
}

article div#customer_voice div.voice_cell:nth-of-type(3){
top:770px;
left:0px;
}

article div#customer_voice div.voice_cell:nth-of-type(4){
top:770px;
left:246px;
}

article div#customer_voice div.voice_cell:nth-of-type(5){
top:770px;
left:492px;
}

article div#customer_voice div.voice_cell:nth-of-type(6){
top:1033px;
left:0px;
}

article div#customer_voice div.voice_cell:nth-of-type(7){
top:1033px;
left:246px;
}

article div#customer_voice div.voice_cell:nth-of-type(8){
top:1033px;
left:492px;
}



article div#customer_voice div.voice_longcell_1{
width: 730px;
font-size:14px;
position:absolute;
top:0px
}


article div#customer_voice div.voice_longcell_2{
width: 730px;
font-size:14px;
position:absolute;
top:370px
}


article div#customer_voice div.customer_voice_image{
height: 91px;
}
article div#customer_voice div.customer_voice_image>image{
height: 91px;
}
article div#customer_voice #customer_voice_partner_logo{
margin-top:19px;
margin-bottom:19px;
margin-left:9.5px;
margin-right:9.5px;
height:210px;
width:215px;
}
article div#customer_voice div.customer_space{
width:100%;
height: 10px;
}
article div#customer_voice div.customer_name{
width:100%;
height: 37px;
text-align:center;

}

article div#customer_voice div.customer_name>div{
width:100%;
height: 21px;
padding-top:6px;
padding-bottom:6px;
text-align:center;

}

article div#customer_voice div.customer_name span.customer_name_inside{
padding-top:9px;
padding-bottom:9px;
}
article div#customer_voice div.customer_comment{
width:100%;
height: 110px;
background-color: #f5f6ff;
}

article div#customer_voice div.customer_comment>div{
padding-top:13px;
padding-bottom:13px;
padding-left:18px;
padding-right:18px;
line-height:21px;
text-align: justify;
}



article table#customer_table {
margin: 5px 0px 5px 0px;
}


article table#customer_table {
border-collapse: collapse;
color: #000000;
font-size: 15px;
position: absolute;
padding: 10px 10px 10px 10px;
border: solid 1px #011699;
text-align: justify;
}


article table#customer_table td {
border-top: 1px dotted #006aff;
border-bottom: 1px dotted #006aff;
padding: 5px 10px 5px 10px;
}

article table#customer_table td.table_img {
border-top: 1px dotted #006aff;
border-bottom: 1px dotted #ffffff;
padding: 15px 10px 0px 20px;
}

article table#customer_table td.subtext {
border-top: 1px dotted #006aff;
padding: 5px 10px 5px 10px;
width: 270px;
}

article table#customer_table td.submenu {
border-top: 1px dotted #006aff;
padding: 10px 0px 10px 0px;
width: 90px;
}

article table#customer_table td.blank {
border-bottom: 1px dotted #ffffff;
padding: 0px 0px 0px 0px;
width: 18px;
}

article table#customer_table td.text_title {
border-top: 1px dotted #006aff;
padding: 10px 0px 10px 0px;
}

article table#customer_table td.table_title {
border-bottom: solid 1px #011699;
font-size: 18px;
font-weight: bold;
padding: 15px 10px 15px 18px;
}

article table#customer_table tr.table_voice td {
border-top: dotted 1px #011699;
border-bottom: dotted 1px #ffffff;
padding: 10px 0px 0px 0px;
}

article table#customer_table tr.table_voice td.person-name {
border-top: dotted 1px #011699;
border-bottom: dotted 1px #ffffff;
font-size: 13px;
padding: 10px 0px 0px 20px;
}




article div#top_conv div.top_conv1 {
  position: relative;
  }

article div#top_conv div.top_conv1 a.btn {
  position: absolute;
  margin:0;
top: 355px;
left: 225px;
  font-size: 15px;
font-weight: bold;
  border: solid #3c4269 2px;
  padding: 7px;
  color: #3c4269;
  text-decoration: none;
  }

article div#top_conv div.top_conv1 a.btn:hover{
  background: #3c4269;
  color: white;
  }

article div#top_conv div.top_conv1 img {
  width: 730px;
  }