/* base   */
html { overflow-y:scroll; }
body { text-align:center; color:#000; font-size:100%; line-height:1; }
body,form,h1,h2,h3,h4,h5,h6,p,caption,th,td,ul,li,dl,dt,dd { margin:0; padding:0; }
ol,ul { list-style:none; }
img { border:0; vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; font-style:normal; font-weight:normal; }
a { color:#2f88b4; }
a:hover { color:#000; }
a:active { color:#666; }
.clear , div.c-both { clear:both; }

/* font-size */
h2,
h3,
p.breadcrumbs,
p.breadcrumbs a.tkma,
body#discography div.box div.txt p.title,
body#discography div.box div.txt p.date { font-size:90%; }

div.itembody,
.pageswitch,
p#archive,
body#discography div.box div.txt p.category,
body#blog div.menu div li,
body#blog div.menu div.calender caption,
body#blog div.menu div.calender th,
body#blog div.menu div.calender td,
body#blog div.menu div.notice p,
body.faq div.menu { font-size:83%; }

div.foot,
body.faq div.itembody p.pagetop,
body#discography div.box div.txt p.photo { font-size:75%; }

body#discography div.day h2,
body#mobile div.day h2,
div.itembody h3 { font-size:100%; }


/* line-height:1.5 */
div.menu li,
div.itembody,
body#blog div.menu div.notice,
body#discography div.box div.txt p.photo { line-height:1.5; }

div.itembody p { padding-bottom:1.5em; }


/* display:none (blog) */
div.iteminfo,
div.comment,
div.commentForm,
div.trackback,
body#blog div.menu div.calender h2,
body#blog div.menu div.notice h2 { display:none; }


/* common */
div.article { margin:0 auto; text-align:left; width:897px; }
h1 { float:left; width:160px; padding:4px 0; }

#subnav { float:right; width:250px; }
#subnav li { float:right; padding-top:18px; }
#subnav li a { background:url("img/subnav.png") no-repeat; height:25px; margin-left:3px; display:block; text-indent:-9999px; overflow:hidden; }
#subnav .nav02 a { background-position:right 0; width:71px; }
#subnav .nav02 a:hover { background-position:right -25px; }
#subnav .nav01 a { width:151px; }
#subnav .nav01 a:hover { background-position:0 -25px; }

#nav { clear:both; padding:0 !important; padding-top:1px; }
#nav div { background:#000; padding-top:5px; }
#nav ul { background:#999; height:36px; }
#nav li { float:left; width:112px; height:35px; }
#nav a { background:url("img/nav.gif") no-repeat; border-left:1px solid #999; height:35px; display:block; text-indent:-9999px; overflow:hidden; }
#nav .nav01 a:hover { background-position:0 center; }
#nav .nav02 a { background-position:-111px 0; }
#nav .nav02 a:hover { background-position:-111px center; }
#nav .nav03 a { background-position:-222px 0; }
#nav .nav03 a:hover { background-position:-222px center; }
#nav .nav04 a { background-position:-333px 0; }
#nav .nav04 a:hover { background-position:-333px center; }
#nav .nav05 a { background-position:-444px 0; }
#nav .nav05 a:hover { background-position:-444px center; }
#nav .nav06 a { background-position:-555px 0; }
#nav .nav06 a:hover { background-position:-555px center; }
#nav .nav07 a { background-position:-666px 0; }
#nav .nav07 a:hover { background-position:-666px center; }
#nav .nav08 a { background-position:-777px 0; }
#nav .nav08 a:hover { background-position:-777px center; }

body#top #nav li.nav01 a { background-position:0 bottom; }
body#information #nav .nav02 a { background-position:-111px bottom; }
body#biography #nav .nav03 a { background-position:-222px bottom; }
body#biography_archive #nav .nav03 a { background-position:-222px bottom; }
body#discography #nav .nav04 a { background-position:-333px bottom; }
body#blog #nav .nav05 a { background-position:-444px bottom; }
body#mobile #nav .nav06 a { background-position:-555px bottom; }
body#fanclub #nav .nav08 a { background-position:-777px bottom; }
body.faq #subnav li.nav02 a { background-position:right bottom; }

p.breadcrumbs { padding:10px 0; border-bottom:1px solid #999; }

div.contents { clear:both; padding-top:5px; }
div.day { clear:both; }
div.itembody { padding:14px 0 28px 0; }
p.pageswitch,div.pageswitch { clear:both; text-align:center; padding-top:50px; }
p.pageswitch a,div.pageswitch a { padding:0 10px; }

div.foot { clear:both; }
div.foot , div.foot a { color:#999; }
p.pagetop { padding:28px 0; text-align:right; }
p.pagetop a { background:#000; color:#ccc; padding:5px 7px; text-decoration:none; }
p.pagetop a:hover { color:#fff; }
div.foot p.copy { border-top:1px solid #ccc; padding:14px 0 28px; text-align:center; }


/* /// TOP /// */
body#top #nav div { border:0; padding:0; }
body#top #nav ul { height:37px; }
body#top #nav li a { margin-top:1px; }

body#top #photo { clear:both; padding-bottom:5px; }
body#top #photo img { border:5px solid #000; }

body#top #youtube { width:225px; float:right; }

body#top .news { background:url("../img/top_news.png") no-repeat; float:left; font-size:83%; line-height:1.5; height:195px; width:336px; }
body#top .news .box { margin:1px 6px 0 0; height:193px; overflow:auto; scrollbar-face-color:#000; scrollbar-track-color:#666; scrollbar-arrow-color:#999; scrollbar-highlight-color:#444; scrollbar-shadow-color:#000; scrollbar-3dlight-color:#000; scrollbar-darkshadow-color:#000; }
body#top .news .padding { padding:9px 9px 9px 39px; }

body#top #newrelease { background-position:0 -200px; }
body#top #newrelease div { overflow:hidden; }
body#top #newrelease div.padding { padding-left:25px; padding-right:5px; }
body#top #newrelease a { display:block; height:180px; text-indent:-9999px; text-decoration:none; overflow:hidden; }

body#top #whatsnew p { padding-bottom:5px; text-indent:-1em; padding-left:1em; }

body#top #banner { clear:both; }
body#top #banner img { float:right; margin:5px 5px 0 0; }
body#top #banner .pta { float:right; margin:5px 0 0 0; }
body#top #banner .right { margin:5px 0 0 0; }

body#top div.foot p.copy { border:0; }


/* /// INFORMATION /// */
body.information ul#category { float:right; height:30px; }
body.information ul#category li { float:left; width:58px; }
body.information ul#category li a { background:url("img/infonav.gif") no-repeat; width:55px; height:25px; margin-left:3px; display:block; text-indent:-9999px; overflow:hidden; }
body.information ul#category li.nav01 a { }
body.information ul#category li.nav01 a:hover { background-position:center 0; }
body.information ul#category li.nav02 a { background-position:0 -25px; }
body.information ul#category li.nav02 a:hover { background-position:center -25px; }
body.information ul#category li.nav03 a { background-position:0 -50px; }
body.information ul#category li.nav03 a:hover { background-position:center -50px; }
body.information ul#category li.nav04 a { background-position:0 -75px; }
body.information ul#category li.nav04 a:hover { background-position:center -75px; }
body.information ul#category li.nav05 a { background-position:0 -100px; }
body.information ul#category li.nav05 a:hover { background-position:center -100px; }
body.information ul#category li.nav06 a { background-position:0 -125px; }
body.information ul#category li.nav06 a:hover { background-position:center -125px; }
body.information ul#category li.nav07 a { background-position:0 -150px; }
body.information ul#category li.nav07 a:hover { background-position:center -150px; }
body.information ul#category li.nav08 a { background-position:0 -175px; }
body.information ul#category li.nav08 a:hover { background-position:center -175px; }
body.information ul#category li.nav09 a { background-position:0 -200px; }
body.information ul#category li.nav09 a:hover { background-position:center -200px; }
body.information ul#category li.nav10 a { background-position:0 -225px; }
body.information ul#category li.nav10 a:hover { background-position:center -225px; }

body.information div#all ul#category li.nav01 a { background-position:right 0; }
body.information div#release ul#category li.nav02 a { background-position:right -25px; }
body.information div#live ul#category li.nav03 a { background-position:right -50px; }
body.information div#event ul#category li.nav04 a { background-position:right -75px; }
body.information div#tv ul#category li.nav05 a { background-position:right -100px; }
body.information div#radio ul#category li.nav06 a { background-position:right -125px; }
body.information div#magazine ul#category li.nav07 a { background-position:right -150px; }
body.information div#web ul#category li.nav08 a { background-position:right -175px; }
body.information div#mobile ul#category li.nav09 a { background-position:right -200px; }
body.information div#other ul#category li.nav10 a { background-position:right -225px; }

body.information div.day h2 { color:#fff; font-weight:normal; float:right; text-align:right; padding:5px 7px; width:100px; }
body.information div.day h3 { background:#000; color:#fff; padding:5px 7px; }


/* /// BIOGRAPHY /// */
body#biography table#member { background:url("img/biography.jpg") no-repeat; width:780px; margin:0 auto; }
body#biography table#member td { vertical-align:top; }
body#biography table#member td.center { padding:0 30px; }
body#biography table#member h2 { text-indent:-9999px; height:385px; }

body#biography div.itembody table { border-bottom:1px solid #ccc; }
body#biography div.itembody th , body#biography div.itembody td { border-top:1px solid #ccc; padding:3px 0; vertical-align:top; }
body#biography div.itembody th { width:44px; }
body#biography div.itembody td.colon { width:15px; }
body#biography div.itembody td { width:196px; }

body#biography div#history div.itembody { border-bottom:2px solid #000; margin:0; padding:0; }
body#biography div#history h2 { background:#000; color:#fff; padding:5px 7px; }
body#biography div#history p { background:#eee; border-top:2px solid #000; padding:7px 0; }
body#biography div#history div.itembody table { border:0; width:897px; }
body#biography div#history div.itembody th , body#biography div#day1 div.itembody td { padding:5px 0; vertical-align:middle; }
body#biography div#history div.itembody th { width:200px; text-indent:4em; }
body#biography div#history div.itembody td { width:540px; }
body#biography div#history div.itembody td.category { width:157px; }

body#biography p#archive { text-align:center; padding:30px 0 0 0; }
body#biography p#archive a { background:#ddd; border:1px solid #333; color:#000; font-weight:bold; padding:3px 10px; text-decoration:none; }
body#biography p#archive a:hover { background:#999; }


/* /// DISCOGRAPHY /// */
body#discography p.breadcrumbs a.tkma { padding:0 0 0 20px; }

body#discography div.contents { float:right; width:560px; }
body#discography div.day h2 { background:#000; color:#fff; padding:7px; }
body#discography div.day h3 { border-bottom:1px solid #000; padding:7px 0; }
body#discography div.day p.jacket { padding:0 0 5px 0; }
body#discography div.day p.jacket img { border:1px solid #333; }

body#discography div.menu { float:left; width:287px; margin-top:5px; }
body#discography ul#category { height:30px; border-bottom:1px solid #000; }
body#discography ul#category li { float:left; width:58px; }
body#discography ul#category li.nav05 { width:55px; }
body#discography ul#category li a { background:url("img/disconav.gif") no-repeat; width:55px; height:25px; display:block; text-indent:-9999px; overflow:hidden; }
body#discography ul#category li.nav01 a { }
body#discography ul#category li.nav01 a:hover { background-position:center 0; }
body#discography ul#category li.nav02 a { background-position:0 -25px; }
body#discography ul#category li.nav02 a:hover { background-position:center -25px; }
body#discography ul#category li.nav03 a { background-position:0 -50px; }
body#discography ul#category li.nav03 a:hover { background-position:center -50px; }
body#discography ul#category li.nav04 a { background-position:0 -75px; }
body#discography ul#category li.nav04 a:hover { background-position:center -75px; }
body#discography ul#category li.nav05 a { background-position:0 -100px; }
body#discography ul#category li.nav05 a:hover { background-position:center -100px; }
body#discography div.box { clear:both; padding:10px 0 7px 0; border-bottom:1px solid #999; }
body#discography div.box p.jacket { float:left; width:81px; }
body#discography div.box p.jacket img { border:1px solid #666; margin-bottom:3px; }
body#discography div.box div.txt { float:right; width:193px; }
body#discography div.box div.txt p.category { padding-top:3px; color:#666; }
body#discography div.box div.txt p.title { font-weight:bold; line-height:1.2; padding:2px 0 5px 0; }
body#discography div.box div.txt p.photo { padding-top:15px; }


/* /// MANAGER BLOG /// */
body#blog div.contents { float:right; width:560px; }
body#blog div.day h2 { color:#fff; font-weight:normal; float:right; text-align:right; padding:5px 7px; width:100px; }
body#blog div.day h3 { background:#000; color:#fff; padding:5px 7px; }

body#blog div.menu { float:left; width:288px; }
body#blog div.menu div { clear:both; padding:7px 0 13px; }
body#blog div.menu div h2 { background:#000; color:#fff; padding:5px 7px; }
body#blog div.menu div ul { padding:7px 14px 0; text-align:left; }
body#blog div.menu div li { color:#999; list-style:square; }
body#blog div.menu div.calender caption { padding-bottom:7px; text-align:center; }
body#blog div.menu div.calender table { border:1px solid #000; }
body#blog div.menu div.calender th , body#blog div.menu div.calender td { border-bottom:1px solid #000; border-left:1px solid #000; text-align:center; vertical-align:middle; width:40px; height:28px; }
body#blog div.menu div.calender th { background:#eee; }
body#blog div.menu div.calender td { color:#999; }
body#blog div.menu div.calender td a { font-weight:bold; }
body#blog div.menu div.notice { padding:0; }
body#blog div.menu div.notice p { padding-top:10px; }
body#blog div.menu div.notice img { float:left; margin:0 10px 10px 0; }


/* /// MOBILE /// */
body#mobile div.contents { float:right; width:560px; }
body#mobile div.day h2 { padding-top:14px; }
body#mobile div.day h3 { background:#000; color:#fff; padding:5px 7px; }
body#mobile div.itembody p em { border:5px solid #999; font-weight:bold; font-style:normal; padding:5px 7px; }
body#mobile div.itembody p img { border:1px solid #000; float:left; margin-right:15px; }
body#mobile div.itembody th , body#mobile div.itembody td { border:1px solid #000; line-height:1.3; padding:7px 0; text-align:center; vertical-align:top; width:185px; }
body#mobile div.itembody th { background:#eee; font-weight:bold; }

body#mobile div.menu { border:10px solid #000; float:left; margin-top:5px; text-align:center; width:278px; }
body#mobile div.menu h2 { background:#000; color:#fff; padding-bottom:10px; }
body#mobile div.menu p { border:5px solid #ccc; padding:20px; }


/* /// FANCLUB /// */
body#fanclub div.contents { float:right; width:560px; }
body#fanclub div.menu { float:left; margin-top:5px; text-align:center; width:288px; }
body#fanclub div.menu p { padding-bottom:10px; }


/* /// FAQ /// */
body.faq .contents { float:right; width:560px; }
body.faq .day .itembody { padding-bottom:0; }
body.faq .day #qa { padding-top:10px; }
body.faq #form { padding:0 0 50px 0; text-align:center; }
body.faq #form em { border:5px solid #2f88b4; font-weight:bold; font-style:normal; padding:5px 7px; }
body.faq .day h2 { padding-top:14px; }
body.faq .day h3 { border-top:1px solid #000; margin-top:20px; padding:5px 0; }
body.faq .day dt { background:#000; color:#fff; padding:5px 7px; line-height:1.3; }
body.faq .day dd { margin:0; padding:10px 0 0; }
body.faq .day .pagetop { margin:0 0 30px 0; }
body.faq .day .asterisk { padding-left:1em; padding-bottom:0; text-indent:-1em; }

body.faq .menu { float:left; margin-top:5px; width:288px; font-weight:bold; }
body.faq .menu p { background:#000; color:#fff; line-height:1.3; padding:5px 7px; margin-bottom:1px; }
body.faq .tour p { background:#2f88b4; }
body.faq .tour p a { color:#fff; display:block; text-decoration:none; }
body.faq .menu ul { padding:5px 0 10px 30px; }
body.faq .menu li { list-style:square; margin:0; padding:5px 0; border-bottom:1px solid #ccc; }


/* /// error /// */
body#error div.article { width:520px; margin:20px auto; padding:20px 28px; border:10px solid #eee; }
body#error div.contents { padding:14px 20px 20px; border-top:1px solid #000; }
body#error div.contents p { padding:5px 0; line-height:1.5; }
body#error div.foot p.copy { padding-bottom:0; }