@charset "utf-8";

/*purchase_box
.purchase_box { margin-bottom: 1em; }
.purchase_box > div ul li { margin-top: 0.4em; }
.purchase_box { margin-top: 1em; border: 1px solid #e5e5e5; }
.purchase_box h1 { background: #f9f9f9; padding: 0.8em; text-align: center; border-bottom: 1px solid #e5e5e5; font-size: 1.1em; }
.purchase_box > div { padding: 1em 0.4em }
.purchase_box > div ul { margin: 0.8em 0; }
.purchase_box +  section > ul.link_list { margin: 0; padding-top: 0; padding-bottom: 1em; border-bottom: 1px solid #e5e5e5; }
*/

/*Service Start*/
.service div.banner { border: 3px solid #ff7100; padding: 1.2em; }
.service div.banner > strong { display: block; color: #ff7100; font-size: 1.6em; margin-bottom: 0.5em; }
.service section div.news_box dl dt { width: 9em; }
.service dl.bdrAlrt dt,
.service dl.bdrAlrt dd { font-size: 1.4rem !important; }
/*@End*/


.servicearea section.avaarea ul li { margin-bottom: 0.5em; }
.servicearea section.avaarea ul li a { border: 1px solid #e5e5e5; border-radius: 0.6em; font-weight: bold; }
.servicearea section.avaarea ul li a { display: table; padding: 0.4em 1em 0.4em 0; vertical-align: middle; height: 100%; }
.servicearea section.avaarea ul li a strong,
.servicearea section.avaarea ul li a figure { padding-left: 0.4em; width: 3em; display: table-cell; vertical-align: middle; }
.servicearea section.avaarea ul li a figure img { min-width: 100%; }
.servicearea section.avaarea ul li a figure { display: block; font-size: 0.9em; font-weight: normal; }
.servicearea section.avaarea ul li a strong { padding-left: 2em; width: 100%;  background-position-x: 1em; }

.servicearea.index .visualArea { width: 100%; margin: 30px 0 20px; }
.servicearea.index .visualAreat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.servicearea.index .visualArea .selectWrap { display: block; margin: 0 40px; }
.servicearea.index .visualArea .searchWrap { display: block; margin: 20px auto; width: 100%; }

/*
.servicearea.index .visualArea .searchWrap a.searchBtn { display: block; width: 90%; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.servicearea.index .visualArea .searchWrap a.searchBtn,
.servicearea.index .visualArea .searchWrap a.searchBtn.search_off,
.servicearea.index .visualArea .searchWrap a.searchBtn.search_on:hover { background: url("/content/dam/au-com/extlib/ai/images/iphone/iphone5/service/servicearea/index/btn_index_search_ds.gif") no-repeat top center; }
.servicearea.index .visualArea .searchWrap a.searchBtn.search_on { background: url("/content/dam/au-com/extlib/ai/images/iphone/iphone5/service/servicearea/index/btn_index_search.gif") no-repeat top center; }
*/
.servicearea.index .visualArea .searchWrap p { margin-top: 5px; margin-bottom: 0; }
.servicearea.index .visualArea select { display: block; width: 100%; height: 2.5em !important; margin-bottom: 1.25em !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: white !important; border: 1px solid #A6A6A6; }
.servicearea.index .visualArea select + select { margin-top: 7px; }
.servicearea.index .shopPre { margin: 3em auto; display: none; }
.servicearea.index .shopListArea { margin: 20px 0; display: none; }
.servicearea.index .shopTableWrap table { width: 100%; line-height: 1.3; }
.servicearea.index .shopTableWrap table thead th { padding: 8px 12px; font-weight: bold !important; font-size: 1.2em; color: #fff; background: #ff7100; border: none; }
.servicearea.index .shopTableWrap table thead td { font-weight: bold; text-align: center; border: solid 1px #d8d8d8; background-color: #efefef; }
.servicearea.index .shopTableWrap table tbody th { padding: 5px 12px; background: #efefef; color: #333; font-weight: bold; text-align: left; border: none; }
.servicearea.index .shopTableWrap table tbody th span { margin-right: 2px; }
.servicearea.index .shopTableWrap table tbody td { padding: 10px 12px; border-bottom: solid 1px #d8d8d8; }
.servicearea.index div.cmnparts_tab { margin-bottom: 30px; }



.servicearea.university #selectWrap { position: relative; background: #fdeae1 !important; padding: 10px; }
.servicearea.university #selectWrap p { top: 12px; left: 250px; color: #eb5505; }
.servicearea.university #shopPre { margin: 3em auto; width: 66px; display: none; }
.servicearea.university table { width: 100%; line-height: 1.3; margin-top: 20px; }
.servicearea.university table tbody th { background: #efefef; color: #333; font-weight: bold; text-align: left; border: 1px solid #d8d8d8; }
.servicearea.university table tbody tr { border-bottom: solid 1px #d8d8d8; }
.servicearea.university table tr th,
.servicearea.university table tbody tr td { padding-right: 12px; padding-left: 12px; border-bottom: solid 1px #d8d8d8; }
.servicearea.university table tr th { padding-top: 5px; padding-bottom: 5px; }
.servicearea.university table tbody tr td { padding-top: 10px; padding-bottom: 10px; }
.servicearea.university #prefSelect { width: 80%; }
.servicearea.university .u_name { width: 40%; }



/*4GLTE Start*/
.service.lte div.banner { border: 3px solid #ff7100; padding: 1.2em; }
.service.lte section section ul,
.service.lte section section p,
.service.lte section section table,
.service.lte section section figure,
.service.lte section section div { margin: 0 .5em; }
.service.lte section section .h3Mode01 { margin: 2em .5em .5em; padding: .5em 0; }
.service.lte section section { margin-bottom: 2em; }
.service.lte section section sup { font-size: .8em; }
.service.lte section section .catch { margin-bottom: .5em; font-size: 2.4rem !important; font-weight: bold; }
.service.lte section section .catch span { font-size: 2.4rem !important; color: #eb5505; }
.service.lte section section .catch2 { font-size: 2.2rem !important; }
.service.lte section section .catch2 span { font-size: 2.2rem !important; color: #eb5505; }
.service.lte section section .catch sup { font-size: 1.4rem !important; }
.service.lte section section figure { margin: 1em 0; width: 100%; text-align: center; }
.service.lte section section figure img { width: 80%; }
.service.lte #feat2  table { border: #ccc 2px solid; }
.service.lte #feat2  table th,
.service.lte #feat2  table td { padding: .5em; }
.service.lte #feat2  table th { width: 5em; background-color: #f9f9f9; border-right: #ccc 2px solid; text-align: left; }
.service.lte #feat2  table td { width: 9em; }

.service.lte #feat3 div.more_box { position: relative; margin-top: 1em; padding-left: 5em; min-height: 4.5em; }
.service.lte #feat3 div.more_box p { padding: 0; }
.service.lte #feat3 div.more_box p > span { display: block; position: absolute; top: .2em; left: 0; width: 4.5em; height: 4.5em; color: #fff; text-align: center; background-color: #eb5505; border-radius: 5em; }
.service.lte #feat3 div.more_box p > span > span { display: block; margin-top: 1.5em; }
/*@End*/

/*Area page Start*/
body.areapage [role="main"] > section > section > .h1_title span { position: relative; padding-left: 5em; }
body.areapage [role="main"] > section > section > .h1_title > span > a,
body.areapage [role="main"] #back a { display: block; background: #fff; padding: 0.3em 0.5em; width: 2.5em; text-align: center; border: 1px solid #aaa; font-weight: normal; }
body.areapage [role="main"] > section > section > .h1_title > span > a { position: absolute; top: 0.4em; left: 0.5em; }
body.areapage [role="main"] #back a { margin: 0.3em 0; }
body.areapage [role="main"] > section ul.nomal_list li { margin-bottom: 0.5em; }
/*@End*/

/*Service End*/


div.news_box dl dd a { text-indent: 0; }

.servicearea {
    box-sizing: border-box!important;
}

.areamaplist .icnBlank { float: left; } 
/* @end */