body.optlist, body.optdetail
        {
        width: 750px;
        height: 100%;

        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        
        font-family: Arial;
        font-size: small;
        
        background-color: White;
        }

/* Opt Common */


.red_outline
    {
    border: solid 2px #CC0000;
    padding: 1px 3px 1px 3px;
    margin-left: 5px;
    }
    
.blue_outline
    {
    border: solid 2px #0A2D7E;
    padding: 1px 3px 1px 3px;
    margin-left: 5px;
    }

.green_outline
    {
    border: solid 2px Green; 
    padding: 1px 3px 1px 3px;
    margin-left: 5px;    
    }

.gray_outline
    {
    border: solid 2px Gray; 
    padding: 1px 3px 1px 3px;
    margin-left: 5px;    
    }   

div.optnavbtn
    {
    border: solid 2px #E8E8E8;
    margin-left: 5px;
    cursor: pointer;
    }

div.optinquiry
    {    
    height: 35px;
    width: 150px;

    margin-top: -10px;
    margin-right: 10px;

    border: solid 2px gray;    
    background-image:url('/images/contactus.PNG');
    background-repeat: no-repeat;
    background-position: top left;
    float: right;
    clear: both;
    }
    
/* Opt Top Image */

div.opttopimage
    {
    height: 320px;

    background-image:url('/images/opt/optmenu.jpg');
    background-repeat: no-repeat;
    
    clear: both;
    
    padding: 30px 0px 0px 20px;
    font-weight: bold;
    font-size: 14px;
    color: White;
    }

div.opttopimage td
    {
    border: solid 0px white;
    }
    
div.opttopimage a.white: link, a.white:visited, a.white:active
        {
        color: white;
        text-decoration: none;
        }
        
div.opttopimage a.white:hover
        {
        color: yellow;
        text-decoration: none;
        }
   

        
/* Opt Listing */    
div.optcitytitle
    {
    width: 243px;
    height: 20px;
    border: 2px solid White;
    padding: 0px 1px 2px 1px;
    text-align: center;
    font-size: large;
    font-weight: bold;
    background-color: #E8E8E8;
    }
    
div.optcitycomment
    {    
    width: 243px;
    height: 65px;
    padding: 2px 2px 2px 2px;
    background-color: #DDDDDD;
    border: solid 1px white;
    margin-bottom: 5px;    
    }
    
div.listbox
    {
    height: 322px;
    width: 247px;   
    
    padding: 0px 1px 10px 1px;
    background-color: White;   
    float: left;     
    }
    
div.listbox div.listcontent
    {
    height: 310px;

    border-top: solid 5px #5E7BBF;
    border-left: solid 1px #5E7BBF;
    border-right: solid 1px #5E7BBF;
    border-bottom: solid 1px #5E7BBF;
    padding: 1px 1px 1px 1px;
    
    overflow: hidden;
    
    cursor: pointer;
    }
    
div.opt_title
    {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 2px 0px;
    }

div.listbox div.opt_title
    {
    font-size: 16px;
    text-decoration: underline;
    }

div.opt_title h1
    {
    font-size: 20px;
    margin: 0px 0px 2px 0px;
    }

div.opt_icon
    {
    /*height: 20px;*/
    }

div.opt_icon img
    {
    height: 20px;
    }
div.listbox div.listcontent div.opt_catch
    {
    width: 242px;
    height: 50px;
    }

div.listbox div.listcontent div.opt_photo
    {
    text-align: center;
    color: red;    
    }

table.legend th
    {
    padding: 2px 2px 2px 2px;
    background-color: #5E7BBF;
    color: White;
    border: solid 1px #5E7BBF;
    text-align: left;
    }
    
table.legend td
    {
    padding: 2px 2px 2px 2px;
    border: solid 1px #5E7BBF;
    }

/* Opt Detail */

div.optdetail img
    {
    border: solid 2px White;
    }

div.opt_svsfcode
    {
    border: solid 1px #E8E8E8;
    width: 128px;
    height: 20px;
    text-align: center;
    }
   
div.optcategory
    {
    float: left;
    padding: 3px 3px 3px 3px;
    margin-right: 5px;
    margin-top: 3px;
    text-align: center;
    }
    
div.optcategory_ssg
    {
    background-color: Dodgerblue;
    color: White;
    }
    
div.optcategory_etr
    {
    background-color: Red;
    color: White;
    }
    
div.optcategory_thp
    {
    background-color: HotPink;
    color: White;
    }        
    
div.optcategory_nit
    {
    background-color: Purple;
    color: White;
    }
    
div.optcategory_dnr
    {
    background-color: OrangeRed;
    color: White;
    }
    
div.optcategory_shp
    {
    background-color: Yellow;
    color: Black;
    }
    
div.optcategory_ntu
    {
    background-color: DarkGreen;
    color: White;
    }
    
div.optcategory_spt
    {
    background-color: Gray;
    color: White;
    }
    
div.optcategory_otr
    {
    border: solid 1px Gray;
    background-color: White;
    color: Black;
    }                          

table.basicinfotable th,
table.basicinfotable td
    {
    padding: 4px 4px 4px 4px;
    border: solid 1px #D0D0D0;
    }
    
div.optbasicinfo
    {
    margin-left: 10px;
    width: 430px;
    background-color: #FFFFFF; 
    padding: 5px 5px 5px 5px;
    }
    
div.optordertitle
    {
    background-color: #CC0000;
    padding: 3px 3px 3px 3px; 
    font-weight: bold; 
    color: White;
    }    
div.optordercontent
    {    
    border-left: solid 1px #CC0000;
    border-right: solid 1px #CC0000;
    border-bottom: solid 1px #CC0000;
    padding: 5px 5px 5px 5px;
    }
    
div.optscheduletitle
    {
    font-size: 20px;
    background-color: #E8E8E8;
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    margin-bottom: 5px;
    }

table.schedule th, table.schedule td
    {
    padding: 4px 4px 4px 4px;
    border: solid 1px gray;
    }

div.picframe
    {
    width: 300px;
    float: right;
    }
       
table.detailinfo th, table.detailinfo td
    {
    padding: 4px 4px 4px 4px;
    border: solid 1px #D2B48C;
    }

#gotoryu
    {
    cursor: pointer;
    }
    
div.infobutton
    {
        
    }