@charset utf-8;


/* --------------------------------
* styles.css
* last update: May 18, 2010
-------------------------------- */

/* !-------------------------------- core -------------------------------- */
div,span,ul,ul li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,address,img,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;vertical-align:baseline;}
html,body{width:100%;height:100%;margin:0;padding:0;}
ul li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a:active,a:focus{outline:none;-moz-outline:none;}
hr{display:none;}
a img{border:none;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{display:block;}

/* !typography */
body{color:#727272;font-family:sans-serif;font-size:12px;line-height:1.5;/font-size:small;}
a:link,a:visited{color:#f0562d;text-decoration:none;}
a:hover,a:active{color:#ee3606;text-decoration:underline;}
caption,th,td{font-weight:400;text-align:left;}
thead th{font-weight:900;}
table,td,th{vertical-align:top;}
dt{font-weight:900;}
pre,code,samp,kbd,var{color:#000;font-family:monospace;font-size:100%;}
pre{overflow:auto;white-space:pre;}
address{font-style:normal;}
abbr[title]{cursor:help;}
sup,sub{font-size:.7em;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
.ltr,.ltr th,.ltr td{text-align:left;}
.rtl,.rtl th,.rtl td{text-align:right;}
.center,.center th,.center td{text-align:center;}
.justify{text-align:justify;/text-justify:inter-ideograph;}
.uppercase{text-transform:uppercase;}
.caption{font-size:11px;/font-size:.8461em;}
.legacy sup,.legacy sub{font-size:.8em;}

/* !grid */
.prepend{float:left;/display:inline;}
.append{float:right;/display:inline;}
.collapse{font-size:0px !important;letter-spacing:1px;}

/* !clear */
.row,.section{zoom:1;}
.row:after,.section:after{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:"\0020";}
.period{clear:both;}

/* !-------------------------------- cols -------------------------------- */
.cols{font-size:0;letter-spacing:-3px;}
body.chrome .cols{font-size:0;letter-spacing:-4px;}
.col{
display:-moz-inline-box;
display:inline-block;
margin:2px;
background-repeat:no-repeat;
background-position:0 0;
font-size:13px;
vertical-align:top;
letter-spacing:normal;
/display:inline;
/font-size:small;
/zoom:1;
_background:#fff;
	}
	.single{width:201px;background-image:url(/images/common/bg-col-single.png);}
	.double{width:406px;background-image:url(/images/common/bg-col-double.png);}
	.triple{width:611px;background-image:url(/images/common/bg-col-triple.png);}

.col .article{
margin:13px;
overflow:hidden;
background:#fff;
	}
	.single .article{width:175px;height:175px;}
	.double .article{width:380px;height:175px;}
	.triple .article{width:585px;height:380px;}

.col .hgroup{width:175px;margin:0 0 10px;padding:0 0 5px;}
.col .hgroup{top:-1px;background:url(/images/common/bdr-dot-horizon.png) repeat-x 0 100%;}
.col .name{width:175px;padding:0 0 7px;color:#f0562d;}
.col .label{width:110px;color:#f0562d;}
.col .date{width:65px;}
.col .body h2 a{padding:0 0 1px;border-bottom:1px dotted #f0562d;color:#f0562d;}

/* !-------------------------------- layout -------------------------------- */
html{background-image:url(/images/common/bg-html.png);}
body{width:100%;min-height:550px;position:relative;}

.page{width:100%;min-width:960px;min-height:100%;position:relative;overflow:hidden;}
.meta{margin-bottom:-32768px;padding-bottom:32768px;position:relative;top:0;left:0;z-index:100;background:url(/images/common/bdr-dot-virtical.png) repeat-y 40px 0;}
.document{margin-top:5px;position:relative;top:0;left:-1px;overflow:hidden;}

/* !title */
.global-title,.global-title a{width:40px;height:272px;}
.global-title{margin:10px 0 0;}
.global-title a{display:block;overflow:hidden;background:url(/images/common/ttl-tis.png) no-repeat 0 0;font-size:0;line-height:.1;text-decoration:none;text-indent:-99999px;}

/* !navigation */
.global-navigation{width:100px;height:535px;margin:9px 0 0 1px;overflow:hidden;}
.global-navigation li{display:block;/display:inline;}
.global-navigation a{display:block;overflow:hidden;font-size:0;line-height:.1;text-decoration:none;text-indent:-99999px;}
.nav-home,.nav-home a,.nav-about,.nav-about a,.nav-artists,.nav-artists a,.nav-news,.nav-news a,.nav-articles,.nav-articles a,.nav-contest a{width:99px;height:90px;}
.nav-home a,.nav-about a,.nav-artists a,.nav-news a,.nav-articles a,.nav-contest a{background-image:url(/images/common/nav-global.png);background-repeat:no-repeat;}
.nav-lang,.nav-lang a{width:9px;height:56px;}
.nav-lang{position:absolute;top:480px;left:15px;}
.nav-lang a{background-image:url(/images/common/nav-lang.png);background-repeat:no-repeat;}

/* !header */
.header{width:201px;margin:7px 0 0 0;padding:0 0 3px;position:relative;left:-3px;background:url(/images/common/bg-header-foot.png) no-repeat 0 100%;}
.header .article{padding:3px 0 0;background:url(/images/common/bg-header-head.png) no-repeat 0 0;}
.header .summary,.header .subnavi{padding:10px 3px;background:url(/images/common/bg-header-body.png) repeat-y 0 0;}
.header .subtitle{width:175px;margin:0 auto;padding:20px 0 8px;background:url(/images/common/bdr-dot-horizon.png) repeat-x 0 100%;}
.header .description p{padding:0.5em 0;}

.header .internal,.header .external /*,.header .categories*/{margin:2px 0 0;}
.header .internal li,.header .external li, .header .categories li{display:block;margin:1px 0 0;}
.category-label{margin:10px 0 0;padding:4px;background:#fdefeb;}
.category-label,.category-label strong{font-weight:400;}
.header .first-child,.header .last-child{padding-top:8px;}

/* !footer */
.global-footer{clear:both;margin:0 0 0 40px;padding:60px 0 15px 15px;color:#7e7e7e;background:url(/images/common/bdr-dot-horizon.png) repeat-x 0 46px;}
.copyright,.endnote{width:280px;}
.copyright img{float:left;padding:1px 10px 2px 0;}

/* !-------------------------------- styles -------------------------------- */
/* !common */
.title-anchor{width:600px;padding:5px;}
{border-collapse: }

/* button */
.button a,.button strong{display:block;padding:6px;background-color:#fbefec;background-repeat:no-repeat;font-weight:bold;font-size:10px;line-height:1.1;text-decoration:none;/zoom:1;}
.button .next{background-image:url(/images/common/mkr-next.png);background-position:100% 0;}
.button strong.next{background-image:url(/images/common/mkr-next-cur.png);}
.button .prev{background-image:url(/images/common/mkr-prev.png);background-position:0 0;text-align:right;}

.external .button a{background-color:#f3f3f3}
.external .button .next{background-image:url(/images/common/mkr-external.png);background-position:100% 0;}

.feed{padding:1px 0 1px 16px;background:url(/images/common/icn-feed.png) no-repeat 0 0;}

.header .more,.header .description .more{margin:2px 0 0;padding:0;}

.categories li{border-bottom:1px dotted #d8d8d8;}
.categories a,.categories strong{display:block;padding:4px;background:no-repeat 100% 50%;}
.categories a{background-image:url(/images/common/mkr-categories.png);}
.categories strong,.categories .cur{color:#878787;background-image:url(/images/common/mkr-categories-cur.png);font-weight:400;}
.categories .sub{padding-left:15px;}

.index{padding:0 10px;}

.filters{width:175px;margin:0 auto;padding:9px 0 10px;font-size:10px;line-height:1.1;/font-size:.8461em;}
.filters .row{display:block;margin:1px 0 0;background:#f2ecea;}
.filters .filter-name{width:146px;padding:4px 0 0 4px;color:#727272;text-decoration:none;}

/* !article */
.indiv-article{width:611px;margin:2px;padding:0 0 14px;background:url(/images/common/bg-indiv-foot.png) no-repeat 0 100%;}
.indiv-article .article{width:611px;padding:13px 0 0;background:url(/images/common/bg-indiv-head.png) no-repeat 0 0;}
.indiv-hgroup,.indiv-body,.editable,.TIS{background:url(/images/common/bg-indiv-body.png) repeat-y 0 0;}
.indiv-hgroup{margin:0 0 6px;padding:0 13px 7px;position:relative;/zoom:1;_margin:0;}
.indiv-body{padding:0 3px;}
.indiv-hgroup .title{padding:18px 0 5px;background:url(/images/common/bdr-thick.png) repeat-x 0 0;}
.indiv-hgroup .title strong{color:#000;}
.indiv-hgroup .description{padding:0 0 18px;background:url(/images/common/bdr-thick.png) repeat-x 0 100%;}
.indiv-hgroup .description p{padding:0 0 6px;}
.indiv-hgroup .description .tags{padding:0;}
.indiv-hgroup .tags strong{font-weight:400;}
.indiv-body .section{padding:11px 10px 0;background:url(../images/common/bdr-dot-horizon.png) repeat-x 0 0;}
	.articles .indiv-body .section{padding:10px 10px 0;background:none;}
.indiv-body .section:first-child{margin:-11px 0 0;}
.indiv-body .section p{padding:0 0 0.5em;}
.indiv-body .section img{display:block;margin:0 auto 4px;}
.indiv-body .section .collapse{padding:0 0 6px;}
.indiv-body .section .collapse img{display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;}

/* article index */
.editable,.TIS{padding:0 13px;}
.TIS .media{width:74px;}
.TIS .contents{overflow:hidden;_float:right;}
.TIS .hgroup{width:585px;padding:0 0 5px;background:url(/images/common/bdr-dot-horizon.png) repeat-x 0 100%;}
.TIS .contents .hgroup{width:510px;}
.TIS .label{width:48%;}
.TIS .label a{padding:0 6px 0 0;}
.TIS .date{width:48%;}
.TIS .body{padding:5px 0 0;}
.news .TIS .body{padding:10px 0 0;}
.TIS .body h2 a{padding:0 0 1px;border-bottom:1px dotted #f0562d;color:#f0562d;}

.read-more{width:585px;margin:5px 3px;padding:10px;background:#fff;}

.archive-label{width:64px;height:30px;margin:5px 3px 5px 5px;overflow:hidden;background:url(/images/common/bg-ttl-archive.png) no-repeat 100% 0;/display:inline;zoom:1;}
.archive-label a{display:block;padding:5px 0 5px 10px;font-weight:900;}
.archive-label.yomigana {width:30px;}
.archive-label.yomigana a{padding:5px;}
.archive-list{padding:0 10px;}
.archive-list li{display:block;padding:3px 0;}
.archive-list a{padding:0 10px 0 0;}

/* !home */
body.home{background:#f9f9f6 url(/images/home/bg-body.png) repeat-x 0 0;}
body.home .page{background:url(/images/home/bg-page.png) no-repeat 0 0;}
.billboard{width:406px;padding:0;background-image:url(/images/home/bg-col-billboard.png);}
.billboard .article{width:380px;height:585px;margin:13px;padding:0;position:relative;overflow:hidden;background:#fff;}
.billboard .article a{display:block;width:380px;height:585px;position:absolute;top:0;left:0;text-decoration:none;}
.billboard span{display:block;padding:8px 10px 8px;position:absolute;top:26px;left:0;color:#f05931;background:#fff;font-size:26px;/font-size:2.166em;line-height:1;}
.controller a{display:block;width:32px;height:45px;position:absolute;top:283px;overflow:hidden;background:url(/images/home/btn-controller.png) no-repeat;font-size:0;line-height:0.1;text-decoration:none;text-indent:-99999px;}
.controller a.prev{left:3px;background-position:0 0;}
.controller a.next{right:3px;background-position:-32px 0;}
.controller a.prev:hover,.controller a.prev:active{background-position:0 -45px;}
.controller a.next:hover,.controller a.next:active{background-position:-32px -45px;}

/* !about */
.about .page{background:url(/images/about/bg-page.png) 91px -105px fixed;}

/* !artists */
.artists .page{background:url(/images/artists/bg-page.png) repeat-x 0 0 fixed;}
/* .subnavi{min-height:535px;} */
p.anchor{width:175px;padding:8px 10px 9px;background:url(/images/common/bdr-dot-horizon.png) repeat-x 0 100%;}
.anchor strong{display:block;}
.anchor a, .anchor span {display:inline;padding:0 2px;}
.anchor span{color:#c8c8c8;}
.header .counter{width:92px;padding:5px 0 0 10px;line-height:1;}
.header .counter strong{color:#9e9e9d;font-weight:400;}
.header .go{width:92px;margin:10px 0 0;padding:0;line-height:1.1;}

.header .artist{padding:0 10px;}
.header .name{margin:10px 0;color:#000;}
.header .name span{display:block;padding:7px 0 0;}
.header .name + .subtitle{padding-top:10px;}
.header .media{padding:0 10px;}
.header .works dt{width:175px;margin:10px 0;padding:8px 10px;background:url(/images/common/bdr-dot-horizon.png) repeat-x 0 100%;}
.header .works dd{position:relative;}
.header .works .items{width:175px;margin:0 0 0 10px;overflow:hidden;/position:relative;}
.header .thumb{width:185px;}
.header .thumb img{float:left;width:85px;height:73px;margin:0 5px 0 0;position:relative;}
.works .controller a{position:absolute;top:15px;}
.works .controller a.prev{left:0;}
.works .controller a.next{right:0;}

/* !news */
.news .page{background:url(/images/news/bg-page.png) no-repeat 0 0 fixed;}

/* !articles */
.articles .page{background:url(/images/articles/bg-page.png) no-repeat 0 -1px fixed;}

/* !contest */
.contest .page{background:url(/images/contest/bg-page.png) no-repeat 0 0 fixed;}

/* !filter-options */
.filter-options{display:none;width:810px;position:fixed;top:9px;left:141px;z-index:1000;background:#fff;_position:absolute;}
	.filter-options{
	-webkit-box-shadow:5px 5px 12px #999;
	-moz-box-shadow:2px 2px 12px #999;
	box-shadow:2px 2px 12px #999;
	}
.option-header{padding:10px 0;}
.option-header h2.prepend{width:600px;padding:0 0 0 20px;color:#010101;}
.option-footer{padding:25px 0 10px;}
.filter-options .buttons{width:144px;}
.filter-options .buttons .prepend{width:107px;}
.filter-options .buttons .append{width:37px;}

.option-body{padding:0 0 1px;background:url(/images/common/bg-note.png) repeat 0 0;}
.option-body .prepend{width:142px;padding:0 0 0 16px;}
.option-body input{float:left;margin:5px 3px 0 4px;}
.option-body span{display:block;overflow:hidden;}

/* Login Box */
  #loginBox { width:600px; margin-bottom:20px; background:none repeat scroll 0 0 #FFFFFF; }
  #loginBox h2 {
    font-size:18px;
    font-style:bold;
    background:none repeat scroll 0 0 #36393D;
    color:#FFFFFF;
    margin:0;
    padding:8px 20px;
    text-align:center;
  }
  #loginBox .content {
    padding:10px 20px;
  }
  #loginBox fieldset ol { }
  #loginBox fieldset ol li { margin-bottom:1.5em; list-style: none;}
  #loginBox fieldset ol li { display: inline-block; }
  #loginBox fieldset ol li { display: block; }
  #loginBox fieldset ol li { height: 1%; }
  #loginBox fieldset ol li.forgot_password { clear: both; }
  #loginBox fieldset ol li label { display:block; width:20%; float:left; padding-top:.2em; }
  #loginBox fieldset ol li li label { line-height:100%; padding-top:0; }
  #loginBox fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}
  #loginBox fieldset ol li fieldset { position:relative; }
  #loginBox fieldset ol li fieldset legend { position:absolute; width:30%; padding-top:0.1em; }
  #loginBox fieldset ol li fieldset legend span { position:absolute; }
  #loginBox fieldset ol li fieldset legend.label label { position:absolute; }
  #loginBox fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
  #loginBox fieldset ol li fieldset ol li { padding:0; border:0; }
  #loginBox fieldset ol li.string input { width:74%; }
  #loginBox fieldset ol li.password input { width:74%; }
  #loginBox fieldset ol li.numeric input { width:74%; }
  #loginBox fieldset ol li.hidden { display:none; }
  #loginBox fieldset ol li.boolean label { padding-left:20%; width:auto; }
  #loginBox fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }
  #loginBox fieldset ol li.check_boxes { }
  #loginBox fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
  #loginBox fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
  #loginBox fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
  #loginBox fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }
  #loginBox fieldset ol li.commit { margin:0.1em 0 0 0.5em; float:right; }
  #loginBox #flash_notice, #loginBox #flash_error { font-size:12px; margin:0 auto 15px; padding:6px; text-align:center; }
  #loginBox #flash_notice { background-color:#BBFFB6; border:2px solid #1FDF00; }
  #loginBox #flash_error { background-color:#FFDDDD; border:2px solid #FFBBBB; }

/* !error */
.error .document{width:380px;height:151px;top:137px;left:-181px;overflow:hidden;z-index:100;}
.error .document h1{color:#959595;font-size:20px;line-height:25px;}
.error .document .subtitle{padding:8px 0 12px;color:#959595;font-size:10px;line-height:20px;}
.error .categories{width:155px;border-top:1px dotted #d8d8d8;}
.error .categories li{font-size:10px;line-height:1.1;}
.error .categories a{background-image:url(/images/common/mkr-categories-error.png);}
.report500{padding:50px 0 0;color:#959595;font-size:20px;line-height:25px;}

.error404 .page{background:url(/images/error/bg-body404.png) repeat-y 0 0;}
.error500 .page{background:url(/images/error/bg-body500.png) repeat-y 140px 0;}


/* Preview toolbar */
.globalTipsContainer{ background:#333; border-bottom:1px solid #fff; height:46px; width:100%; color:#fff; padding-top:13px; }
  .globalTipsContent{ float:left; margin-left:11em; margin-right:18em; }
  .globalTipsContent h2{ font-size:1.3em;}
  .globalTipsContent h3{ font-size:.7em; color:#ccc;}
  .globalTipsOption button{ border:none; width:112px; height:31px; background:url(/images/global_tips_btn_bg.png) no-repeat 0 0; text-align:center; line-height:31px; color:#fff; cursor:pointer; }
  .globalTipsOption i{ font-style:normal; color:#999; font-size:.5em;}
  a.white:link, a.white:visited {  text-decoration:underline;  color: #fff;  }
  a.white:hover, a.white:active {  text-decoration:none;  color: #fff;}

.line-break {
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* Internet Explorer 5.5+ */
}