body {
 background-image: url('https://www.bookshop-ps.com/gravureclub/img/gnavi_dot.gif');
background-color:#f6f5ef;
font-family: ‘ヒラギノ角ゴ Pro W3’ , ‘Hiragino Kaku Gothic Pro’ ;
font-size:12px;line-height:16px;
}

/*  header------------------------------ */
#header{
 background-image: url('https://www.bookshop-ps.com/gravureclub/img/sgc_02.gif');width:940px;
}

#header ul.nav-utility{
margin:25px 10px 0px 0px;
float:right;font-size:12px;line-height:25px; 
}
#header ul.nav-utility a { color: blue;margin-right:15px;}
#header ul.nav-utility a:hover { color: #47B1D6;}



/*  main------------------------------ */
#main { font-size:12px;line-height:17px;
width:940px;padding:20px 20px 50px 20px ;
}

#main input{height:20px;border:#A8A8A8 1px solid;}


#login{
font-family: monospace;
margin:10px 0px 0px 0px ;
padding:15px 0px 15px 0px ;
font-size:13px;
text-align:left;float:left;
}



#login span#s01{
width:120px;
display:block;float:left;text-align:center;
padding:10px;
background: #A8A8A8;color:white; 
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;}


#login span#s02{
width:480px;
display:block;float:left;
padding:6px 6px 7px 6px ;white-space:nowrap;
background: #EDEDED;test-align:left;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
margin-right:10px;
}




#botan{float:left;margin:25px 0px 0px 0px ;}

/*ボタン共通*/
#bo01,#bo02,#bo03,#bo04,#bo05,#bo06,#bo07,#bo08,#bo09 {
padding:0px 30px 0px 30px ; 
height:28px;white-space:nowrap;
margin:0px 0px 10px 0px ; 
font-size:13px;line-height:28px;
cursor:pointer; display:table;
color:#ffffff; text-decoration:none; text-align:center;
}

/*ボタン共通*/
#botan01,#botan02,#botan03,#botan04,#botan05,#botan06,#botan07,#botan08,#botan09 {width:250px;
height:28px;white-space:nowrap;
margin:0px 0px 10px 0px ; 
font-size:13px;line-height:28px;
cursor:pointer; display:table;
color:#ffffff; text-decoration:none; text-align:center;
}


/*青ボタン*/
#botan01,#bo01  {
background: #3e7aff;
background: -moz-linear-gradient(top, #3e7aff 0%, #0044ce 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e7aff), color-stop(100%,#0044ce));
background: -webkit-linear-gradient(top, #3e7aff 0%,#0044ce 100%);
background: -o-linear-gradient(top, #3e7aff 0%,#0044ce 100%);
background: -ms-linear-gradient(top, #3e7aff 0%,#0044ce 100%);
background: linear-gradient(to bottom,  #3e7aff 0%,#0044ce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7aff', endColorstr='#0044ce',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #0000ae;
-webkit-transition: 0.2s ease-in-out;
}


#botan01:hover,#bo01:hover  {
background: #85a2ff;
background: -moz-linear-gradient(top, #85a2ff 0%, #3e6bff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85a2ff), color-stop(100%,#3e6bff));
background: -webkit-linear-gradient(top, #85a2ff 0%,#3e6bff 100%);
background: -o-linear-gradient(top, #85a2ff 0%,#3e6bff 100%);
background: -ms-linear-gradient(top, #85a2ff 0%,#3e6bff 100%);
background: linear-gradient(to bottom, #85a2ff 0%,#3e6bff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a2ff', endColorstr='#3e6bff',GradientType=0 );
}

#botan01:active,#bo01:active {
background: #001fba;
background: -moz-linear-gradient(top, #001fba 0%, #4e6bff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001fba), color-stop(100%,#4e6bff));
background: -webkit-linear-gradient(top, #001fba 0%,#4e6bff 100%);
background: -o-linear-gradient(top, #001fba 0%,#4e6bff 100%);
background: -ms-linear-gradient(top, #001fba 0%,#4e6bff 100%);
background: linear-gradient(to bottom, #001fba 0%,#4e6bff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001fba', endColorstr='#4e6bff',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}







/*緑ボタン*/

#botan02,#bo02  {

background: #45a908;
background: -moz-linear-gradient(top, #45a908 0%, #006836 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45a908), color-stop(100%,#006836));
background: -webkit-linear-gradient(top, #45a908 0%,#006836 100%);
background: -o-linear-gradient(top, #45a908 0%,#006836 100%);
background: -ms-linear-gradient(top, #45a908 0%,#006836 100%);
background: linear-gradient(to bottom,  #45a908 0%,#006836 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45a908', endColorstr='#006836',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #004c14;
-webkit-transition: 0.2s ease-in-out;
}


#botan02:hover,#bo02:hover  {
background: #7fd595;
background: -moz-linear-gradient(top, #7fd595 0%, #239a1d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fd595), color-stop(100%,#239a1d));
background: -webkit-linear-gradient(top, #7fd595 0%,#239a1d 100%);
background: -o-linear-gradient(top, #7fd595 0%,#239a1d 100%);
background: -ms-linear-gradient(top, #7fd595 0%,#239a1d 100%);
background: linear-gradient(to bottom, #7fd595 0%,#239a1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fd595', endColorstr='#239a1d',GradientType=0 );
}

#botan02:active,#bo02:active {
background: #d34f00;
background: -moz-linear-gradient(top, #006c19 0%, #12c200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006c19), color-stop(100%,#12c200));
background: -webkit-linear-gradient(top, #006c19 0%,#12c200 100%);
background: -o-linear-gradient(top, #006c19 0%,#12c200 100%);
background: -ms-linear-gradient(top, #006c19 0%,#12c200 100%);
background: linear-gradient(to bottom, #006c19 0%,#12c200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006c19', endColorstr='#12c200',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}












/*赤ボタン*/
#botan03,#bo03  {

background: #ff3434;
background: -moz-linear-gradient(top, #ff3434 0%, #b60000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3434), color-stop(100%,#b60000));
background: -webkit-linear-gradient(top, #ff3434 0%,#b60000 100%);
background: -o-linear-gradient(top, #ff3434 0%,#b60000 100%);
background: -ms-linear-gradient(top, #ff3434 0%,#b60000 100%);
background: linear-gradient(to bottom,  #ff3434 0%,#b60000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3434', endColorstr='#b60000',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #890000;
-webkit-transition: 0.2s ease-in-out;
}


#botan03:hover,#bo03:hover   {
background: #ff7575;
background: -moz-linear-gradient(top, #ff7575 0%, #cb4343 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7575), color-stop(100%,#cb4343));
background: -webkit-linear-gradient(top, #ff7575 0%,#cb4343 100%);
background: -o-linear-gradient(top, #ff7575 0%,#cb4343 100%);
background: -ms-linear-gradient(top, #ff7575 0%,#cb4343 100%);
background: linear-gradient(to bottom, #ff7575 0%,#cb4343 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7575', endColorstr='#cb4343',GradientType=0 );
}

#botan03:active,#bo03:active {
background: #d30000;
background: -moz-linear-gradient(top, #d30000 0%, #ff4040 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d30000), color-stop(100%,#ff4040));
background: -webkit-linear-gradient(top, #d30000 0%,#ff4040 100%);
background: -o-linear-gradient(top, #d30000 0%,#ff4040 100%);
background: -ms-linear-gradient(top, #d30000 0%,#ff4040 100%);
background: linear-gradient(to bottom, #d30000 0%,#ff4040 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30000', endColorstr='#ff4040',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}









/*オレンジボタン*/

#botan04 ,#bo04 {

background: #f99500;
background: -moz-linear-gradient(top, #f99500 0%, #f34900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99500), color-stop(100%,#f34900));
background: -webkit-linear-gradient(top, #f99500 0%,#f34900 100%);
background: -o-linear-gradient(top, #f99500 0%,#f34900 100%);
background: -ms-linear-gradient(top, #f99500 0%,#f34900 100%);
background: linear-gradient(to bottom,  #f99500 0%,#f34900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99500', endColorstr='#f34900',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #b95300;
-webkit-transition: 0.2s ease-in-out;
}


#botan04:hover,#bo04:hover  {
background: #ffc178;
background: -moz-linear-gradient(top, #ffc178 0%, #ec7d3a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc178), color-stop(100%,#ec7d3a));
background: -webkit-linear-gradient(top, #ffc178 0%,#ec7d3a 100%);
background: -o-linear-gradient(top, #ffc178 0%,#ec7d3a 100%);
background: -ms-linear-gradient(top, #ffc178 0%,#ec7d3a 100%);
background: linear-gradient(to bottom, #ffc178 0%,#ec7d3a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc178', endColorstr='#ec7d3a',GradientType=0 );
}

#botan04:active,#bo04:active {
background: #d34f00;
background: -moz-linear-gradient(top, #d34f00 0%, #ff8840 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d34f00), color-stop(100%,#ff8840));
background: -webkit-linear-gradient(top, #d34f00 0%,#ff8840 100%);
background: -o-linear-gradient(top, #d34f00 0%,#ff8840 100%);
background: -ms-linear-gradient(top, #d34f00 0%,#ff8840 100%);
background: linear-gradient(to bottom, #d34f00 0%,#ff8840 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d34f00', endColorstr='#ff8840',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}








/*黄色ボタン*/

#botan05,#bo05  {

background: #fff600;
background: -moz-linear-gradient(top, #fff600 0%, #a09a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff600), color-stop(100%,#a09a00));
background: -webkit-linear-gradient(top, #fff600 0%,#a09a00 100%);
background: -o-linear-gradient(top, #fff600 0%,#a09a00 100%);
background: -ms-linear-gradient(top, #fff600 0%,#a09a00 100%);
background: linear-gradient(to bottom,  #fff600 0%,#a09a00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff600', endColorstr='#a09a00',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #989300;
-webkit-transition: 0.2s ease-in-out;
}


#botan05:hover ,#bo05:hover {
background: #fffca8;
background: -moz-linear-gradient(top, #fffca8 0%, #b2ae4f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffca8), color-stop(100%,#b2ae4f));
background: -webkit-linear-gradient(top, #fffca8 0%,#b2ae4f 100%);
background: -o-linear-gradient(top, #fffca8 0%,#b2ae4f 100%);
background: -ms-linear-gradient(top, #fffca8 0%,#b2ae4f 100%);
background: linear-gradient(to bottom, #fffca8 0%,#b2ae4f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffca8', endColorstr='#b2ae4f',GradientType=0 );
}

#botan05:active,#bo05:active {
background: #a09a00;
background: -moz-linear-gradient(top, #a09a00 0%, #fff600 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a09a00), color-stop(100%,#fff600));
background: -webkit-linear-gradient(top, #a09a00 0%,#fff600 100%);
background: -o-linear-gradient(top, #a09a00 0%,#fff600 100%);
background: -ms-linear-gradient(top, #a09a00 0%,#fff600 100%);
background: linear-gradient(to bottom, #a09a00 0%,#fff600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a09a00', endColorstr='#fff600',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}





/*水色ボタン*/

#botan06,#bo06  {

background: #00d2ff;
background: -moz-linear-gradient(top, #00d2ff 0%, #0091b0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d2ff), color-stop(100%,#0091b0));
background: -webkit-linear-gradient(top, #00d2ff 0%,#0091b0 100%);
background: -o-linear-gradient(top, #00d2ff 0%,#0091b0 100%);
background: -ms-linear-gradient(top, #00d2ff 0%,#0091b0 100%);
background: linear-gradient(to bottom,  #00d2ff 0%,#0091b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2ff', endColorstr='#0091b0',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #0087cd;
-webkit-transition: 0.2s ease-in-out;
}


#botan06:hover,#bo06:hover  {
background: #6ae5ff;
background: -moz-linear-gradient(top, #6ae5ff 0%, #519cac 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ae5ff), color-stop(100%,#519cac));
background: -webkit-linear-gradient(top, #6ae5ff 0%,#519cac 100%);
background: -o-linear-gradient(top, #6ae5ff 0%,#519cac 100%);
background: -ms-linear-gradient(top, #6ae5ff 0%,#519cac 100%);
background: linear-gradient(to bottom, #6ae5ff 0%,#519cac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ae5ff', endColorstr='#519cac',GradientType=0 );
}

#botan06:active,#bo06:active {
background: #0091b0;
background: -moz-linear-gradient(top, #0091b0 0%, #00d2ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0091b0), color-stop(100%,#00d2ff));
background: -webkit-linear-gradient(top, #0091b0 0%,#00d2ff 100%);
background: -o-linear-gradient(top, #0091b0 0%,#00d2ff 100%);
background: -ms-linear-gradient(top, #0091b0 0%,#00d2ff 100%);
background: linear-gradient(to bottom, #0091b0 0%,#00d2ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091b0', endColorstr='#00d2ff',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}






/*ピンクボタン*/

#botan07,#bo07  {

background: #ff79de;
background: -moz-linear-gradient(top, #ff79de 0%, #e22bb5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff79de), color-stop(100%,#e22bb5));
background: -webkit-linear-gradient(top, #ff79de 0%,#e22bb5 100%);
background: -o-linear-gradient(top, #ff79de 0%,#e22bb5 100%);
background: -ms-linear-gradient(top, #ff79de 0%,#e22bb5 100%);
background: linear-gradient(to bottom,  #ff79de 0%,#e22bb5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff79de', endColorstr='#e22bb5',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #c80097;
-webkit-transition: 0.2s ease-in-out;
}


#botan07:hover,#bo07:hover  {
background: #ffa4e9;
background: -moz-linear-gradient(top, #ffa4e9 0%, #e368c5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa4e9), color-stop(100%,#e368c5));
background: -webkit-linear-gradient(top, #ffa4e9 0%,#e368c5 100%);
background: -o-linear-gradient(top, #ffa4e9 0%,#e368c5 100%);
background: -ms-linear-gradient(top, #ffa4e9 0%,#e368c5 100%);
background: linear-gradient(to bottom, #ffa4e9 0%,#e368c5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa4e9', endColorstr='#e368c5',GradientType=0 );
}

#botan07:active,#bo07:active {
background: #e22bb5;
background: -moz-linear-gradient(top, #e22bb5 0%, #ff79de 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e22bb5), color-stop(100%,#ff79de));
background: -webkit-linear-gradient(top, #e22bb5 0%,#ff79de 100%);
background: -o-linear-gradient(top, #e22bb5 0%,#ff79de 100%);
background: -ms-linear-gradient(top, #e22bb5 0%,#ff79de 100%);
background: linear-gradient(to bottom, #e22bb5 0%,#ff79de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e22bb5', endColorstr='#ff79de',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}





/*紫ボタン*/

#botan08,#bo08  {

background: #8e33ff;
background: -moz-linear-gradient(top, #8e33ff 0%, #430095 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e33ff), color-stop(100%,#430095));
background: -webkit-linear-gradient(top, #8e33ff 0%,#430095 100%);
background: -o-linear-gradient(top, #8e33ff 0%,#430095 100%);
background: -ms-linear-gradient(top, #8e33ff 0%,#430095 100%);
background: linear-gradient(to bottom,  #8e33ff 0%,#430095 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e33ff', endColorstr='#430095',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #400090;
-webkit-transition: 0.2s ease-in-out;
}


#botan08:hover,#bo08:hover  {
background: #af6eff;
background: -moz-linear-gradient(top, #af6eff 0%, #6c41a0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af6eff), color-stop(100%,#6c41a0));
background: -webkit-linear-gradient(top, #af6eff 0%,#6c41a0 100%);
background: -o-linear-gradient(top, #af6eff 0%,#6c41a0 100%);
background: -ms-linear-gradient(top, #af6eff 0%,#6c41a0 100%);
background: linear-gradient(to bottom, #af6eff 0%,#6c41a0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af6eff', endColorstr='#6c41a0',GradientType=0 );
}

#botan08:active,#bo08:active {
background: #430095;
background: -moz-linear-gradient(top, #430095 0%, #8e33ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#430095), color-stop(100%,#8e33ff));
background: -webkit-linear-gradient(top, #430095 0%,#8e33ff 100%);
background: -o-linear-gradient(top, #430095 0%,#8e33ff 100%);
background: -ms-linear-gradient(top, #430095 0%,#8e33ff 100%);
background: linear-gradient(to bottom, #430095 0%,#8e33ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#430095', endColorstr='#8e33ff',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}






#botan09,#bo09 {


background: #d1d1d1;
background: -moz-linear-gradient(top, #d1d1d1 0%, #989898 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(100%,#989898));
background: -webkit-linear-gradient(top, #d1d1d1 0%,#989898 100%);
background: -o-linear-gradient(top, #d1d1d1 0%,#989898 100%);
background: -ms-linear-gradient(top, #d1d1d1 0%,#989898 100%);
background: linear-gradient(to bottom,  #d1d1d1 0%,#989898 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#989898',GradientType=0 );
border-radius:5px;
-ms-border-raduis:5px;
text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5);
border:solid 1px #666666;
-webkit-transition: 0.2s ease-in-out;
}


#botan09:hover,#bo09:hover {
background: #e1e1e1;
background: -moz-linear-gradient(top, #e1e1e1 0%, #bbbbbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#bbbbbb));
background: -webkit-linear-gradient(top, #e1e1e1 0%,#bbbbbb 100%);
background: -o-linear-gradient(top, #e1e1e1 0%,#bbbbbb 100%);
background: -ms-linear-gradient(top, #e1e1e1 0%,#bbbbbb 100%);
background: linear-gradient(to bottom, #e1e1e1 0%,#bbbbbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#bbbbbb',GradientType=0 );
}

#botan09:active,#bo09:active {
background: #999999;
background: -moz-linear-gradient(top, #999999 0%, #b9b9b9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#b9b9b9));
background: -webkit-linear-gradient(top, #999999 0%,#b9b9b9 100%);
background: -o-linear-gradient(top, #999999 0%,#b9b9b9 100%);
background: -ms-linear-gradient(top, #999999 0%,#b9b9b9 100%);
background: linear-gradient(to bottom, #999999 0%,#b9b9b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#b9b9b9',GradientType=0);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4);
}




.bas{
width:900px;
border-top:solid 1px #777777;
border-right:solid 1px #777777;
margin-bottom:10px;
}
.bas td{padding:5px;
border-left:solid 1px #777777;
border-bottom:solid 1px #777777;
}

.bas td:first-child{ white-space:nowrap; }




#pay{
width:900px;
border-top:solid 1px #666666;
border-right:solid 1px #666666;
margin-bottom:10px;
}

#pay td{padding:5px;background: #EDEDED;
border-left:solid 1px #666666;
border-bottom:solid 1px #666666;
}
#pay td:first-child {color:#ffffff; background: #A8A8A8; white-space:nowrap;}





#order{
width:900px;
border-top:solid 1px #666666;
border-right:solid 1px #666666;
margin-bottom:10px;
}

#order th{background: #c4c4c4;color:#444444;padding:5px;
border-left:solid 1px #666666;
border-bottom:solid 1px #666666;}

#order td{padding:5px;
border-left:solid 1px #666666;
border-bottom:solid 1px #666666;
}
#order td:first-child { width:150px; }
#order td:last-child { width:100px;text-align:right }
#order tr:nth-child(odd) {
background: #eeeeee;
}
#order tr:last-child {
background: #ffffff;font-weight:bold;color:#444444; 
}








#rireki{
width:900px;
border-top:solid 1px #666666;
border-right:solid 1px #666666;
margin-bottom:1px;
}

#rireki th{background: #c4c4c4;color:#444444;padding:5px;
border-left:solid 1px #666666;
border-bottom:solid 1px #666666;}

#rireki td{padding:5px;
border-left:solid 1px #666666;
border-bottom:solid 1px #666666;
}
#rireki td:first-child { width:150px; }
#rireki td:last-child { width:100px;text-align:right }
#rireki tr:nth-child(odd) { background: #eeeeee; }






















#msg01 {float:left;letter-spacing:1px;
background: #919191;padding:7px 20px 8px 20px ;
color:#ffffff;font-size:13px;font-weight:bold;
position:relative;
text-align:center;
white-space:nowrap;margin-right:30px;margin-bottom:7px;
}

#msg01:after
{ content: '';position: absolute;display: block; }
 
#msg01:after {
top: 0px; right: -27px;
border-top: 16px solid transparent;
border-left: 27px solid #919191;
border-bottom: 16px solid transparent;
}



#msg02 {float:left;margin-left:15px;
padding:10px 10px 4px 0px;
font-size:13px;font-weight:bold;color:#444444
}


















.tabrow {color: #000000;
		    text-align: left;
		    list-style: none;
		    margin: 10px 0px 10px 0px;
		    padding: 0px 0px 0px 5px;
		    line-height: 24px;
		    height: 26px;
		    overflow: hidden;
		    font-size: 12px;
		    font-family: verdana;
		    position: relative;

		}
		.tabrow li {
		    border: 1px solid #AAA;
		    background: #D1D1D1;
		    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    display: inline-block;
		    position: relative;
		    z-index: 0;
		    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
		    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
		    text-shadow: 0 1px #FFF;
		    margin: 0 -5px;
		    text-align: center ;width:200px;font-weight:bold;
		}
		.tabrow a {display: block;
			  color: #000000;
			  text-decoration: none;
		}
		.tabrow li.selected {
		    background: #FFF;
		    color: #333;
		    z-index: 2;
		    border-bottom-color: #FFF;
		}
		.tabrow:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
		    bottom: 0;
		    left: 0;
		    border-bottom: 1px solid #AAA;
		    z-index: 1;
}




		.tabrow li:before,
		.tabrow li:after {
		    border: 1px solid #AAA;
		    position: absolute;
		    bottom: -1px;
		    width: 5px;
		    height: 5px;
		    content: " ";
		}
		.tabrow li:before {
		    left: -6px;
		    border-bottom-right-radius: 0px;
		    border-width: 0 1px 1px 0;
		    box-shadow: 2px 2px 0 #D1D1D1;
		}
		.tabrow li:after {
		    right: -6px;
		    border-bottom-left-radius: 6px;
		    border-width: 0 0 1px 1px;
		    box-shadow: -2px 2px 0 #D1D1D1;
		}
		.tabrow li.selected:before {
		    box-shadow: 2px 2px 0 #FFF;
		}
		.tabrow li.selected:after {
		    box-shadow: -2px 2px 0 #FFF;
		}

























/*  footer------------------------------ */

#footer{ padding-top:50px;width:940px;text-align:center;
background-image: url('https://www.bookshop-ps.com/gravureclub/img/footer.gif');


background-position:bottom;
padding-right:10px;
padding-bottom:10px;
 }
#footer img { margin:10px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.3)}

/*  copyright
------------------------------------------ */
div#copyright{
/* background-image: url('file:///Users/akiko8969/Desktop/footer.gif');*/



text-align:right;
white-space:nowrap;
font-size:11px


}


#footer ul.nav-utility{
margin:25px 10px 0px 0px; float:left;
font-size:12px;line-height:25px; 
}

#footer ul.nav-utility a { color: blue;margin-right:15px;}
#footer ul.nav-utility a:hover { color: #47B1D6;}