@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline;color:#656565;font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
html				{overflow-y: scroll;}
blockquote, q		{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
 input, textarea,	{margin: 0; padding: 0;}
ol, ul				{list-style: none;}
table				{border-collapse: collapse; border-spacing: 0;}
caption, th			{text-align: left;}
a:focus				{outline: none;}

/*FireFoxセンタリング位置*/
html	{overflow:scroll;}

/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

input,
textarea,
select,
option 		{font-family:"メイリオ", Meiryo, Osaka, sans-serif;}
a			{cursor:pointer; padding:0; margin:0;}
a img		{border: none; background-color: transparent;}
/* clearfix */
.cf:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size:0.1em;line-height:0;}
.cf			{display: inline-block;}
/* Hides from IE-mac ¥*/
* html .cf	{height: 1%; }
.cf			{display: block; }

.mt0	{margin-top:0px!important;}
.mt5	{margin-top:5px!important;}
.mt10	{margin-top:10px!important;}
.mt15	{margin-top:15px!important;}
.mt20	{margin-top:20px!important;}
.mt25	{margin-top:25px!important;}
.mt30	{margin-top:30px!important;}
.mt35	{margin-top:35px!important;}
.mt40	{margin-top:40px!important;}
.mt45	{margin-top:45px!important;}
.mt50	{margin-top:50px!important;}
.mt55	{margin-top:55px!important;}

.ml0	{margin-left:0px!important;}








/* 共通
 --------------------------------------------------*/

.wrap 	{width:100%;}
.box 	{width:980px;margin:0 auto;}

.pagetop		{position:fixed;bottom:20px;right:20px;cursor:pointer;}
.pagetop:hover	{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}




/* FOOTER
 ---------------------------------------------------- */
footer					{margin-top:100px;border-top:solid 2px #e3e3e3;}
footer ul				{margin-top:20px;text-align:center;letter-spacing: -0.4em;}
footer li				{padding:0 20px;font-size:14px;background:url(../img/footer_line.gif) no-repeat left 2px;letter-spacing: normal;display:inline-block;*display:inline;*zoom:1;vertical-align:top;}
footer li:first-child	{padding-left:0;background:none;}
footer li a				{text-decoration:none;}
footer li a:hover		{text-decoration:underline;}
footer .copy			{margin-top:15px;padding:12px 0 10px 0;background:#f3f3f3;text-align:center;font-size:11px;color:#777777;line-height:1;letter-spacing: 0.05em;}









/* TOP AREA
 ================================================ */


/* HEADER
 ---------------------------------------------------- */

.top header .headerInner								{}
.top header .headerInner .headerSub 					{background:#f8f8f8;}
.top header .headerInner h1								{float:left;padding:6px 0 0 0;width:435px;font-size:10px;color:#777777;}
.top header .headerInner .subnav						{float:right;padding:0px 0 0px 0px;background:url(../img/header_subnav_bg.gif) repeat-y left;}
.top header .headerInner .subnav li						{float:left;padding:5px 10px 5px 10px;font-size:11px;background:url(../img/header_subnav_bg.gif) repeat-y right;}
.top header .headerInner .subnav li a					{text-decoration:none;color:#777777;}
.top header .headerInner .subnav li a:hover				{text-decoration:underline;}
.top header .headerInner .subnav li.sub1 a				{padding:0 0 0 18px;background:url(../img/header_subnav01.gif) no-repeat 0 1px;}
.top header .headerInner .subnav li.sub2 a				{padding:0 0 0 18px;background:url(../img/header_subnav02.gif) no-repeat 0 1px;}
.top header .headerInner .subnav li.sub3 a				{padding:0 0 0 24px;background:url(../img/header_subnav03.gif) no-repeat 0 1px;}
.top header .headerInner .subnav li.sub4 a				{padding:0 0 0 21px;background:url(../img/header_subnav04.gif) no-repeat 0 0px;}
.top header .headerInner .subnav li.sub5 a				{padding:0 0 0 18px;background:url(../img/header_subnav15.png) no-repeat 0 1px;}
.top header .headerInner .headerRead					{padding:20px 0;}
.top header .headerInner .headerRead	a:hover img		{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}


/* GLOBAL NAV */

.top header .headerInner nav					{background:#008cee;}
.top header .headerInner nav ul					{background:url(../img/header_gnav_bg.gif) no-repeat left center;}
.top header .headerInner nav li					{float:left;padding:6px 0 5px 0px;font-size:13px;}
.top header .headerInner nav li span			{padding:0 31px;}
.top header .headerInner nav li a				{text-decoration:none;color:#fff;}
.top header .headerInner nav li a:hover			{text-decoration:underline;}

.top header .headerInner nav li.gnav01 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.top header .headerInner nav li.gnav02 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.top header .headerInner nav li.gnav03 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.top header .headerInner nav li.gnav04 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.top header .headerInner nav li.gnav05 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}

.top header .headerInner nav li.gnav01 a		{padding:0 0 0 25px;background:url(../img/header_gnav01.gif) no-repeat 0 1px;}
.top header .headerInner nav li.gnav02 a		{padding:0 0 0 21px;background:url(../img/header_gnav02.gif) no-repeat 0 2px;}
.top header .headerInner nav li.gnav03 a		{padding:0 0 0 20px;background:url(../img/header_gnav03.gif) no-repeat 0 2px;}
.top header .headerInner nav li.gnav04 a		{padding:0 0 0 20px;background:url(../img/header_gnav04.gif) no-repeat 0 2px;}
.top header .headerInner nav li.gnav05 a		{padding:0 0 0 21px;background:url(../img/header_gnav05.gif) no-repeat 0 1px;}
 


 









/* SUB AREA
 ================================================ */




/* HEADER
 ---------------------------------------------------- */

.sub .headLeft					{float:left;width:230px;}

.sub .headRight					{float:right;margin-top:15px;width:605px;font-size:11px;}
.sub .headRight .inleft			{float:left;width:230px;}
.sub .headRight .inleft input	{padding:4px 10px;width:205px;font-size:12px;border:solid 1px #dedede;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}

.sub .headRight .inright					{float:right;width:349px;margin:0 0 0 0px;padding:0 0 0 20px;background:url(../img/head_search_kakeru.gif) no-repeat left 9px;}
.sub .headRight .inright input				{padding:4px 10px;width:259px;font-size:12px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:solid 1px #dedede;color:#666;vertical-align:top;}
.sub .headRight .inright input.send			{margin-left:5px;padding:0;width:63px;border:none;}
.sub .headRight .inright input.send:hover	{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}


.sub header .headerInner .headerSub 					{background:#f8f8f8;}
.sub header .headerInner h1								{float:left;padding:6px 0 0 0;width:435px;font-size:10px;color:#777777;}
.sub header .headerInner .subnav						{float:right;padding:0px 0 0px 0px;background:url(../img/header_subnav_bg.gif) repeat-y left;}
.sub header .headerInner .subnav li						{float:left;padding:5px 10px 5px 10px;font-size:11px;background:url(../img/header_subnav_bg.gif) repeat-y right;}
.sub header .headerInner .subnav li a					{text-decoration:none;color:#777777;}
.sub header .headerInner .subnav li a:hover				{text-decoration:underline;}
.sub header .headerInner .subnav li.sub1 a				{padding:0 0 0 18px;background:url(../img/header_subnav01.gif) no-repeat 0 1px;}
.sub header .headerInner .subnav li.sub2 a				{padding:0 0 0 18px;background:url(../img/header_subnav02.gif) no-repeat 0 1px;}
.sub header .headerInner .subnav li.sub3 a				{padding:0 0 0 24px;background:url(../img/header_subnav03.gif) no-repeat 0 1px;}
.sub header .headerInner .subnav li.sub4 a				{padding:0 0 0 21px;background:url(../img/header_subnav04.gif) no-repeat 0 0px;}
.sub header .headerInner .subnav li.sub5 a				{padding:0 0 0 18px;background:url(../img/header_subnav15.png) no-repeat 0 1px;}
.sub header .headerInner .headerRead					{padding:20px 0;}
.sub header .headerInner .headerRead a:hover img		{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}


/* GLOBAL NAV */

.sub header .headerInner nav					{background:#008cee;}
.sub header .headerInner nav ul					{background:url(../img/header_gnav_bg.gif) no-repeat left center;}
.sub header .headerInner nav li					{float:left;padding:6px 0 5px 0px;font-size:13px;}
.sub header .headerInner nav li span			{padding:0 64px 0 62px;}
/*.sub header .headerInner nav li span			{padding:0 31px;}*/
.sub header .headerInner nav li a				{text-decoration:none;color:#fff;}
.sub header .headerInner nav li a:hover			{text-decoration:underline;}

.sub header .headerInner nav li.gnav01 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.sub header .headerInner nav li.gnav02 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.sub header .headerInner nav li.gnav03 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.sub header .headerInner nav li.gnav04 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}
.sub header .headerInner nav li.gnav05 span		{background:url(../img/header_gnav_bg.gif) no-repeat right center;}

.sub header .headerInner nav li.gnav01 a		{padding:0 0 0 25px;background:url(../img/header_gnav01.gif) no-repeat 0 center;}
.sub header .headerInner nav li.gnav02 a		{padding:0 0 0 21px;background:url(../img/header_gnav02.gif) no-repeat 0 center;}
.sub header .headerInner nav li.gnav03 a		{padding:0 0 0 20px;background:url(../img/header_gnav03.gif) no-repeat 0 center;}
.sub header .headerInner nav li.gnav04 a		{padding:0 0 0 20px;background:url(../img/header_gnav04.gif) no-repeat 0 center;}
.sub header .headerInner nav li.gnav05 a		{padding:0 0 0 21px;background:url(../img/header_gnav05.gif) no-repeat 0 center;}
 



/* PATH AREA */

.sub ul.path						{margin-top:15px;}
.sub ul.path li						{float:left;font-size:11px;line-height:1;}
.sub ul.path li	a					{text-decoration:none;}
.sub ul.path li	a:hover				{text-decoration:underline;}
.sub ul.path li:before 				{padding-left:5px;content:" > ";}
.sub ul.path li:first-child:before	{padding:0;content:none;}


 
 
/* SIDE AREA (LEFT)
 ---------------------------------------------------- */

.sub .contentsArea .left		{float:left;width:230px;}


.sub .contentsArea .left .listBox		{margin-top:20px;}
.sub .contentsArea .left h3				{font-size:14px;padding:8px 10px 6px 10px;color:#fff;font-weight:bold;line-height:1.2;background:#008cee;-moz-border-radius: 1px 1px 0px 0px;-webkit-border-radius: 1px 1px 0px 0px;border-radius: 1px 1px 0px 0px;}
.sub .contentsArea .left h3 span		{padding:0 0 0 0px;font-size:12px;font-weight:bold;color:#fff;}
.sub .contentsArea .left .listBox .inner{padding:15px 15px 10px 15px;border-left:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0;}

.sub .contentsArea .left .listBox p.listAll		{margin:0;padding:0 0 0 8px;}
.sub .contentsArea .left .listBox p a span		{font-size:11px;}
.sub .contentsArea .left .listBox p				{margin:10px 0 0 5px;padding:0 0 0 8px;font-size:12px;line-height:1;background:url(../img/sub_side_chip01.gif) no-repeat 0 0px;}
.sub .contentsArea .left .listBox p a			{text-decoration:none;}
.sub .contentsArea .left .listBox p a:hover		{text-decoration:underline;}
.sub .contentsArea .left .listBox .lineBox		{margin-top:10px;padding:5px 0 0px 0px;background:url(../img/side_dot.gif) repeat-x top;}
.sub .contentsArea .left .listBox ul			{margin:10px 0 0 5px;}
.sub .contentsArea .left .listBox ul.noline		{border:none;}
.sub .contentsArea .left .listBox li			{margin:5px 0 0 0;padding:0 0 0 8px;font-size:12px;line-height:1.3;background:url(../img/side_list_chip01.gif) no-repeat 0 center;letter-spacing:0.13em;}
.sub .contentsArea .left .listBox li a			{text-decoration:none;}
.sub .contentsArea .left .listBox li a span		{font-size:11px;}
.sub .contentsArea .left .listBox li a:hover	{text-decoration:underline;}

.sub .contentsArea .left .checkbox							{margin:-3px 0 0 0!important;padding:0!important;}
.sub .contentsArea .left .checkbox li						{margin:7px 0 0 0;padding: 0;background:none;}
.sub .contentsArea .left .checkbox li:first-child			{margin:0;padding: 0;}
.sub .contentsArea .left .checkbox .cbxbd					{background:url(../img/bg_checkbox.png) no-repeat left top;height: 28px;line-height: 28px;display: block;padding: 0 0 0 15px;cursor: pointer;overflow: hidden;}
.sub .contentsArea .left .checkbox input[type='checkbox']	{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;position: absolute;}
.sub .contentsArea .left .checkbox label::selection 		{background:none;}
.sub .contentsArea .left .checkbox label::-moz-selection 	{background:none;}
.sub .contentsArea .left .checkbox .cbxbd					{background:url(../img/bg_checkbox.png) no-repeat left top; height: 16px;line-height: 20px;display: block;padding: 0 0 0 24px;cursor: pointer;overflow: hidden;}
.sub .contentsArea .left .checkbox .c_on					{background-position:left bottom;}
.sub .contentsArea .left p.send								{margin:10px 0 0 0;padding:8px 0 0 0px;background:url(../img/side_dot.gif) repeat-x top;text-align:center;}
.sub .contentsArea .left p.send:hover						{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
/*
.sub .contentsArea .left .checkbox					{margin:0!important;padding:0!important;}
.sub .contentsArea .left .checkbox li				{position: relative;margin:5px 0 0 0;padding: 0;background:none;}
.sub .contentsArea .left .checkbox li:first-child	{margin:0;padding: 0;}
.sub .contentsArea .left .checkbox input			{cursor:pointer;position: absolute;top: 0;left:-50px\9;opacity: 0;width: 100%;height: 100%;}
.sub .contentsArea .left .checkbox input[type="checkbox"] + label			{display:block;background-image:url(../img/bg_checkbox_off.png);background-image:none\9;background-size:16px;background-position:left center;background-repeat:no-repeat;padding:4px 0 0 25px;}
.sub .contentsArea .left .checkbox input[type="checkbox"]:checked + label	{background-image: url(../img/bg_checkbox_on.png);}
.sub .contentsArea .left p.send						{margin:10px 0 0 0;padding:8px 0 0 0px;background:url(../img/side_dot.gif) repeat-x top;text-align:center;}
.sub .contentsArea .left p.send:hover				{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
*/






.sub .contentsArea .left .key input					{width:94.5%;margin:8px 0 0 0;padding:3px 5px;border:solid 1px #dedede;}
.sub .contentsArea .left p.readTxt					{margin:7px 0 0 0;padding:0;background:none;text-align:right;}
.sub .contentsArea .left ul.send2					{margin:10px 0 0 0;padding:10px 0 0 0;background:url(../img/side_dot.gif) repeat-x top;text-align:center;letter-spacing: -0.4em;}
.sub .contentsArea .left ul.send2 li				{margin:0 0 0 10px;padding:0;display:inline-block;/display: inline;/zoom: 1;letter-spacing: normal;background:none;}
.sub .contentsArea .left ul.send2 li:first-child	{margin:0;}
.sub .contentsArea .left ul.send2 li button			{margin:0;width:60px;border:none;padding:0;cursor:pointer;background:none;}
.sub .contentsArea .left ul.send2 li button:hover	{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

.sub .contentsArea .left .listBox .follow			{margin:0 0 12px 0;font-size:11px;font-weight:bold;color:#008cee;line-height:1;display:block;}

.sub .contentsArea .left .listBox .colorChoice				{margin:0 -20px 0 0;padding:0 0 0 0;background:none;letter-spacing: -0.4em;}
.sub .contentsArea .left .listBox .colorChoice li			{margin:0 1px 0 10px;padding:0 0 0 0;display:inline-block;/display: inline;/zoom: 1;letter-spacing: normal;line-height:0;background:none;}
.sub .contentsArea .left .listBox .colorChoice li.fst		{margin:0;padding:0;}
.sub .contentsArea .left .listBox .colorChoice li a:hover	{filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

/** クリアボタン追加 202010221 **/
.inputWrap {  position: relative;z-index: 200;  }

span.header_ico_clear.on, span.header_ico_clear2.on, span.ico_clear.on, span.ico_clear2.on, span.goods_ico_clear.on {
    position: absolute;
    top: 33%;
    right: -14px;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: url(/assets/img/input_clear.svg);
}
span.ico_clear2.on {
    right: 80px !important;
}
span.header_ico_clear.on {
    right: 10px !important;
    top: 50%;
}
span.header_ico_clear2.on {
    right: 75px !important;
    top: 50%;
}
span.goods_ico_clear.on {
    right: 125px !important;
    top: 38%;
}

.reviewerArea .left2 .itemSearch form {
        position: relative;
}

span.favorite_key_clear.on,
span.reviewer_key_clear.on {
    right: 6px !important;
    top: 9%;
    position: absolute;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: url(/assets/img/input_clear.svg);
}

span.favorite_key_clear.on,
span.reviewer_key_clear.on {
    right: 109px !important;
    top: 48%;
}