@charset "utf-8";


/* 全体構造
------------------------------------------ */
/* 縦スクロールバー常時表示 */
html {overflow-y: scroll;}

body {margin: 0; padding: 0; color: #333; background-color: #fff; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;}

/* リセット */
img,fieldset {border: none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td {margin: 0; padding: 0; word-wrap: break-word; word-break: break-all;}
* html h1,h2,h3,h4,h5,h6 {zoom: 1;}
table {border-collapse: collapse; border-spacing: 0;}
hr {border: 0; display: none; height: 0; visibility: hidden;}
a img {color: #000;}
a[name]:hover{text-decoration: none !important; outline: 0 !important;}
em {font-style: normal; font-weight: bold;}
address {font-style: normal;}
ol,ul {list-style-type: none;}
abbr {border: none;}

label {cursor: pointer;}
input,textarea,select {font-family: inherit; font-size: 1em;}
input {vertical-align: -3px;}
select {vertical-align: middle;}

p,li,dt,dd,pre,legend {line-height: 1.45; color: #333; font-size: 12px;}
h1,h2,h3,h4,h5,h6,dt {font-weight: bold; font-size: 12px;}
th,td {font-size: 12px;}
th p,td p,th li,td li,li li {font-size: inherit;}

.navskip {position: absolute; width: 0; height: 0; overflow: hidden;}
.hide {position: absolute; width: 0; height: 0; overflow: hidden;}

img.loader {display: block; background: #fff url(../basis/img/ajaxLoader.gif) center center no-repeat;}


/* フォーム
------------------------------------------ */
/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

/* パスワード */
input[type="password"] {height: 1.2em; font-family: arial; ime-mode: disabled;}

/* ボタン */
input[type="submit"] ,
input[type="reset"] ,
input[type="button"] ,
input[type="image"] {cursor: pointer;}

/* ファイル */
input[type="file"] {height: 20px;}


/* マージン
------------------------------------------ */
.mgt3 {margin-top: 3px !important;}
.mgt4 {margin-top: 4px !important;}
.mgt5 {margin-top: 5px !important;}
.mgt8 {margin-top: 8px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt25 {margin-top: 25px !important;}
.mgt30 {margin-top: 30px !important;}

.mgt1em {margin-top: 1em !important;}
.mgr1em {margin-right: 1em !important;}
.mgb1em {margin-bottom: 1em !important;}
.mgl1em {margin-left: 1em !important;}

.mgr1em {margin-right: 1em !important;}
.mgr2em {margin-right: 2em !important;}


/* パディング
------------------------------------------ */
.pdgt3 {padding-top: 3px !important;}
.pdgt4 {padding-top: 4px !important;}
.pdgt5 {padding-top: 5px !important;}
.pdgt8 {padding-top: 8px !important;}
.pdgt10 {padding-top: 10px !important;}
.pdgt15 {padding-top: 15px !important;}
.pdgt20 {padding-top: 20px !important;}
.pdgt25 {padding-top: 25px !important;}
.pdgt30 {padding-top: 30px !important;}


/* レイアウト
------------------------------------------ */
.floatL {float: left;}
.floatR {float: right;}

.clearfix:after,
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix,
#content {display: inline-block;}
/*\*/
* html .clearfix,
* html #content {height: 1%;}
.clearfix,
#content {display: block;}
/**/


.clearboth {clear: both;}
br.clear {margin: 0; padding: 0; clear: both; line-height: 0; font-size: 0;}

.centerM {margin-left: auto; margin-right: auto;}
.alL {text-align: left;}
.alC {text-align: center;}
.alR {text-align: right;}
.vaT {vertical-align: top;}
.vaM {vertical-align: middle;}
.vaB {vertical-align: bottom;}

.widthAuto {width: auto;}
.w100 {width: 100%; zoom: 1;}


/* テキスト
------------------------------------------ */
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}


/* リンク
------------------------------------------ */
a:link {color: #00c; background: transparent;}
a:visited {color: #00c; background: transparent;}
a:hover {color: #f00; background: transparent;}
a:active {color: #f00; background: transparent;}


/* Container
------------------------------------------ */
#container {width: 960px; margin: 0 auto;}


/* Header
------------------------------------------ */
#header {width: 960px; height: 80px; background: url(/img_cmn/head_g_01.gif) no-repeat;}
#header #header-name a {display: block; width: 960px; height: 80px; overflow: hidden; text-indent: -9999px;}
#header #header-description {overflow: hidden; text-indent: -9999px; height: 0;}


/* Main-navigation
------------------------------------------ */
#main-navigation {position: relative; width: 960px; height: 20px; background: url(/img_cmn/nav_g_01.gif) no-repeat; overflow: hidden;}
#main-navigation li {height: 0;}
#main-navigation li a {display: block; width: 80px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/nav_g_01.gif) no-repeat;}
#main-navigation li.top a {position: absolute; top: 0; left: 0;}
#main-navigation li.website a {position: absolute; top: 0; left: 640px; background-position: -640px 0;}
#main-navigation li.design a {position: absolute; top: 0; left: 720px; background-position: -720px 0;}
#main-navigation li.company a {position: absolute; top: 0; left: 800px; background-position: -800px 0;}
#main-navigation li.contact a {position: absolute; top: 0; left: 880px; background-position: -880px 0;}


/* Content
------------------------------------------ */
#content {margin-top: 10px; width: 960px;}


/* Beta
------------------------------------------ */
#beta {float: left; width: 140px;}
#beta .sideNav {position: relative; width: 140px; height: 284px;}
#beta .sideNav dd a {display: block; width: 140px; height: 28px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/nav_g01.gif) no-repeat 0 0;}

#beta .sideNav dt {display: block; width: 140px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/nav_g01.gif) no-repeat 0 0;}

#beta .sideNav dt.labels {position: absolute; top: 0; left: 0; background-position: 0 0;}

#beta .sideNav dd.domestic a:link,
#beta .sideNav dd.domestic a:visited {position: absolute; top: 20px; left: 0; background-position: 0 -20px;}
#beta .sideNav dd.domestic a:hover,
#beta .sideNav dd.domestic a:active {position: absolute; top: 20px; left: 0; background-position: -140px -20px !important;}

#beta .sideNav dd.popular a:link,
#beta .sideNav dd.popular a:visited {position: absolute; top: 48px; left: 0; background-position: 0 -48px;}
#beta .sideNav dd.popular a:hover,
#beta .sideNav dd.popular a:active {position: absolute; top: 48px; left: 0; background-position: -140px -48px !important;}

#beta .sideNav dd.goth a:link,
#beta .sideNav dd.goth a:visited {position: absolute; top: 76px; left: 0; background-position: 0 -76px;}
#beta .sideNav dd.goth a:hover,
#beta .sideNav dd.goth a:active {position: absolute; top: 76px; left: 0; background-position: -140px -76px !important;}

#beta .sideNav dd.others a:link,
#beta .sideNav dd.others a:visited {position: absolute; top: 104px; left: 0; background-position: 0 -104px;}
#beta .sideNav dd.others a:hover,
#beta .sideNav dd.others a:active {position: absolute; top: 104px; left: 0; background-position: -140px -104px !important;}

#beta .sideNav dd.dvd a:link,
#beta .sideNav dd.dvd a:visited {position: absolute; top: 132px; left: 0; background-position: 0 -132px;}
#beta .sideNav dd.dvd a:hover,
#beta .sideNav dd.dvd a:active {position: absolute; top: 132px; left: 0; background-position: -140px -132px !important;}

#beta .sideNav dt.dd {position: absolute; top: 160px; left: 0; background-position: 0 -160px;}

#beta .sideNav dd.extune a:link,
#beta .sideNav dd.extune a:visited {position: absolute; top: 180px; left: 0; background-position: 0 -180px;}
#beta .sideNav dd.extune a:hover,
#beta .sideNav dd.extune a:active {position: absolute; top: 180px; left: 0; background-position: -140px -180px !important;}

#beta .sideNav dd.exlive a:link,
#beta .sideNav dd.exlive a:visited {position: absolute; top: 208px; left: 0; background-position: 0 -208px;}
#beta .sideNav dd.exlive a:hover,
#beta .sideNav dd.exlive a:active {position: absolute; top: 208px; left: 0; background-position: -140px -208px !important;}

#beta .sideNav dt.production {position: absolute; top: 236px; left: 0; background-position: 0 -236px;}

#beta .sideNav dd.coony a:link,
#beta .sideNav dd.coony a:visited {position: absolute; top: 256px; left: 0; background-position: 0 -256px;}
#beta .sideNav dd.coony a:hover,
#beta .sideNav dd.coony a:active {position: absolute; top: 256px; left: 0; background-position: -140px -256px !important;}


/* Gunma
------------------------------------------ */
#gunma {float: right; width: 320px;}

#gunma .jpics {margin: 10px 0 0 0; padding-bottom: 10px; width: 320px; border-bottom: 1px dotted #333;}
#gunma .jpics .graphic {float: left; width: 80px;}
#gunma .jpics .info {float: right; width: 230px;}
#gunma .jpics .info h4 {font-weight: bold;}
#gunma .jpics .info .date {font-size: 11px; font-weight: bold;}
#gunma .jpics .info .date img {margin-right: 5px; vertical-align: middle;}
#gunma .jpics .info .pos,
#gunma .jpics .info .cat,
#gunma .jpics .info ul li {font-size: 10px;}
#gunma .jpics .info .red {color: #f00; font-weight: bold;}
#gunma .jpics .info ul li {margin-top: 3px;}

#gunma .banner {margin: 10px 0 0 0; padding-bottom: 10px; width: 320px; border-bottom: 1px dotted #333;}
#gunma .banner .graphic {float: left; width: 168px;}
#gunma .banner .info {float: right; width: 142px;}
#gunma .banner .info h4 {font-weight: bold;}
#gunma .banner .info h4,
#gunma .banner .info p {font-size: 10px;}


/* Alpha
------------------------------------------ */
#alpha {float: left; width: 500px;}
#alpha-inner {padding-left: 10px;}

#alpha #page-title {height: 0; text-indent: -9999px; overflow: hidden;}
body.LATEST #alpha #page-title {height: auto; text-indent: 0;}
#alpha .artistList li {margin-top: 5px;}

#alpha .jpics {margin: 10px 0 0 10px; width: 480px;}
#alpha .jpics .graphic {float: left; width: 180px;}
#alpha .jpics .info {float: right; width: 290px;}
#alpha .jpics .info h3,
#alpha .jpics .info .date {font-size: 14px; font-weight: bold;}
#alpha .jpics .info .pos,
#alpha .jpics .info .cat,
#alpha .jpics .info ul li {font-size: 10px;}
#alpha .jpics .info .pos img {vertical-align: middle;}
#alpha .jpics .info .red {color: #f00; font-weight: bold;}
#alpha .jpics .info ul li {margin-top: 3px;}

#alpha .exdd {margin: 10px 0 0 10px; width: 480px;}
#alpha .exdd h3,
#alpha .exdd .date {font-size: 14px; font-weight: bold;}
#alpha .exdd .pos {margin-top: 10px; font-size: 10px;}
#alpha .exdd .cat,
#alpha .exdd ul li {margin-top: 3px; font-size: 10px; font-weight: bold;}
#alpha .exdd .pos img {vertical-align: middle;}
#alpha .exdd .red {color: #f00; font-weight: bold;}

#alpha .textArea01,
#alpha .linkArea01 {margin: 10px 0 0 10px; width: 470px;}

/* LATEST*/
body.LATEST .entry-asset {width: 480px;}
body.LATEST #page-title {font-size: 14px; line-height: 1.3;}
body.LATEST .asset-meta,
body.LATEST .entry-content {margin-top: 5px; font-size: 12px; line-height: 1.3;}
body.LATEST .asset-footer {margin-top: 20px;}

/* Archive */
body.mt-category-archive.LATEST .archive-title.Tour em {display: block; width: 480px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/cat_480_20_02_tour.jpg) no-repeat;} 
body.mt-category-archive.LATEST .archive-title.Release em {display: block; width: 480px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/cat_480_20_01_rel.jpg) no-repeat;}
body.mt-category-archive.LATEST .archive-title.Appearance em {display: block; width: 480px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/cat_480_20_03_app.jpg) no-repeat;}
body.mt-category-archive.LATEST .archive-title.Information em {display: block; width: 480px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(/img_cmn/cat_480_20_04_inf.jpg) no-repeat;}
.archive-header {margin-top: 15px;}

/* Fontsize*/
.fSizeSArea p,
.fSizeSArea dt,
.fSizeSArea dd,
.fSizeSArea li {font-size: 10px;}

/* Icon */
#alpha .iHome {padding-left: 35px; min-height: 20px; zoom: 1; background: url(/img_cmn/mk_link.gif) no-repeat 0 0;}
* html #alpha .iHome {height: 20px;}

#alpha .iItunes {padding-left: 35px; min-height: 20px; zoom: 1; background: url(/img_cmn/mk_itms.gif) no-repeat 0 0;}
* html #alpha .iItunes {height: 20px;}


/* Lead */
.lead {padding-right: 10px;}

/* ページトップへ
------------------------------------------ */
.link-top {margin-top: 30px; padding-right: 10px; text-align: right;}


/* Footer
------------------------------------------ */
#footer {margin-top: 30px; background-color: #ccc;}
#footer-inner {padding: 5px;}
#copyright {color: #000; font-size: 10px; font-weight: bold;}
.ftxt {font-size: 10px;}


/* Head
------------------------------------------ */
.head01 {padding-top: 10px;}


/* List
------------------------------------------ */
.entryList li {margin: 5px 0 0 5px;}


/* ドット */
#main .liDot01 li {padding-left: 10px; background: url(../img_cmn/i_dot_01.gif) no-repeat 2px 0.5em;}
* html #main .liDot01 li {zoom: 1;}

/* 算用数字 */
#main .ol01 li {margin-left: 3em; list-style-type: decimal;}

/* ポップアップ */
#main .liPopup01 li {padding-left: 18px; text-indent: -18px;}


/* サイン
------------------------------------------ */
.aNew {color: #f00;}


/* コメント
------------------------------------------ */
.comments-open-header {margin-top: 1em;}


/* 印刷用
------------------------------------------ */
@media print {
	body {}
}


