/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(blog.css);
/* end StyleCatcher imports */

/* Global ----------------------------------------------------------------- */

body {
    font: normal 12px  "ms pgothic", arial, sans-serif;
    color: #363636;
    line-height: 1.5;
}

a:link {
    color: #363636;
    text-decoration: none;
}

a:visited {
    color: #555555;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Layout ----------------------------------------------------------------- */

#container {
    background: #fff url(http://hacostudio-div.com/img/bg_shadow.gif) repeat-y  top center;
}

#container-inner,
#content {
    background: #fff url(http://hacostudio-div.com/img/top_bunner_under.jpg) no-repeat top center;
}

#alpha-inner {
    background: #fff url(http://hacostudio-div.com/img/report_bg.png) no-repeat top center;
    margin: 16px 20px 0px 0px;
    padding: 15px 20px 0px 20px;
}

#beta-inner {
    background: #fff url(http://hacostudio-div.com/img/menu_bg.png) no-repeat top center;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#gamma-inner {
    background-color: #fff;
    margin: 0px 10px 0px 0px;
    border-left: 1px solid #999;
}

/* Header ----------------------------------------------------------------- */

#header {
    width: 970px;
}

#header-common {
    width: 970px;
}

#header-inner {
    position: relative;
}

#header-content {
    background: #fff url(http://hacostudio-div.com/img/header_bg.jpg) no-repeat top center; 
    width: 970px;
    min-height: 285px;
}

#header-name {
    color: #666666;  
    font-size: 20px;
    font-weight: bold;
    padding: 0px;
    float: left;
    line-height: 1;
}

#header-description {
    color: #666;  
    font-size: 10px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.header-bunner {
    font-family: "Verdana", "ＭＳ ゴシック";
    font-size: 10px;
    color: #666666;
    padding: 5px 0px 0px 5px;
    float: left;
}

.header-hacostudio {
    margin: 0px 10px 0px 0px;
    float: right;
}

.header-menu {
    float:right;
    margin:10px 10px 0px 0px;
}

.header-menu-link {
    font-size: 15px;
    font-family: "Verdana", "ＭＳ ゴシック";
    padding: 0px 15px 0px 15px;
    float: left;
}

.header-line {
    padding: 0px 0px 0px 0px;
    float: left;
}

/* Content ---------------------------------------------------------------- */

.roomindex {
    margin: 5px 10px 5px 0px;
}

.asset-name {
    font-size: 22px;
    font-weight: bold;
    border-left: 4px solid #fa4b4c;
    border-bottom: 1px dotted #fa4b4c;
    padding: 0px 0px 0px 6px;
    margin: 5px 0px 0px 0px;
}

.asset-name a {
    text-decoration: none;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-more-link {
    font-weight: bold;
}

.asset-meta {
}

.content-nav {
    margin: 5px 0 10px;
}

.archive-title {
    margin: 5px 0px 0px 30px;
    font-size: 26px;
    font-weight: bold;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.search-results-header {
    margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.typelist-thumbnailed {
    font-size: 11px;
}

.asset-name,
.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-title
.archive-header,
.search-form-header,
.search-results-header {
    font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
} 

.asset-name,
.asset-name a,
.archive-title {
    color: #363636;
}


.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
    color: #a0cddd;
}

.comment,
.trackback {
    border-color: #BDBDBD;
}

.archive-list-item {
    margin-bottom: 5px;
}


/* Widget ----------------------------------------------------------------- */

.layout-wtt #content-inner { background: transparent url(content-wtt.gif) repeat-y scroll right top; }
.layout-twt #content-inner { background: transparent url(content-twt.gif) repeat-y scroll left top; }
.layout-wt #content-inner { background: transparent url(content-wt.gif) repeat-y scroll right top; }
.layout-tw #content-inner { background: transparent url(content-tw.gif) repeat-y scroll left top; }

.widget a,
.archive-widget .widget-list .item {
    color: #4c6885;
} 

.widget-header {
    padding: 5px 15px;
    color: #363636;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #999999;
}  

.widget .widget-header {
    border-left: 1px solid #363636;
}

.layout-tw .widget .widget-header {
    border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
    border: 0;
}

.embed-asset-widget .widget-header {
    margin-bottom: 10px;
}  
.widget-header,
.widget-header a {
    text-decoration: none;
    color: #363636;
}

.widget-header .edit a {
    border-left-color: #363636
} 
.widget .widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    padding: 0 15px;
}

.media-stream-widget img {
    border: 1px solid #999;
} 
.widget-header .edit a,
.archive-widget .widget-list .item a,
.archive-widget .widget-list .item {
    font-weight: normal;
} 

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

.widget-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}


/* Menu Widgets */
.widget-menu-div {
    background: #ffffff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 30px;
}

.widget-menu-ul {
    list-style-type:none;
    margin: 0px 0px 0px 0px;
}

.widget-menu-li {
    font-size: 13px;
    text-align: left;
    background: #fff url(http://hacostudio-div.com/img/menu_link_bg.jpg) no-repeat top center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom : 1px dotted #fa4b4c;
    border-left : 1px solid #fa4b4c;
    border-right : 1px solid #fa4b4c;
    height : 60px ;
    overflow: hidden;
}

.widget-menu-li a {
    display : block ;
    margin : 0px 0px 0px 0px  ;
    padding : 25px 20px 25px 45px ;
    text-decoration : none ;
}

.widget-menu-li a:hover {
    background: #ccc  url(http://hacostudio-div.com/img/menu_link_bg_over.jpg) no-repeat top center;
    text-decoration : underline ;
}

.widget-menu-li-last {
    font-size: 13px;
    text-align: left;
    background: #fff url(http://hacostudio-div.com/img/menu_link_bg.jpg) no-repeat top center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom : 1px solid #fa4b4c;
    border-left : 1px solid #fa4b4c;
    border-right : 1px solid #fa4b4c;
    height : 60px ;
    overflow: hidden;
}

.widget-menu-li-last a {
    display : block ;
    margin : 0px 0px 0px 0px ;
    padding : 25px 20px 25px 45px ;
    text-decoration : none ;
}

.widget-menu-li-last a:hover {
    background: #ccc url(http://hacostudio-div.com/img/menu_link_bg_over.jpg) no-repeat top center;
    text-decoration : underline ;
}

.widget-menu-li_pan {
    font-size: 13px;
    text-align: left;
    background: #fff url(http://hacostudio-div.com/img/menu_link_bg.jpg) no-repeat top center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom : 1px dotted #fa4b4c;
    border-left : 1px solid #fa4b4c;
    border-right : 1px solid #fa4b4c;
    height : 60px ;
    overflow: hidden;
}

.widget-menu-li_pan a {
    display : block ;
    margin : 0px 0px 0px 0px  ;
    padding : 25px 20px 25px 45px ;
    text-decoration : none ;
}

.widget-menu-li_pan a:hover {
    background: #ccc  url(http://hacostudio-div.com/img/menu_link_bg_over_pan.jpg) no-repeat top center;
    text-decoration : underline ;
}

/* Link Widgets */
.widget-link-li {
    font-size: 10px;
}

/* Bunner Widgets */

.widget-bunner-add {
    border: 0px ;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}


/* Footer ----------------------------------------------------------------- */

#footer { 
    background-color: #fff;
    text-align: center;
}

#footer-content {
    color: #555;
    font-size: 11px;
    margin: 10px 0px 10px 0px;
}

#footer-content a {
    color: #4c6885;
    font-size: 11px;
}


/* Utilities -------------------------------------------------------------- */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
}

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}

/* Custom Styles ---------------------------------------------------------- */

/* what's new content */
div.whatsnew p {
	display: table-cell;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}

/*for IE6 */
* html .whatsnew p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .whatsnew p {
	display: inline;
	zoom: 1;
}

/* gallery content */
.gallery-div {
    height: 580px;
    text-align: center;
}

/* Q&A content */
.faq-title {
    font-size: 16px;
    font-weight: bolder;
    color: #363636;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 0px 6px;
    border-bottom: 1px dotted #BDBDBD;
}

.faq-answer {
    color: #666666;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 5px;
    line-height: 1.5;
}

/* price content */
.price-table {
    background-color: #fa4b4c;
    border-spacing: 1px;
}

.price-td {
    color: #fff;
    text-align: center;
    height: 40px;
    font-size: 10px;
}

.price-td1 {
    color: #666666;
    background-color: #fff;
    text-align: center;
    height: 40px;
    width: 100px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.price-td2 {
    color: #666666;
    background-color: #fff;
    text-align: center;
    height: 40px;
    width: 210px;
}

.price-weekday {
    float: left;
}

.price-holiday {
    float: right;
}

/* yoyaku form */
.form-div-table {
    border: 1px solid #c4191b;
    border-collapse: collapse; 
    width: 600px;
}

.form-div-td {
    border: 1px solid #c4191b;
    background-color: #fa4b4c;
    color: #ffffff;
    font-size: 12px;
    width: 100px;
    padding: 0px 0px 0px 5px;
}

.form-div-td2 {
    border: 1px solid #c4191b;
    font-size: 12px;
    padding: 5px 0px 5px 5px;
}

.form-div-hr {
    border-top: 1px dotted #fa4b4c;
    background-color: #fff;
    margin: 1px 0px 2px 0px;
}

/* contact form */
.form-contact-table {
    border: 1px solid #1e2364;
    border-collapse: collapse; 
    width: 600px;
}

.form-contact-td {
    border: 1px solid #1e2364;
    background-color: #263c79;
    font-size: 12px;
    width: 110px;
    color: #ffffff;
    padding: 0px 0px 0px 5px;
}

.form-contact-td2 {
    border: 1px solid #1e2364;
    font-size: 12px;
    padding: 5px 0px 5px 5px;
}

/* weekend table */
.weekend-td {
    color: #ffffff;
    background-color: #000000;
    height: 40px;
    text-align: center;
    width: 100px;
}

.weekend-td1 {
    color: #ffffff;
    background-color: #723838;
    height: 40px;
    text-align: center;
    width: 80px;
}

.weekend-td2 {
    color: #ffffff;
    background-color: #445766;
    height: 40px;
    text-align: center;
    width: 80px;
}