@charset "shift_jis";
/*Main(ユーティリティー)*/

body {cursor: default;}

/*Firefox,Safari Hack*/
body:first-of-type a, input, select {outline: none;}

img {border: 0;}

.large {font-size: large;}
.bold {font-weight: bold;}

.color_white {color:#FFFFFF;}
.color_red {color:#ff0000;}
.color_blue {color:#0000ff;}
.color_green {color:#009900;}
.color_navyblue {color: #000080;}
.color_brown {color: #BB0000;}
.color_orange {color: #FF6600;}
.bgcolor_cream {background-color: #fffac8;}
.bgcolor_white {background-color:#FFFFFF;}
.bgcolor_orange {background-color: #FFA500;}
.bgcolor_blue{background-color: #0000FF;}
.bgcolor_blue_on {background-color: #00A5FF;}      /* _マウスオーバー */
.bgcolor_dimgray {background-color: #696969;}
.bgcolor_green {background-color:#009900;}
.bgcolor_orange_1 {background-color: #FFC900;}   /* 飛ばし */
.bgcolor_orange_1_on {background-color: #FFA500;}  /* 飛ばし_マウスオーバー */
.bgcolor_orange_2 {background-color: #FFA500;}   /* 総量制限 */
.bgcolor_orange_2_on {background-color: #FFC900;}  /* 総量制限_マウスオーバー */

.pointer {cursor: pointer;}

.left
{
float:left;
clear:left;
}
.right
{
float:right;
clear:right;
}
.right2
{
float:right;
}
.align_l
{
text-align:left;
margin:0 auto;
width:95%;
}
.align_c
{
clear:both;
text-align:center;
margin:0 auto;
width:95%;
}
.priceBefore
{
text-decoration: line-through;
font-size: 80%;
}
/* 一覧表示の商品背景色 */
.GoodsOrderStop {background-color: #FBFBFB;}
.GoodsOrderReserv {background-color: #FFEDFC;}
.GoodsOrderQuantityLimit {background-color: #FFFFCC;}

/*カタログ表示時のセル罫線*/
.GoodsLine
{
border-bottom: solid 2px #C0C0C0;
border-left: solid 2px #C0C0C0;
border-right: solid 2px #C0C0C0;
border-top: solid 2px #C0C0C0;
}

/* 一覧表示の商品背景色 */
/*divを用いた疑似テーブル*/
.divList
{
border-style: solid;
margin:0 auto;
}
.divList .record1,       /*表の横列(上から1,2,…)*/
.divList .record2,
.divList .record3,
.divList .record4,
.divList .record5,
.divList .record6,
.divList .record7,
.divList .record8,
.divList .record9,
.divList .record10
{
width: 100%;
float: left;
clear: left;
}

.divList .cell1,         /*表のセル(左から1,2,…)*/
.divList .cell2,
.divList .cell3,
.divList .cell5
{
height: 100%;
float: left;
}
.divList .cell4 {float: left;}

/* 丸角 */
.kado1
{
margin: 0 5px;
height:1px;
overflow: hidden;
}

.kado2
{
margin: 0 3px;
height:1px;
overflow: hidden;
}
.kado3
{
margin: 0 2px;
height:1px;
overflow: hidden;
}
.kado4
{
margin: 0 1px;
height:2px;
overflow: hidden;
}
.kado5
{
padding:0px;
}
/* 丸角2 */
#xsnazzy
{
background:transparent;
padding:0;
width:80%;
margin:0px auto;
}
#xsnazzy .h, #xsnazzy p
{
margin:0;
padding:10px 15px;
line-height:2em;
}
#xsnazzy .h
{
font-size:1.5em;
padding-bottom:0;
font-weight:bold;
}
#xsnazzy .xtop, #xsnazzy .xbottom
{
display:block;
background:transparent;
font-size:1px;
}
#xsnazzy b
{
display:block;
overflow:hidden;
}
#xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px;}
#xsnazzy .xb1 {margin:0 5px;}
#xsnazzy .xb2 {margin:0 3px;}
#xsnazzy .xb3 {margin:0 2px;}
#xsnazzy .xb4
{
height:2px;
margin:0 1px;
}
#xsnazzy .xboxcontent
{
display:block;
padding:3px;
}
#bodyGenrePassword #lblGuideMsg
{
font-size: 80%;
font-weight: bold;
}
.imgBack {float: left;}
/*エラーメッセージ用共通スタイル*/
div.error
{
width: 99%;
text-align: center;
clear: left;
}
div.error div
{
width: 52%;
height: auto;
line-height: 75px;
margin: 0 auto;
border: solid 10px #FC0;
background-color: #FF9;
float: none !important;
}

@media screen and (max-device-width:1024px){.ddlAmount{width:45px !important;}}

.iPadGuidance
{
    border:solid 2px red;
    color:White;
    font-weight:bold;
    background-color:Red; 
}
.iPadGuidanceForLayer
{
    color:Red;
    font-weight:bold;
    text-align:center;
}

.hiddenUpdateButton
{
    display:none;
}

.display_none
{
    display:none;
}