@charset "utf-8";

/******************************************************************/
/* LAYOUT PART */
/******************************************************************/
body {font-family: "Noto Sans JP", sans-serif; font-weight: 400;}
#outer{ margin:0 auto; width:920px; text-align:left; border-bottom:1px solid #9FA0A0; border-left:1px solid #9FA0A0; border-right:1px solid #9FA0A0; background:#FFF;}
#outer:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#header,#menu,#maint,#main,#main_ship,#footer{ clear:both; width:880px; margin-left:20px; margin-right:20px;}
#header{ font-size:13px; background:url(../images/header-bg.gif); padding:15px 0px 10px 0px;}
#header:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#footer_detail{ clear:both; width:640px; margin-left:20px; margin-right:20px;}
#menu{ font-size:13px; background:#FFF url(../images/menu-bg.gif) bottom repeat-x; padding:8px 0px;}
#menu:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#maint{ width:880px; padding-bottom:20px; border-bottom:1px solid #000;}
#maint:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#main{ width:880px; padding-bottom:20px; margin-top:10px; border-bottom:1px solid #000; background:url(../images/main-bg.gif) left top repeat-y;}
#main:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#maintl,#maintr{ float:left;}
#maintl{ width:710px; margin-right:10px;}
#maintr{ width:160px;}
#mainl,#mainr{ float:left;}
#mainl{ width:205px; margin-left:1px; margin-right:14px;}
#mainr{ width:660px;}
#footer,#footer_detail{ text-align:center; font-size:0.8em; padding:8px 0px;}

#main_ship{ width:880px; padding-bottom:20px; margin-top:10px; border-bottom:1px solid #000;}
#main_ship:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}


/******************************************************************/
/* COMMON */
/******************************************************************/
#logo{ float:left; width:135px;}
#txtmenu{ float:right; padding:35px 15px 0px 0px; text-align:right;}
#txtmenu ul{ list-style:none; margin:0; padding:0;}
#txtmenu ul li{ display:inline; background:url(../images/icon-txtmenu.gif) left top no-repeat; padding-left:10px; padding-right:5px;}
#txtmenu ul li#end{ padding-right:0px;}
#txtmenu ul li a{ text-decoration:none;}
#txtmenu ul li a:hover{ text-decoration:underline;}
#headerr{ float:right; width:180px; text-align:right;}
#loginbox,#cartbox{ float:right; padding:6px 0px 6px 7px;}
#loginbox { width:270px;}
#loginbox{ background:url(../images/loginbox-bg.gif) right bottom no-repeat; color:#FFF; background-color:#cf1413;}
#loginbox span,#loginbox input{ float:left;}
#loginbox input{ margin-left:2px;}
#logininput,#loginbtn{ float:left;}
#logininput{}
#inputid input{ margin-bottom:2px; width:80px;}
#inputpass{ clear:both;}
#inputpass input{ width:80px;}
#loginbtn{ padding-left:5px; width:100px;}
#loginbtn input { width:100px;}
.easylogin {margin-bottom:1px;}

#cartbox{ width:140px; background:url(../images/cartbox-bg.gif) right bottom no-repeat; color:#FFF;}
#carttitle,#cartbtn{ float:left;}
#carttitle{ padding-top:5px; margin-left:3px;}
#cartbtn{ margin-left:25px;}
*:first-child+html #cartbtn{ margin-left:9px;}
#menu ul{ list-style:none; margin:0; padding:0;}
#menu ul li{ border-right:1px solid #C9CACA; float:left; padding:0px 7px;}
#menu ul li#menurguide{ float:right; border-left:1px solid #C9CACA; margin-right:10px;}
#menu ul li#menurguide a{ color:#0000ff;}
#menu ul li#menurguide a:hover{ color:#E60012;}
#menu ul li a{ text-decoration:none;}
#menu ul li a:hover,#menu ul li a#thispage{ color:#E60012;}
#searchboxt{ font-size:13px; width:700px; padding:5px 5px; color:#FFF; background:#111640;}
#searchboxt:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#searcht{ width:700px;}
#search_txt {width:110px;}
#searcht:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#searchboxt form{ float:left;}
#searchbox{ font-size:13px; width:850px; margin:0px 20px; padding:5px 15px; color:#FFF; background:#111640;}
#searchbox:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#search{ width:865px;}
#search:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#searchbox form{ float:left;}
#searchcom{ float:left; width:205px; padding-top:7px; padding-left:7px;}
#searchcom:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#searchcom img{ vertical-align:middle;}
#topicpath{ clear:both; width:865px; margin:0px 20px; padding:5px 0px 5px 15px; background:#E6E6E6;}
#topicpath:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#topicpath a {text-decoration:none;}
.pagetop{ text-align:right; line-height:2; clear:both;}
.pagetop a{ color:#091139;}
.pagetop_list { text-align:left; float:left;}
.hissu{ color:#C7000B;}
div.mainrbox{ clear:both; width:660px; margin-top:20px; margin-bottom:20px;}
div.mainrbox:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}

span.zaiko_search {font-size:1.15em;}
.hachulist{ margin-left:0px; width:130px; float:left;}
.hachulist_top{ margin-left:25px; width:130px; float:left;}

table.graytbl{ clear:both;}
table.graytbl th,table.graytbl td{ padding:5px; border:1px solid #C9CACA;}
table.graytbl th{ background:#E6E6E6; text-align:center; white-space:nowrap;}

div.clear{clear:both;}

button, input[type="button"], input[type="submit"] {cursor:pointer;}

/******************************************************************/
/* TOP納品書・請求書ダウンロード 2017.12.06                       */
/******************************************************************/
/*
#user_menu {margin:5px 0;}
#user_menu > button {font-size:12pt; width:130px; height:40px; margin-left:5px; letter-spacing:5px;}
#user_menu > button:first-child {margin-left:0px;}
#user_menu > #btn_backorder {font-size:11pt; letter-spacing:0;}
@supports (-ms-ime-align:auto) {
	#user_menu > #btn_backorder {font-size:12pt;}
}
*/

#user_menu {margin:5px 0;}
#user_menu > button {font-size:12pt; min-width:107px; height:40px; margin-left:5px;}
#user_menu > button:nth-child(1) {margin-left:0px; background-color:#ff00ff; border-color:#ff00ff;}
#user_menu > button:nth-child(2) {background-color:#0000fe; border-color:#0000fe; color:#fff;}
#user_menu > button:nth-child(3) {background-color:#ffff01; border-color:#ffff01;}
#user_menu > button:nth-child(4) {background-color:#ff7f00; border-color:#ff7f00;}
#user_menu > button:nth-child(5) {background:#00ff00; border-color:#00ff00;}

.boxStickerMenu {
	display: inline-block;
	width: 219px;
    position: relative;
    margin: 0.75em 0 0.1em 0.5em;
    padding: 0.5em 0.5em 0.4em;
    border: solid 2px #007BFF;
    border-radius: 8px;
}
.boxStickerMenu .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 1.1em;
    background: #FFF;
    color: #007BFF;
    font-weight: bold;
}
.boxStickerMenu p {
    margin: 0; 
    padding: 0;
}
.boxStickerMenu button, .stickerMenuButton {
	font-size: 12pt;
	height: 40px;
	min-width: 107px;
	background:#007BFF;
	border-color:#007BFF;
	color:#fff;
}
.boxStickerMenu button:last-child {
	margin-left: 5px;
}


/******************************************************************/
/* 納品書・請求書ダウンロード 2017.12.07                       */
/******************************************************************/
#nouhin-seikyuusyo {text-align:center; margin-top:20px; margin-bottom:40px;}
#nouhin-seikyuusyo button {font-size:13pt; width:350px; height:60px; margin-top:15px;}


/******************************************************************/
/* TOP検索ボックス */
/******************************************************************/

/* 工具辞典24バナー無し */
/*
#top_search_box {width:670px; height:310px; background-image:url(../images/top/search/box.png); background-repeat:no-repeat; position:relative;}
#top_search_box_login {width:670px; height:310px; background-image:url(../images/top/search/box_login.png); background-repeat:no-repeat; position:relative;}
input.txt_search_box_no {position:absolute; top:200px; left:190px; width:330px; padding:5px 10px; font-size:11pt; border:2px solid #A1A1A1; border-radius:8px; box-shadow:none;}
input.txt_search_box_no:focus {outline:none;}
input.btn_search_no {position:absolute; top:200px; left:550px; background-color:rgba(0,0,0,0); background-image:url(../images/top/search/button.png); background-repeat:no-repeat; width:102px; height:33px; border:0; ime-mode:inactive;}
input.btn_search_no:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
input.txt_search_box_keyword {position:absolute; top:270px; left:190px; width:330px; padding:5px 10px; font-size:11pt; border:2px solid #A1A1A1; border-radius:8px; box-shadow:none; ime-mode:active;}
input.txt_search_box_keyword:focus {outline:none;}
input.btn_search_keyword {position:absolute; top:270px; left:550px; background-color:rgba(0,0,0,0); background-image:url(../images/top/search/button.png); background-repeat:no-repeat; width:102px; height:33px; border:0;}
input.btn_search_keyword:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_logout{display:inline-block; text-decoration:none; background:#bc1c21; color:#FFF; border-bottom:solid 4px #8b0000; border-radius:10px; position:absolute; font-weight:bold; font-size:28px; top:170px; left:15px; width:130px; height:115px; text-align:center; line-height:30px; letter-spacing:5px; padding-bottom:15px;}
a.btn_ship_cost_logout:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_login{display:inline-block; text-decoration:none; background:#222; color:#FFF; border-bottom:solid 4px #111; border-radius:10px; position:absolute; font-weight:bold; font-size:28px; top:170px; left:15px; width:130px; height:115px; text-align:center; line-height:30px; letter-spacing:5px; padding-bottom:15px;}
a.btn_ship_cost_login:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_logout p {margin-top:7px; margin-left:5px; -webkittransform: scale(1.7, 1); -ms-transform: scale(1.7, 1); -o-transform: scale(1.7, 1); transform: scale(1.7, 1);}
a.btn_ship_cost_login p {margin-top:7px; margin-left:5px; -webkittransform: scale(1.7, 1); -ms-transform: scale(1.7, 1); -o-transform: scale(1.7, 1); transform: scale(1.7, 1);}
*/
/* 工具辞典24バナー無し */

/* 工具辞典24 or トラック用バナーあり */

/* 工具辞典24 */
/*
#top_search_box {width:670px; height:405px; background-image:url(../images/top/search/box_24.png); background-repeat:no-repeat; position:relative;}
#top_search_box_login {width:670px; height:405px; background-image:url(../images/top/search/box_login_24.png); background-repeat:no-repeat; position:relative;}
*/

/* トラック用 */
/*
#top_search_box {width:670px; height:405px; background-image:url(../images/top/search/box_truck.png); background-repeat:no-repeat; position:relative;}
#top_search_box_login {width:670px; height:405px; background-image:url(../images/top/search/box_login_truck.png); background-repeat:no-repeat; position:relative;}
*/

/* 検索ボックスのみ（分離）2019.5.15 */
#top_search_box {width:670px; height:155px; background-image:url(../images/top/search/box/box.png); background-repeat:no-repeat; position:relative;}
#top_search_box_login {width:670px; height:155px; background-image:url(../images/top/search/box/box_login.png); background-repeat:no-repeat; position:relative;}
input.txt_search_box_no {position:absolute; top:45px; left:190px; width:330px; padding:5px 10px; font-size:11pt; border:2px solid #A1A1A1; border-radius:8px; box-shadow:none;}
input.txt_search_box_no:focus {outline:none;}
input.btn_search_no {position:absolute; top:45px; left:550px; background-color:rgba(0,0,0,0); background-image:url(../images/top/search/button.png); background-repeat:no-repeat; width:102px; height:33px; border:0; ime-mode:inactive;}
input.btn_search_no:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
input.txt_search_box_keyword {position:absolute; top:115px; left:190px; width:330px; padding:5px 10px; font-size:11pt; border:2px solid #A1A1A1; border-radius:8px; box-shadow:none; ime-mode:active;}
input.txt_search_box_keyword:focus {outline:none;}
input.btn_search_keyword {position:absolute; top:115px; left:550px; background-color:rgba(0,0,0,0); background-image:url(../images/top/search/button.png); background-repeat:no-repeat; width:102px; height:33px; border:0;}
input.btn_search_keyword:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}

a.btn_ship_cost_logout{display:inline-block; text-decoration:none; background:#bc1c21; color:#FFF; border-bottom:solid 4px #8b0000; border-radius:10px; position:absolute; font-weight:bold; font-size:28px; top:15px; left:15px; width:130px; height:115px; text-align:center; line-height:30px; letter-spacing:5px; padding-bottom:15px;}
a.btn_ship_cost_logout:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_login{display:inline-block; text-decoration:none; background:#222; color:#FFF; border-bottom:solid 4px #111; border-radius:10px; position:absolute; font-weight:bold; font-size:28px; top:15px; left:15px; width:130px; height:115px; text-align:center; line-height:30px; letter-spacing:5px; padding-bottom:15px;}
a.btn_ship_cost_login:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_logout p {margin-top:7px; margin-left:5px; -webkittransform: scale(1.7, 1); -ms-transform: scale(1.7, 1); -o-transform: scale(1.7, 1); transform: scale(1.7, 1);}
a.btn_ship_cost_login p {margin-top:7px; margin-left:5px; -webkittransform: scale(1.7, 1); -ms-transform: scale(1.7, 1); -o-transform: scale(1.7, 1); transform: scale(1.7, 1);}

/*
input.txt_search_box_no {position:absolute; top:295px; left:190px; width:330px; padding:5px 10px; font-size:11pt; border:2px solid #A1A1A1; border-radius:8px; box-shadow:none;}
input.txt_search_box_no:focus {outline:none;}
input.btn_search_no {position:absolute; top:295px; left:550px; background-color:rgba(0,0,0,0); background-image:url(../images/top/search/button.png); background-repeat:no-repeat; width:102px; height:33px; border:0; ime-mode:inactive;}
input.btn_search_no:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
input.txt_search_box_keyword {position:absolute; top:365px; left:190px; width:330px; padding:5px 10px; font-size:11pt; border:2px solid #A1A1A1; border-radius:8px; box-shadow:none; ime-mode:active;}
input.txt_search_box_keyword:focus {outline:none;}
input.btn_search_keyword {position:absolute; top:365px; left:550px; background-color:rgba(0,0,0,0); background-image:url(../images/top/search/button.png); background-repeat:no-repeat; width:102px; height:33px; border:0;}
input.btn_search_keyword:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}

a.btn_ship_cost_logout{display:inline-block; text-decoration:none; background:#bc1c21; color:#FFF; border-bottom:solid 4px #8b0000; border-radius:10px; position:absolute; font-weight:bold; font-size:28px; top:265px; left:15px; width:130px; height:115px; text-align:center; line-height:30px; letter-spacing:5px; padding-bottom:15px;}
a.btn_ship_cost_logout:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_login{display:inline-block; text-decoration:none; background:#222; color:#FFF; border-bottom:solid 4px #111; border-radius:10px; position:absolute; font-weight:bold; font-size:28px; top:265px; left:15px; width:130px; height:115px; text-align:center; line-height:30px; letter-spacing:5px; padding-bottom:15px;}
a.btn_ship_cost_login:hover {opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
a.btn_ship_cost_logout p {margin-top:7px; margin-left:5px; -webkittransform: scale(1.7, 1); -ms-transform: scale(1.7, 1); -o-transform: scale(1.7, 1); transform: scale(1.7, 1);}
a.btn_ship_cost_login p {margin-top:7px; margin-left:5px; -webkittransform: scale(1.7, 1); -ms-transform: scale(1.7, 1); -o-transform: scale(1.7, 1); transform: scale(1.7, 1);}
*/
/* 工具辞典24バナーあり */



/* 修理見積対応 2021.11.11 追加 */
a.btn_ship_cost_login, a.btn_ship_cost_logout {border-radius:6px; font-size:18px; top:15px; left:10px; width:140px; height:42px; line-height:55px; letter-spacing:0; padding-bottom:15px;}
#btn_repair {top:85px;}





/******************************************************************/
/* TOP */
/******************************************************************/
div#iteminfot{ width:695px; clear:both; border-bottom:1px solid #C9CACA; margin:10px 0px; padding:0px 0px 5px 15px;}
div#iteminfot:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div#iteminfot h2{ font-size:1.2em; color:#091139; float:left;}
div#iteminfot div{ float:right; color:#091139; margin-right:5px; padding:3px 5px;}
div#iteminfot div img{ margin-right:5px;}
div#iteminfot div.marquee{ float:left; margin-left:30px; width:480px; background-color:#e60012;}
div#iteminfot div marquee{ color:white; font-weight:bold;}
div#topnews { background-color:#111640; color:gold; padding:5px 10px; margin-bottom:10px; font-size:1.5em; font-weight:bold; text-align:center;}
div#topnews a{ color:gold; text-decoration:none;}

div.itemtmenubox{ width:710px; margin-bottom:5px; clear:both;}
div.itemtmenubox:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.itemtmenu{ width:218px; display:block; float:left; background:url(../images/top/itemtmenu-bg.gif) left top repeat-y; margin:0px 8px 5px 0px;}
div.itemtmenur{ margin-right:0px;}
div.itemtmenu div.itemph,div.itemtmenu div.itemde{ float:left;}
div.itemtmenu div.itemph{ width:75px; padding-left:7px; padding-right:7px;}
div.itemtmenu div.itemde{ width:120px; padding-right:9px;}
div.itemtmenu div.itemde a{ text-decoration:none;}
div.itemtmenu div.itemde a:hover{ color:#E60012; text-decoration:none;}
div.itemtmenu div.itemde div.iname{ padding:0px 0px 0px 12px; margin-bottom:3px; background:url(../images/top/infomenu/icon-infomenu.gif) left top no-repeat; border-bottom:1px solid #000;}
div.itemtmenu div.itemde div.icom{ font-size:0.8em; }

div.itemtmenubox2clm{ width:670px; margin-bottom:5px; clear:both;}
div.itemtmenubox2clm:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.itemtmenuboxl,div.itemtmenuboxr{ float:left;}
div.itemtmenuboxl{ width:444px; margin-right:8px;}
div.itemtmenuboxr{ width:216px; padding-bottom:10px; border:1px solid #bbb;}
div#blogname { padding:5px; font-size:1.2em; font-weight:bold;}
/* div#blogdetail{ width:187px; height:405px; padding:0px 10px; font-size:0.9em; line-height:1.7;}
div#blogdetail { position:static; width:216px; height:396px; font-size:0.9em; line-height:1.7; }
 */
div#blogbox{ width:160px; border:1px solid #bbb;}
div#blogdetail { position:static; width:160px; height:152px; font-size:0.9em; line-height:1.7; }



/* SCROLL */
#Scroller-1{ position:absolute; overflow:hidden; width:148px; height:140px;}
#Scroller-1 dl { margin:0; padding:0px 10px;}
div#blogdetail dl{}
div#blogdetail dl dt{}
div#blogdetail dl dd{ background:url(../images/top/blog/icon-triangle_y.gif) left top no-repeat; padding:0px 5px 0px 16px; margin-bottom:5px; border-bottom:1px dotted #bbb;}
.Scroller-Container{ position:absolute; top:0px; left:0px;}
#Scrollbar-Container{ position:absolute;}
.Scrollbar-Up{ cursor:pointer; position:absolute; left:144px;}
.Scrollbar-Track{ width:10px; height:108px; position:absolute; top:16px; left:144px; background:#EEE;}
.Scrollbar-Handle{ position:absolute; width:10px; height:32px;}
.Scrollbar-Down { cursor:pointer; position:absolute; top:124px; left:144px;}
/* //SCROLL */


#newguide{ width:140px; padding:10px; color:#FFF; background:#000;}
#nitemtitle{ border-bottom:1px solid #FFF; margin-bottom:10px;}
div.nitemname{ padding-bottom:5px;}
div.nitemphoto {background-color:#FFFFFF; text-align:center;}
/*
#newguide img.nitem{ margin-top:20px;}
*/
#newguide a { color:#FFF; text-decoration:none;}
ul.tbanner{ list-style:none; margin:10px 0px 0px 0px; padding:0;}
ul.tbanner li{ margin-bottom:10px;}
ul.tbanner li img{ vertical-align:bottom;}


div#deliverybox{ width:100%; margin-bottom:10px;}
div#deliverybox:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div#deliverybox h2,div#deliverynote{ float:left; margin-bottom:15px;}
div#deliverybox h2{ margin-right:15px; text-decoration:blink; background-color:#111640; color:gold; padding:5px 10px; font-size:1.5em; font-weight:bold;}
div#deliverynote{ margin-top:10px;}

div#a_ranking{ width:662px; border:4px solid #24243C; margin-bottom:20px; background:url(../images/top/a_ranking/bg.gif) left top no-repeat;}
div#a_ranking:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div#a_ranking a{ text-decoration:none;}
div#a_ranking a:hover{ text-decoration:underline;;}
div#a_ranking h2{ padding:15px 0px 8px 0px; text-align:right;}
div#a_rankingl{ float:left; width:347px; margin-left:5px;}
div#a_rankingr{ float:left; width:300px; margin-top:10px;}
div#a_rankingl{ margin-right:10px;}
div#a_rankingl div#term{ padding-bottom:5px; text-align:right; color:#231815; font-size:0.9em;}
div#a_rankingl table{ width:100%;}
div#a_rankingl table th,div#a_rankingl table td{ padding:15px 5px;}
div#a_rankingl table tr.end th,div#a_rankingl table tr.end td{ border-bottom:none;}
div#a_rankingl table th{ text-align:right;}
div#a_rankingl table td{ color:#231815;}
div#a_rankingl table td div.itemnum{ width:100%; margin-bottom:5px;}
div#a_rankingl table td div.itemnum span{ padding:3px 20px 3px 5px; background:#231815; color:#FFF;}
div#a_rankingr{}
div#a_rankingr table{ width:100%;}
div#a_rankingr table th,div#a_rankingr table td{ padding:7px 5px 5px 5px;}
div#a_rankingr table tr.end th,div#a_rankingr table tr.end td{ border-bottom:none;}
div#a_rankingr table th{ text-align:right;}
div#a_rankingr table td{ color:#231815;}
div#a_rankingr table td div.itemnum{ width:100%; margin-bottom:5px;}
div#a_rankingr table td div.itemnum span{ padding:3px 20px 3px 5px; background:#231815; color:#FFF;}



/******************************************************************/
/* ITEM */
/******************************************************************/
#mainl #topic{ width:175px; padding:8px 15px; color:#FFF; background:#091139;}
/* MENU SLIDE */
#dlmenu {}
#menuslide { list-style-type:none; margin:0px; padding:0; width:205px;}
#menuslide li { display:block; padding:0; margin:0; position:relative;}
#menuslide li a, #menuslide li a:visited { display:block; text-decoration:none;}
#menuslide li:hover, #menuslide li a:hover { border:0;}
#menuslide li:hover dd, #menuslide li a:hover dd { display:block;}
#menuslide li:hover dl, #menuslide li a:hover dl {}
#menuslide table { padding:0;}
#menuslide dl { width:205px; background: #FFF; cursor:pointer;}

.gallery dd a:hover {background:#F0C3D7;}
/* 新しいカテゴリー表示スタイル */
.gallery dt .category-item {
    display: flex;
    align-items: center;
    padding: 8px 5px;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}

.gallery dt .category-item a {
    flex: 1;
    text-align: left;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}
/*
.gallery dt .category-item:hover {
	background:#F0C3D7;
}
*/

.gallery dt .category-image {
    width: 30px;
	margin-right: 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.gallery dt .category-name {
    flex: 1;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    padding: 0;
    background: none;
}

.gallery dt .category-name:hover {
    color: #E60012;
    text-decoration: none;
    background: none;
}

.gallery dt .category-expand-btn {
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333;
    transition: all 0.2s ease;
    margin-left: 5px;
    flex-shrink: 0;
    line-height: 1;
}

.gallery dt .category-expand-btn:hover {
    background: #E0B3C7;
    border-color: #C093A7;
}

.gallery dt .category-expand-btn.expanded {
    background: #E60012;
    color: #FFF;
    border-color: #C7000B;
}

.gallery dt .category-expand-btn::before {
    content: '+';
}

.gallery dt .category-expand-btn.expanded::before {
    content: '−';
}

.gallery .subcategory-list {
    display: none;
    background: #F8F8F8;
    border-left: 2px solid #E60012;
    margin-left: 10px;
}

.gallery .subcategory-list.expanded {
    display: block;
}

.gallery .subcategory-list dd {
    padding: 6px;
    border-bottom: 1px solid #E6E6E6;
    margin: 0;
}

.gallery .subcategory-list dd:last-child {
    border-bottom: none;
}

.gallery .subcategory-list dd a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
    padding: 0;
    background: none;
}

.gallery .subcategory-list dd a:hover {
    color: #E60012;
    text-decoration: none;
}

/* ============================================================
   小分類ポップアップ（プレミアム・モダンデザイン）
   ============================================================ */
div.subcategory-popup {
    position: fixed !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.05) !important;
    z-index: 99999 !important;
    min-width: 260px !important;
    max-width: 340px !important;
    /* 画面の高さの95%まで広がるように調整 */
    max-height: 95vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
}

div.subcategory-popup .subcategory-popup-title {
    background: linear-gradient(135deg, #E60012 0%, #B3000F 100%) !important;
    color: #FFFFFF !important;
    padding: 18px 24px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.8px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    flex-shrink: 0 !important;
}

div.subcategory-popup .subcategory-popup-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #FFFFFF !important;
    /* flex: 1 を flex: 0 1 auto に変更してコンテンツに合わせて伸縮させる */
    flex: 0 1 auto !important;
}

div.subcategory-popup .subcategory-popup-list li {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
}

div.subcategory-popup .subcategory-popup-list li a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    color: #444444 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 500 !important;
    background: #F8F9FA !important;
    border-radius: 10px !important;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    border: 1px solid transparent !important;
    line-height: 1.4 !important;
}

div.subcategory-popup .subcategory-popup-list li a:hover {
    background: #FFFFFF !important;
    color: #E60012 !important;
    border-color: #FFCCD2 !important;
    box-shadow: 0 4px 12px rgba(230, 0, 18, 0.08) !important;
    transform: translateX(5px) !important;
}

/* ダミーカテゴリー用の展開アイコン */
.gallery dt .category-expand-icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.gallery dt .category-expand-icon:hover {
    opacity: 0.7;
}



h2#dblue{ padding:8px 15px; background:#091139 url(../images/item/dblue-bg.gif) bottom repeat-x; color:#FFF; font-size:1em;}
h2#dblue span {color:gold;}
#slist{ width:640px; padding:5px 10px; background:#E6E6E6;}
#slist:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#slist ul{ list-style:none; margin:0; padding:0;}
#slist ul li{ float:left; border-right:1px solid #000; padding:0px 10px; white-space:nowrap;}
#slist ul li a{ text-decoration:none;}
#slist ul li a:hover{ text-decoration:underline;}
table.itemlist{ clear:both; width:100%;}
table.itemlist td{ border-top:1px solid #000; border-bottom:1px solid #000; padding-top:5px; padding-bottom:5px;}
table.itemlist td.info,table.itemlist td.stock{ padding-left:10px; padding-right:10px;}
table.itemlist td.photo{ border-right:1px solid #000; width:100px; text-align:center;}
table.itemlist td.info{ line-height:1.8;}

/*
table.itemlist td.stock{ border-left:1px solid #000; text-align:center; white-space:nowrap; width:80px;}
*/
table.itemlist td.stock{ border-left:1px solid #000; text-align:center; width:80px;}

span.itemnum{ background:#091139 url(../images/item/itemnum-bg.gif) left bottom repeat-x; color:#FFF; padding:3px;}
span.itempath{ padding-left:10px;}
div.itemname{ font-size:1.2em; color:#091139;}
div.itemcom{}
div.itemprice{ float:left;}
div.itemmore{ float:right; color:#091139;}
div.stocktitle{ padding:5px 10px; background:#091139 url(../images/item/dblue-bg.gif) bottom repeat-x; color:#FFF;}
div.stocknum{ font-size:1.2em; font-weight:bold; padding-top:15px;}

.red{ color:#E60012;}
/* 見た目は緑に変更 2011.07.27 */
/*.yellow{ background:#666666; color:yellow;}*/
.yellow{ color:green;}
.blue{ color:blue;}



/* 新商品 2013.04.30 */
table.newitem{margin:0 auto;}
table.newitem td.photo{width:140px; padding-bottom:5px;}
table.newitem td.iteminfo{text-align:left;}
td.newitem{width:155px; border-right:solid 1px black; border-bottom:solid 1px black; padding:5px; text-align:center; vertical-align:top;}
td.newitemR{width:155px; border-bottom:solid 1px black; padding:5px; text-align:center; vertical-align:top;}



/******************************************************************/
/* SUB-ITEM */
/******************************************************************/
/*
div.sub_item {text-align:left; width:982px;}
div.sub_item_left {width:490px; float:left; margin-right:2px; overflow-y:scroll; overflow-x:hidden; background-color:#ffffff;}
div.sub_item_right {width:490px; float:left; overflow-y:scroll; overflow-x:hidden;}
*/
div.sub_item {text-align:left; width:100%;}
div.sub_item_left {width:49%; float:left; margin-right:2px; overflow-y:scroll; overflow-x:hidden; background-color:#ffffff;}
div.sub_item_right {width:50%; float:left; overflow-y:scroll; overflow-x:hidden;}

table.subitemlist{ clear:both; width:100%;}
table.subitemlist td{border-bottom:1px solid #000; padding-top:5px; padding-bottom:5px;}
table.subitemlist td.info,table.itemlist td.stock{ padding-left:5px; padding-right:5px;}
table.subitemlist td.photo{ border-right:1px solid #000; width:100px; text-align:center;}
table.subitemlist td.info{ line-height:1.8;}
table.subitemlist td.stock{ border-left:1px solid #000; text-align:center; white-space:nowrap; width:80px;}

#sub_parts button {font-size:13pt; font-weight:bold; float:left; margin-right:10px;}
div.sub_parts button {font-size:13pt; font-weight:bold;}
button.large {margin-top:10px; font-size:13pt; font-weight:bold;}

/******************************************************************/
/* ITEM-DETAIL */
/******************************************************************/
#itemdebox{ width:660px; margin-top:10px; padding:10px 0px; border-top:1px solid #000; /*border-bottom:1px solid #000;*/}
#itemdebox:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#itemdel,#itemder{ float:left;}
#itemdel{ width:252px; margin-right:15px;}
#itemdel div.main-photo{widht:252px; height:250px; text-align:center; border:1px solid #cccccc;}
#itemdel div.main-photo td {height:250px; margin:0px; padding:0px; vertical-align:middle;}
#itemder{ width:393px; word-break:break-all; overflow-x:auto;}
ul#itemdephoto{ list-style:none; margin:10px 0px 0px 0px; padding:0;}
ul#itemdephoto li{ float:left; margin-right:5px; display:block; width:40px; height:40px; border:3px solid #cccccc; text-align:center;}
ul#itemdephoto li#end{ margin-right:0px;}
ul#itemdephoto li a{ display:block; height:40px; width:40px;}
div#imgchangecom{ clear:both;}
span.itemnum_de{ float:left; background:#091139 url(../images/item/itemnum-bg.gif) left bottom repeat-x; color:#FFF; padding:3px;}
#backlist{ float:right;}
div#stockbox,div#pamphletpagebox{ float:left;}
div#stockbox{ width:90px; margin-top:15px; border:1px solid #091139; text-align:center;}
div.stocknum_de{ font-size:1.2em; font-weight:bold; padding:7px 0px;}
div#pamphletpagebox{ width:143px; margin-top:15px; margin-left:15px; border:1px solid #091139; text-align:center;}
div.pamphletpage_de{ font-size:1.2em; font-weight:bold; padding:7px 0px;}


#pamphletpageboxes > div {float:left; width:116px; margin-top:15px; margin-left:15px; border:1px solid #091139; text-align:center;}
#pamphletpageboxes > div:first-child {margin-left:0;}



div#itemcopy{ clear:both; padding:3px 0px;}
div#itemcopy02{ clear:both; padding:3px 0px 5px 0px;}
h3#itemname_de{ clear:both; font-size:1.3em; color:#091139;}
div.itemprice_de{ font-size:1.2em;}
div#itemcom_de{ border-top:1px solid #000; border-bottom:1px solid #000; padding:5px 0px; margin-top:5px;}
div#itemsubcom_de{ padding:5px 0px;}
div#gocartbox{ width:371px; padding:10px; margin-top:20px; border:1px solid #000; background:#E6E6E6;}
div#gocartbox:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div#gotitle,div#gonum,div#gonote{ float:left;}
div#gotitle{ width:23px; margin-right:10px;}
div#gonum{ width:55px; margin-right:10px;}
div#gonum input { width:50px; text-align:right;}
div#gonote{ width:267px;}
div#gonote textarea { width:267px;}
#gocartbtn{ clear:both; text-align:center;}
#gocartbtn input {margin-top:5px;}
div.itemmenu{ clear:both; text-align:right; padding:10px 0px 0px 0px;}
div.itemmenu img{ vertical-align:middle;}
div.itemmenu ul{ list-style:none; margin:0; padding:0;}
div.itemmenu ul li{ display:inline; background:#091139 url(../images/dblue-bg.gif) bottom repeat-x; margin-right:2px; padding:3px 5px; line-height:2;}
div.itemmenu ul li#end{ margin-right:0;}
div.itemmenu ul li a{ text-decoration:none; color:#FFF;}
div.itemmenu ul li a:hover { color:#FFA500;}

div.moviebox{ width:390px; margin-top:20px;}
div.attention{font-size:1.2em; color:#E60012; font-weight:bold; margin-bottom:10px;}

/******************************************************************/
/* CART */
/******************************************************************/
#mainl #cartstep{ text-align:center; margin-top:1em;}
#mainl #cartstep ul{ width:137px; text-align:left; list-style:none; margin:0 auto; padding:0;}
#mainl #cartstep ul:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#mainl #cartstep ul li{ width:137px; margin-bottom:10px;}
#mainl #cartstep ul li#end{ margin-bottom:0px;}
#mainl #cartstep ul li a{ display:block; height:88px; text-indent:-9877em; overflow:hidden;}
#mainl #cartstep ul li a:hover,#mainl #cartstep ul li a.thisstep{ background-position:center -88px;}
a#step01{ background:url(../images/cart/btn-step01.gif) center top no-repeat;}
a#step02{ background:url(../images/cart/btn-step02.gif) center top no-repeat;}
a#step03{ background:url(../images/cart/btn-step03.gif) center top no-repeat;}
a#step04{ background:url(../images/cart/btn-step04.gif) center top no-repeat;}
a#step05{ background:url(../images/cart/btn-step05.gif) center top no-repeat;}
a#step04_02{ background:url(../images/cart/btn-step04_02.gif) center top no-repeat;}
a#step05_02{ background:url(../images/cart/btn-step05_02.gif) center top no-repeat;}
a#step06_02{ background:url(../images/cart/btn-step06_02.gif) center top no-repeat;}

div#step01{ background:url(../images/cart/btn-step01.gif) center top no-repeat; height:88px;}
div#step02{ background:url(../images/cart/btn-step02.gif) center top no-repeat; height:88px;}
div#step03{ background:url(../images/cart/btn-step03.gif) center top no-repeat; height:88px;}
div#step04{ background:url(../images/cart/btn-step04.gif) center top no-repeat; height:88px;}
div#step05{ background:url(../images/cart/btn-step05.gif) center top no-repeat; height:88px;}
div#step04_02{ background:url(../images/cart/btn-step04_02.gif) center top no-repeat; height:88px;}
div#step05_02{ background:url(../images/cart/btn-step05_02.gif) center top no-repeat; height:88px;}
div#step06_02{ background:url(../images/cart/btn-step06_02.gif) center top no-repeat; height:88px;}

div#step01_this{ background:url(../images/cart/btn-step01.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step02_this{ background:url(../images/cart/btn-step02.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step03_this{ background:url(../images/cart/btn-step03.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step04_this{ background:url(../images/cart/btn-step04.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step05_this{ background:url(../images/cart/btn-step05.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step04_02_this{ background:url(../images/cart/btn-step04_02.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step05_02_this{ background:url(../images/cart/btn-step05_02.gif) center top no-repeat; height:88px; background-position:center -88px;}
div#step06_02_this{ background:url(../images/cart/btn-step06_02.gif) center top no-repeat; height:88px; background-position:center -88px;}


ul#sendtype{ list-type:none; margin:0px; margin-left:85px; margin-top:15px; padding:0px;}
ul#sendtype li{ float:left; display:block; margin-right:15px; width:150px;}
ul#sendtype li a{ display:block; height:51px; text-indent:-9877em; overflow:hidden;}
ul#sendtype li a:hover,ul#sendtype li a.thistype{ background-position:center -51px;}
a#sendtype01{ background:url(../images/cart/btn-sendtype01.gif) center top no-repeat;}
a#sendtype02{ background:url(../images/cart/btn-sendtype02.gif) center top no-repeat;}
a#sendtype03{ background:url(../images/cart/btn-sendtype03.gif) center top no-repeat;}
a#sendtype001{ background:url(../images/cart/btn-sendtype001.gif) center top no-repeat;}

ul.orangemenu{ list-style:none; margin:0;  padding:0px 7px;}
ul.orangemenu li{ padding-left:20px; background:url(../images/icon-rtriagleo.gif) left top no-repeat;}
ul.orangemenu li a{ color:#ED6C00;}
div.carttopic{ width:645px; clear:both; border-bottom:1px solid #C9CACA; margin-bottom:15px; padding:0px 0px 5px 15px;}
div.carttopic:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div.carttopic h3{ font-size:1.2em; color:#091139;}
div.carttopic div{ float:right; color:#FFF; background:#091139 url(../images/dblue-bg.gif) bottom repeat-x; margin-right:5px; padding:3px 5px;}
div.carttopic div img{ vertical-align:middle; margin-right:5px;}

div.cartalert{ margin-left:15px;}

table.infotbl{ clear:both;}
table.infotbl th,table.infotbl td{ padding:3px 15px; vertical-align:top;}
table.infotbl th{ white-space:nowrap;}
table.infotbl th.name{ width:105px;}
table#carttbl{ clear:both; width:100%;}
table.carttblmrg{ margin:0px;}
table#carttbl th,table#carttbl td{ padding:5px; border:1px solid #C9CACA;}
table#carttbl th{ background:#E6E6E6; text-align:center; white-space:nowrap;}
table#carttbl td.total{ background:#E6E6E6; text-align:right;}



#carttbl tr.sendcost td {border-top:3px solid #dc143c;}
#carttbl tr.sendcost td:first-child {border-left:3px solid #dc143c;}
#carttbl tr.sendcost td:last-child {border-right:3px solid #dc143c;}
#carttbl tr.sendcost td.note {border-bottom:1px solid #C9CACA;}
#carttbl tr.sendcost_note td {border-right:3px solid #dc143c;}
#carttbl td.ship_cost {border-left:3px solid #dc143c; border-bottom:3px solid #dc143c; border-right:3px solid #dc143c; font-weight:bold;}



#carttbl tr.sticker_detail_top td {border-top:3px solid royalblue;}
#carttbl tr.sticker_detail_top td:first-child {border-left:3px solid royalblue;}
#carttbl tr.sticker_detail_top td:last-child {border-right:3px solid royalblue;}
#carttbl tr.sticker_detail_bottom td {border-bottom:3px solid royalblue;}
#carttbl tr.sticker_detail_bottom td:first-child {border-left:3px solid royalblue;}
#carttbl tr.sticker_detail_bottom td:last-child {border-right:3px solid royalblue;}



.photocell{ text-align:center; width:80px;}
.pricecell{ text-align:right;}
.amountcell{ text-align:center;}
div.formbtn{ width:657px; text-align:center; margin-top:15px;}
div.formbtn ul{ list-style:none; margin:0 auto; padding:0;}
div.formbtn ul li{ display:inline; margin-right:15px;}
div.formbtn ul li.end{ margin-right:0px;}
input.count { text-align:right; width:30px;}

p.cserror{ margin-left:15px; color:#E60012;}
p.orderend { margin:50px 30px; text-align:center; font-size:1.2em;}



/******************************************************************/
/* COMPANY */
/******************************************************************/
table#companyinfo{}
table#companyinfo th,table#companyinfo td{ vertical-align:top; padding:5px 10px; border-bottom:5px solid #FFF;}
table#companyinfo th{ white-space:nowrap; background:#E6E6E6;}
div.ymap{ width:400px; height:300px; border:1px solid #999; margin-top:3px;}


/******************************************************************/
/* TOKUTEI */
/******************************************************************/
table.tokutei{}
table.tokutei th,table.tokutei td{ vertical-align:top; padding:5px 10px; border-bottom:5px solid #FFF;}
table.tokutei th{ white-space:nowrap; background:#E6E6E6;}
h2.dblue{ padding:5px 15px; background:#091139 url(../images/item/dblue-bg.gif) bottom repeat-x; color:#FFF; font-size:1em;}
h2.dblue span {color:gold;}

table.codfee td{padding:0px; padding-right:10px;}


/******************************************************************/
/* LOGIN */
/******************************************************************/
#login_id { margin:5px; margin-top:30px; }
#login_id input { width:150px; }
#login_pass { margin:5px; margin-bottom:10px;}
#login_pass input { width:150px; }
p.error {text-align:center; color:#E60012;}
div.error {text-align:center; color:#E60012; line-height:200px;}
div.cart_error {text-align:center; color:#E60012; margin-top:150px;}

/******************************************************************/
/* SHIP */
/******************************************************************/
div.shipbox{ margin-top:10px;}
div.shipmenu { float:left; margin-bottom:5px; margin-right:0px;}

/******************************************************************/
/* BLANKPAGE */
/******************************************************************/
#mainbpage{ width:840px; margin-left:20px; margin-right:20px; padding-bottom:20px; margin-top:10px; border-bottom:1px solid #000;}
#mainbpage:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
div#bpageimgbox{ width:840px; margin-top:20px;}
div#bpageimgbox ul{ list-style:none; margin:0; padding:0;}
div#bpageimgbox ul li { float:left; margin:0px 10px 10px 0px;}
div#bpageimgbox img {border:1px solid #cccccc;}

/******************************************************************/
/* CONTACT DETAIL */
/******************************************************************/
#outer_detail {margin:0 auto; width:640px; text-align:left; border-bottom:1px solid #9FA0A0; border-left:1px solid #9FA0A0; border-right:1px solid #9FA0A0; background:#FFF;}
#main_detail {width:600px; margin-left:20px; margin-right:20px; padding-bottom:20px; margin-top:10px; border-bottom:1px solid #000;}

/******************************************************************/
/* NEWS */
/******************************************************************/
table#newstbl{}
table#newstbl th,table#newstbl td{ border-bottom:1px solid #E6E6E6; vertical-align:top; padding-top:10px; padding-bottom:10px; padding-left:10px;}
table#newstbl th{ white-space:nowrap; color:#E60012; padding-right:30px;}
table#newstbl td{ padding-right:10px;}
table#newstbl td div{ padding-top:10px;}

/******************************************************************/
/* GUIDE */
/******************************************************************/
#mainl #guidestep{ text-align:center; margin-top:1em;}
#mainl #guidestep ul{ width:137px; text-align:left; list-style:none; margin:0 auto; padding:0;}
#mainl #guidestep ul:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#mainl #guidestep ul li{ width:137px; margin-bottom:10px;}
#mainl #guidestep ul li#end{ margin-bottom:0px;}
#mainl #guidestep ul li a{ display:block; height:76px; text-indent:-9877em; overflow:hidden;}
#mainl #guidestep ul li a:hover,#mainl #cartstep ul li a.thisstep{ background-position:center -76px;}
a#gstep01{ background:url(../images/guide/btn-gstep01.gif) center top no-repeat;}
a#gstep02{ background:url(../images/guide/btn-gstep02.gif) center top no-repeat;}
a#gstep03{ background:url(../images/guide/btn-gstep03.gif) center top no-repeat;}
a#gstep04{ background:url(../images/guide/btn-gstep04.gif) center top no-repeat;}
a#gstep05{ background:url(../images/guide/btn-gstep05.gif) center top no-repeat;}
a#gstep06{ background:url(../images/guide/btn-gstep06.gif) center top no-repeat;}
a#gstep07{ background:url(../images/guide/btn-gstep07.gif) center top no-repeat;}
a#gstep07_02{ background:url(../images/guide/pay/btn-gstep07.gif) center top no-repeat;}
a#gstep08{ background:url(../images/guide/pay/btn-gstep08.gif) center top no-repeat;}
a#gstep02_01{ background:url(../images/guide/btn-gstep02_01.gif) center top no-repeat;}
a#gstep02_02{ background:url(../images/guide/btn-gstep02_02.gif) center top no-repeat;}
h3.guidehd{ clear:both; font-size:1.3em; color:#091139; font-size:1.2em; border-bottom:1px solid #091139; margin-bottom:10px; padding:0px 0px 3px 15px;}
div.guidimg{ margin:10px 0px 30px 0px; text-align:center;}
div.guidetxt{ padding-left:15px;}

/******************************************************************/
/* VISOR */
/******************************************************************/
#mainwide{ clear:both; width:840px; margin-left:20px; margin-right:20px;padding-bottom:20px; margin-top:10px; border-bottom:1px solid #000;}
#mainwide:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#slistwide{ width:820px; padding:5px 10px; background:#E6E6E6; margin-bottom:20px;}
#slistwide:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
#slistwide ul{ list-style:none; margin:0; padding:0;}
#slistwide ul li{ float:left; border-right:1px solid #000; padding:0px 10px; white-space:nowrap;}
#slistwide ul li a{ text-decoration:none;}
#slistwide ul li a:hover{ text-decoration:underline;}
#slistwide02{ width:100%; margin-bottom:10px;}
#slistwide02 ul{ list-style:none; margin:0; padding:0;}
#slistwide02 ul li{ color:#888; display:inline; border-right:1px solid #000; padding:0px 13px; font-weight:bold; font-size:16px; white-space:nowrap;}
#slistwide02 ul li.end{ border:0px;}
#slistwide02 ul li a{ color:#888; text-decoration:none;}
#slistwide02 ul li a:hover{ text-decoration:underline;}
#slistwide02 ul li a#thispage{ color:#E53B1A;}
ul#visorlist{ margin:40px 0px 0px 95px; padding:0; list-style:none;}
ul#visorlist li{ float:left; margin:0px 60px 40px 0px;}
ul#visorlist li a{ display:block; width:295px; height:63px; text-indent:-9877em; overflow:hidden;}
ul#visorlist li a:hover,#mainl #cartstep ul li a.thisstep{ background-position:center -63px;}
a#vs_suzuki{ background:url(../images/visor/list/suzuki.gif) center top no-repeat;}
a#vs_daihatsu{ background:url(../images/visor/list/daihatsu.gif) center top no-repeat;}
a#vs_mitsubishi{ background:url(../images/visor/list/mitsubishi.gif) center top no-repeat;}
a#vs_honda{ background:url(../images/visor/list/honda.gif) center top no-repeat;}
a#vs_subaru{ background:url(../images/visor/list/subaru.gif) center top no-repeat;}
a#vs_nissan{ background:url(../images/visor/list/nissan.gif) center top no-repeat;}
a#vs_toyota{ background:url(../images/visor/list/toyota.gif) center top no-repeat;}
a#vs_mazda{ background:url(../images/visor/list/mazda.gif) center top no-repeat;}
a#vs_other{ background:url(../images/visor/list/other.gif) center top no-repeat;}



h3.dbluehd{ clear:both; font-size:1.3em; color:#091139; font-size:1.2em; border-bottom:1px solid #091139; margin-bottom:10px; padding:0px 0px 3px 15px;}
/* table.bluetbl{ border:1px solid #BBB; clear:both;} */
table.bluetbl{ border:1px solid #333; clear:both;}
table.bluetbl th,table.bluetbl td{ padding:5px 4px; text-align:center; border:1px solid #333;}
table.bluetbl th,table.bluetbl td.odd{ background:#d1e7f7;}
/* table.bluetbl th.title{ border:1px solid #FFF; color:#091139; background:#d1e7f7; font-weight:bold; white-space:nowrap;} */
table.bluetbl th.title{ color:#091139; background:#d1e7f7; font-weight:bold; white-space:nowrap;}
/* table.bluetbl td{ border-right:1px solid #BBB;} */
table.bluetbl td.visorcar{ white-space:nowrap;}
table.bluetbl td a{ text-decoration:none;}
table.bluetbl td a:hover{ text-decoration:underline;}
/* table.bluetbl td.btnborder{ border-bottom:1px solid #BBB;} */
.kome{ color:#4a8396;}
div.visortxtl,div.visortxtr{ float:left; margin-bottom:15px;}
div.visortxtl{ line-height:2.5; margin-right:15px;}
div.visortxtr{}

td.no { white-space:nowrap;}
td.zaiko { background:#fde3b3; white-space:nowrap;}
td.zaikol { background:#fff5d1; white-space:nowrap;}


/******************************************************************/
/* DIGITAL PH */
/******************************************************************/
table#pamphlist{}
table#opoplist{}
table#pamphlist td.book,table#opoplist td.book{ text-align:center; vertical-align:middle; width:170px;}
table#pamphlist td.page,table#opoplist td.page{ vertical-align:top; width:160px; border-bottom:50px solid #FFF; text-align:left;}
table#pamphlist td.page ul,table#opoplist td.page ul{ padding:0px 0px 0px 20px; margin:0; list-style:none;}
table#pamphlist td.page ul li,table#opoplist td.page ul li{ background:url(../images/digitalph/icon-pdf.gif) left top no-repeat; padding-left:20px; margin-bottom:3px;}
table#pamphlist td.pamphname,table#opoplist td.pamphname{ width:170px; text-align:center; background:#EFEFEF; border-bottom:50px solid #FFF;}
div.pamphname{ width:170px; text-align:center; background:#EFEFEF; border-bottom:50px solid #FFF; margin-top:3px; padding:3px 0px;}


table#pamphlist td.pagew {width:400px;}

/******************************************************************/
/* SUPPORT */
/******************************************************************/
dl.supportlist{}
dl.supportlist dt{ color:#E60012; font-weight:bold;}
dl.supportlist dd{ margin-bottom:20px;}


/******************************************************************/
/* BACK ORDER */
/******************************************************************/
table#botbl{ clear:both; width:100%;}
table.botblmrg{ margin:0px;}
table#botbl th,table#botbl td{ padding:3px; border:1px solid #C9CACA;}
table#botbl th{ background:#E6E6E6; text-align:center; white-space:nowrap;}
table#botbl td.total{ background:#E6E6E6; text-align:right;}


/******************************************************************/
/* RECRUIT */
/******************************************************************/
.tabs{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width:100%; margin: 0 auto  3em auto;}
.tab_item { 
/*
  width: calc(100%/7);
*/
  padding:0 1.2em;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height:3em;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tab_item:hover{ opacity:0.75;}
input[name="tab_item"] { display:none;}
.tab_content{ display:none; padding:2em; clear:both; overflow:hidden;}


/*選択されているタブのコンテンツのみを表示*/
#eigyo:checked ~ #eigyo_content,
#sougou:checked ~ #sougou_content,
#insatsu:checked ~ #insatsu_content,
#souko1:checked ~ #souko1_content,
#jimu:checked ~ #jimu_content,
#keiri:checked ~ #keiri_content,
#souko2:checked ~ #souko2_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}



.hd_uline2color{ border-bottom: solid 3px; position:relative; font-size:116%; margin:2em 0 1em 0; padding-bottom:0.2em;}
.hd_uline2color:before{ content:  ''; width: 50px; height: 3px; background-color:#9DA0B0; display:block; position:absolute; left:0; bottom:-3px;}
.hoyoul,.hoyouc,.hoyour{ width:170px; float:left;}
.hoyouc{ margin:0 30px;}
ol.listblock{ margin:0 1.5em; padding:0;}
/*
ol.listblock li{ display:inline-block; margin-right:2em; counter-increment:li;}
ol.listblock li::before{ content: counter(li)") ";}
*/

table.companyinfo{}
table.companyinfo th,table.companyinfo td{ vertical-align:top; padding:5px 10px; border-bottom:5px solid #FFF;}
table.companyinfo th{ white-space:nowrap; background:#E6E6E6;}



/* リニューアル */
a:hover img.banner {transform:scale(1.08); transition-duration: 0.5s;}
a:hover img.thumb {opacity:.5;}

#tokusyuneji {margin:15px 0; padding:0;}
#tokusyuneji li {display:inline-block; vertical-align:top; width:14.2%;}
#tokusyuneji li a {text-decoration:none;}
#tokusyuneji li img {width:80px; margin:0; padding:0;}
#tokusyuneji li h2, #tokusyuneji li h3 {font-size:1em; font-weight:bold;}
#tokusyuneji li p {font-size:1em; margin-top:0; overflow:hidden; padding:0 5px;}
#tokusyuneji div.detail {overflow:hidden; margin:5px 5px 0 0; padding-bottom:5px; position:relative; text-align:center; cursor:pointer;}

/*
#tokusyuneji div.detail .mask {height:100%; position:absolute; top:0; left:0; display:none; opacity:0; background-color:rgba(0,0,0,0.8); -webkit-transition:all 0.6s ease; transition:all 0.6s ease; border-radius:5px; text-align:left;}
#tokusyuneji div.detail:hover .mask {display:block; opacity:1; color:#fff;}
*/

#top_itemlist section {
	vertical-align: top;
	margin: 6px;
	padding: 0;
	width: 220px;
	height: 240px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	display: inline-flex;
	flex-direction: column;
	position: relative;
	transition: all 0.3s ease;
	overflow: hidden;
}
#top_itemlist a {
	text-decoration: none;
}
#top_itemlist a:hover section {
	box-shadow: 0 5px 15px rgba(0,0,0,0.15);
	transform: translateY(-3px);
	border-color: #aaa;
}
#top_itemlist section div {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	background-color: #f8f8f8;
	padding: 8px 5px;
	border-bottom: 1px solid #eee;
	text-align: center;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.3;
	flex-shrink: 0;
}
#top_itemlist a:hover section div {
	background-color: #333;
	color: #fff;
}
#top_itemlist figure {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: static;
	transform: none;
	overflow: hidden;
}
#top_itemlist figure img, #top_itemlist figure picture {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: transform 0.3s ease;
	object-fit: contain;
}
#top_itemlist a:hover figure img {
	opacity: 1;
	transform: scale(1.05);
}


h2.title_recomend {margin:10px 0 0 0;}

#box_recomend {margin:10px 0 40px 0; padding: 0 45px; font-size:0.95em; max-height:250px;}
#box_recomend a {text-decoration:none;}
#box_recomend a:hover img {opacity:.5;}

#box_recomend div.owl-carousel {margin:10px 0 40px 0; padding: 0 25px; width:780px;}
.owl-carousel .owl-dot {display:none;}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { position:absolute; top:35px; margin:0; padding:0 15px; color:#485157;}
.owl-carousel .owl-nav .owl-prev{ left:-15px; background:url(../owlcarousel/icon-prev.png) no-repeat right center;}
.owl-carousel .owl-nav .owl-next{ right:-20px; background:url(../owlcarousel/icon-next.png) no-repeat left center;}

#box_recomend div.box_thumb {width:103px; height:103px; border:solid 1px gray; display:table-cell; vertical-align:middle;}
#box_recomend div.gd_no {width:95px; background:#091139; color:#fff; padding:2px 5px; margin-top:5px;}
#box_recomend div.add_cart {margin-top:10px;font-size:0.9em;}
div.owl-carousel {z-index:0;}

#heading05{
	position:relative;
	padding:5px 20px;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
#heading05:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
#heading05:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}

.bxslider-box {
	text-align: center;
	margin: 2em 6em;
}
@media screen and (max-width: 768px) {

	#top_itemlist section {
		width: 48%;
		min-height: 400px;
		border-color: #333;
		margin-bottom: 20px;
	}
	#top_itemlist section div {
		background-color: #333;
		color: #fff;
		font-size: 2.2em;
		min-height: 80px;
	}
	#top_itemlist figure img {
		width: 85%;
		height: auto;
	}
	#top_itemlist figure {
		align-items: flex-start;
	}
}