@charset "euc-jp";

/* ===============================================
        BASE
=============================================== */
ol {
    margin: 0;
    padding-left: 0;
}
ol.pankuzu {
    list-style-type: none;
}
ol.pankuzu li {
    display: inline;
}
ol.pankuzu > li:before {
    content: " > ";
}
ol.pankuzu > li:first-child:before {
    content: none;
}

#DetailArticle {
}

.DetailSection {
    margin:40px 0 0;
    clear:both;
}
.DetailSection:after {
    display:block;
    height:0;
    content:".";
    font-size:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

/*  START UP
------------------------------------------------*/
.DetailSection p {
    margin:0;
    padding:0;
}

.DetailSection .TopUpdate {
    margin-top:3px;
}

.DetailSection ul,
.DetailSection ol,
.DetailSection li,
.DetailSection dl,
.DetailSection dt,
.DetailSection dd {
    margin:0;
    padding:0;
    list-style:none;
}

.DetailSection em,
.DetailSection span {
    font-size:1em;
    font-style:normal;
    line-height:1em;
}

/*  HEADER
------------------------------------------------*/
.DetailHeader {
    position:relative;
    clear:both;
    height: 51px;
    margin-bottom:10px\9; /* IE8 and older ハック */
}

/*  H
------------------------------------------------*/
#headertext {
    width: 915px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.DetailHeader h2 {
    margin:0;
    background:#E6E6E6;
    border:1px #ccc solid;
}

.DetailHeader h2 em {
    display:block;
    padding:12px 10px 12px 10px;
    background:linear-gradient(to bottom, #E6E6E6 0%, #f4f4f4 100%);
    border:1px #fff solid;
    line-height:1.2em;
    font-style:normal;

    background:-webkit-gradient(linear, center top, center bottom, from(#E6E6E6), to(#f4f4f4));
}

.DetailHeader ul {
    float: right;
}

.DetailHeader ul li {
    float: left;
}

.DetailSection h3 {
    margin:0 0 10px;
    background:#E6E6E6;
    border:1px #ccc solid;
}

.DetailSection h3 em {
    display:block;
    padding:8px 10px;
    background:linear-gradient(to bottom, #E6E6E6 0%, #f4f4f4 100%);
    border:1px #fff solid;
    color:#666;
    font-size:1.13em;
    line-height:1.2em;
    font-style:normal;

    background:-webkit-gradient(linear, center top, center bottom, from(#E6E6E6), to(#f4f4f4));
}

#maypage_secret{
    clear: both;
    width: 720px;
}
#maypage_secret div.bnr{
    text-align: center;
}

/* ===============================================
        CONTENT
=============================================== */

/*  ul
------------------------------------------------*/
.DetailSection ul {
    margin:0 0 5px;
    letter-spacing:-.40em;
}

.DetailSection li {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    margin:0 3px 4px 0;
    letter-spacing:normal;
}

/*  table
------------------------------------------------*/
.DetailSection table {
    width:100%;
    background:#fff;
    border:none;
    border-collapse:separate;
    border-spacing:0 1px;
}

.DetailSection table th {
    padding:10px 0;
    background:url(../../img/chuken/pattern_dot.png);
    border-left:5px #ccc solid;
    border-bottom:1px #E6E6E6 dashed;
    color:#666;
    white-space:nowrap;
}

.DetailSection table td {
    padding:5px 10px;
    border-bottom:1px #E6E6E6 dashed;
}

/*  .InquiryArea
------------------------------------------------*/
.InquiryArea {
    background:#fff;
    padding:1px;
    border:1px #ccc solid;
}

.InquiryArea .InquiryTextArea {
    padding:20px;
    background:#F2F2F2 url(../../img/chuken/pattern_shadow.png) right center no-repeat;
}

.InquiryArea dl {
    margin:0 0 5px;
    letter-spacing:-.40em;
}

.InquiryArea dl * {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing:normal;
    vertical-align:top;
}

.InquiryArea dt {
    padding:0 0 0 3px;
    border-left:5px #666 solid;
    color:#666;
    font-weight:bold;
    white-space:nowrap;
}

.InquiryArea .InquiryNumber dd {
    margin:0 0 5px;
    background:#fff;
    border-left:1px #666 solid;
    border-top:1px #666 solid;
    border-radius:4px;
    color:#004B75;
    font-weight:bold;
}

.InquiryArea .InquiryButtonArea {
    background:url(../../img/chuken/pattern_dot2.png);
    text-align:center;
}

.InquiryButton img{
    cursor: pointer;
}
.Toiawase img{
    cursor: pointer;
}

/*  .ListArea
------------------------------------------------*/
.ListArea {
    margin:40px 0 20px;
}

.ListArea p {
    margin:0;
    padding:0;
}

.ListArea .ListContent {
    position:relative;
    padding:0 50px;
}

.ListArea .ListPrev {
    position:absolute;
    left:10px;
    top:0;
    display:block;
    width:50px;
    height:100%;
    background:url(../../img/chuken/list_button_previous.png) center center no-repeat;
    cursor: pointer;
}
.ListArea .ListPrev:hover {
    background:url(../../img/chuken/list_button_previous_b.png) center center no-repeat;
}

.ListArea .ListNext {
    position:absolute;
    right:10px;
    top:0;
    display:block;
    width:50px;
    height:100%;
    background:url(../../img/chuken/list_button_next.png) center center no-repeat;
    cursor: pointer;
}
.ListArea .ListNext:hover {
    background:url(../../img/chuken/list_button_next_b.png) center center no-repeat;
}


.ListArea .List {
    margin:0 20px;
    text-align:center;
    overflow:hidden;
    height: 236px;
}

.ListArea .List ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.ListArea .List ul li{
    display: block;
    float: left;
}
.ListArea .ListItem {
    position:relative;
    width:124px;
    margin:0 8px;
    padding:5px;
    background:#fff;
    text-align:left;
    float:left;
}

.ListItem:hover{
    background:#FFFFCC;
}

.ListArea .ListImage {
    width:120px;
    height:90px;
    margin:0 0 3px;
    padding:1px;
    background:#fff;
    border:1px #AAA solid;
    text-align:center;
    overflow:hidden;
}

.ListArea .ListImage img {
    width:120px;
    height:90px;
}

.ListArea .ListPlace {
    height:2.4em;
    overflow:hidden;
}

.ListArea .ListPrice {
    height:18px;
    margin:5px 0 3px;
    padding:0 0 0 25px;
    background:url(../../img/chuken/list_icon_en.png) no-repeat;
    color:#E7340B;
    font-size:1.20em;
    font-weight:bold;
}

.ListArea .ListPlan {
    height:18px;
    margin:0 0 3px;
    padding:2px 0 0 25px;
    background:url(../../img/chuken/list_icon_room.png) no-repeat;
}

.ListArea .ListAccess {
    height:20px;
    padding:0 0 0 25px;
    background:url(../../img/chuken/list_icon_access.png) no-repeat;
    font-size:0.88em;
    line-height:1em;
    overflow:hidden;
}

.ListArea .ListIcon {
    position:absolute;
    top:0;
    left:3px;
    width:28px;
    height:43px;
    display:none;
}

/* .ListButtonArea */
.ListArea .ListButtonArea {
    margin:8px 0 0;
    letter-spacing:-.40em;
}

.ListButtonArea .ListDetailButton {
    float: left;
    width:46px;
    height:21px;
    margin:0 2px 0 0;
}

.ListButtonArea .AddButton,
.ListButtonArea .DeleteButton {
    float: right;
    width:76px;
    height:21px;
}

.ListAddImg{
    cursor: pointer;
}

.ListDeleteImg{
    cursor: pointer;
}

.ListButtonArea .DeleteButton {
    display:none;
}

/* .Candidate */

.Candidate .AddButton {
    display:none;
}

.Candidate .DeleteButton {

}

.Candidate .ListIcon {

}

/*  #DetailTop
------------------------------------------------*/
#DetailTop {
    margin-top:30px;
}

.TopIconArea {
    width:400px;
    height: 24px;
    float:left;
}

.TopUpdate {
    /* width:400px; */
    text-align:right;
    float:right;
}

.TopUpdate em {
    color:#E7340B;
    font-size:1.25em;
    font-weight:bold;
}

.DetailHeader ul {
    position:absolute;
    top:4px;
    right:4px;
}

.TopTextArea {
    margin-top:10px;
    margin-bottom:5px;
    padding-left:2px;
    padding-bottom: 5px;
    border-bottom:4px #F2F2F2 solid;
    clear:both;
}
.TopTextArea:after {
    display:block;
    height:0;
    content:".";
    font-size:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

.TopTextArea .TopText {
    margin:0 0 5px;

}

.TopText {
    color:#C01718;
    font-weight:bold;
}


.TopTextArea ul {
    width:200px;
    margin:-5px 0 0;
    text-align:right;
    float:right;
}

table.Outline {
    margin:4px 0 0;

}

table.Outline th {
    width:94px;
}

table.Outline td {
    padding:5px 10px 5px 10px;
}

table.Outline td.PriceArea {
    white-space:nowrap;
    vertical-align:bottom;
}

table.Outline .Price {
    color:#E7340B;
    font-size:1em;
    font-weight:bold;
    float: left; 
}

table.Outline .Price em {
    font-size:2em;

}

table.Outline dl {
    letter-spacing:-.40em;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

table.Outline dt,
table.Outline dd {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing:normal;
    text-align:left;
    float: left; 
}

table.Outline dt {
    margin:-1px 6px 0 0;
    padding:4px 3px 3px 3px;
    background:#4a8fff;
    background:linear-gradient(-60deg, #6eb4ff 0%, #4a8fff 100%);
    border-radius:2px;
    color:#fff;
    font-size:0.88em;
    font-weight:bold;
    line-height:1em;

    background:-webkit-gradient(linear, left top, right bottom, from(#6eb4ff), to(#4a8fff));
}

table.Outline dd {
    margin:2px 15px 0 5px;
    line-height:1em;
}

.TopOptionArea {
    margin:13px 0 0;
    clear:both;
}
.TopOptionArea:after {
    display:block;
    height:0;
    content:".";
    font-size:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

.TopOptionArea ul {
    width:525px;
    float:left;
}

.TopOptionArea .Barcode {
    width:379px;
    height:54px;
    padding:4px 0 0 4px;
    background:url(../../img/chuken/barcode_back.png) no-repeat;
    overflow:hidden;
    float:right;
}

.TopOptionArea .Barcode img {
    width:50px;
    height:50px;
}
.TopOptionArea > .Toiawase {
    width:379px;
    height:54px;
    margin-top: -2px; 
    padding:4px 0 0 4px;
    overflow:hidden;
    float:right;
}



/*  #PhotoArea
------------------------------------------------*/
#PhotoArea {
    margin:5px 0 0;
}

.PhotoMain {
    width:564px;
    height: 450px;
    padding:19px 19px 9px;
    background:#fff;
    border:1px #E6E6E6 solid;
    border-radius:4px;
    float:left;
}

.PhotoMain .PhotoMainImage {
    width:564px;
    height:423px;
    margin:0 0 10px;
    text-align:center;
    overflow:hidden;
}

.PhotoSide {
    width:300px;
    float:right;
}

.PhotoPlan {
    width:298px;
    border:1px #E6E6E6 solid;
    border-radius:4px;
    overflow:hidden;
}

.PhotoPlan .PhotoPlanTitle {
    margin:0 0 10px;
    padding:9px 10px;
    background:url(../../img/chuken/pattern_dot.png);
    border-bottom:1px #E6E6E6 dashed;
    color:#666;
    font-weight:bold;
}

.PhotoPlan .PhotoPlanImage {
    width:280px;
    height:210px;
    margin:0 auto 9px;
    background:#fff;
    text-align:center;
    overflow:hidden;
}

/* .InquiryArea */
#PhotoArea .InquiryArea {
    margin:14px 0 0;
}

#PhotoArea .InquiryArea .InquiryTextArea {
    padding:10px 10px 5px;
    background:#F2F2F2 url(../../img/chuken/pattern_shadow2.png) center bottom no-repeat;
}

#PhotoArea .InquiryArea dt {
    width:100px;
}

#PhotoArea .InquiryArea .InquiryNumber dd {
    width:140px;
    padding:8px 10px 8px 7px;
    font-size:1.3em;
}

#PhotoArea .InquiryArea .InquiryButtonArea {
    padding:0 0 10px;
}

/* #PhotoList */
#PhotoList {
    margin:15px 0 0;
}

#PhotoList ul {
    margin:0 0 0 12px;
}

#PhotoList li {
    width:120px;
    height:90px;
    margin:0 2px 4px;
    padding:1px;
    background:#fff;
    border:1px #E6E6E6 solid;
}

#PhotoList li a {
    display:block;
    width:120px;
    height:90px;
    overflow:hidden;
}

#PhotoList li:hover {
    /* border:1px #FFD52F solid;  */
}

#PhotoList li a {
    display:block;
}

img.ChangePhoto:hover {
    cursor: pointer;
    -ms-filter: "alpha( opacity=50 )";
    filter: alpha( opacity=50 );
    opacity: 0.5;
}

/*  .CommentArea
------------------------------------------------*/
.CommentArea {
    margin:0;
    padding:0 0 10px;
    background:url(../../img/chuken/comment_bottom.png) left bottom no-repeat;
}

.CommentArea .CommentTitle {
    margin:0;
}

.CommentArea .Comment {
    margin:-40px 0 0;
    padding:0 30px 10px;
    background:url(../../img/chuken/comment_back.png) left bottom repeat-y;
    letter-spacing:-.40em;
    *margin-top:-20px;
}

.CommentArea .CommentImage {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    width:140px;
    height:170px;
    margin:20px 0 0;
    background:#fff;
    border:6px #fff solid;
    box-shadow:1px 1px 1px #999;
    letter-spacing:normal;
    vertical-align:top;
    overflow:hidden;

    -webkit-box-shadow:1px 1px 1px #999;
}

.CommentImage{
    text-align: center;    
}

.CommentArea .CommentText {
    position:relative;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    width:650px;
    margin:0 0 0 25px;
    padding:10px;
    background:#fff;
    border-radius:4px;
    box-shadow:1px 1px 1px #999;
    letter-spacing:normal;
    vertical-align:top;

    -webkit-box-shadow:1px 1px 1px #999;
}
.CommentArea .CommentText:after {
    right:100%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
}
.CommentArea .CommentText:after {
    border-color:rgba(255, 255, 255, 0);
    border-right-color:#fff;
    border-width:15px;
    top:50%;
    margin-top:-15px;
}

.CommentArea .CommentText p {
    margin:0;
}

/*  #BlogArea
------------------------------------------------*/
#BlogArea {
}

.Blog {
    margin:0 0 10px;
    padding:5px 5px 10px;
    background:#fff;
    border:1px #E6E6E6 solid;
    border-radius:6px;
    clear:both;
    height: 98px;
}
.Blog:hover {
    cursor: pointer;
    background:#FFFFCC;
    border:1px #FFD52F solid;
}

.Blog:after {
    display:block;
    content:".";
    font-size:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

.BlogTextArea {
    width:755px;
    padding:5px;
    float:right;
}

.BlogTitle {
    margin:0 0 10px;
    padding:0 0 5px;
    border-bottom:1px #E6E6E6 dashed;
    font-weight:bold;
    font-size: 18px;
}
.BlogTitle > a  {
    color: #222;
    text-decoration: none;
}
.BlogTitle > a:hover{
    text-decoration: none;
}

.BlogImage {
    width:120px;
    height:90px;
    background:#fff;
    border:4px #fff solid;
    box-shadow:1px 1px 2px #ccc;
    overflow:hidden;
    float:left;

    -webkit-box-shadow:1px 1px 2px #ddd;
}

#AddBlog{
    display:none;
}

#MoreBlog:hover{
    cursor: pointer;
}

#BlogButtonArea {
    margin:0;
    padding:20px 0 2px;
    background:url(../../img/chuken/blog_more_back.png) center bottom no-repeat;
    text-align:center;
}

/*  #Inquiry
------------------------------------------------*/
#Inquiry{
    border: 1px solid #CCCCCC;
}
#Inquiry .InquiryArea {
    border-collapse:collapse;
    border: 1px solid #FFF;
    width:100%;
}

#Inquiry .InquiryArea .InquiryTextArea {
    vertical-align:top;
}

#Inquiry .InquiryArea dt {
    width:100px;
}

#Inquiry .InquiryArea dd {
    font-size:1.25em;

}

.InquiryNumber{
    vertical-align:top;
}

#Inquiry .InquiryArea .InquiryNumber dd {
    width:400px;
    padding:15px 10px;
    font-size:3em;
    *padding-top:0px; /* IE8 and older ハック */
    *padding-bottom:24px; /* IE8 and older ハック */
}

#Inquiry .InquiryArea .InquiryButtonArea {
    width:273px;
    padding:20px 20px 20px 24px;
    vertical-align:top;
}

/*  #SpecArea
------------------------------------------------*/
#SpecArea {
}

table.Spec th {
    width:12%;
    /*background:#EBEFFF;
    border-bottom:1px #E6E6E6 dashed;*/
}

table.Spec td {
    width:38%;
}

table.Spec .SpecBarcode {
    letter-spacing:-.40em;
}

table.Spec .SpecBarcode p {
    display:inline-block;
    *display: inline;
    *zoom: 1;
    width:220px;
    letter-spacing:normal;
    vertical-align:middle;
}

table.Spec .SpecBarcode .SpecImage {
    width:50px;
    margin:0 10px 0 0;
}

table.Spec .SpecBarcode .SpecImage img {
    width:50px;
    border: solid 1px #AAA;
}

table.Spec .SpecBarcode .SpecBigImage{
    display: none;
    position:  absolute;
    top:-30px;
    left:0px;
    border: solid 1px #AAA;
    width: 140px;
    height: 140px;
}

#SpecBigImageClose{
    position:  absolute;
    top:-40px;
    left:128px;
    display: none;
    z-index: 99;
}

#SpecBigImageClose:hover{
    cursor: pointer;
}

/*  #MapArea
------------------------------------------------*/
#MapArea {
    position:relative;
}

#MapArea .MapButton {
    position:absolute;
    top:5px;
    right:10px;
}

#MapArea .MapButton a {
    display:block;
    *display: inline;
    *zoom: 1;
    float:right;
    width:156px;
    height:28px;
    margin:0 auto;
    background:url(../../img/chuken/button_map.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#MapArea .MapButton a span{
    clear: right;
}

#MapArea .MapButton a:hover {
    text-indent:0;
}

.MapContent {
    padding:10px;
    background:#fff;
    border:1px #E6E6E6 solid;
    border-radius:4px;
    clear:both;
    height: 302px;
}
.MapContent:after {
    display:block;
    height:0;
    content:".";
    font-size:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

.Map {
    width:442px;
    height:300px;
    overflow:hidden;
    float:left;
    border: 1px solid #E6E6E6;
    z-index: 0;
}
.Map:last-child {
    float:right;
}

/*  #RoomArea
------------------------------------------------*/
#RoomArea {
}

table.Room {
    padding:3px;
    background:url(../../img/chuken/room_back.png) no-repeat;
    overflow:hidden;
}

table.Room th {
    border-left:1px #fff solid;
    text-align: center;
}
table.Room th:first-child {
    border:none;
}

table.Room td {
    text-align:center;
}

.RoomButton a {
    display:block;
    width:110px;
    height:28px;
    margin:0 auto;
}

tr.RoomRow:hover {
    background:#FFFFCC;
}

.gotoDetail{
    cursor: pointer;
}

.gotoToiawase{
    cursor: pointer;
}

.width110{
    width: 110px;
}
/*  #Company
------------------------------------------------*/
#Company{
    border: 1px solid #CCCCCC;
}
#Company .InquiryArea {
    border: 1px solid #FFF;
    border-collapse:collapse; 
    width: 913px;

}

#Company .InquiryArea .InquiryTextArea {
    display:table-cell;
    vertical-align:top;
}

#Company .CompanyTitle {
    margin:0 0 15px;
    padding:5px 10px;
    background:#fff;
    border-left:1px #666 solid;
    border-top:1px #666 solid;
    border-radius:4px;
    font-size:1.13em;
    font-weight:bold;
    line-height:1.4em;
}

#Company .CompanyTitle em {
    color:#004B75;
}

#Company .InquiryArea dt {
    width:180px;
}

#Company .InquiryArea dd {
    font-size:1.25em;
}

#Company .InquiryArea .InquiryCompany {
    margin:0 0 10px;
    clear:both;
    width: 554px;
}
#Company .InquiryArea .InquiryCompany:after {
    display:block;
    height:0;
    content:".";
    font-size:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

#Company .InquiryArea .InquiryCompany dt {
    width:310px;
    white-space:normal;
    float:left;
}

#Company .InquiryArea .InquiryCompany dt em {
    margin:0 0 3px;
    color:#000;
    font-size:1.13em;
    line-height:1.25em;
}

#Company .InquiryArea .InquiryCompany dt span {
    font-weight:normal;
    line-height:1.25em;
}

#Company .InquiryArea .InquiryCompany dd {
    width:225px;
    letter-spacing:-.40em;
    float:right;
}

#Company .CompanyButton {
    margin:0 5px 0 0;
}

#Company .CompanyButton a,
#Company .PrintButton a {
    display:block;
    width:110px;
    height:28px;
    text-indent:-9999px;
    overflow:hidden;
}

#Company .CompanyButton a:hover,
#Company .PrintButton a:hover {
    text-indent:0;
}

#Company .CompanyButton a {
    background:url(../../img/chuken/button_company.png) no-repeat;
}

#Company .PrintButton a {
    background:url(../../img/chuken/button_print.png) no-repeat;
}

#Company .InquiryArea .InquiryButtonArea {
    display:table-cell;
    width:273px;
    padding:20px 20px 20px 24px;
    vertical-align:top;
}

/*  #Like
------------------------------------------------*/
#Like {
    padding:10px;
    background:#4D4D4D;
    border-left:1px #999 solid;
    border-top:1px #999 solid;
    border-right:1px #000 solid;
    border-bottom:1px #000 solid;
    border-radius:6px;
}

#Like h3 {
    margin:0 0 10px;
    padding:0 0 3px;
    background:none;
    border-bottom:1px #fff solid;
    color:#fff;
}


.BreadcrumbListBox{
    width: 913px;
    clear: both;
    float: left;
    margin: 0 5px 10px;
    padding: 0;
    margin-bottom:0px\9; /* IE8 and older ハック */
}

ol.BreadcrumbList{
    float: left;
    padding-top: 0.5em;
    vertical-align: middle;
    list-style-type: none;
}

ol.BreadcrumbList > li{ 
    float:left;
}

ol.BreadcrumbList > li:before {
    content: "\003000\003e\0020";
}
ol.BreadcrumbList > li:first-child:before {
    content: none;
}

#movieArea{
    clear: both;
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: center;
    width: 915px;
}
.bt_panorama {
    clear: both;
    float: left;
    margin: 0;
    padding: 0 212px;
    text-align: center;
    width: 490px;
}
.bt_panorama img {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}
.flashbt {
    float: right;
}

.img-desc {
    position:relative;
    display:block;
    width:120px; height:90px;
    overflow:hidden;
    text-align:center;
}
.img-desc cite {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin:0; 
    padding-top:2px;
    padding-bottom:2px;
    background:#111;
    filter:alpha(opacity=55);
    opacity:.70;
    color:#fff;
    position:absolute;
    top:33px; left:0;
    width:120px;
}

.topmypage{
    float: right; 
    margin-right: 5px;
}