/* CSS Document */

/*======================================================================* 
 *  index
 *======================================================================*/

body {
	background: #fff;
}


#img_main {
	height: 111px;
	background: url(../../img/index_main.jpg) no-repeat;
}

/* [ 2019.05 ナビ変更 ] */
#text_main {
	margin-bottom: 60px;
	padding: 25px 40px 0 40px;
	border-top: 1px dotted #c7c7c7;
	text-align: center;
}
#text_main > p {
	margin-bottom: 20px;
	color: #3a64ac;
	font-size: 150%;
	font-weight: bold;
}

#text_main section {
	margin-bottom: 30px;
	padding: 20px;
}
#text_main .can {
	background: #ebf5fa;
	color: #3a64ac;
}
#text_main .not {
	background: #eee;
}
#text_main section h3 {
	margin-bottom: 5px;
	font-size: 134%;
	font-weight: bold;
}
#text_main section p {
	margin-bottom: 15px;
	font-size: 117%;
}
#text_main .search_link {
	width: 308px;
	height: 60px;
	margin: 0 auto;
	background: url(../../img/btn_search_link.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#text_main .search_link:hover {
	background-position: left bottom;
}
#text_main .conform_link {
	width: 308px;
	height: 60px;
	margin: 0 auto;
	background: url(../../img/btn_conform_link.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#text_main .conform_link:hover {
	background-position: left bottom;
}

#maintenance {
	margin: 10px 0 35px 0;
	font-size: 110%;
}

.text_center {
	text-align: center;
}
#index {
	width: 900px;
	margin: 0 auto;
	font-size: 110% !important;
}
.title_h3 {
	margin-bottom: 20px;
	padding: 5px 15px;
	background: #e45b67;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
}

/* [ 2024.01 ナビ追記 ] */
#bridgestone {
	margin: 0 40px 30px 40px;
	padding: 20px;
	border: 3px solid #E45B67;
	text-align: center;
}
#text_main + #bridgestone {
	margin-top: -30px;
}
#bridgestone p {
	margin-bottom: 15px;
	font-size: 117%;
}
#bridgestone p b {
	color: #E45B67;
}
#bridgestone a {
	display: inline-block;
	position: relative;
	color: #000;
	text-decoration: underline;
}
#bridgestone a:hover,
#bridgestone a:active {
	text-decoration: none;
}
#bridgestone dl {
	margin-bottom: 15px;
	font-weight: bold;
}
#bridgestone dt {
	font-size: 130%;
}
#bridgestone dd {
	font-size: 150%;
}
#bridgestone dd a {
	padding-left: 35px;
	text-decoration: none;
	pointer-events: none;
}
#bridgestone dd a img {
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 30px;
	height: 18px;
}
#bridgestone > a {
	padding-left: 13px;
	font-size: 117%;
}
#bridgestone > a::before {
	position: absolute;
	top: 0.3em;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(../../img/icon_check.gif) center center no-repeat;
	content: "";
}
#bridgestone > a[target="_blank"]::after {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-left: 5px;
	background: url(../../img/icon_blank_link.gif) center center no-repeat;
	vertical-align: middle;
	content: "";
}

/*======================================================================* 
 *  check
 *======================================================================*/

#check {
	margin: 20px -20px 40px 0;
}
#check dt {
	margin: 0 20px 0 -10px;
	float: left;
}
#check dd {
	margin-right: 20px;
	padding-top: 25px;
	float: left;
}
#check dd p {
	font-size: 110%;
	font-weight: bold;
}
#check dd li {
	padding-left: 12px;
	background: url(../../img/icon_check.gif) no-repeat 0 5px;
}
#check dd a {
	padding-right: 18px;
	background: url(../../img/icon_blank_link.gif) no-repeat right 5px;
	color: #000;
}

/*======================================================================* 
 *  order-wrap
 *======================================================================*/
 
.order-wrap {
	margin-bottom: 18px;
	padding: 0 20px 20px 20px;
	background: url(../../img/order-bg.gif) no-repeat left bottom;
}
.ysgear-online {
	margin-bottom: 35px;
}
.order-wrap h3 {
	margin: 0 -20px;
	padding-left: 10px;
	background: #fff;
	color: #000;
	border-bottom: 1px solid #cdcdcd;
}
.order-wrap p {
	padding-top: 20px;
}
.order-wrap li {
	padding-left: 15px;
	background: url(../../img/index-triangle-g.gif) no-repeat 0 5px;
}
.order-wrap li a.blank {
	padding-right: 20px;
	background: url(../../img/icon_blank_link.gif) no-repeat right center;
}
.order-wrap li a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.order-wrap li a:hover {
	text-decoration: underline;
}
.order-wrap dl {
	margin: 15px 0;
	background: #ebfcda;
}
.order-wrap dt {
	min-height: 45px;
	padding: 10px;
	background: #d9f9ba;
	color: #2d7d2d;
	float: left;
	font-size: 110%;
	font-weight: bold;
}
.order-wrap dd {
	min-height: 45px;
	padding: 10px 10px 0 10px;
	font-size: 105%;
}
.order-wrap dd a {
	font-weight: normal;
}
.order-wrap dd b {
	color: #009cff;
}
.order-wrap dd li {
	padding: 0 15px 5px 32px;
	background: url(../../img/index-order.gif) no-repeat 15px 3px;
	border-right: 1px solid #d3e2c4;
	float: left;
}
.order-wrap dd .end {
	padding-right: 0;
	border: none;
}
.link {
	float: left;
}
.ysgear {
	float: right;
}

/*======================================================================* 
 *  index-search
 *======================================================================*/

#select p {
	padding-bottom: 10px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}
.index-search {
	margin: 0 auto 50px auto;
	background: url(../../img/bg_index.gif) no-repeat left bottom;
}
.index-search-inner {
	padding: 0 0 22px 0;
}
.index-title {
	min-height: 58px;
	margin-bottom: 15px;
}
.index-search .title_pas { background: url(../../img/icon_pas.gif) no-repeat; }
.index-search .title_battery { background: url(../../img/icon_battery.gif) no-repeat; }
.index-search .title_manual { background: url(../../img/icon_manual.gif) no-repeat; }
.index-search h3 {
	margin: 0 0 0 58px;
	padding: 7px 0 11px 20px;
	border-bottom: 1px solid #3071b7;
}
.index-search h3 img {
	vertical-align: middle;
}
.number {
	height: 88px;
	margin: 10px 0 25px 0;
	background: url(../../img/bg_number.gif) no-repeat left center;
}
.number_title {
	width: 277px;
	margin: 10px 30px 0 0;
	padding: 15px 0;
	border-right: 1px solid #97c0dc;
	text-align: center;
	float: left;
	color: #0063aa;
}
#manual .number_title {
	padding: 25px 0;
}
.number-search {
	padding-top: 8px;
	float: left;
}
.number-search span {
	color: #666;
}
.number-search a {
	padding-left: 12px;
	background: url(../../img/index-triangle-g.gif) no-repeat 0 4px;
}
.input-text input {
	height: 30px;
	padding: 0;
	font-size:20px;
	line-height:41px;
	text-align:center;
}
.input-text .small { width: 60px; vertical-align: middle; }
.input-text .middle { width: 100px; vertical-align: middle; }
.input-text .large { vertical-align: middle; }
.btn_search {
	margin-left: 20px;
	vertical-align: middle;
}
/* [ 2026.05 修正 ] */
.number_note {
	display: flex;
	gap: 20px;
	margin: -10px 0 25px 0;
}
/* .number_note {
	display: flex;
	align-items: center;
	margin: -10px 14px 25px 0;
	padding: 10px;
	background: #fff4f5;
	color: #E45B67;
	font-weight: bold;
}
.number_note dt {
	margin-right: 10px;
	padding: 3px 5px 1px;
	background: #E45B67;
	color: #fff;
	font-size: calc(1em - 0.2rem);
}
.number_note dd {
	flex: 1;
}
.number_note dd span,
.number_note dd b {
	display: inline-block;
}
.number_note dd b {
	font-size: calc(1em + 0.2rem);
}
.number_note dd * * {
	margin-right: -0.4rem;
} */
.index-search-left {
	width: 350px;
	margin: 0 35px 20px 0;
	float: left;
}
.index-search-left h4,
.manual_title {
	margin-bottom: 15px;
	padding: 5px 10px;
	border-left: 5px solid #0063aa;
	font-size: 130%;
	font-weight: bold;
}
.index-search-left p {
	padding-bottom: 15px;
}
.index-search-left p a,
.manual_text a {
	padding-left: 12px;
	background: url(../../img/index-triangle-g.gif) no-repeat left center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.index-search-left p a:hover {
	text-decoration: underline;
}
.index-search-right {
	padding-bottom: 20px;
	float: left;
}
#pas .index-search-right dd ul {
	margin-right: -10px;
	overflow: hidden;
	zoom: 1;
}
#pas .index-search-right dd li {
	margin: 0 10px 10px 0;
	float: left;
}
#manual .index-search-left dt {
	padding-bottom: 10px;
}
#manual .index-search-left dd p {
	padding-top: 10px;
}
.index-search-right {
	width: 460px;
	font-weight: bold;
}
.index-search-right ul {
	margin-right: -25px;
}
.index-search-right li {
	width: 280px;
	margin: 0 25px 10px 0;
	float: left;
}
.index-search-right li p {
	width: 220px;
	padding-top: 10px;
	color: #000;
	float: left;
	font-weight: normal;
}
.index-search-right .battery_img {
	width: auto !important;
	margin: 10px 12px 0 0;
	padding: 0;
	float: left;
}
.index-search-right a {
	height: 32px;
	margin-top: 5px;
	background: url(../../img/bg_battery.gif) no-repeat right top;
	display: block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.index-search-right a span {
	padding-left: 25px;
	background: url(../../img/bg_battery_left.gif) no-repeat left top;
	display: block;
	line-height: 32px;
}
.img_left {
	margin: 10px 0 0 0;
	float: left;
}
.manual_text {
	width: 400px;
	margin-top: 30px;
	float: right;
}
.manual_text a {
	margin-top: 10px;
	display: block;
}


/*======================================================================* 
 *  search_text
 *======================================================================*/
 
.search_text {
	background: #d9ebd9;
}
#search_title {
	padding: 15px;
}
#search_title img {
	margin: 7px 28px 0 0;
	float: left;
}
.search_text ul {
	margin: 0 10px 6px 10px;
}
.search_text li {
	margin-bottom: 4px;
	padding: 5px 10px;
	background: #fff;
}
.search_text li img {
	margin-right: 15px;
	vertical-align: middle;
}
.search_text li p {
	min-width: 252px;
	margin-top: 8px;
	background: url(../../img/bg_result.gif) no-repeat right top;
	float: right;
	line-height: 36px;
}
.search_text li p a {
	height: 36px;
	color: #fff;
	display: block;
	text-decoration: none;
}
.search_text li p #btn_search {
	padding-left: 30px;
	background: url(../../img/bg_result_search_top.gif) no-repeat left top;
}
.search_text li p #btn_search span {
	padding-right: 18px;
	background: url(../../img/icon_btn_search.gif) no-repeat right center;
}
.search_text li p #btn_info {
	padding-left: 30px;
	background: url(../../img/bg_result_info_top.gif) no-repeat left top;
}
.search_text li p:hover {
	background-position: right bottom !important;
}
.search_text li p #btn_search:hover,
.search_text li p #btn_info:hover {
	background-position: left bottom !important;
}

/*======================================================================* 
 *  search_main
 *======================================================================*/

.search_main h3 {
	margin-bottom: 10px;
	padding: 40px 0 15px 25px;
	background: url(../../img/bg-toph3.gif) repeat-x bottom;
}
.search_main p {
	padding-left: 25px;
}
.search_main p span {
	font-size: 130%;
	font-weight: bold;
}
.text_right {
	padding: 10px;
	text-align: right;
}
.search_name {
	float: left;
}

/*======================================================================* 
 *  search_table
 *======================================================================*/

.search_wrap {
	margin: 0 0 25px 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.end {
	border: none;
}
.search {
	width: 686px;
	margin: 0 20px 13px 0;
	float: left;
}
.search_title {
	margin-bottom: 10px;
	padding: 3px 0;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	text-indent: 10px;
}
.nomal {
	background: #2e7e2e url(../../img/bg_title_nomal.gif) repeat-x top;
}
.sub {
	background: #0283b1 url(../../img/bg_title_sub.gif) repeat-x top;
}

.search table {
	margin-bottom: 15px;
	border-collapse: separate;
	border-spacing: 0;
}
.search table thead th,
.search table thead td {
	width: auto;
	background: none;
	border-top: none;
	border-right: none;
	border-left: none;
}
.search table thead td {
	width: 149px;
	padding: 10px 0;
}
.search table tfoot th {
	background: none;
	border:none;
}
.search table tfoot td {
	padding-top: 16px;
	background: url(../../img/bg_order.gif) no-repeat center 2px;
	border: none;
}
.search table tfoot td.btn_none {
	background: none;
}
.search table tfoot a {
	width: 143px;
	height: 43px;
	margin: 0 auto;
	background: url(../../img/btn_order.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}
.search table tfoot .order_no {
	height: 43px;
	background: url(../../img/btn_order_no.gif) no-repeat center 2px;
	text-indent: -9999px;
}

/* [ 2016.05 YMSL追記 ] */
.search table tfoot .order_sub a {
	width: 143px;
	height: 43px;
	margin: 0 auto;
	background: url(../../img/btn_sub.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.search table tfoot .order_capa a {
	width: 143px;
	height: 43px;
	margin: 0 auto;
	background: url(../../img/btn_capa.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.search table tfoot a:hover {
	background-position: left bottom;
}
.search table th {
	width: 78px !important;
	padding: 3px 5px;
	background: #ebebeb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
	white-space: normal;
}
.search table th span {
	font-size: 90%;
}
.search table td {
	padding: 3px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.search table td span {
	display: block;
	font-weight: bold;
}
.search table .img {
	width: 80px;
	padding: 0;
	text-align: center;
}
.search table .order {
	font-size: 130%;
	font-weight: bold;
}
.search table .end {
	color: #ff0000;
	font-weight: bold;
}
.search table .price {
	height: 60px;
}

/* [ 2021.01 ナビ追記 ] */
.important {
	margin-top: 20px;
	padding: 15px;
	border: 5px solid #fac6c6;
}
.important_title {
	margin-bottom: 10px;
	color: #F04242;
	font-size: 130%;
	font-weight: bold;
}
.important_item + .important_item {
	margin-top: 15px;
}
.important_item p {
	padding: 5px 10px;
	background: #efefef;
	font-size: 110%;
}
.important_item ul {
	padding: 0 10px;
}
.important_item li {
	margin-top: 7px;
}
.important_item li a {
	display: flex;
	color: #000;
	text-decoration: none;
}
.important_item li span {
	width: 9em;
	color: #666;
}
.important_item li b {
	width: calc(100% - 9em);
	text-decoration: underline;
}
.important_item li a:hover,
.important_item li a:active {
	color: #F04242;
}

/* right */
.right {
	width: 254px;
	margin-right: 0;
}
.right table {
	width: 254px;
}
.right table.column01 {
	width: 127px;
}
.right .first {
	border-left: 1px solid #ccc;
}
.search .caution {
	color: #ff0000;
}
.contentsWidth .pagetop_search a {
	margin-top: -20px;
	padding-right: 0 !important;
}


/*======================================================================* 
 *  error
 *======================================================================*/

#error {
	padding: 15px 0;
	border: 5px solid #fac6c6;
	text-align: center;
}
#error p {
	color: #f04242;
	font-size: 130%;
	font-weight: bold;
}
#error p a {
	padding-left: 13px;
	background: url(../../img/icon_error.gif) no-repeat left center;
	color: #000;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
#error p a:hover {
	text-decoration: underline;
}

/*======================================================================*
 *  battery
 *======================================================================*/

#battery-text {
	padding-bottom: 20px;
	font-size: 110%;
}
#battery-text a {
	color: #000;
}
#battery01 {
	margin: 10px 50px 0 0;
	float: left;
}
#battery01 dt {
	margin-bottom: 5px;
}
#battery01 dd img {
	margin-bottom: 15px;
}
#battery01 li {
	width: 180px;
	margin: 0 10px 0 0;
}
#battery01 li p {
	width: 120px;
	float: left;
}
#battery01 li p span {
	font-size: 90%;
}
#battery01 .battery_img {
	width: auto !important;
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
}
#battery02 {
	margin-top: 10px;
	float: left;
}
#battery02 dd img {
	margin-bottom: 5px;
}

/* [ 2019.05 ナビ変更 ] */
.other {
	display: -webkit-flex;
	display: flex;
	margin: 10px 0 35px;
	padding: 10px 0;
	max-width: 856px;
	border-radius: 8px;
	background: #ecf3f8;
}
.other_title {
	width: 277px;
	padding: 15px 0;
	border-right: 1px solid #97c0dc;
	text-align: center;
	color: #0063aa;
}
.other-search {
	-webkit-flex: 1;
	flex: 1;
	padding-right: 14px;
}
.other-search p span {
	color: #0063aa;
	font-size: 117%;
	font-weight: bold;
}
.other-search a {
	display: inline-block;
	padding-left: 15px;
	background: url(../../img/index-triangle-g.gif) left 2px center no-repeat;
	color: #000;
}
.other-search a:hover {
	text-decoration: none;
}
.other-search > ul > li + li {
	border-top: 1px solid #97c0dc;
}
.other-search > ul > li {
	padding: 10px 30px;
}
.other-search .li, 
.other-search .ni {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.other-search .li img, 
.other-search .ni img {
	width: 43px;
	margin-right: 10px;
}
.other-search .li p, 
.other-search .ni p {
	-webkit-flex: 1;
	flex: 1;
}
.other-search .end ul {
	display: -webkit-flex;
	display: flex;
	margin-top: 10px;
}
.other-search .end li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: calc(53px + 6em);
}
.other-search .end li + li {
	margin-left: 30px;
}
.other-search .end li img {
	width: 43px;
	margin-right: 10px;
}
.other-search .end li p {
	-webkit-flex: 1;
	flex: 1;
}

/*======================================================================*
 *  search
 *======================================================================*/

#search-box {
	min-width: 600px;
	min-height: 100%;
	background: #fff;
}
#search {
	width: 600px !important;
}
#search-inner {
	width: 540px;
	margin-left: 30px;
	font-size: 110%;
}
#search strong {
	color: #0055b4;
	font-size: 110%;
	line-height: 180%;
}
#search .link_battery {
	padding-left: 15px;
	background: url(../../img/icon_blank.gif) no-repeat 2px center;
}
#search .battery_text {
	float: left;
}
#search .battery {
	background: url(../../img/bg_collect.gif) no-repeat right center;
	float: right;
}
#search .battery a {
	padding: 0 10px 2px 25px;
	background: url(../../img/icon_collect.gif) no-repeat left center;
	display: block;
	color: #fff;
	line-height: 180%;
	text-decoration: none;
}
#search dl {
	padding: 25px 0;
}
#search dt {
	font-weight: bold;
}
#search #cart_text {
	margin: 0 20px;
	border-bottom: 1px dashed #ff5a00;
	color: #ff5a00;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}
#search form {
	margin: 30px -22px 0 0;
	padding: 0;
	background: url(../../img/bg_form.gif) no-repeat;
	overflow: hidden;
}
#search button {
	width: 257px;
	height: 87px;
	margin: 0 22px 0 0;
	padding: 0;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	text-indent: -9999px;
}
#search-inner ul {
	margin: 30px -22px 0 0;
}
#search-inner ul li {
	margin: 0 22px 0 0;
	float: left;
}
#search-inner ul li a {
	width: 257px;
	height: 87px;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
}
#search #btn_cart01 {
	background: url(../../img/btn_cart01.gif) no-repeat;
}
#search #btn_cart01 a:hover {
	background: url(../../img/bg_form.gif) no-repeat left top;
}
#search #btn_cart02 {
	background: url(../../img/btn_cart02.gif) no-repeat;
}
#search #btn_cart02 a:hover {
	background: url(../../img/bg_form.gif) no-repeat right top;
}
/* smt */
#collect-box {
	width: 100% !important;
	height: 100%;
	background: #fff;
}
#collect-smt p img {
	max-width: 506px;
	width: 100%;
}
#collect-smt #collect-img {
	padding: 0 10px;
}
#collect-smt p strong {
	margin: 22px 10px 10px 10px;
	color: #0055b4;
	display: block;
	font-size: 140%;
}
#collect-smt #cart_text {
	margin: 0 10px 10px 10px;
	text-align: center;
	font-size: 140%;
}
#collect-smt #btn_collect {
	margin: 0 10px 20px 10px;
}
#collect-smt #btn_collect li {
	max-width: 396px;
	width: 100%;
	margin: 0 auto;
}
#collect-smt #btn_collect li img {
	max-width: 396px;
	width: 100%;
	margin-bottom: 10px;
}
#collect-smt #link_pc {
	border-top: 2px solid #e5e5e5;
}
#collect-smt #link_pc a {
	padding: 10px 15px;
	background: #e3f6fd;
	border-bottom: 2px solid #e5e5e5;
	color: #01528d;
	display: block;
	text-decoration: none;
}
#collect-smt #link_pc p {
	padding-top: 5px;
	float: left;
	font-size: 120%;
}
#collect-smt #link_pc span {
	padding: 5px 0 5px 38px;
	background: url(../../img/icon_collect_pc.gif) no-repeat left center;
	display: block;
	float: right;
	font-size: 120%;
}

/*======================================================================*
 *  contact
 *======================================================================*/

.contact {
	width: 900px;
	margin: 0 auto 30px auto;
}
.contact h3 {
	min-height: 33px;
	margin-bottom: 23px;
	padding-left: 17px;
	background: url(../../img/bg_result_contact.gif) no-repeat left bottom;
	color: #000;
	font-size: 130%;
	font-weight: bold;
}
.contact .tel {
	margin: 0 20px 0 0;
	float: left;
}
.result {
	font-size: 110% !important;
}
.contact .tel img {
	margin: 0 0 13px 5px;
}
.contact .tel p {
	padding: 3px 0;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	text-align: center;
}
.contact .info {
	width: 490px;
	font-size: 105%;
	float: left;
}
.contact p.indent {
	padding-left: 20px !important;
	font-size: 85%;
}

/*======================================================================*
 *  clearfix
 *======================================================================*/

.number:after, .index-search:after, .index-search-right dl:after,
.search_wrap:after, #battery-top:after, .search_text:after,
#search_title:after, .search_text li:after, .contact:after,
.order-wrap:after, .order-wrap dl:after, .lithium:after, #check:after,
#link_pc a:after {
	content: "";
	display: table;
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.number, .index-search, .index-search-right dl,
.search_wrap, #battery-top, .search_text,
#search_title, .search_text li, .contact,
.order-wrap, .order-wrap dl, .lithium, #check,
#link_pc a {
	zoom: 1;
}