/* ( PAD用 ) new_vinyl の基本デザイン用  */

body { 
      height: auto;
      width: auto;    
      font-family: 'Times New Roman' , 'Times';
      }

#contents  {
      max-width: 768px;
      width: auto;
      margin: auto;      
      position: relative;
      height: auto;      
      text-align: center;
      }

/*  小ウィンドウ用   */
#scontents  {
      width: 100%;            
      font-family: 'Times New Roman' , 'Times';
      }

#header0 {    
      width: 100%;  
      height: auto;
      }

#header0 h1 {
      font-size: 14px;
      text-align: left;
      }

#header1 {
      width: 98%;
      height: 50px;
      margin: 0 auto;
      padding: 0;
      position: relative;
      }

#logo {
      width: 50%;
      height: 98%;
      margin: auto;
      float: left;   
      }

#logo img {
      width: 98%;
      }

#top-right {      
      display: none;
      width: 0;
      position: absolute; 
      }

#s-top-right {
      list-style-type: none;
      width: 30px;
      float: right;   
         
      }

#s-top-right img {
      width: 100%; 
      }

#s-top-right ul {
      position: absolute;
      margin: 0; 
      width: 100px;      
      color: #ffffff;
      font-size: 90%;
      font-weight: bold;
      line-height: 1;
      text-decoration: none;
      list-style-type: none;
      visibility: hidden;
      font-size: 18px;
      }

#s-top-right li {
        position: relative;
        background: #ecefec;
        border-bottom: #ffffff 2px solid;
        font-size: 90%;
        padding-top: 8px;
        margin-bottom: 0;
        top: -20%;
        right: 220%; 
        width: 200%;
        height: 30px;
        z-index: 100;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      -o-transition: .3s;
      -ms-transition: .3s;
      transition: .3s;
      }

#s-top-right li a {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 2px;
        color: #333;
        font-size: 120%;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        text-decoration: none;
       }

#s-top-right li a:hover {
        position: relative;
        background: #778899;
        color: #ffffff;
        padding: 0;
       }


#header2 {      
      width: 100%;      
      height: 60px;
      margin: 5px;
      font-size: 80%;
      text-align: left;    
      border: 1px #fafad2 solid;      
      box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4); /* css3 */
      -moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);   /* Firefox */
      -webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4); /* Safari, Google Chrome */ 
      -ms-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4); /* IE */
      border-radius: 10px;         /* css3 */
      -moz-border-radius: 10px;    /* Firefox */
      -webkit-border-radius: 10px; /* Safari, Google Chrome */
      -ms-border-radius: 10px; /* IE */  
      }

.waku {
        display: table;
        width: 90%;      
        margin: 0 auto;
      }

#search-box {     
      display: table-cell;
      width: 100%;
      float: none;
      margin: 0 5px;      
      padding: 8px 0; 
        
      }

input.re_width {
      width: 60%;
      height: 40px;
      font-size: 120%;
      border-radius: 5px;         /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */

      }

#lang {
      width: 6%;            
      float: right;
      margin: 0 4px;
      }

#lang img {
      width: 30px;                 
      padding: 0;
      float: left;
      margin-left: 1%;      
      }

#cart {
      display: table-cell;
      width: 6%;
      margin: 0; 
      float: right;
      }

#cart img {
      width: 80%;
      height: 80%;
      padding: 0;
      }

#offer_box {
      display: table-cell;      
      float: right;
      width: 6%;
      height: 80%;
      margin-right: 4px;
      text-align: center;
      background-color: #f5f5f5;
      box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); /* css3 */
      -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);   /* Firefox */
      -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); /* Safari, Google Chrome */ 
      -ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); 
      border-radius: 5px;         /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px;
     }

#toprim {
       width: 98%;
       height: 30px;
       margin: 0 auto 10px;
       font-size: 18px;
       text-align: center;      
       }

#toprim img{
       display: block;
       width: 30px;
       height: 30px;
       float: left;
       cursor: pointer;            
       }

#toprim_s {
       display: table-cell;
       width: 98%;
       margin: 0 auto;
       height: 20px;       
       font-size: 16px;
       text-align: center;
       padding: 3px;
        
       }

#toprim_s img {
       display: block;
       width: 30px;
       height: 30px;
       float: left;
       cursor: pointer;            
       }

#menu_btn {
      display: table-cell;      
      float: left;
      width: 56px;
      height: 30px;
      padding-top: 4px;
      text-align: center;
      background-color: #f5f5f5;
      box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); /* css3 */
      -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4);   /* Firefox */
      -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); /* Safari, Google Chrome */ 
      -ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4); /* IE */
      border-radius: 5px;         /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */
     }  

#header3 {
      background-color: #fafad2;
      height: 50px;        
      text-align: center;      
      }     

#headerS {
      display: none;
      width: 0;
      height: 0;
      }  

#headerA {      
      width: 100%;  
      height: 30px;
      }

#headerB {      
      display: none;
      width: 0;
      height: 0;
      }

#hako {
       width: 83%;
       margin: 0 auto;
       height: 100%;
       position: relative;
       font-size: 100%;
       float: left;
      }


#primary {
       width: 640px;
       text-align: center;
       padding: 5px;
       float: left;  
       }

#secondary {
       position: absolute;
       left: -160px;
       top: 30px;
       width: 150px;
       }

#secondary a {
       display: block;
       }

#right_rim {
       display: none;
       width: 0;
       
       }

#advertisement {
       clear: both;
       height: 400px;
       width: 98%;
       margin: 1% auto;
       padding: 3px;
       border: 1px #dcdce1 solid;
       border-radius: 5px;       /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */
       -ms-border-radius: 5px; /* IE */
      }

#footer {
       width: 98%;
       clear: both;       
       font-size: 80%;
       text-align: center;
       border-top: dashed 1px #663300;
       margin: 10px auto;
       padding-top: 10px;
       font-family: 'Times New Roman' , 'Times';
       }



/* 本文とtoprim_sの間隔を確保するため用  */
.kankaku {
       display: table;
       width: 100%;
       margin: 0 auto;
       padding: 0;
       }

#greetings {
       width: 90%;
       margin: 30px auto;
       padding: 0 10px;  
       }

#greetings h1{
       font-size: 16px;
       text-align: center;
       }

#greetings p{
       font-size: 14px;
       text-align: left;
       }

#short_title {
       width: 150px;
       text-align: center;
       }

#bubun {
       padding: 10px;
       font-size: 100%;
       }


#cate_top {
       font-size: 90%;
       text-align: center;
       font-weight: bold;
       margin: 0 0 5px 0;
       }

#ranking {
       position: relative;      
       width: 90%;
       margin: 0 auto;
       text-align: center;
       padding: 10px 0;
       font-size: 100%;
       }

#arrival_pick {
        width: 98%;
        margin: 0 auto;
        border: 2px solid #dcdce1;
        border-radius: 5px;         /* css3 */
        -moz-border-radius: 5px;    /* Firefox */
        -webkit-border-radius: 5px; /* Safari, Google Chrome */
        -ms-border-radius: 5px; /* IE */
        box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4); /* css3 */
        -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);    /* Firefox */
        -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4); /* Safari, Google Chrome */
        -ms-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4); /* IE */
       }       
        

#new_arrival {
        display: table;
        width: 98%;        
        margin: 10px auto;
        padding: 5px;    
       }




/* フロントページのギャラリー */


#wrapper {

    margin: 0 auto;
    width: 93%;
	
    
}


#main {

    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    position: relative;
   }

.doa {
    width: 300px;
    height: 450px;    
    position: absolute;
    z-index: 10;
    cursor: pointer;
   }

#hirake {
    position: relative;
    margin: 10px;
    z-index: 10;
    color: white;
    font-style: bold;
    text-align: left;
    cursor: pointer; 
   }


#slide1 {
    background-position: 0px 0px;
    left: 0px;
    top: 0px;
   }

#slide2 {
    background-position: -300px 0px;
    left: 300px;
    top: 0px;
   }

#wrapper #content #main ul#gallery {	
   margin-top: 10px;	
   overflow: hidden; 
   zoom: 1;
   list-style-type: none;
}


#wrapper #content #main ul#gallery li {
   height: 120px;
   width: 110px;
   overflow: hidden;	
   float: left;	
   margin: 0 0 5px 5px;
   list-style-type: none;   
}


#wrapper #content #main ul#gallery li img{	
   width: 100px;	
   height: 80px;   
}


#wrapper #content #main ul#gallery.jsReady {	
   position: relative;
   list-style-type: none;
   }


#wrapper #content #main ul#gallery.jsReady li {	
   position: absolute;	
   float: none;	
   margin: 0;
   list-style-type: none;   
}


#wrapper #content #main ul#gallery li {	
   display: block;	
   padding: 3px;	
   font-size: 78%;	
   text-decoration: none;	
   color: #898989;	
   background: #f9f9f9;	
   border: 1px solid #d7d7d7;	
   border-radius: 3px; /* css3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari, Google Chrome */
   -ms-border-radius: 3px; /* IE */   
}


#wrapper #content #main ul#gallery li:hover {
   background: #dcdcdc;   
}


#wrapper #content #main ul#gallery li img:hover {	
   opacity: 0.5;   
}

#today_pick {
        width: 90%;
        margin: 5px auto;
        padding: 5px;
        text-align: center;

       }

#pickup {
        clear: both;
        margin: 5px auto;        

       }

#pickup img {
       width: 70%;
       margin: 0 auto;
       border: #b2b7b7 5px solid;
       border-radius: 15px;         /* css3 */
       -moz-border-radius: 15px;    /* Firefox */
       -webkit-border-radius: 15px; /* Safari, Google Chrome */
       -ms-border-radius: 15px; /* IE */
       }


.kadomaru{
       border-radius: 5px;         /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */
       -ms-border-radius: 5px; /* IE */
      }

.midfont {
        text-align: center;              
       }

.hyou {
        width: 98%;
        border-collapse: collapse;        
        font-size: 100%;
        font-family: 'Times New Roman' , 'Times';
        margin: 0 auto;        
       }

.hyou th {
         padding: 1%;
        }

.hyou td {
         border-width: 1px 0px;
         border-color: #d3d3d3;
         border-style: solid;
         padding: 8px;
         height: 10px;
        }

.hyou p{
        margin: 2%;
        padding: 2%;
       }

.hyou img{
        height: 100px;
        width: 100px;        
       }

.hyou img.i_width50{
        height: 50px;
        width: 50px;        
       }

.formtable {
        width: 100%;  
        border: solid 1px #ffffff;
        padding: 1%; 
        font-size: 100%;    
        }

.formtable th {
         padding: 5px;
         }

.formtable tr {
         padding: 5px;
         }

.formtable td {
         padding: 5px;
         
        }

.formtable h5 {
        padding: 5px;
        }

.formtable p {
        padding: 5px;
        }

img { 
      border: 0px;
     }

a img {
        border-style: none;
       }

.ie8 img{
      width: auto;
      }

a { 
      text-decoration:none; 
     }

a:hover { text-decoration: underline; 
     }

#tradelist {
      overflow: auto;
      width: 100%;
      height: 80%; 
      border-collapse: collapse;
      font-size: 90%;       
     
      }

#navbar {
      list-style: none;
      width: 98%;
      height: 20px;
      margin: 0;
      padding: 5px;
      background: #f5f5f5;
      border-bottom: 5px solid #dcdcdc;
      border-radius: 5px 5px 5px 5px; /* css3 */
      -moz-border-border-radius: 5px 5px 5px 5px;    /* Firefox */
      -webkit-border-radius: 5px 5px 5px 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px 5px 5px 5px; /* IE */ 
}

#navbar li {      
      position: relative;
      width: 33%;      
      float: left;
      margin: 0;
      padding: 0;
      text-align: center;
}

#navbar li a {
      display: block;
      margin: 0;
      padding: 5px;
      color: #ffffff;
      font-size: 90%;
      font-weight: bold;
      line-height: 1;
      text-decoration: none;
}

#navbar li:hover > a{
      background: #808080;
      color: #ffffff;
}

#navbar > li:hover > a{
      border-radius: 5px 5px 5px 5px;
}

#navbar li ul {
      
      position: absolute;
      top: 100%;
      left: 0;
      list-style: none;
      margin: 0;
      border-radius: 5px 5px 5px 5px; /* css3 */
      -moz-border-border-radius: 5px 5px 5px 5px;    /* Firefox */
      -webkit-border-radius: 5px 5px 5px 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px 5px 5px 5px; /* Safari, Google Chrome */
}

#navbar li:last-child ul {
      width: 80%;
}

#navbar li ul li{
      overflow: hidden;
      width: 100%;
      height: 0;
      color: #ffffff;
      -moz-transition: .2s;
      -webkit-transition: .2s;
      -o-transition: .2s;
      -ms-transition: .2s;
      transition: .2s;
}

#navbar li ul li a{
       padding: 13px 15px;
       background: #dcdcdc;
       color: #708090;
       text-align: left;
       font-size: 90%;
       font-weight: normal;
}

#navbar li:hover ul li{
       overflow: visible;
       height: 35px;
       border-top: 1px solid #dcdcdc;
       border-bottom: 1px solid #616d0b;
}

#navbar li:hover ul li:first-child{
       border-top: 5px 5px 0 0;
}

#navbar li:hover ul li:last-child{
       border-top: 0;
}

#navbar li:hover ul li:last-child a{       
      border-radius: 0 0 5px 5px;         /* css3 */
      -moz-border-radius: 0 0 5px 5px;    /* Firefox */
      -webkit-border-radius: 0 0 5px 5px; /* Safari, Google Chrome */ 
      -ms-border-radius: 0 0 5px 5px; /* IE */ 
}


.mininav {
        position: relative;
        display: block;
        list-style-type: none;
        width: 120px;
        height: 30px;
        margin: 5px 0;
        padding: 5px; 
        font-size: 120%;   
        text-align: center;        
        border: #aaaaaa 1px solid;

        background: #dcdcdc;
        border-radius: 3px;         /* css3 */
       -moz-border-radius: 3px;    /* Firefox */
       -webkit-border-radius: 3px; /* Safari, Google Chrome */          
       -ms-border-radius: 3px; /* IE */  
       }

.mininav ul {
        position: absolute;
        margin: 0;       
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        line-height: 1;
        text-decoration: none;
        list-style-type: none;
        visibility: hidden;

      }

.mininav li {
        position: relative;
        background: #f5f5f5;
        border-bottom: #ffffff 2px solid;
        font-size: 100%;
        padding: 2px;
        top: 18px;
        left: -160px; 
        width: 300%;
        height: 30px;
        z-index: 10;
      -moz-transition: .2s;
      -webkit-transition: .2s;
      -o-transition: .2s;
      -ms-transition: .2s;
      transition: .2s;

      }


.mininav li a {
        position: relative;
        display: block;
        margin: 0;
        padding: 2px;
        color: #333;
        font-size: 120%;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        

       }

.mininav li a:hover {
        position: relative;
        background: #778899;
        color: #ffffff;

       }


.roomInav {
        position: relative;
        list-style-type: none;                        
        margin: 2px;
        padding: 5px;
        font-size: 90%;
        text-align: center;         
        border: #aaaaaa 1.5px solid;
        
        border-radius: 5px;         /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */ 
       -ms-border-radius: 5px; /* IE */
        background: #dcdcdc;         
        
       }

.roomInav a {
        position: relative;
        list-style-type: none;
        display: block;
        
       }

.roomIadd {
        display: block;
        height: 40px;
        padding-top: 16px;
        position: relative;
        list-style: none;
        font-size: 100%;
        text-align: center;         
        border: #aaaaaa 1.5px solid;
        
        border-radius: 5px;         /* css3 */
        -moz-border-radius: 5px;    /* Firefox */
        -webkit-border-radius: 5px; /* Safari, Google Chrome */
        -ms-border-radius: 5px; /* IE */
        background: #00FFFF; 
       }

.roomIadd:hover {
        display: block;
        list-style: none;        
        background-color: #2E64FE;      
       }

.roomIadd a {
        display: block;
        list-style: none;
        height: 100%;
       }

.roomIadd a:hover {
        display: block;
        list-style: none;
        color: #ffffff;        
       }

.roomIreserve {
        display: block;
        height: 40px;
        padding-top: 16px;
        position: relative;
        list-style: none;
        font-size: 100%;
        text-align: center;         
        border: #aaaaaa 1.5px solid;
        
        border-radius: 5px;         /* css3 */
        -moz-border-radius: 5px;    /* Firefox */
        -webkit-border-radius: 5px; /* Safari, Google Chrome */
        -ms-border-radius: 5px; /* IE */
        background: #80FF00; 
       }

.roomIreserve:hover {
        display: block;
        list-style: none;        
        background-color: #04B45F;      
       }

.roomIreserve a {
        display: block;
        list-style: none;
        height: 100%;
       }

.roomIreserve a:hover {
        display: block;
        list-style: none;
        color: #ffffff;        
       }

.roomI_makeoffer {
        display: block;
        position: relative;
        list-style: none;                        
        margin: 2px;
        padding: 5px;
        font-size: 100%;
        text-align: center;         
        border: #aaaaaa 1.5px solid;
        
        border-radius: 5px;         /* css3 */
        -moz-border-radius: 5px;    /* Firefox */
        -webkit-border-radius: 5px; /* Safari, Google Chrome */
        -ms-border-radius: 5px; /* IE */
        background: #fdfda6; 
       }

.roomI_makeoffer:hover {
        display: block;
        list-style: none;        
        background-color: #dddd07;      
       }

.roomI_makeoffer a {
        display: block;
        list-style: none;
        height: 100%;
       }

.roomI_makeoffer a:hover {
        display: block;
        list-style: none;
        color: #ffffff;        
       }

.roomIwant {
        position: relative;
        list-style-type: none;                      
        margin: 0;
        padding: 2px;
        font-size: 90%;
        text-align: center;  
        border: #aaaaaa 1.5px solid;

        border-radius: 5px;         /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */
       -ms-border-radius: 5px; /* IE */
        background: #00cc66;
       
       }

.roomIwant a {
        position: relative;
        list-style-type: none;
        display: block;
        color: #ffffff;
        font-weight: bold;
        
       }

.tradenav {
        position: relative;
        float: right;
        display: block; 
        list-style-type: none;
        width: 120px;
        height: 30px;
        margin: 5px 0;
        padding: 5px;
        text-align: center;
        font-size: 120%;        
        border: #aaaaaa 1px solid;

        background: #dcdcdc;  
        border-radius: 3px;         /* css3 */
       -moz-border-radius: 3px;    /* Firefox */
       -webkit-border-radius: 3px; /* Safari, Google Chrome */        
       -ms-border-radius: 3px; /* IE */  
       }


.tradenav a {
        position: relative;
        list-style-type: none;
        display: block;
        margin: 2px auto;
       }

.tradenav ul {
        position: relative;
        margin: 0;                        
        color: #000;
        font-size: 100%;
        line-height: 1;
        text-decoration: none;        
        visibility: hidden;

      }

.tradenav li {
        position: relative;
        display: block;
        text-align: center;
        background: #f5f5f5;
        border: #aaaaaa 1px solid;

        border-radius: 5px;
        padding: 5px;
        top: 18px;
        left: -160px; 
        width: 240px;
        height: 130px;        
        margin: 2px;
        z-index: 10;
      -moz-transition: .2s;
      -webkit-transition: .2s;
      -o-transition: .2s;
      -ms-transition: .2s;
      transition: .2s;
      }

.tradenav li input {
      width: 98%;
      height: 30px;
      margin: 5px auto;
     }

.trade_notice {
       width: 80%;
       font-family: 'Times New Roman' , 'Times';
       padding: 10px;
       margin: 0 auto;
       text-align: left; 
       font-size: 90%;
       color: #0000cd;
       background: #eee8aa;
       border: 2px solid #aaa;
      border-radius: 10px;         /* css3 */
      -moz-border-radius: 10px;    /* Firefox */
      -webkit-border-radius: 10px; /* Safari, Google Chrome */ 
      -ms-border-radius: 10px; /* IE */
      }

#tradeBox1 {
       width: 80%;
       margin: 0 auto;
       font-family: 'Times New Roman' , 'Times';
       padding: 10px;
       text-align: center; 
       font-size: 90%;
       color: #0000cd;
       background: #dcdcdc;
       border: 2px solid #aaa;
      border-radius: 5px;         /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */
      }


#trademessage {
     color: #ff0000;
     font-weight: bold;

     }

input.logintext {
      width: 200px;
  
     }

input.registertext {
      width: 300px;
  
     }

input.titletext {
      width: 98%;
      height: 30px;
      margin: 0 auto; 
      font-size: 120%; 
     }

input.titletext_invoice {
      width: 98%;
      height: 30px;
      margin: 0 auto;
      font-size: 120%;
      text-align: right;
     }

textarea.titletext {
      width: 98%;
      margin: 0 auto;
      font-size: 120%; 
     }

input.stitletext {
      width: 400px;  
     }

textarea.stitletext {
      width: 400px;  
     }

input.registertext_new {
      width: 98%;
      height: 30px;
      margin: 0 auto; 
      font-size: 120%;
     }

input.submit_new {
      width: 32%;
      height: 30px;
     }

input.submit_save {
      width: 32%;
      height: 30px;
      background-color: #7fff00; 
     }

input.submit_saveA {
      width: 32%;
      height: 30px;
      background-color: #7fff00; 
     } 

input.submit_express {
      width: 32%;
      height: 40px;
      float: left;
      margin: 0 2px;
     }

input.submit_new_cart {
      width: 50%;
      height: 30px;
      font-size: 100%;
      } 

.title1 {
      text-align: center;
      margin-bottom: 10px;
     }

.title1 h1{
       font-size: 18px;   
      }

.title_left {
     text-align: left;
     margin: 10px;
     }

.title_right {
     text-align: right;
     margin: 10px;
     }

.name {
      text-align: right;
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 100%;
      }

h1, h2, h3, h4, h5{ 
    font-family: 'Times New Roman' , 'Times';
   }

h1 {
    font-size: 16px;
   }

h2 {
    font-size: 14px;
   }

.hava670 {
       width: 670px;
       text-align: left;
       font-size: 14px;
       font-weight: bold;
       margin: 0 0 30px 0;     
       }

.hava640 {
       width: 640px;
       text-align: left;
       margin: 10px 0;
       }

.hava640center {
       width: 640px;
       text-align: center;
       margin: 20px auto;
       }

.hava630 {
       width: 630px;
       text-align: left;
       margin-bottom: 5px;       
       }

.hava550 {
       width: 550px;
       text-align: left;
       margin: 10px auto;
       }

.kakomi {
       padding: 5px;
       border: 2px solid #dcdce1;
       border-radius: 5px;       /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */
       -ms-border-radius: 5px; /* IE */
      }


.mid_font{
      text-align: center; 
      }

#bottom_selector {
       clear: both;
       width: 670px;
       text-align: center;
       }

.pop_up_wrapper{
      width: 98%;
      margin: 15px auto;
      padding: 1px;    
      text-align: center;
      font-size: 100%;
      border: 2px solid #dcdce1;
      border-radius: 5px;       /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */
      }

.error_message {
      width: 80%;
      height: auto;      
      margin: 10px auto;      
      text-align: center;
      } 

.error_message p{      
      padding: 15px 2px;
      margin: 50px auto;      
      font-size: 100%;
      font-weight: bold;
      color: red;
      background-color: #f5f5f5;  
      border: 2px solid #dcdce1;
      border-radius: 5px;       /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */ 
      }


.error_message table {
      width: 100%;
      margin: 2% auto;
      padding: 1% auto;
      } 

.pop_up_wi0{
      width: 180px;
      margin: 30px auto;
      }

.frame{
       margin: 0 auto;
       background-color: #ffffff;
       border: 1px solid #dcdce1;
       font-size: 90%; 
       padding: 10px;      
       border-radius: 10px;       /* css3 */
       -moz-border-radius: 10px;    /* Firefox */
       -webkit-border-radius: 10px; /* Safari, Google Chrome */
       -ms-border-radius: 10px; /* IE */
       }


.roomnav {
        position: relative;
        list-style-type: none;                    
        margin: 0;
        padding: 2px;      
        font-size: 80%;        
        text-align: center;            
        border: #aaaaaa 1.5px solid;

        border-radius: 5px;         /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */
       -ms-border-radius: 5px; /* IE */
        background: #dcdcdc;         
        
       }

.roomnav a {
        position: relative;
        list-style-type: none;
        display: block;
        
       }
       
.left-font {
       width: 70%;
       margin: 0 auto;
       text-align: center;  
      }
        
.left-font p{
       font-family: 'Times New Roman' , 'Times';       
       font-size: 100%;
       font-weight: bold;
       }   

.left-fontA {
       width: 80%;
       margin: 0 auto;  
      }
        
.left-fontA p{
       font-family: 'Times New Roman' , 'Times';       
       font-size: 100%;
       text-align: left;
       } 

/*  roomIページデザイン用   */
#primary_left{       
       width: 77%;
       float: left;
       margin: 0;
       text-align: left;
       }

#primary_left p{
       text-align: left;
       font-size: 100%;
       padding: 0 2px;
       } 

#primary_right{
       width: 20%;
       float: right;  
       margin: 5px 0 0 5px;
       padding: 5px;
       text-align: center;
       border: 1px #dcdce1 solid;
       border-radius: 10px;       /* css3 */
       -moz-border-radius: 10px;    /* Firefox */
       -webkit-border-radius: 10px; /* Safari, Google Chrome */
       -ms-border-radius: 10px; /* IE */
       }
  

/*  roomIのスライダー用 */
.slider {
       width: 460px;
       height: 340px;
       overflow: hidden;
       position: relative;
       }

.slider .slideSet {
      position: absolute;
}

.slider .slide {
       width: 460px;
       height: 340px;
       float: left;
       }

.slider .slide img{
       width: 100%;
       margin: auto;       
       }

#big_pic2{
       width: 400px;
       height: 320px;
       overflow: hidden;       
       padding: 0;
       margin-bottom: 5px; 
       position: relative; 
       display: none;
       }

#big_pic2 img{
       width: 98%;       
       top: 0px;
       left:0px;
       position: absolute;      
       display: none;

       border: #b2b7b7 5px solid;  
       border-radius: 10px;         /* css3 */
       -moz-border-radius: 10px;    /* Firefox */
       -webkit-border-radius: 10px; /* Safari,Google Chrome */
       -ms-border-radius: 10px; /* IE */
       }

#big_pic2 #ani0{
       display: block;
       }


.small_pic{
       display: table;
       width: 100%;
       height: 15%;
       padding: 0;
       margin: 3px 0 10px 0;
       text-align: left;    
       }

.spic {
       width: 60px;
       height: 60px;
       float: left;
       margin: 2px;
       }

.spic img{
       width: 100%;
       height: 100%;
       }

.spic img:hover {
       opacity: 0.5;
       }

.spic_mita {
       width: 110px;
       min-height: 172px;
       height: auto;
       float: left;
       margin: 2px;
       padding: 2px;
       text-align: left;
       font-size: 90%;
       border: 1px #dcdce1 solid;
       border-radius: 3px;       /* css3 */
       -moz-border-radius: 3px;    /* Firefox */
       -webkit-border-radius: 3px; /* Safari, Google Chrome */
       -ms-border-radius: 3px; /* IE */        
       }

.spic_mita img{
       width: 110px;
       height: 90px;
       }

.spic_mita img:hover {
       opacity: 0.5;
       }

.descri{
       display: table;
       width: 90%;
       margin: 10px auto;
       float: none;  
       padding: 5px;
       text-align: left;
       border: 1px #dcdce1 solid;
       border-radius: 10px;       /* css3 */
       -moz-border-radius: 10px;    /* Firefox */
       -webkit-border-radius: 10px; /* Safari, Google Chrome */
       -ms-border-radius: 10px; /* IE */
       }

.descri p{
       text-align: left;
       font-size: 100%;
       padding: 0;
       }

.descri h3{
       margin: 2px;
       padding: 2px;       
       background-color: #f0f8ff;
       text-align: left;
       color: #666666; 
      }

.descri_roomI{
       display: table;
       width: 98%;
       margin: 10px auto;
       float: none;  
       padding: 5px;
       text-align: left;
       border: 1px #dcdce1 solid;
       border-radius: 10px;       /* css3 */
       -moz-border-radius: 10px;    /* Firefox */
       -webkit-border-radius: 10px; /* Safari, Google Chrome */
       -ms-border-radius: 10px; /* IE */
       }

.descri_roomI p{
       text-align: left;
       font-size: 100%;
       padding: 0;
       }

.cell {
       width: 100%;
       margin-bottom: 10px;
       text-align: center;
      }

.color1 {
       display: none;
       margin: 2px;
       padding: 1px;
       background-color: #f0f8ff;       
       border-radius: 2px;       /* css3 */
       -moz-border-radius: 2px;    /* Firefox */
       -webkit-border-radius: 2px; /* Safari, Google Chrome */
       -ms-border-radius: 2px; /* IE */
      }

.color2 {
       margin: 2px;
       padding: 1px;
       background-color: #f0f8ff;       
       border-radius: 2px;       /* css3 */
       -moz-border-radius: 2px;    /* Firefox */
       -webkit-border-radius: 2px; /* Safari, Google Chrome */
       -ms-border-radius: 2px; /* IE */
      }

.migi {
       width: 98%;
       text-align: right;
       margin: 1%;
       }

.hidari {
       width: 98%;
       text-align: left;
       margin: 5px auto;     
       }

.hidari h1 {
        font-size: 24px;
       }

.hidari h2 {
        font-size: 18px;
       }

.new_cate_smap li{
        list-style: none;
       }
   
.new_cate_smap li ul{
        list-style: none;
        font-size: 18px;
       }

.small90 {
       width: 90%;
       margin-top: 4%; 
       margin-right: 4%; 
       margin-left: 4%;
       text-align: left; 
       }

.white {
       background-color: #ffffff;
       }

/* top_box はroom.php用  */
.top_box {
        display: table;
        width: 98%;
        min-height: 140px;
        height: auto !important;        
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        padding: 1%;
        font-size: 100%;  
        border: 1px #dcdce1 solid;
        border-radius: 5px;       /* css3 */
        -moz-border-radius: 5px;    /* Firefox */
        -webkit-border-radius: 5px; /* Safari, Google Chrome */
        -ms-border-radius: 5px; /* IE */ 
        }

#inn1 {
        float: left;
        width: 25%;
        float: left;        
        padding: 2px;
        text-align: left;
      }

#inn2 {
        float: left;
        width: 70%;
        float: left;
        margin-left: 3px; 
        padding: 2px;      
        text-align: left;        
       }

.inn1_1{        
        width: 100%;
        height: 100%;
        margin: 0 auto;      
      }

.inn1_1 img{
        width: 98%;
        height: 98%;
        margin: 0 auto;      
      }

.inn1_2{       
        width: 98%;
        padding: 5px;       
      }

.inn2_1 {        
        width: 100%;
        margin: 0 auto;
        padding: 2px 0;        
      }

.inn2_2 {        
        width: 100%;
        height: auto;
        padding: 2px; 
        font-size: 14px;      
      }

.roomnav {
        position: relative;
        list-style-type: none;
        width: 96%;
        height: 40px;                
        margin: 2px auto;
        padding: 2px;
        font-size: 100%;
        text-align: center;         
        border: #aaaaaa 1.5px solid;

        border-radius: 5px;         /* css3 */
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari, Google Chrome */
       -ms-border-radius: 5px; /* IE */
        background: #dcdcdc;       
       }

.roomnav a {
        position: relative;
        list-style-type: none;
        display: block;
        
       }

#right_top_rim {
       display: none;
       width: 0;
       height: 0;
       float: left;
       margin: 10px;
      }

/* site map ページ用 */
#top {
      margin: 20px auto;
     }

#top h1 {
      font-size: 24px;
      }

#side1 {
       width: 49%;
       float: left;
       margin-bottom: 1%;
       padding-top: 5px;
       background-color: #f8f8ff;       
      }

#side1 ul {
      margin: 5px;
      padding: 10px; 
      background: white;           
      font-size: 100%;      
      line-height: 1;
      text-decoration: none;
      list-style-type: none;
      }

#side1 li {
        background: white;
        border-bottom: #ffffff 2px solid;
        font-size: 100%;
        padding: 2px;
        color: blue;
        text-align: left;
      }

#side1 li a {
        display: block;
        width: 80%;
        height: 100%;
        margin: 0;
        padding: 2px;
        color: #333;
        font-size: 100%;        
        line-height: 1;
        text-align: left;
        text-decoration: none;
       }

#side1 li a:hover {
        background: #778899;
        color: #ffffff;
        font-size: 100%;
       }

#side1 h2 {
       font-size: 18px;  
   }

#side2 {
       width: 49%;
       float: left;
       margin-left: 1%;
       padding-top: 5px;
       background-color: #f8f8ff;
       }


#side2 ul {
      margin: 5px; 
      padding: 10px;
      background: white;           
      font-size: 100%;      
      line-height: 1;
      text-decoration: none;
      list-style-type: none;
      }

#side2 li {
        background: white;
        border-bottom: #ffffff 2px solid;
        font-size: 100%;
        padding: 2px;
        color: blue;
        text-align: left;
      }

#side2 li a {
        display: block;
        width: 85%;
        height: 100%;
        margin: 0;
        padding: 2px;
        color: #333;
        font-size: 100%;        
        line-height: 1;
        text-align: left;
        text-decoration: none;
       }

#side2 li a:hover {
        background: #778899;
        color: #ffffff;
        font-size: 100%;
       }

#side2 h2 {
       font-size: 18px;  
   }

#side3 {
       width: 49%;
       float: left;
       margin-left: 1%;
       margin-top: 1%;
       padding-top: 5px;
       background-color: #f8f8ff;
       }

#side3 ul {
      margin: 5px; 
      padding: 10px;
      background: white;           
      font-size: 100%;      
      line-height: 1;
      text-decoration: none;
      list-style-type: none;
      }

#side3 li {
        background: white;
        border-bottom: #ffffff 2px solid;
        font-size: 100%;
        padding: 2px;
        color: blue;
        text-align: left;
      }

#side3 li a {
        display: block;
        width: 80%;
        height: 100%;
        margin: 0;
        padding: 2px;
        color: #333;
        font-size: 100%;        
        line-height: 1;
        text-align: left;
        text-decoration: none;
       }

#side3 li a:hover {
        background: #778899;
        color: #ffffff;
        font-size: 100%;
       }

#side3 h2 {
       font-size: 18px;  
      }

#side3 h3 {
    font-size: 15px; 
    text-align: left;
     }

.island {
      width: 80%;
      margin: 10px auto;
      padding: 10px;
      text-align: center; 
      background-color: #ffffff; 
      border: 2px solid #dcdce1;
      border-radius: 5px;       /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */
     } 

.island p{
      padding: 10px;
      font-size: 100%;
      font-weight: bold;               
      } 

.island table {
      width: 80%;
      margin: 2px auto;
      padding: 2px auto;
      } 

.inner_island {       
      width: 80%;
      margin: 10px auto;
      text-align: left; 
     } 

.island_center {       
      width: 80%;
      margin: 20px auto;
      text-align: center; 
     } 

.thumnail{
      display: table;
      width: 98%;
      margin: 0 auto;
      min-height: 140px;
      height: auto !important;      
      }

.thum_cell{
        display: table-cell;
        width: 120px;
        height: 100px;       
        float: left;
        margin: 1px;               
      }

.thum_cell img{
        width: 100%;        
        height: 100%;
      }     

.thumnail_front{
      display: table;
      width: 86%;
      margin: 0 auto;
      min-height: 160px;
      height: auto !important;         
      }

.thum_cell_front{
        display: table-cell;
        width: 100px;
        height: 100px;       
        float: left;
        margin: 1px; 
        text-align: left;                          
      }

.thum_cell_pic{
        width: 100%;        
        height: 80%;
      }

.thum_cell_caption{
        width: 100%;        
        height: 20%;
        text-align: left;
        font-size: 80%;
      }

.thum_cell_caption img{
        width: 30%;        
        height: 30%;
      }

.categ_frame{
      display: table;
      width: 98%;
      margin: 0 auto;
      height: auto !important;      
      }

.categ_cell{
        display: table-cell;            
        float: left;
        margin-left: 5px;
        margin-bottom: 2px;
        text-align: left;               
      }


.mycollect{
      display: table;
      width: 98%;
      margin: 10px auto;
      min-height: 140px;
      height: auto !important; 
     }

.mycoll_cell{
        display: table-cell;
        width: 100px;
        height: 130px;       
        float: left;
        margin: 1px;                  
      }

.mycoll_cell img{
        width: 100%;        
        height: 60%;
      }  

/* ページング用  */
.paging {
        font-size: 20px;
        text-align: center;
        }

.paging a { 
      text-decoration:none; 
     }

.paging a:hover { border:2px #dcdcdc solid;
                  padding: 4px;
     }

/* photoset & photochange用 */
.photo_wrapper{
      width: 300px;
      margin: 5px auto;
      padding: 1%;    
      text-align: left;
      font-size: 100%;
      border: 1px solid #dcdce1;
      border-radius: 5px;       /* css3 */
      -moz-border-radius: 5px;    /* Firefox */
      -webkit-border-radius: 5px; /* Safari, Google Chrome */
      -ms-border-radius: 5px; /* IE */
      }


.cell_bar {
      display: table;
      width: 100%;
      height: 20px;
      margin: 1px auto;
     }

.cell_button_cart {
      display: table-cell;
      width: 48%;
      height: 18px;
      margin: auto;
      text-align: center;
      float: left;
      border: 1px solid #dcdce1;
      border-radius: 4px;       /* css3 */
      -moz-border-radius: 4px;    /* Firefox */
      -webkit-border-radius: 4px; /* Safari, Google Chrome */
      -ms-border-radius: 4px; /* IE */
      background: #7fffd4;
     }

.cell_button_cart a{
      display: block;
     }

.cell_button_cart:hover {
      display: block;
      opacity: 0.5;      
     }

.cell_button_offer {
      display: table-cell;
      width: 48%;
      height: 18px;
      margin: auto;
      text-align: center;
      float: left;
      border: 1px solid #dcdce1;
      border-radius: 4px;       /* css3 */
      -moz-border-radius: 4px;    /* Firefox */
      -webkit-border-radius: 4px; /* Safari, Google Chrome */
      -ms-border-radius: 4px; /* IE */
      background: #fdfda6;
     }

.cell_button_offer a{
      display: block;
     }

.cell_button_offer:hover {
        display: block;
        opacity: 0.5;      
       }


.sort_bar {
      display: table;
      width: 98%;
      height: 32px;
      margin: 10px auto;
     }

.sort_type {
      display: inline-block;
      width: 48%;
      height: auto;
     }

.sort_type ul {
      position: absolute;
      margin: 0; 
      width: 140px;      
      color: #ffffff;
      font-size: 90%;
      font-weight: bold;
      line-height: 1;
      text-decoration: none;
      list-style-type: none;
      visibility: hidden;
      font-size: 16px;
      }

.sort_type li {
        position: relative;
        background: #ecefec;
        border-bottom: #ffffff 2px solid;
        font-size: 110%;
        padding-top: 3px;
        margin-bottom: 0;
        top: 0;
        left: 0; 
        width: 150%;
        height: 30px;
        z-index: 10;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      -o-transition: .3s;
      -ms-transition: .3s;
      transition: .3s;
      }

.sort_type li a {
        position: relative;
        display: block;
        width: 100%;
        height: 30px;
        margin: 0;
        padding-top: 3px;
        color: #333;
        font-size: 110%;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        text-decoration: none;
       }

.sort_type li a:hover {
        position: relative;
        background: #778899;
        color: #ffffff;
       }



/* roomIの回転木馬用 */
.direction {
        display: table;
        width: 100px;
        margin: 10px auto;           
        } 

#prev{
        width:44px;
	height:44px;
        float: left;
        }

#next{
        width:44px;
	height:44px;
        float: right;
        }

.arrow{
	/* The two arrows */	        
	cursor: pointer;        
        }

.arrow img{
	width: 100%;
        height: 100%;
        }

/* roomIページのギャラリーの見える見えないスイッチ用 */
.gallery1 {
        display: block;
      }

.kao {
      width: 30px;
      height: 30px;
     }

.bg_white {
       padding: 2px;
       font-weight: bold;       
       background-color: white;
       }

.ima {        
        padding: 3px;
        color: #333;
        font-size: 100%;
        font-weight: bold;
        text-align: center;
        border: 1px #333 solid;
      }

/*
.10p { 
      width: 10%;
     }

.20p { 
      width: 20%;
     }

.30p { 
      width: 30%;
     }

.40p { 
      width: 40%;
     }

.50p { 
      width: 50%;
     }

.60p { 
      width: 60%;
     }
*/

.center {
     text-align: center;
     }

.left {
     text-align: left;
     }

.right {
     text-align: right;
     }

/* 各メディアサイズ共通 */
.pad_pc {
        display: block;
      }

.smart {
        display: none;
      }

/* 以下 new_vinyl 用  */

.new_cate  {
     list-style: none;
 }

.new_cate a:hover {      
      color: #ffffff;
      background-color: #ffffff;

      }

.new_cate_1  {
     list-style: none;
   }


.new_cate_1 li {
       margin-left: -40px;
       border: 1px white solid;
       padding: 2px;
  }

.new_cate_1 li a{
       color: blue;
       display: block;       
       padding: 2px;
  }



#rock1 {
       margin: 0px;
       list-style: none;
       text-align: center;
     }

#rock1 li a {    
       background-color: #dcdcdc;  
     }

#rock1 li a:hover {    
       background-color: #1e90ff;  
     }

#rock2 {
       list-style: none;
       text-align: center;
      }

#rock2 li a {
         background-color: #dcdcdc;                   
        }

#rock2 li a:hover {    
       background-color: #808080;  
     }

#rock3 {
       list-style: none;
       text-align: center;
      }

#rock3 li a {
         background-color: #7fffd4;         
        }

#rock3 li a:hover {    
       background-color: #008000;  
     }

#others {
       list-style: none;
       text-align: center;
      }

#others li a { 
         background-color: #dda0dd;         
        }

#others li a:hover {    
       background-color: #9932cc;  
     }

#sold {
       list-style: none;
       text-align: center;       
      }

#sold li a {
         background-color: #f0f8ff;         
        }

#sold li a:hover { 
       background-color: #00bfff;  
     }

.ue {
     display: table;
     width: 100%;
     height: auto;
     margin: 0;
     padding: 2px;     
     background-color: #f0f8ff;
    }

.sita {
     width: 100%;
     height: auto; 
     margin: 0;
     padding: 0;
     background-color: #f0f8ff;
     text-align: left;
   }


.cell_photo {
        display: table-cell;
        text-align: left;
        width: 120px;
        height: auto;
        float: left;
        margin: 2px;
       }

.cell_photo img{
        width: 100%;
        height: auto;
       }

#loader {
       max-width: 768px;
       width: auto;
       height: 1000px;
       display: none;
       position: fixed;
       _positioon: absolute; /*IE6対策*/
       top: 50%;
       left: 50%;
       margin-top: -500px; /* height の半分のマイナス値 */
       margin-left: -500px; /* with の半分のマイナス値 */
       z-index: 100;
      }

#fade {
      width: 100%;
      height: 100%;
      display: none;
      background-color: #ffffff;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 50;
     }

#dis_mess {
       font-weight: bold;
       text-align: right;
       color: blue;
      }

.kara {
       width: 90%;
       height: auto;
       margin: 0 auto;
      }


#discount_info {
       position: relative;
       color: white;
       background: #B92A2C;
       font-size: 18px;
       font-weight: bold;
       margin: 0 -18px 24px -18px;
       padding: 10px 10px 10px 20px;
       box-shadow: 0 1px 3px #777; /* css3 */
       -moz-box-shadow: 0 1px 3px #777;   /* Firefox */
       -webkit-box-shadow: 0 1px 3px #777; /* Safari, Google Chrome */ 
       -ms-box-shadow: 0 1px 3px #777; /* IE */
      }

#discount_info:after,
#discount_info:before {
       content: "";
       position: absolute;
       top: 100%;
       height: 0;
       width: 0;
       border: 5px solid transparent;
       border-top: 5px solid #333;
      }

#discount_info:before {
       right: 0;
       border-left: 5px solid #333;
      }

#discount_info:after {
       left: 0;
       border-right: 5px solid #333;
      }


#discount_infoS {
       position: relative;
       color: #ffffff;
       background: #B92A2C;
       font-size: 18px;
       font-weight: bold;
       margin: 0 -18px 24px -18px;
       padding: 10px 10px 10px 20px;
       box-shadow: 0 1px 3px #777; /* css3 */
       -moz-box-shadow: 0 1px 3px #777;   /* Firefox */
       -webkit-box-shadow: 0 1px 3px #777; /* Safari, Google Chrome */ 
       -ms-box-shadow: 0 1px 3px #777; /* IE */
      }

#discount_infoS:after,
#discount_infoS:before {
       content: "";
       position: absolute;
       top: 100%;
       height: 0;
       width: 0;
       border: 5px solid transparent;
       border-top: 5px solid #333;
      }

#discount_infoS:before {
       right: 0;
       border-left: 5px solid #333;
      }

#discount_infoS:after {
       left: 0;
       border-right: 5px solid #333;
      }

.blue {
      color: blue;
      }

.text-width {
      width: 90%;
 }

.center {
      text-align: center;
      }

#selectarea{
 width: 160px;
 height: auto;
 padding: 3px;
 margin: 1px;
 color: white;
 background: green;
	
 border: 1px solid #d7d7d7;

 border-radius: 3px; /* css3 */
 -moz-border-radius: 3px;    /* Firefox */
 -webkit-border-radius: 3px; /* Safari, Google Chrome */
 -ms-border-radius: 3px; /* IE */
}


#discount_info3 {
      position: relative;
      color: #ffffff;
      background: yellow;
      font-size: 18px;
      font-weight: bold;
      margin: 0 -18px 24px -18px;
      padding: 10px 10px 10px 20px;
      text-align: left;
      box-shadow: 0 1px 3px #777; /* css3 */
     -moz-box-shadow: 0 1px 3px #777;   /* Firefox */
     -webkit-box-shadow: 0 1px 3px #777; /* Safari, Google Chrome */ 
     -ms-box-shadow: 0 1px 3px #777; /* IE */ 
     }

#discount_info3:after,
#discount_info3:before {
      content: "";
      position: absolute;
      top: 100%;
      height: 0;
      width: 0;
      border: 5px solid transparent;
      border-top: 5px solid #333;
     }

#discount_info3:before {
      right: 0;
      border-left: 5px solid #333;
     }

#discount_info3:after {
      left: 0;
      border-right: 5px solid #333;
     }