@charset "utp-8"

*{margin:0; padding:0; font-size:1em; height:1px;}

html, body {height:100%;text-align:center;background:#fff; color:#666; float:center; }
html, body ,div, p, a, h1, h2, h3, h4, h5, h6, form,input, iframe,button, textarea,select,fieldset,li,td,tr,table,span,.c1,.c2 {margin:0; padding:0;font-size:12px; font-style:normal; line-height:normal; font-family: Meiryo, "Hiragino Kaku Gothic Pro", "メイリオ", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
fieldset,img   {border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, saide {display:inline-block;}
table {border-collapse:collapse;border-spacing:0}
em          {font-style:normal;}
ul, ol, li,dl,dd,dt    {list-style:none;margin:0; padding:0;}

input[type=image] {vertical-align:top;}

a {color:#949494; text-decoration:none;}
a:link, a:visited, a:active  { text-decoration:none; color:#4b4b4b;} 
a:hover { text-decoration:underline; font-size:12px;}

.font-underline,.font-underline a {color:#ff6600; text-decoration:underline;  cursor:pointer;} 
.font_underline a:link {  text-decoration:underline; }
.font_underline a:visited {  text-decoration:underline; }
.font_underline a:hover {  text-decoration:underline; }

/* .clearfix { display: inline-block; } */
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden; 
	font-size: 0; 
	line-height: 0;
	width: 0;
}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; display:block;}
.clearfix{*zoom:1;}
/* close commented backslash hack */

#breadcrumbs img, #breadcrumbs div {float:left;}
#breadcrumbs { width:99%; padding-bottom:3px; border-bottom:1px solid #cecece; display:inline-block}

.vTop {vertical-align:top;}
.vMiddle {vertical-align:middle;}
.inbk {display:inline-block}

.on { display: none; }
.off { display: inline; }
a:hover .on { display: inline; }
a:hover .off { display: none; }

/* table skin */
#it_color_list {border-top:2px solid #444; border-bottom:1px solid #a0a0a0;}
#it_color_list .title { text-align:center; background-color:#f4f4f4;  color:#222;  border-bottom:1px solid #a0a0a0}
#it_color_list .title td { border-top:1px dotted #cecece; }

.basicTb {width:100%;border:1px solid #e6e6e6;border-bottom:0}
.basicTb th {padding:5px 0;text-align:center;background-color:#f9f9f9;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.basicTb td {padding:5px 8px;text-align:center;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}

.darkTb th {background-color:#555;color:#fff;border-right:1px solid #888;}

.leftTb th {padding:8px 15px;text-align:left}
.leftTb td {padding:10px;text-align:left}

.vTable {width:100%;border-bottom:1px solid #e6e6e6;}
.vTable thead td {background-color:#fafafa;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:10px}
.vTable tbody td {padding:20px}

.noBrd {border:0  !important;}
.noTbrd {border-top:0 !important;}
.noBbrd {border-bottom:0 !important;}
.noRbrd {border-right:0 !important;}
.noLbrd {border-left:0 !important;}

.inputBrd {border:1px solid #ccc;height:20px}
.txBrd {border:1px solid #ccc;}

/* box */
.bdr1 {border:1px solid #e6e6e6;}
.bdr2 {border:5px solid #e6e6e6;}
.bdr3 {border:8px solid #f2f2f2;}
.bdr4 {border:1px solid #cecece;}
.tBdr1 {border-top:3px solid #333;}
.tBdr2 {border-top:1px solid #eee;}
.tBdr3 {border-top:3px solid #ccc;}
.tBdr4 {border-top:1px solid #555;}
.tBdr5 {border-top:2px solid #e38813;}
.tBdr6 {border-top:3px solid #e38813;}
.tBdr7 {border-top:1px solid #e38813;}
.bBdr1 {border-bottom:1px solid #eee;}
.bBdr2 {border-bottom:1px solid #ccc;}
.bBdr3 {border-bottom:3px solid #ccc;}

.boxBg1 {background:#fff !important;}
.boxBg2 {background:#fafafa;}
.boxBg3 {background:#f9f9f9;}
.boxBg4 {background:#f2f2f2;}
.boxBg5 {background:#f5f5f5;}

.basic-box {position: relative; display:inline-block;z-index: 2;border: 1px solid #cecece;background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  0 2px 3px #ededed;
    -moz-box-shadow:  0 2px 3px #ededed;
    box-shadow:  0 2px 3px #ededed;
    behavior: url(PIE.htc);
}

.basic-box-r {position: relative; display:inline-block;z-index: 2;border: 1px solid #cecece;background: #ffffff; 
                        -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url(PIE.htc);}

.gradient-gray {
background-color:#fafafa;  /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #f0f0f0 1%, #f0f0f0 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(1%,#f0f0f0), color-stop(50%,#f0f0f0), color-stop(51%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 1%,#f0f0f0 1%,#f0f0f0 50%,#ffffff 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 1%,#f0f0f0 1%,#f0f0f0 50%,#ffffff 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 1%,#f0f0f0 1%,#f0f0f0 50%,#ffffff 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 1%,#f0f0f0 1%,#f0f0f0 50%,#ffffff 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}

.gradation { display: inline-block; border:1px solid #d0d0d0; 
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fff));
background: -moz-linear-gradient(top,#f4f4f4, #fff); !important; }

.gradation01
{ 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}

.gradation02
{ 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #fff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#fff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#fff 100%); /* IE10+ */
background: linear-gradient(top,  #fafafa 0%,#fff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}



/* button */
.btn {text-align:center;vertical-align:middle;font-weight:bold;display:inline-block;cursor:pointer;}
.btn:hover,.btn:active,.btn:visited,.btn:focus {text-decoration:none}
.btnB1 {line-height:16px;padding:7px 15px;font-size:15px;color:#fff}
.btnB2 {line-height:12px;padding:2px;font-size:11px;}
.btnB3 {line-height:14px;padding:7px 10px;font-size:13px;}
.btnB4 {line-height:14px;padding:2px;font-size:13px;}
.btnB5 {line-height:14px;padding:23px;.padding:23px 10px;font-size:13px;}
.btnB6 {line-height:16px;padding:3px 15px;font-size:14px;}
.btnB7 {line-height:11px;padding:4px;font-size:12px;}

input.btnB6 {.padding:2px 0 0 0;}
.btnB6:hover {line-height:16px;padding:3px 15px;font-size:14px;}

.btn80 {width:80px}
.btn100 {width:96px}
.IMar10 {margin-left:5px}

.btnOrange,.btnOrange:active,.btnOrange:visited,.btnOrange:focus {border:1px solid #d5602b;background-color:#e2703d;color:#fff !important;}
.btnOrange:hover {border:1px solid #d5602b;background-color:#dc5b21;color:#fff}
.btnOrange2,.btnOrange2:active,.btnOrange2:visited,.btnOrange2:focus {border:1px solid #d5602b;color:#d5602b;background-color:#fff;}
.btnOrange2:hover {border:1px solid #993c13;color:#993c13;}
.btnOrange3,.btnOrange3:active,.btnOrange3:visited,.btnOrange3:focus {border:1px solid #cac6a8;background-color:#f6f3e0;color:#807861;}
.btnOrange3:hover {border:1px solid #cac6a8;background-color:#f0ebd1;color:#807861}

.btnBlue,.btnBlue:active,.btnBlue:visited,.btnBlue:focus {background-color:#5f6774;color:#fff;}
.btnBlue:hover {background-color:#717b8b;color:#fff}
.btnBlue2,.btnBlue2:active,.btnBlue2:visited,.btnBlue2:focus {border:1px solid #5f6774;color:#5f6774;}
.btnBlue2:hover {border:1px solid #e2703d;color:#e2703d;}
.btnBlue3,.btnBlue3:active,.btnBlue3:visited,.btnBlue3:focus {border:1px solid #4e7480;background-color:#678a96;color:#fff;}
.btnBlue3:hover {border:1px solid #6792a0;background-color:#7ca2ae;color:#fff}

.btnRed,.btnRed:active,.btnRed:visited,.btnRed:focus {background-color:#f8eae1;color:#b30404;}
.btnRed:hover {background-color:#f9e0d8;color:#fff}
.btnRed2,.btnRed2:active,.btnRed2:visited,.btnRed2:focus {border:1px solid #d28686;color:#5f6774;}
.btnRed2:hover {border:1px solid #d28686;color:#f9e0d8;}
.btnRed3,.btnRed3:active,.btnRed3:visited,.btnRed3:focus {border:1px solid #d28686;background-color:#f8eae1;color:#fff;}
.btnRed3:hover {border:1px solid #d28686;background-color:#f9e0d8;color:#fff}

.btnGray,.btnGray:active,.btnGray:visited,.btnGray:focus {border:1px solid #d0d0d0;background-color:#f1f1f1;color:#929292;}
.btnGray:hover {border:1px solid #d0d0d0;background-color:#e4e4e4;color:#7d7d7d}
a.btnGray {color:#929292;}

.btn_pack, .btn_pack *,.btn_pack2, .btn_pack2 *
{ display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0; background:url('../images/icon/button-bg-new.png') no-repeat;
color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap;height:32px;cursor:pointer;}

.btn_pack2, .btn_pack2 * {height:42px}

.btn_pack.oragne-bt   {background-position:left top; }
.btn_pack.oragne-bt   *{ padding:5px 20px 0 20px;background-position:right top; font-size:13px;}
.btn_pack.oragne-bt a {color:#fff;}
.btn_pack.oragne-bt input {color:#fff;font-size:13px;padding-top:0}
.btn_pack.oragne-bt *:hover, .btn_pack.oragne-bt *:active,  .btn_pack.oragne-bt *:focus { color:#ffde00; _font-size:13px; }
.btn_pack.oragne-bt.strong   *{font-weight:bold !important }

.btn_pack.basic-bt   { background-position:left -43px }
.btn_pack.basic-bt   *{padding:5px 20px 0 20px;_padding:8px 20px 0 20px;background-position:right -43px;font-size:13px}
.btn_pack.basic-bt a {color:#333}
.btn_pack.basic-bt input {color:#333;font-size:13px;padding-top:0}
.btn_pack.basic-bt *:hover, .btn_pack.basic-bt *:active,  .btn_pack.basic-bt *:focus { color:#ff6600; _font-size:13px}
.btn_pack.basic-bt.strong   *{ font-weight:bold !important }

.btn_pack2.oragne-bt2   {background-position:left -83px;}
.btn_pack2.oragne-bt2   *{ padding:11px 20px 0 20px;background-position:right -83px; font-size:15px; height:31px}
.btn_pack2.oragne-bt2 a {color:#fff;}
.btn_pack2.oragne-bt2 input {color:#fff;font-size:13px;padding-top:0}
.btn_pack2.oragne-bt2 *:hover,.btn_pack2.oragne-bt2 *:active, .btn_pack2.oragne-bt2 *:focus { color:#ffde00;  _font-size:15px;}
.btn_pack2.oragne-bt2.strong   *{font-weight:bold !important }



.btn_pack2.basic-bt2   { background-position:left -133px }
.btn_pack2.basic-bt2   *{padding:11px 20px 0 20px;background-position:right -133px;font-size:15px;height:31px}
.btn_pack2.basic-bt2 a {color:#333}
.btn_pack2.basic-bt2 input {color:#333;font-size:13px;padding-top:0}
.btn_pack2.basic-bt2 *:hover,.btn_pack2.basic-bt2 *:active, .btn_pack2.basic-bt2 *:focus { color:#ff6600; _font-size:15px }
.btn_pack2.basic-bt2.strong   *{ font-weight:bold !important }

.button05, input.button05
{text-align:center; color:#666; font-weight:normal; font-size:11px;font-family:Meiryo;
background-color:#ffffff;
border:1px solid #9ea7b0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(PIE.htc);
cursor:pointer; padding:0 4px; text-decoration:none;}
a:hover .button05, input.button05:hover {text-decoration:none !important;background-color:#fef4ef;color:#484848}


/* padding */
.pad0 {padding:0 !important;}
.pad05 {padding:5px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.tPad0 {padding-top:0 !important;}
.tPad01 {padding-top:1px !important;}
.tPad02 {padding-top:2px !important;}
.tPad03 {padding-top:3px !important;}
.tPad05 {padding-top:5px;}
.tPad07 {padding-top:7px;}
.tPad10 {padding-top:10px !important;}
.tPad13 {padding-top:13px;}
.tPad15 {padding-top:15px;}
.tPad20 {padding-top:20px;}
.tPad25 {padding-top:25px !important;}
.tPad30 {padding-top:30px !important;}
.tPad40 {padding-top:40px !important;}
.lPad0 {padding-left:0 !important;}
.lPad03 {padding-left:3px;}
.lPad05 {padding-left:5px;}
.lPad10 {padding-left:10px;}
.lPad12 {padding-left:12px;}
.lPad15 {padding-left:15px;}
.lPad20 {padding-left:20px;}
.lPad25 {padding-left:25px;}
.lPad30 {padding-left:30px;}
.lPad60 {padding-left:60px;}
.bPad05 {padding-bottom:5px;}
.bPad10 {padding-bottom:10px;}
.bPad15 {padding-bottom:15px;}
.bPad20 {padding-bottom:20px;}
.bPad30 {padding-bottom:30px;}
.bPad40 {padding-bottom:40px !important;}
.bPad50 {padding-bottom:50px;}
.bPad70 {padding-bottom:70px;}
.rPad05 {padding-right:5px !important;}
.rPad10 {padding-right:10px;}
.rPad15 {padding-right:15px;}
.rPad20 {padding-right:20px;}


/* margin */
.tMar0 {margin-top:0 !important;}
.tMar01 {margin-top:1px;}
.tMar04 {margin-top:4px !important;}
.tMar05 {margin-top:5px;}
.tMar07 {margin-top:7px;}
.tMar10 {margin-top:10px;}
.tMar15 {margin-top:15px;}
.tMar20 {margin-top:20px;}
.tMar25 {margin-top:25px;}
.tMar30 {margin-top:30px !important;}
.tMar35 {margin-top:35px;}
.tMar40 {margin-top:40px !important;}
.tMar44 {margin-top:44px;}
.tMar50 {margin-top:50px !important;}
.tMar55 {margin-top:55px;}
.tMar60 {margin-top:60px;}
.tMar80 {margin-top:80px;}

.bMar5 {margin-bottom:5px;}
.bMar10 {margin-bottom:10px;}
.bMar15 {margin-bottom:15px;}
.bMar20 {margin-bottom:20px;}
.bMar30 {margin-bottom:30px;}
.bMar40 {margin-bottom:40px !important;}
.bMar50 {margin-bottom:50px;}
.bMar70 {margin-bottom:70px;}

.lMar0 {margin-left:0 !important;}
.lMar05 {margin-left:5px;}
.lMar10 {margin-left:10px;}
.lMar20 {margin-left:20px;}
.lMar37 {margin-left:37px !important;}
.lMar60 {margin-left:60px !important;}
.rMar05 {margin-right:5px;}rMar05 {margin-right:5px;}


/* font size */
.fs11 {font-size:11px !important; line-height:13px;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}
.fs36 {font-size:36px;}

/* font color */
.pointBlue {color:#2f78bd !important}
.pointBrown {color:#ab6536 !important}
.pointOrg {color:#f1710a !important;}
.font18 {font-size:18px !important}

.brown { color:#886b59; }
.white { color:#fff; }
.pink { color:#f65b83; }
.black { color:#3e3e3e; } 
.purple { color:#b91864; }
.orange { color:#e86c10; }
.green { color:#467116; }
.blue { color:#38497d; }
.red { color:#e11a65; }
.grey { color:#7e7c7c; }
.navy { color:#1b3183; }
.khaki { color:#545d4c; }
.black { color:#000000; }

.cr999 {color:#999 !important;}
.cr888 {color:#888 !important;}
.cr777 {color:#777 !important;}
.cr666 {color:#666;}
.cr555 {color:#555 !important;}
.cr333 {color:#333 !important;}
.cr000 {color:#000 !important;}
.crBbb {color:#bbb;}
.crWhite {color:#fff !important;;}

/* font weight */
.fb {font-weight:bold;}
.fn {font-weight:normal !important; font-style:normal !important;}

/* align */
.overHidden {overflow:hidden;}
.lt {text-align:left !important;}
.cet {text-align:center !important;}
.rt {text-align:right !important;}
.ftLt {float:left;}
.ftRt {float:right;}


.nbd {border:none}
.btBox {width:100%;text-align:center}
.pr-review { font-weight:bold; color:#ff6600; }
.amount {color:#7e3800}
.each-amount {color:#ec4300;font-weight:bold}
.more {width:33px;height:13px;display:block;background:url('../images/index_set.png') 0 -66px no-repeat;float:right}
.brand-more {width:100px;height:15px;display:block;background:url('../images/index_set.png') -70px -64px no-repeat;float:right;margin-right:5px}
.icon-square {width:8px;height:8px;display:inline-block;background:url('../images/index_set.png') -49px -66px no-repeat;margin-right:5px}
.yellow-star {width:9px;height:9px;line-height:0;font-size:8px;display:block;background:url('../images/index_set.png') -36px -66px no-repeat;float:left;margin:4px 3px 0 0}
.img-banner a {border:1px solid #cecece;display:inline-block;}
.img-banner a:hover {border:1px solid #e9862f}
.sns-list {display:inline-block}
.sns-list li {float:left}


/* 어딘지 모르겠음 */
#csshelp1 { border:0px; background:#fff;}
#csshelp2 { border:2px solid #BDBEC6; padding:0px; }
#csshelp3 { background:#F9F9F9; padding:6px; width:190px; color:#222222; line-height:120%; text-align:left; }

.top-icon  { margin:5px 0; float:right; clear:both; }
.top-icon img { border:none; }
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover{ text-decoration:none; }

a.top:link, a.top:visited, a.top:active { text-decoration:none; font-weight:bold; color:#A44F0F; }
a.top:hover { text-decoration:none; }

.blind { position:absolute; line-height:0; width:0; height:0; font-size:0; overflow:hidden; top:0; left:0; }

.form-box-new { border:1px solid #cecece; }

.paginate {padding:15px 0; text-align:center}
.paginate a,.paginate strong
{ display:inline-block; _position:relative; margin-left:-1px; padding:3px 8px 1px 7px;
border-right:1px solid #cecece;
border-left:1px solid #cecece;
background:#fff;color:#313031;
font-size:12px;
font-weight:bold;
line-height:normal;
text-decoration:none
}

/* page */
.paginate strong   { color:#ff8600 !important }
.paginate a:hover { background:#f7f7f7 }
.paginate a.pre, .paginate a.pre_end    {padding:3px 8px 1px 16px; border:none}
.paginate a.next, .paginate a.next_end {padding:3px 16px 1px 8px; border:none}

.paginate a.pre        {background:url('../images/icon/bu_pg1_l1.gif') no-repeat 8px 6px !important;font-weight:normal}
.paginate a.pre_end  {border-right:1px solid #cecece; background:url('../images/icon/bu_pg1_l2.gif') no-repeat 4px 8px !important;font-weight:normal}
.paginate a.next      {background:url('../images/icon/bu_pg1_r1.gif') no-repeat 37px 6px !important;font-weight:normal}
.paginate a.next_end {border-left:1px solid #cecece;background:url('../images/icon/bu_pg1_r2.gif') no-repeat 37px 8px !important;font-weight:normal}

/* color choice */
.aa, .aa-detail  { width:20px; height:20px; display:inline-block; float:left; border:1px solid #cecece; margin:3px; cursor:pointer;  text-align:center}
.box { width:160px; height:auto; 	clear:both; }
.aa-detail  { width:15px; height:15px; overflow:hidden }
#color-choice .a_fl { float:right; display:inline-block; margin-left:15px; }
#color-choice { display:inline-block; margin-top:5px }
#color-choice h4 { color:#652020; font-size:13px; display:inline-block; float:left; margin-top:2px; }
#color-choice span { color:#d45a8d; padding-left:5px; font-size:12px; }
.a1  { background-color:#bb072f; }
.a2  { background-color:#f71122; }
.a3  { background-color:#ff7200; }
.a4  { background-color:#f4e9be; }
.a5  { background-color:#ffe400; }
.a6  { background-color:#8e5000; }
.a7  { background-color:#637543; }
.a8  { background-color:#53b000; }
.a9  { background-color:#61e7d6; }
.a10 { background-color:#86d9ff; }
.a11 { background-color:#1e96f3; }
.a12 { background-color:#002f8b; }
.a13 { background-color:#9e57f6; }
.a14 { background-color:#fc6cac; }
.a15 { background-color:#ffb8d1; }
.a16 { background-color:#ffffff; }
.a17 { background-color:#8d8c8c; }
.a18 { background-color:#000000; }
.a19 { background-color:#e9e9e9; }
.a20 { background-color:#fffc00; }
.a21 { background-color:#fdc157; }
.a22 { background-color:#43add1; }

#color-category-menu {width:100%;height:auto;border-top:1px solid #cecece;border-bottom:1px dashed #cecece;margin:30px 0 0 0;background:#fafafa}
#color-category-menu ul,#color-category-menu #menu-view1 span {display:inline-block}
#color-category-menu ul li {float:left; padding:5px 0;}
#color-category-menu ul li a {padding:0 19px;border-right:1px solid #cecece}
#color-category-menu ul li a:link {text-decoration:none}
#color-category-menu ul li a:hover {color:#d57900}

#color-category-menu #menu-view1,#color-category-menu #menu-view2,#color-category-menu #menu-view3,#color-category-menu #menu-view4,#color-category-menu #menu-view5 {position:absolute; visibility:hidden; z-index:9999;margin:15px 0 0 0}
#color-category-menu #menu-view1 p,#color-category-menu #menu-view2 p,#color-category-menu #menu-view3 p,#color-category-menu #menu-view4 p,#color-category-menu #menu-view5 p {
background:#fff;width:150px;height:100px;border:3px solid #cecece;margin:-6px 0 0 0}
#color-category-menu #menu-view1 span,#color-category-menu #menu-view2 span,#color-category-menu #menu-view3 span,#color-category-menu #menu-view4 span,#color-category-menu #menu-view5 span {width:150px;padding:0 0 0 20px;color:#cecece}




.imgalign { vertical-align: middle }