/* 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.com/img/bg_shadow.gif) repeat-y  top center;
}

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

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

#beta-inner {
    background: #fff url(http://hacostudio.com/img/menu_bg.png) no-repeat top center;
    margin: 0px 0px 0px 0px;
    padding: 30px 30px 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.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 #263c79;
    border-bottom: 1px dotted #263c79;
    padding: 0px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
}

.asset-content {
    margin: 0px 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;
}


/* "Powered By" Widget */

.widget-powered .widget-content {
    padding: 10px;
    text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
    font-size: 10px;
}


/* Footer Widgets */

#footer .widget {
    margin: 10px 0;
}

#footer .widget-content {
    padding-right: 0;
    padding-left: 30;
}

#footer .widget-powered .widget-content {
    padding: 0;
    text-align: center;
}

/* Menu Widgets */
.widget-menu-faq {
    background: #fff  url(http://hacostudio.com/img/faq.jpg) no-repeat top center;
    text-align: left;
    width: 240px;
    height: 60px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.widget-menu-faq a {
    display : block ;
    font-size: 15px;
    font-family: "Verdana", "ＭＳ ゴシック";
    margin : 0px 0px 0px 0px  ;
    padding : 20px 20px 20px 80px ;
    text-decoration : underline ;
}

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

.widget-menu-flow {
    background: #fff  url(http://hacostudio.com/img/flow.jpg) no-repeat top center;
    text-align: left;
    width: 240px;
    height: 60px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.widget-menu-flow a {
    display : block ;
    font-size: 15px;
    font-family: "Verdana", "ＭＳ ゴシック";
    margin : 0px 0px 0px 0px  ;
    padding : 20px 20px 20px 80px ;
    text-decoration : underline ;
}

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

.widget-menu-contact {
    background: #fff  url(http://hacostudio.com/img/contact.jpg) no-repeat top center;
    text-align: left;
    width: 240px;
    height: 60px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.widget-menu-contact a {
    display : block ;
    font-size: 15px;
    font-family: "Verdana", "ＭＳ ゴシック";
    margin : 0px 0px 0px 0px  ;
    padding : 20px 20px 20px 80px ;
    text-decoration : underline ;
}

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

.widget-menu-cancel {
    background: #fff  url(http://hacostudio.com/img/cancel.jpg) no-repeat top center;
    text-align: left;
    width: 240px;
    height: 60px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.widget-menu-cancel a {
    display : block ;
    font-size: 15px;
    font-family: "Verdana", "ＭＳ ゴシック";
    margin : 0px 0px 0px 0px  ;
    padding : 20px 10px 20px 80px ;
    text-decoration : underline ;
}

.widget-menu-contact a:hover {
    background: #fff  url(http://hacostudio.com/img/contact_over.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;
}

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


/* 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 ---------------------------------------------------------- */

/* studio info */
.studio-left {
    float: left;
    width: 320px;
    padding: 0px 0px 10px 0px;
}

.studio-right {
    float:right;
    width: 320px;
    padding: 0px 0px 10px 0px;
}

.studio-bg {
    background: #fff url(http://hacostudio.com/img/haco_bg.jpg) no-repeat top center;
    text-align: right;
    min-height: 37px;
    padding: 5px 15px 0px 0px;
    line-height: 2.2;
}


/* 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;
}


/* Link */
.linktitle {
    font-family: "Verdana";
    font-size: 12px;
    font-weight: bolder;
    color: #666666;
    line-height: 170%;
    margin: 10px 0px 0px 0px;
}

.linktext {
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
    font-size: 11px;
    color: #999999;
    line-height: 170%;
    margin: 5px 0px 15px 0px;
}


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


/* privacy content */
.privacy {
    color: #666666;  
    font-size: 15px;
    font-weight: bold;
}


/* 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;
}

/* 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;
}

/* allnight */
.allnight-title {
    font-size: 22px;
    font-weight: bold;
    border-left: 0px solid #263c79;
    border-bottom: 1px solid #263c79;
    padding: 0px 0px 0px 6px;
    margin: 20px 0px 20px 0px;
    text-decoration: none;
    width: 80%;
}

/* price content */
.price-table {
    background-color: #263c79;
    border-spacing: 1px;
    width: 80%;
}

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

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

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

/* jobs form */
.bo-table {
    border: 1px solid #666666;
    border-collapse: collapse; 
    width: 300px;
}

.bo-td {
    border: 1px solid #666666;
    background-color: #dcdcdc;
    color: #000000;
    text-align: left;
    font-size: 12px;
    width: 90px;
    padding: 0px 0px 0px 5px;
}

.bo-td2 {
    border: 1px solid #666666;
    font-size: 12px;
    text-align: left;
    padding: 10px 0px 5px 10px;
}

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

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

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

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

.koumoku {
    font-size: 16px;
    font-weight: bolder;
    color: #ffffff;
    margin: 15px 0px 15px 0px;
    padding: 5px 0px 5px 6px;
    background-color: #263c79;
    border-bottom: 1px dotted #263c79;
    border-left: 10px solid #263c79;
}

.koumoku1 {
    font-size: 12px;
    color: #363636;
    background-color: #f9f9f9;
    margin: 15px 0px 15px 0px;
    padding: 15px 0px 15px 20px;
    border-bottom: 1px solid #263c79;
    border-top: 1px solid #263c79;
}

.chara_youkan {
    background-image:url(./img/chara-hobby/youkan.jpg);
    width:650px;
    height:184px;
}

.chara_kinmirai {
    background-image:url(./img/chara-hobby/kinmirai.jpg);
    width:650px;
    height:184px;
}

.chara_led {
    background-image:url(./img/chara-hobby/led.jpg);
    width:650px;
    height:183px;
}

.chara_kuromaki {
    background-image:url(./img/chara-hobby/kuromaki.jpg);
    width:650px;
    height:186px;
}

.chara_text {
    font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
    font-size: 12px;
    color: #464646;
    left:200px;
    height:100%;
    padding: 75px 10px 10px 205px;
}

/*--Title Bunner Slider--*/
.title {
    padding: 0px 30px 0px 30px;
}

.title2 {
        float: left;
}

#slides {
	position:absolute;
	z-index:100;
}

.slides_container {
	width:720px;
	left:200px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:720px;
	height:215px;
	display:block;
}

.slides_container a img {
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	top:180px;
	left:205px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:875px;
}

.pagination {
	margin:-15px 0px 0px 500px;
	width:120px;
	position:absolute;
	display:block;
	z-index: 101;
}

.pagination li {
	margin:0px 10px 0px 10px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	margin:0px 2px 0px 2px;
	background-image:url(./img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}