@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
koebu.com

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------
[Layout]
	0. Base Layout
	1. Header
	2. Content
	3. Footer
	99. Clearfix

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	text-align: center;
	background: #fff url(/img/common/bg_wrapper.png) repeat-x 0 -33px;
}

div#container {
	position: relative;
	z-index: 2;
	width: 970px;
	margin: 0 auto;
	padding-top: 143px;
	text-align: left;
}

/* ------------------------------------------------------------
	1. Header
------------------------------------------------------------ */

/* header
---------------------------------------------- */
div#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
	z-index: 1;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
div#header #sitename {
	position: relative;
	top: -22px;
	float: left;
	width: 125px;
	margin-right: 6px;
}
div#header #logomark {
	position: relative;
	top: -22px;
	float: left;
	width: 100px;
}
/*
div#header #sitename a {
	display: block;
	width: 228px;
	height: 107px;
	background: url(/img/common/header/logo_koebu_40.png) no-repeat 0 0;
}
div#header #sitename a img {
	display: none;
}
*/
div#header p#tagline {
	position: absolute;
	top: -10px;
	left: 85px;
	color: #C8C8EC;
	font-size: 85%;
}


/* head menu
---------------------------------------------- */
#hNav {
	position: absolute;
	top:2px;
	left: 0;
	z-index: 99;
	width: 100%;
	line-height: 1;
	vertical-align: middle;
}
/* header - UserInfo
---------------------------------------------- */
#hNav #boxUserInfo {
	position: relative;
	float: right;
	height: 16px;
	margin-left: 10px;
	padding:0;
}
#hNav a:hover {
	color: #000;
}

#hNav #boxUserInfo ul#listUserInfo {
	text-align: center;
	display:block;
	overflow: hidden;
	height: 24px;
	margin:0;
	padding:0;
	
	border-radius:6px 0 0 6px;
	background-color:#CF6;
/*
	↑サイトジャック中のため。
	通常は下記
	background-color:#CF6;
*/	
	box-shadow:1px 1px 4px rgba(0,0,0,0.2) inset;
}
#hNav #boxUserInfo ul#listUserInfo li {
	float: left;
	display:block;
	margin: 0;
	padding: 4px 6px;
	height: 16px;
	
	font-size: 93%;
	line-height: 16px;
	vertical-align: middle;
	color:#262626;
}
#hNav #boxUserInfo ul#listUserInfo li span.thumbS {
	margin: 0 3px;
}
#hNav #boxUserInfo ul#listUserInfo li a {
	color: #000;
	word-wrap: break-word;
}
#hNav #boxUserInfo ul#listUserInfo li#userInfoPt {
	padding:0 6px;
	height:auto;
}
#hNav #boxUserInfo ul#listUserInfo li#userInfoPt a {
	padding: 4px 10px 4px 4px;
	height:16px;
	display:inline-block;
	background: url(/img/common/icon_arrow_d_gray.png) no-repeat 100% 8px;
}
#hNav #boxUserInfo ul#listUserInfo li ul#listUserInfoPt {
	position: absolute;
	top: 24px;
	right: 0;
	width: 150px;
	overflow: hidden;
	box-shadow: 0 1px 2px #333;
	background:none;
}
#hNav #boxUserInfo ul#listUserInfo li ul#listUserInfoPt li {
	display: block;
	float: none;
	margin: 0;
	padding:0;
	font-size: 100%;
	line-height: 1;
	height:auto;
}
#hNav #boxUserInfo ul#listUserInfo li ul#listUserInfoPt li a {
	display: block;
	padding: 6px;
	height:8px;
	border-bottom: 1px solid #333;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	background: #000;
	filter: alpha(opacity=90);
	opacity: 0.9;
	line-height: 1;
	font-size:91%;
}
#hNav #boxUserInfo ul#listUserInfo li ul#listUserInfoPt li a:hover {
	color: #FFF;
	background: #222;
}

#hNav #boxUserInfo ul#listUserInfo #userInfoLogin {
	padding:0;
}
#hNav #boxUserInfo ul#listUserInfo #userInfoLogin a {
	display: block;
	overflow: hidden;
	width: auto;
	height: 16px;
	padding: 4px 6px;
	
	background:#111;
	background-image:-webkit-linear-gradient(top, #333, #111);
	background-image:-moz-linear-gradient(top, #333, #111);
	
	color:#FFF !important;
	text-align: center;
	font-weight:bold;
	text-decoration:none;
}

#hNav #boxUserInfo ul#listUserInfo #userInfoLogin a:hover {
	background:#333;
	background-image:-webkit-linear-gradient(top, #555, #333);
	background-image:-moz-linear-gradient(top, #555, #333);
}

#hNav #boxUserInfo ul#listUserInfo #userInfoPremium {
	display:block;
	padding: 4px 6px;
	overflow: hidden;
	height: 16px;
	padding: 4px 10px;
}
/* header - Utility
---------------------------------------------- */
#hNav #hNavUtil {
	position: relative;
	z-index: 100;
	float: right;
}
p#btnNavMypage a,
p#btnNavSignup a {
	display: block;
	overflow: hidden;
	width: auto;
	height: 16px;
	padding: 4px 6px;
	
	border-radius:0 6px 6px 0;
	background:#000;
	background-image:-webkit-linear-gradient(top, #333, #111);
	background-image:-moz-linear-gradient(top, #333, #111);
	
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	font-size: 93%;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

p#btnNavMypage a:hover {
	background: #555;
	background-image:-webkit-linear-gradient(top, #666, #333);
	background-image:-moz-linear-gradient(top, #666, #333);
	color: #fff;
}
p#btnNavSignup a {
	background: #f00 ;
	background-image:-webkit-linear-gradient(top, #f00, #900);
	background-image:-moz-linear-gradient(top, #f00, #900);
	color: #FFF;
	border-left:#C99 1px solid;
}
p#btnNavSignup a:hover {
	background: #F30;
	background-image:-webkit-linear-gradient(top, #f30, #c30);
	background-image:-moz-linear-gradient(top, #f30, #c30);
	color: #fff;
}

#hNav #hNavUtil ul {
	position: absolute;
	top: 24px;
	right: 0;
	z-index: 110;
	width: 160px;
	overflow: hidden;
	box-shadow: 0 1px 2px #333;
}
#hNav #hNavUtil ul li {
	font-size: 100%;
	display: block;
	float: none;
	margin: 0;
	font-size: 93%;
	line-height: 1;
	height:auto;
}

#hNav #hNavUtil ul li a{
	display: block;
	padding: 6px;
	height:8px;
	border-bottom: 1px solid #333;
	background: #000;
	color: #FFF;
	text-decoration: none;
	filter: alpha(opacity=90);
	opacity: 0.9;
	font-size: 91%;
}
#hNav #hNavUtil ul li#navMypageLogout a {
	border-top: 1px solid #333;
}
#hNav #hNavUtil ul li a:hover {
	background: #333;
	color: #FFF;
}
/* header - Others
---------------------------------------------- */
#hNav #hNavOthers {
	float: right;
	padding: 5px 0 0;
	width: 170px;
	text-align: right;
}
#hNav #hNavOthers li {
	display: inline;
	margin: 0 0 0 5px;
}
#hNav #hNavOthers li a {
}
#hNav #hNavOthers li#hNavIntroAbout {
    padding-left: 20px;
    background: url(/img/common/ico_beginner.png) no-repeat 0 50%;
}

#hNav #hNavOthers li .up {
	background: #F30;
	color: #FFF;
	font-weight: bold;
	padding: 0 2px;
	font-family: Arial, Helvetica, sans-serif;
}



/* header - ad
---------------------------------------------- */
#boxHeadAd {
	float: right;
	width: 468px;
	z-index: 1;
}
#boxHeadAd #bnrHeadAd {
	width: 468px;
	height: 60px;
	z-index: 10;
}


/* header - gNav version 2.0
---------------------------------------------- */

#gNav {
	position: absolute;
	top: 70px;
	left: 10px;
	clear: both;
	width: 950px;
	height: 34px;
	margin: 0;
	background:none;
}
#gNav ul {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	border-radius:5px;
	height:34px;
}
#gNav li {
    position: relative;
	float: left;
	margin: 0;
	text-align:center;
	color:#FFF;
	height:auto;
}
#gNav li a {
	border-left:1px solid #44444f;
	
	background: #333 url(/img/common/header/bg_gnav_grd1.png) 0 100% repeat-x;
	background-image:-webkit-linear-gradient(top, #444, #222);
	background-image:-moz-linear-gradient(top, #444, #222);
	
	display: block;
	height: 20px;
	overflow:hidden;
	padding:7px;
	
	color:#FFF;
	text-indent: 0;
	font-weight:bold;
	text-decoration:none;
	
	text-shadow:-1px -1px 1px rgba(0,0,0,0.35);
}
#gNav li a:hover {
	background: #444 url(/img/common/header/bg_gnav_grd1.png) 0 0% repeat-x;
	background-image:-webkit-linear-gradient(top, #555, #333);
	background-image:-moz-linear-gradient(top, #555, #333);
	
}

#gNav #navTopic_2 { width: 74px; }
#gNav #navTopic_2 a { border-radius:4px 0 0 4px; }
#gNav #navTopic_3 { width: 48px; }
#gNav #navTopic_4 { width: 66px; }
#gNav #navTopic_5 { width: 66px; }
#gNav #navTopic_6 { width: 66px; }

#gNav #gnavSearch {
	float: left;
	text-align: right;
	padding:5px 10px;
	height:auto;
	background:#555;
	box-shadow:2px 0px 3px rgba(0, 0, 0, 0.35) inset;
}
#gNav #gnavSearch input {
	height: 24px;
	border: none;
	font-size: 93%;
	line-height: 24px;
	vertical-align: top;
	display:block;
	float:left;
}
#gNav #gnavSearch input#adingo-search {
	width: 36px;
	background: #333;
	border-radius: 0 8px 8px 0;
	text-align: center;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	margin:0;
	padding:0;
}
#gNav #gnavSearch input#adingo-search:hover {
	background-color: #000;
	
	text-shadow:0 0 6px #FFF;
}
#gNav #gnavSearch input#q,
#gNav #gnavSearch input#word,
#gNav #gnavSearch input#Keywords {
	width: 120px;
	margin-right: 0;
	padding-left: 18px;
	border-radius: 8px 0 0 8px;
	background: #EEE url(/img/common/header/icon_search.png) no-repeat 3px 5px;
	
	box-shadow:2px 2px 4px rgba(102,102,102,0.35) inset;
}
#gNav #gnavSearch input#q:focus,
#gNav #gnavSearch input#word:focus,
#gNav #gnavSearch input#Keywords:focus {
	background-color: #FFF;
	border:none;
	box-shadow:none;
}

#gNav #navNews a,
#gNav #navLive a,
#gNav #navRanking a,
#gNav #navCircle a,
#gNav #navSchool a{
	background:#390 url(/img/common/header/bg_gnav_grd2.png) 0 100% repeat-x;
	background-image:-webkit-linear-gradient(top, #390, #370);
	background-image:-moz-linear-gradient(top, #390, #370);
	border-left:1px solid #6a3;
}

#gNav #navNews a:hover,
#gNav #navLive a:hover,
#gNav #navRanking a:hover,
#gNav #navCircle a:hover,
#gNav #navSchool a:hover{
	background:#4a1 url(/img/common/header/bg_gnav_grd2.png) 0 0% repeat-x;
	background-image:-webkit-linear-gradient(top, #4a1, #481);
	background-image:-moz-linear-gradient(top, #4a1, #481);
}

#gNav #navNews { width: 84px; }
#gNav #navLive { width: 84px; }
#gNav #navRanking { width: 92px; }
#gNav #navCircle { width: 84px; }
#gNav #navSchool { width: 92px;  }
#gNav #navSchool a { border-radius:0 4px 4px 0; }

#gNav .new {
    z-index: 10;
}
#gNav li .new {
    position: absolute;
    top: -13px;
    right: -5px;
}

/* header - infoSlideBox
---------------------------------------------- */
.infoSlideBox{
	position:absolute;
	background:#FFDD00;
	visibility:hidden;
	top:104px;
	left:15px;
	width: 940px;
	border-radius:0 0 4px 4px;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.2) inset;
}
.unitSlide{
	padding:5px 5px 5px 10px;
}
.unitSlide h4{
	background:url(/img/common/icon_ookami.gif)left no-repeat;
	float:left;
	font-size: 100%;
	padding:2px 0 2px 20px;
}
.unitSlide h4 a:hover {
	color: #000;
}

.b{ font-weight:bold; }

.infoSlideBox .date{
    margin-left:5px;
    background:#F00;
    color:#FFF;
    font-weight:bold;
    padding:0px 2px;
}
#infoSlideBox .unitSlide a.closeBox{
	display:block;
	float:right;
	background:#F00;
	width:16px;
	height:16px;
	text-decoration:none;
}

#infoSlideBox .unitSlide a:hover.closeBox{
	background:#F66;
}

.closeBoxChara{font-weight:bold;color:#FFF;font-size:16px;line-height:16px;padding-left:4px;}

/* ------------------------------------------------------------
	2. Content
------------------------------------------------------------ */

div#contents {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 2;
}
#contents #boxBnrVLeft {
	position: absolute;
	top: 0;
	left: -130px;
	width: 130px;
}
#contents #boxBnrVRight {
	position: absolute;
	top: 0;
	right: -130px;
	width: 130px;
}



/* main
---------------------------------------------- */
div#main {
	position: relative;
	float: left;
	width: 630px;
	margin: 10px 20px 0 0;
	padding: 0;
}
.clm_1 div#main {
	float: none;
	width: 950px;
	margin: 10px 0 0 0;
}

/* side
------------------------------------------------- */
div#side {
	float: right;
	width: 300px;
	margin: 10px 0 30px;
}
div#side .sectionSide {
	position: relative;
	margin: 0 0 15px;
}
div#side .sectionSide h3 {
	text-align: center;
}
div#side div.boxSidePlain {
	position: relative;
	width: 278px;
	margin: 0 0 15px;
	padding: 5px 10px 10px;
	border: 1px solid #000;
	border-width: 5px 1px 1px;
}
div#side div.boxSidePlain h3 {
	margin: 0 0 10px;
}
div#side div.boxSidePlain p.viewMore {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 180px;
	text-align: right;
}
div#side div.boxSidePlain p.linkFeature {
	position: static;
	width: auto;
	text-align: center;
}

/* AnimateNews
---------------------------------------------- */

div#boxSideAnimateNews h3{
	margin-bottom:0;
}

div#boxSideAnimateNews .newsWrap{
	border-style: solid;
	border-width: 0px 2px 1px;
	border-color: #e0e0e0;
	padding-top:10px

}

div#boxSideAnimateNews #newEntry {
	margin-bottom:6px;
	padding:0 10px
}
div#boxSideAnimateNews #newEntry h4 {
	line-height:1.3em;
}

div#boxSideAnimateNews #newEntry .photo {
	float: left;
	width: 100px;
	margin: 0 10px 10px 0;
}


div#boxSideAnimateNews #newEntry .date {
	color:#666;
}

div#boxSideAnimateNews #newEntry .text {
	margin-top:5px;
	font-size:11px;
}

div#boxSideAnimateNews #recentNews {
	border-top:solid 2px #e0e0e0;
	zoom: 1;
}

div#boxSideAnimateNews #recentNews li span {
	background: url(/img/news/animate/ico_new.png) no-repeat;
	padding-left:26px;
	line-height:1.2em;
	display:block;
}

div#boxSideAnimateNews #recentNews li {
	padding:5px 8px 7px;
}

div#boxSideAnimateNews #recentNews .bg_01 {
	background: url(/img/news/animate/bg_01.png) repeat;
}

div#boxSideAnimateNews #recentNews p.viewMore {
	padding:6px 10px 5px 0;
	zoom: 1;
}


/* Event
---------------------------------------------- */


div.unitEvent {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}
div.unitEvent a {
	text-decoration: none;
}
div.unitEvent .thumb {
	float: left;
	width: 60px;
	margin-right: 10px;
	padding: 0 0 0 10px;
	border: none;
}
div.unitEvent span {
	display: block;
}
div.unitEvent span.ttl {
	text-decoration: underline;
	font-weight: bold;
}
div.unitEvent span.date {
	font-size: 85%;
	color: #83AA0B;
}
div.unitEvent span.txt {
	font-size: 85%;
	color: #666;
}
div.unitEvent li {
	margin: 0 0 5px;
}


/* --- upload --- */

ul#lstNumbers {
	clear: both;
	padding: 10px 0;
	text-align: center;
}
ul#lstNumbers li {
	display: inline;
	margin: 0 4px;
}
ul#lstNumbers li a,
ul#lstNumbers li span{
	font-size: 114%;
	font-weight: bold;
}

/* Shortcut menu v2 since 2012.11.19
--------------------*/
div#side div#boxSideUpload {
	margin: 0 0 10px;
}

div#side div#boxSideUpload li{
	display:block;
	margin:0 10px 5px;
}
div#side div#boxSideUpload li{
	display: block;
	text-indent: -8905px;
	width: 278px;
	height: 48px;
	background: #94d24b;
	border: solid 1px #b0dd8e;
	border-color:rgba(98,188,29,.5);
	border-radius: 6px;
	box-shadow: inset 1px 1px 1px rgba(255,255,255,.9), inset 0 0 8px rgba(255,255,190,.11);
	
	background-image: -webkit-linear-gradient(bottom, #81c039, #94d24b 46%, #b6e554 87%);
	background-image: -moz-linear-gradient(bottom, #81c039, #94d24b 46%, #b6e554 87%);
	background-image: -o-linear-gradient(bottom, #81c039, #94d24b 46%, #b6e554 87%);
	background-image: -ms-linear-gradient(bottom, #81c039, #94d24b 46%, #b6e554 87%);
	background-image: linear-gradient(to top, #81c039, #94d24b 46%, #b6e554 87%);
}

div#side div#boxSideUpload li:hover {
	background-color: #b8f63b;
	border-color:#70d127;
	background-image: -webkit-linear-gradient(bottom, #80d819, #8ee12e 46%, #b8f63b 87%);
	background-image: -moz-linear-gradient(bottom, #80d819, #8ee12e 46%, #b8f63b 87%);
	background-image: -o-linear-gradient(bottom, #80d819, #8ee12e 46%, #b8f63b 87%);
	background-image: -ms-linear-gradient(bottom, #80d819, #8ee12e 46%, #b8f63b 87%);
	background-image: linear-gradient(to top, #80d819, #8ee12e 46%, #b8f63b 87%);

}
div#side div#boxSideUpload li:active {
	background-color: #bae65a;
	box-shadow: inset -1px -1px 1px rgba(255,255,255,.9), inset 0 0 8px rgba(255,255,190,.11);
	border-color:#89cd56;
	border-color:rgba(98,188,29,.75);
	background-image: -webkit-linear-gradient(bottom, #b6e554 25%, #9cd956);
	background-image: -moz-linear-gradient(bottom, #b6e554 25%, #9cd956);
	background-image: -o-linear-gradient(bottom, #b6e554 25%, #9cd956);
	background-image: -ms-linear-gradient(bottom, #b6e554 25%, #9cd956);
	background-image: linear-gradient(to top, #b6e554 25%, #9cd956);
}

div#side div#boxSideUpload li a{
	display:block;
	
	width: 278px;
	height: 48px;
	background: url("/img/common/side/btn_side_set_v2.png") no-repeat 0 0;
}

div#side div#boxSideUpload li#btnListen a {
	background-position:-561px -1px;
}
div#side div#boxSideUpload li#btnListen:hover a{
	background-position:-281px -1px;
}
div#side div#boxSideUpload li#btnListen:active a{
	background-position:-1px -1px;
}

div#side div#boxSideUpload li#btnUsers a{
	background-position:-561px -51px;
}
div#side div#boxSideUpload li#btnUsers:hover a{
	background-position:-281px -51px;
}
div#side div#boxSideUpload li#btnUsers:active a{
	background-position:-1px -51px;
}

div#side div#boxSideUpload li#btnCreateTopic a{
	background-position:-561px -101px;
}
div#side div#boxSideUpload li#btnCreateTopic:hover a{
	background-position:-281px -101px;
}
div#side div#boxSideUpload li#btnCreateTopic:active a{
	background-position:-1px -101px;
}

div#side div#boxSideUpload li#btnUploadSound a{
	background-position:-561px -151px;
}
div#side div#boxSideUpload li#btnUploadSound:hover a{
	background-position:-281px -151px;
}
div#side div#boxSideUpload li#btnUploadSound:active a{
	background-position:-1px -151px;
}

div#side div#boxSideUpload li#btnUploadAlbum a {
  background-position: -561px -202px;
}

/* side banner
--------------------*/

div#side div#boxSideBanner {
	margin:0 0 10px;
}

/* --- LIVE! on air --- */
div#side div#boxSideNowOnAir {
	position: relative;
	width: 300px;
	margin: 0 0 10px;
	padding: 0;
}
div#side div#boxSideNowOnAir h3 {
	position: absolute;
	top: -4px;
	left: 10px;
}
div#side div#boxSideNowOnAir p.txt {
	padding: 7px;
	border: 3px solid #000;
	background: #E6EBEC;
	line-height: 1;
	text-align: right;
}
div#side div#boxSideNowOnAir div.ticker {
	width: 280px;
	padding: 3px 0 3px 10px;
	border-right: 10px solid #000;
	overflow: hidden;
	background: #000;
	color: #FFF;
}
div#side div#boxSideNowOnAir div.ticker p {
	width: 800px;
	padding: 2px 0;
	font-size: 85%;
	line-height: 1;
}
div#side div#boxSideNowOnAir div.unitChGroup {
	position: relative;
	border-bottom: 3px solid #000;
}
div#side div#boxSideNowOnAir div.unitChGroup p.iconNowOnAir {
	position: absolute;
	bottom: -10px;
	left: 5px;
}

div#side div#boxSideNowOnAir div.unitCh {
	width: auto;
	margin: 0;
	padding : 5px 5px 10px;
	border: 3px solid #000;
	border-width: 0 3px;
	/*background: url(/img/common/line_dot_1.png) repeat-x 0 100%;*/
}
div#side div#boxSideNowOnAir p.viewMore {
	padding-top: 5px;
	text-align: right;
}
/* --- search --- */
div#side div#boxSideSearchForm {}
div#side div#boxSideSearchForm p#inputSearch {
	float: left;
	width: 209px;
	margin-bottom: 5px;
	padding-top: 1px;
}
div#side div#boxSideSearchForm p#btnSearch {
	float: right;
	width: 69px;
}
div#side div#boxSideSearchForm input#word {
	width: 175px;
	border: 2px solid #000;
	padding: 7px 5px 6px 20px;
	background: url(/img/common/side/icon_lupe.png) no-repeat 5px 50%;
	line-height: 1;
}
div#side div#boxSideSearchForm input#search {
	display: block;
	width: 69px;
	height: 34px;
}
div#side div#boxSideSearchForm dl#exSearch {
	clear: both;
	padding: 5px;
	background: #F0F0F0;
	font-size: 85%;
}
div#side div#boxSideSearchForm dl#exSearch dt {
	margin: 0 0 1px;
	font-weight: bold;
}
div#side div#boxSideSearchForm dl#exSearch dd ul {
	text-align: center;
}
div#side div#boxSideSearchForm dl#exSearch dd ul li {
	display: inline;
	margin-right: 5px;
}

/* --- event --- */
div#side div#boxSideEvent {
}
div#side p.toEvent {
	text-align:right;
	font-size:90%;
	margin:-3px 10px 3px;
}
div#side div#boxSideEvent ul.listBnr{
	margin: 0 0 10px;
}
div#side div#boxSideEvent ul.listBnr li {
	margin: 0 0 7px;
	text-align: center;
}

/* --- diary --- */
div#boxSideDiary {}
div#boxSideDiary p.btnTwitter {
	padding: 5px 0;
	text-align: center;
}

/* --- New items --- */
div#boxSideNewItem {
	position: relative;
	width: 276px;
	margin: 20px 0 10px;
	padding: 20px 10px 10px;
}
div#boxSideNewItem h3 {
	position: absolute;
	top: -10px;
	left: 10px;
	width: 175px;
	background: #FFF;
	text-align: center;
}
div#boxSideNewItem div.section {
	position: relative;
	margin: 0 0 10px;
}
div#boxSideNewItem div.section p.viewMoreSection {
	position: absolute;
	top: 15px;
	right: 0;
	width: 100px;
	text-align: right;
}
div#boxSideNewItem div.section h4 {
	margin: 0 0 10px;
}
div#boxSideNewItem span.date {
	margin: 0 0 0 4px;
	font-size: 85%;
	color: #999;
}
div#boxSideNewKoe {
	padding: 10px 0 0;}
div#boxSideNewTopic {
	padding: 10px 0 0;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}

ul.listSideKoe {}
ul.listSideKoe li {
	margin: 0 0 2px;
	font-size: 93%;
}
ul.listSideKoe li a {
	padding: 0 0 0 15px;
	background: url(/img/common/icon_koe_s.png) no-repeat 0 2px;
}
ul.listSideTopic {}
ul.listSideTopic li {
	margin: 0 0 2px;
	font-size: 93%;
}
ul.listSideTopic li a {
	padding: 0 0 0 15px;
	background: url(/img/common/icon_topic_s.png) no-repeat 0 2px;
}

div.boxSideTopic {
	margin: 0 0 15px;
}
div.boxSideTopic h3 {
	margin: 0 0 10px;
}
div.boxSideTopic p.viewMore {
	margin: 0 0 5px;
	text-align: right;
}
div.boxSideTopic ul.listSideTopic {
	margin: 0 5px;
}
div.boxSideTopic ul.listSideTopic li {
	padding: 3px 0;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}

div.boxSideKoe {
	margin: 0 0 15px;
}
div.boxSideKoe h3 {
	margin: 0 0 10px;
}
div.boxSideKoe p.viewMore {
	margin: 0 0 5px;
	text-align: right;
}
div.boxSideKoe ul.listSideKoe {
	margin: 0 5px;
}
div.boxSideKoe ul.listSideKoe li {
	padding: 3px 0;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}

div.boxSideRanking ul.listSideKoe li span.iconRank {
	margin-right: 4px;
}

div.boxSideRanking ul.listSideKoe li span.number {
	margin-left: 5px;
	color: #666;
	font-size: 85%;
}
/* --- Sp --- */
div#side div.boxSp {
	margin: 0 0 15px;
}


/* ------------------------------------------------------------
	3. Extra - bottom
------------------------------------------------------------ */

div#extra {
	z-index: 3;
	clear: both;
	width: auto;
	text-align: center;
}

/* footer
------------------------------------------------- */
div.boxNation{
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
} 
div.boxNation li{
    display: inline;
}
div#footer ul.listBnr {
	margin: 0 0 10px;
	text-align: center;
}
div#footer ul.listBnr li {
	display: inline;
	margin: 0 2px;
}
div#footer {
	clear: both;
	margin: 0 auto;
	padding: 25px 0 1px;
	background: #eee;
    border: solid 1px #ccc;
	font-size: 93%;
    border-radius: 5px;
    text-align: center;
}
div#footer p#copyright,
div#footer p#copyright a:link {
	color: #888888;
}
div#footer ul#mnFooter {
	padding: 0 200px 15px;
}
div#footer ul#mnFooter li {
	display: inline;
	margin: 0 0 0 5px;
	line-height: 2;
}
div#footer ul#mnFooter li a {
	white-space: nowrap;
}
#footer .boxFootMap {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
    text-align: left;
    vertical-align: top;
    padding-right: 35px;
}
#footer #footMapRules {
    margin-right: 0;
    padding-right: 0;
}
#footer .boxFootMap p {
	margin: 0 0 7px;
	font-size: 116%;
	font-weight: bold;
    line-height: 1.2;
}
#footer .boxFootMap > ul {
    margin-bottom: 30px;
	padding-left: 10px;
}
#footer .boxFootMap ul ul {
	padding: 5px 0 0 10px;
}
#footer .boxFootMap  li {
    margin-bottom: 7px;
    line-height: 1.4;
}
#footer .boxFootMap  li a {
}

div#service {
	float: right;
}


p.JASRAC_box {
	font-size: 11px;
}

/* copyright
------------------------------------------------- */
div#footerCopySet{
	margin: 0 auto;
	padding: 20px 0 0;
	clear: both;
	width: 950px;
	text-align: center;
	background: #FFF;
}

div#footerCopySet{
	margin: 0 auto;
	padding: 20px 0 0;
	clear: both;
	width: 950px;
	text-align: center;
	background: #FFF;
}


p#copyright {
	padding: 0 0 15px;
	text-align: left;
	float: left;
}

p#service {
	padding: 0 5px 15px 0;
	text-align: right;
	float: right;
}





/*/////////////////////////////////////////////////////////////
koebu.com

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------
[Module]
	1. Common Elements
	2. Common Module
	80. Lightbox
	90. Others
	99. Clearfix

//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	1. Common Elements
------------------------------------------------------------ */

blockquote {
	margin: 0 20px 1em;
	padding: 10px;
	background: #eee;
}
blockquote cite {
	display: block ;
	padding: 10px 0 0;
	text-align: right;
	font-size: 85%;
}
/* Link
------------------------------------------------- */

/* pagetop */
p.backToTop {
	clear: both;
	margin: 0 0 10px;
	text-align: right;
	font-size: 85%;
}
p.backToTop a {
	padding-left: 8px;
	background: url(/img/common/icon_arrow_1.png) no-repeat 0 2px;
}

/* external icon */
a.exwin {
}

/* viewMore */
p.viewMore {
	font-size: 85%;
}
span.viewMore {
	display: block;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40%;
	text-align: right;
}
p.viewMore a,
p.viewMoreSection a,
span.viewMore a {
	padding-left: 8px;
	background: url(/img/common/icon_arrow_1.png) no-repeat 0 2px;
}
p.viewMoreSection {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50%;
	text-align: right;

}
p.btnTxt a {
	padding: 4px;
	border: 1px solid #CCC;
	background-color: #F9FFBB;
	background-image: url(/img/common/icon_arrow_1.png);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	vertical-align: middle;
}
p.btnTxt a:hover {
	color: #000;
	text-decoration: none;
	border-color: #9C0;
	background-color: #EDFFA4;
}

/* delete */
.btnDelete{
	padding: 0 0 0 11px;
	background: url(/img/common/unit/icon_delete.png) no-repeat 0 3px;
	font-size: 85%;
}

/* topicpath */
p#topicPath {
	padding: 5px 0;
	font-size: 85%;
	line-height: 1;
}
p#topicPath a {
	color: #666;
}
p#topicPath span {
	margin: 0 3px;
}
p#topicPath strong {
	color: #999;
}

/* list banners */

ul.listBnrs {
	margin: 0 -10px 10px 0;
	text-align: center;
}
ul.listBnrs li {
	display: inline;
	margin-right: 10px;
}

/* report */
.boxReportThis {
	margin: 0 0 5px;
	padding: 10px 0 0;
}
.boxReportThis p.nav {
	padding-top: 5px;
	border-top: 1px dotted #CCC;
}
.boxReportThis p.nav a {
	padding: 0;
	background: none;
}

/* Link
------------------------------------------------- */

/* --- navigation link --- */

.nav {
	margin: 0 0 10px;
	font-size: 93%;
}
.nav li {
	margin: 0 0 5px;
}
.navInline {
	margin-bottom: 1em;
}
.navInline li {
	display: inline;
	margin: 0 10px 0 0;
	font-size: 93%;
	padding: 0 0 0 12px;
	background: url(/img/common/icon_arrow_s.png) no-repeat 0 2px;
}
.listNavSub {
	padding: 5px;
	text-align: right;
	font-size: 85%;
}
.listNavSub li {
	margin: 0 0 5px 10px;
}
.nav a {
	padding: 0 0 0 12px;
	background: url(/img/common/icon_arrow_s.png) no-repeat 0 50%;
}
.navInline a {
	white-space: nowrap;
}
.navInline .current a {
    font-weight: bold;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}
a.external {}
a.exwin {
	padding: 0 0 0 16px;
	background: url(/img/common/icon_exwin.png) no-repeat 0 2px;
}
p.navHelp {
	padding: 0 0 1em;
}
p.navHelp a {
	padding: 6px 0 8px 32px;
	background: url(/img/common/icon_help_27.png) no-repeat 0 0;
}
p.navHelp a:hover {
	background: url(/img/common/icon_help_27_o.png) no-repeat 0 0;
}

.postTwitter {
	margin: 0 0 5px;
}
.postTwitter img {
	vertical-align: bottom;
}

.navMap a {
	padding: 2px 0 2px 20px;
	background: url(/img/common/icon_bullet_map_s.png) no-repeat 0 1px;
	font-size: 93%;
}
.btnPost {
	margin: 0 0 1.5em;
	font-size: 93%;
	text-align: center;
}
.btnPost a {
	padding: 7px 30px;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: 0 1px 1px #CCC;
	-webkit-box-shadow: 0 1px 1px #CCC;
	vertical-align: middle;
}


/* List
------------------------------------------------- */

dl.listInfoTable {
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
}
dl.listInfoTable dt,
dl.listInfoTable dd {
	float: left;
	margin: 0;
	padding: 7px 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}
dl.listInfoTable dt {
	width: 70px;
	color: #666;
	font-size: 93%;
}
dl.listInfoTable dd {
	width: 540px;
	font-size: 93%;
}

dl.listInfoTable dd p {
	margin: 0;
	font-size: 100%;
}
dl.listInfoTable dd p.nav {
	margin-bottom: 1em;
}
dl.listInfoTable dd.comment p {
	margin-bottom: 1.5em;
}
dl.listInfoTable dd.comment strong {
	background: #FF0;
}
dl.listInfoTable dd.movie {
	text-align: center;
}


/* scenario list */

dl.listInfoTable dd div.boxScenario {
	margin: 0 0 1.5em;
	padding: 10px 10px 1px;
	border-left: 5px solid #333;
}
dl.listInfoTable dd div.boxScenario h3 {
	margin: 0 0 1em;
	padding: 4px;
	background: #EEE;
}
dl.listInfoTable dd div.boxScenario p,
dl.listInfoTable dd div.boxScenario ul {
	margin: 0 0 1em;
}
dl.listInfoTable dd div.boxScenario ul li {
	margin: 0 0 0.5em;
}
dl.listInfoTable dd div.boxScenario .sd {
	font-style: italic;
	color: #690;
}
dl.listInfoTable dd div.boxScenario ul.scenario {
}
dl.listInfoTable dd div.boxScenario .focus {
	font-weight: bold;
	background: #FFC;
}


/* Tiny parts
------------------------------------------------- */
.btn {
	cursor: pointer;
	vertical-align: middle;
}
.wordBreak {
	word-wrap: break-word;
}
.number,
.date {
	font-family: Arial, Helvetica, sans-serif;
}
.viewLength {
	padding-top: 5px;
	font-size: 85%;
	color: #999;
}
.viewLength .currentLength {
	margin-right: 3px;
	color: #000;
	font-weight: bold;
}
.strike {
	text-decoration: line-through;
}
span.iconUp {
	margin-left: 4px;
	padding: 2px 3px 0;
	background: #F30;
	color: #FFF;
	font-size: 11px;
	line-height: 1;
}
.changeDate {
	text-align: right;
}

span.R18 {
	margin: 0 5px 3px;
	padding: 1px 5px;
	background: #F30;
	color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	font-weight: normal;
}

/* ------------------------------------------------------------
	2. Common Module
------------------------------------------------------------ */

/* Form
------------------------------------------------- */
table.tblInput {
	width: 100%;
}

table.tblInput th {
	width: 120px;
	padding: 10px;
	border: 1px solid #fff;
	background: #ddd;
	vertical-align: top;
}

table.tblInput td {
	padding: 10px;
	border: 1px solid #fff;
	background: #eee;
}

/* module */
table.tblInput input.textbox,
table.tblInput textarea {
	width: 99%;
	border: 1px solid #ccc;
}

table.tblInput input.error,
table.tblInput textarea.error {
	background-color: #fcc;
}

table.tblInput p.required {
	color: #c00;
	font-size: 85%;
	font-weight: normal;
}

table.tblInput p.note {
	margin-top: 3px;
	color: #999;
	font-size: 85%;
}

table.tblInput p.error {
	margin-top: 3px;
	padding-left: 15px;
	background: url(/img/common/ico_error.gif) no-repeat 0 50%;
	color: #f00;
	font-size: 85%;
}

.icoMust{
	margin-right: 5px;
	vertical-align: baseline;
}

/* tblForm1
------------------------------------------------- */
table.tblForm1 {
	background: #f0eee1;
	line-height: 1.2;
	margin-bottom: 1em;
	width: 100%;
}
table.tblFormTopic {
	background: url(/img/common/bg_check_1.png);
}

table.tblForm1 th {
	border-bottom: 1px solid #fff;
	width: 120px;
	padding: 11px 10px 10px 40px;
	text-align: right;
	font-weight: bold;
}

table.tblForm1 th.must span {
	display: none;
}
table.tblForm1 th.must span.iconUp {
	display: inline;
}

table.tblForm1 th.must {
	background: url(/img/common/icon_must.png) no-repeat 10px 10px;
}
img.iconMust {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

table.tblForm1 td {
	border-bottom: 1px solid #fff;
	width: 425px;
	padding: 10px 25px 10px 10px;
}
table.tblForm1 td {
	border-bottom: 1px solid #fff;
	width: 425px;
	padding: 10px 25px 10px 10px;
}
table.tblForm1 td p.btnSet input {
	background: #000;
	color: #FFF;
	border: none;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
table.tblForm1 td p.btnSet input:hover {
	background: #9C3;
}

table.tblForm1 td p.notes,
table.tblForm1 td p.alert,
table.tblForm1 td p.nav {
	clear: both;
	margin: 0 0 15px;
	line-height: 1.8;
}
table.tblForm1 td ul {
	margin: 0 0 15px;
}
table.tblForm1 td:last-child {
	margin: 0px;
}
table.tblForm1 td p.viewLength {
	float: right;
	width: auto;
	margin: 4px 0 0;
	padding: 0 5px;
	text-align: center;
	background: #F9F8F2;
}
table.tblForm1 td.statusNG p.notes {
	padding: 0 0 0 12px;
	background: url(/img/common/icon_alert_s.png) no-repeat 0 5px;
	color: #F30;
}
table.tblForm1 td p#topic_image_container {
	width: 224px;
	height: 168px;
	background: #EEE;
	text-align: center;
}
table.tblForm1 td p#topic_image_container img {
	height: 168px;
}

table.tblForm1 td textarea,
table.tblForm1 td input{
	background: #F9F8F2;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0 1px;
	padding: 2px;
}

table.tblForm1 td .listSelect{
	margin: 0 0 1em;
}
table.tblForm1 td .listSelect:last-child,
table.tblForm1 td p:last-child{
	margin: 0;
}

table.tblForm1 td label{
}
table.tblForm1 .premium{
	padding-left: 16px;
	background: url(/img/common/unit/icon_premium.png) no-repeat 0 3px;
}
table.tblForm1 td.statusNG textarea,
table.tblForm1 td.statusNG input,
table.tblForm1 td textarea.limitError {
	background: #FFDFD7;
}

table.tblForm1 td textarea.inputM,
table.tblForm1 td textarea.inputL,
table.tblForm1 td input.inputL{
	width: 425px;
}
table.tblForm1 td input.inputLL{
	width: 600px;
	font-size: 200%;
}

table.tblForm1 tr.category td select,
table.tblForm1 td input.inputEm {
	font-size: 154%;
	font-weight:bold;
}

table.tblForm1 td textarea.inputM{
	height: 8em;
}
table.tblForm1 td textarea.inputL{
	height: 20em;
}

table.tblForm1 td input.radio,
table.tblForm1 td input.check,
table.tblForm1 td input.checkbox{
	border: none;
	margin-right: 3px;
	background: none;
	vertical-align: top;
}
table.tblForm1 span.imageDelete {
	background: #888888;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	margin: 5px 0;
	padding: 3px 5px;
	font-size: 85%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

table.tblForm1 span.imageDelete:hover {
	background: #9C3;
}

/* Comment form
---------------------------------------------- */

div.postComment {
	margin: 0 0 15px;
	padding: 0 15px;
}
div.postComment p.textarea {
	float: left;
	width: 500px;
}
div.postComment p.textarea textarea {
	width: 480px;
	height: 80px;
	padding: 3px;
	border: 2px solid #000;
	background: #FFC;
}
div.postComment p.btnPost {
}


/* Table
------------------------------------------------- */
table.tblData {
}

table.tblData caption {
	padding-bottom: 3px;
	font-weight: bold;
}

table.tblData th {
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
	padding: 10px 0;
	color: #666;
	text-align: left;
}

table.tblData td {
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
	padding: 10px 10px 10px 0;
	text-align: left;
}
table.tblData th.first,
table.tblData td.first {
	background: none;
}

table.tblData tr.even td {
	background: #eee;
}

/* Pager
------------------------------------------------- */
div.boxPager {
	clear: both;
	position: relative;
	padding: 3px 0 5px;
	border-top: 1px solid #CCC;
}
div.boxPager p.count {
	float: left;
	width: 200px;
	padding: 0 10px;
}
div.boxPager p.count strong {
	font-size: 134%;
	margin: 0 2px;
}
ul.pager {
	text-align: right;
}

ul.pager li {
	display: inline;
	margin: 0 3px;
	font-size: 93%;
}

ul.pager li strong {
	color: #9C0;
	font-size: 134%;
	font-weight: bold;
}
ul.pager li.prev a {
	margin-left: 10px;
	padding-left: 10px;
	background: url(/img/common/icon_prev.png) no-repeat 0 50%;
}
ul.pager li.next a {
	margin-right: 10px;
	padding-right: 10px;
	background: url(/img/common/icon_next.png) no-repeat 100% 50%;
}

/* --- activity --- */
ul.listUserActivity {
	clear: both;
	margin: 0 0 5px;
	padding: 5px 0 5px 10px;
	border-top: 1px solid #999;
}
ul.listUserActivity li {
	float: left;
	width: 192px;
	padding: 4px;
	margin: 0 5px 5px 0;
	background: url(/img/common/line_dot01.gif) repeat-x 0 100%;
	font-weight: bold;
}
ul.listUserActivity li.playlist,
ul.listUserActivity li.favTopic,
ul.listUserActivity li.favUser {
	background: none;
}
	ul.listUserActivity li.myKoe a {
		background-image:url(/img/common/icon_koe_s.png);
	}
	ul.listUserActivity li.favUser a {
		background-image:url(/img/common/icon_user_s.png);
	}
	ul.listUserActivity li.favTopic a,
	ul.listUserActivity li.myTopic a {
		background-image:url(/img/common/icon_topic_s.png);
	}
	ul.listUserActivity li.playlist a {
		background-image:url(/img/common/icon_playlist_s.png);
	}
	ul.listUserActivity li.BBS a {
		background-image:url(/img/common/icon_comment_s.png);
	}
ul.listUserActivity li a {
	display: block;
	padding-left: 20px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}
ul.listUserActivity li span.number {
	margin: 0 0 0 5px;
	font-size: 85%;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

/* Notes
------------------------------------------------- */

div.boxNotesLv2 p {
	margin: 0 0 5px;
	padding: 3px 5px 3px 25px;
	background: #FFDFD7 url(/img/common/icon_notes_2.png) no-repeat 2px 2px;
	font-size: 85%;
}


/* LightBox (thickbox)
------------------------------------------------- */

.boxPopup {
	display: none;
}

/* ------------------------------------------------------------
	3. Section
------------------------------------------------------------ */

/* Section
------------------------------------------------- */

div.section {
	clear: both;
	position: relative;
	margin: 0 0 20px;
}
div.sectionS_1 {
	clear: left;
	float: left;
	width: 400px;
	margin: 0 10px 20px 0;
}
div.sectionS_2 {
	float: left;
	width: 220px;
	margin: 0 0 20px;
}
/* Sort
------------------------------------------------- */
div.boxSort {
	padding: 0;
	margin: 0 0 4px;
}
div.boxSort dl {}
div.boxSort dl dt,
div.boxSort dl dd {
	display: inline;
	margin: 0 4px 0 0;
	font-size: 93%;
}
div.boxSort dl dt {
}
div.boxSort dl dd {
}
div.boxSort dl dd a {
}
div.boxSort dl dd strong {
	background: #EEE;
	font-weight: bold;
}

/* Title
------------------------------------------------- */
h1 {
}

h1.ttlLv1 {
	margin: 10px 0 25px;
	line-height: 1;
	font-size: 185%;
}
h1.ttlLv1Bnr {
	margin: 0 0 15px;
}
h1.ttlDetailLv1 {
	margin: 0 0 2px;
	line-height: 1.2;
	font-size: 216%;
}
.boxTtlLv1 {
	position: relative;
	margin: 0 0 15px;
	padding: 0 0 6px;
	border-bottom: 2px solid #333;
/*	background: url(/img/common/bg_box_ttl_b.png) no-repeat 0 100%;*/
}
.boxTtlLv1 .group {
	padding: 9px 0 0;
/*	background: url(/img/common/bg_box_ttl_t.png) no-repeat 0 0;*/
}
.boxTtlLv1 h1 strong {
	margin: 0 4px;
	background: #FF0;
}
.ttlLv2 {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 12px;
	background: url(/img/common/bg_ttl_lv2.png) no-repeat 0 0;
	font-size: 139%;
}
div.sectionS_1 h2 {
	background-image: url(/img/common/bg_ttl_lv2_400.png);
}
div.sectionS_2 h2 {
	background-image: url(/img/common/bg_ttl_lv2_220.png);
}

h2.ttlDetail {
	margin: 0 0 10px;
}
	.ttlLv2 .ttlMobile {
		margin-top: -5px;
		padding: 6px 0 2px 28px;
		background: url(/img/common/icon_mobile.png) no-repeat 3px 0;
	}
.ttlLv3 {
	position: relative;
	margin: 0 0 10px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #444;
	border-width: 1px 1px 2px;
}
.ttlLv4 {
	margin: 0 0 10px;
	padding: 3px 10px;
	border-left: 4px solid #000;
}
h3.ttlLv4 {
	margin-left: 0;
}
.ttlLv3 span.number,
.ttlLv4 span.number {
	margin-left: 5px;
	color: #999;
	font-size: 85%;
	font-weight: normal;
}
.ttlLv3 span.up {
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	width: 21px;
}

/* Plain Text
------------------------------------------------- */

.plain {
	font-size: 100%;
	line-height: 1.7;
	margin-bottom: 1em;
}
.plain strong,
.focus strong {
	background: #FF0;
}
.plain em,
.focus em {
	color: #690;
}
.focusLv1 {
	font-size: 131%;
	color: #F30;
	font-weight: bold;
}
.notes {
	color: #666;
	font-size: 85%;
}

/* --- image --- */
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

/* --- list --- */
ul.plain {
	margin-left: 5px;
	margin-bottom: 1.5em;
}
ul.plain li {
	display: list-item;
	margin: 0 15px;
	list-style: outside disc;
}
ol.plain {
	margin-bottom: 1.5em;
}
ol.plain li {
	display: list-item;
	margin: 0 0 0 22px;
	list-style: outside decimal;
}

dl.plain {
	margin-bottom: 1.5em;
}
dl.plain dt {
	margin: 0 0 2px;
	font-weight:bold;
}
dl.plain dd {
	margin: 0 0 10px 15px;

}
dl.plain dd:last-child {
	margin-bottom: 1em;
}

ol.plain ul.plain li {
	list-style: outside disc;
}
.plain .plain {
	padding-bottom: 0;
}
.plain .plain:last-child {
	margin-bottom: 0;
}
div.boxStep {
	margin-bottom: 1em;
	border-bottom: 2px solid #333;
}
div.boxStep h4 {
	padding: 10px 0 10px 30px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}
div.boxStep_1 h4 {
	background-image: url(/img/common/icon_step_1.png);
}
div.boxStep_2 h4 {
	background-image: url(/img/common/icon_step_2.png);
}
div.boxStep_3 h4 {
	background-image: url(/img/common/icon_step_3.png);
}
div.boxStep_4 h4 {
	background-image: url(/img/common/icon_step_4.png);
}
div.boxStep_5 h4 {
	background-image: url(/img/common/icon_step_5.png);
}


/* --- plain Image --- */
.imgPlain{
	line-height: 1;
	margin-bottom: 1em;
	text-align: center;
}

/* --- featured message --- */
.message {
	margin: 0 0 5px;
	color: #690;
	font-size: 116%;
	font-weight: bold;
}
.messageL {
	margin: 0 0 5px;
	color: #690;
	font-size: 154%;
	font-weight: bold;
}

/* --- notes --- */
div.focus {
	margin-bottom: 1em;
	padding: 15px 15px 5px;
	border: 4px solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.focus p:last-child,
div.focus ul:last-child,
div.focus dl:last-child,
div.focus ol:last-child,
div.focusSub p:last-child,
div.focusSub ul:last-child,
div.focusSub dl:last-child,
div.focusSub ol:last-child {
	margin-bottom: 10px;
}
div.focusSub {
	margin-bottom: 1em;
	padding: 15px 15px 5px;
	border: none;
	background: #FFC;
}
div.focusSub strong {
	background-color: transparent;
	color: #F30;
}

div.notes {
	margin-bottom: 1em;
	padding: 10px 10px 1px;
	border: 2px dotted #999;
}
div.notes p:last-child,
div.notes ul:last-child.
div.notes dl:last-child,
div.notes ol:last-child {
	margin-bottom: 10px;
	font-size: 100%;
}
p.notes{
	margin-bottom: 1em;
	font-size: 85%;
}
/* --- alert --- */
div.alert {
	margin-bottom: 1em;
	padding: 10px 10px 1px 32px;
	border: 2px solid #F30;
	background: #FFDFD7 url(/img/common/icon_alert.png) no-repeat 10px 10px;
	color: #F30;
}
div.alert p:last-child,
div.alert ul:last-child,
div.alert dl:last-child,
div.alert ol:last-child {
	margin-bottom: 10px;
}
div.alert p a {
	color: #F30;
	font-weight: bold;
}
p.alert {
	margin: 0 0 1em;
	padding: 0 0 2px 12px;
	color: #F30;
	font-size: 85%;
	background: url(/img/common/icon_alert_s.png) no-repeat 0 2px;
}
ul.alert {
	margin: 0 0 1em;
}
ul.alert li {
	padding: 0 0 2px 12px;
	color: #F30;
	font-size: 85%;
	background: url(/img/common/icon_alert_s.png) no-repeat 0 2px;
}

/* --- important news --- */
div.boxNewsImportant {
	margin: 5px 0 10px;
	padding: 5px 5px 5px 15px;
	border: 4px solid #F30;
	color: #F30;
	font-weight: bold;
	background: url(/img/common/icon_alert_s.png) no-repeat 3px 8px;
}
div.boxNewsImportant p a {
	color: #F30;
}

/* --- inner terms --- */
div.boxTermsCommon {
	width: 590px;
	margin: 0 10px 1em;
	padding: 10px;
	height: 120px;
	overflow: scroll;
	background: #EEE;
}
div.boxTermsCommon h3 {
	margin: 0 10px 10px;
}

/* ------------------------------------------------------------
	Form
------------------------------------------------------------ */

p.btnPlain,
.boxBtn {
	margin-bottom: 1em;
	text-align: center;
}
p.btnPlain span.notes {
	display: block;
	padding: 4px 0 0;
}
ul.btnList,
ul.listBtns {
	margin: 0 0 1em;
	text-align: center;
}
ul.btnList li,
ul.listBtns li {
	display: inline;
	margin: 0 2px;
}
ul.btnList li.notes,
ul.btnList li.btnV {
	display: block;
	padding: 4px 0 0;
}
.tag {
	margin: 0 0 1em;
}
.tag input,
.tag textarea {
	padding: 4px;
	border: 1px solid #999;
	color: #666;
	font-size: 93%;
	background: #FFC;
}
ul.listSelectIcon {}
ul.listSelectIcon li {
	display: inline;
	margin: 0 10px 0 0;
}
ul.listSelectIcon li.original {
	display: block;
	padding-top: 5px;
	font-weight: bold;
}
ul.listSelectIcon li img {
	margin-left: 2px;
}
div.selectIconOriginal {
	display: none;
	margin-top: 5px;
}
div.selectIconOriginal p,
div.selectIconOriginal div{
	margin-left: 15px;
}

p#account_icon_container {
	width: 104px;
	height: 104px;
	border: 3px dotted #FFF;
}
/* ------------------------------------------------------------
	Ads
------------------------------------------------------------ */
div.boxAdKeywords {
	padding: 3px 0;
	text-align:center;
}
div.boxAdKeywords h3 {
	display: inline;
	color: #999;
	font-size: 85%;
}
div.boxAdKeywords ul {
	display: inline;
}
div.boxAdKeywords h3,
div.boxAdKeywords ul li {
	display: inline;
	margin: 0 2px;
}
div.boxAdKeywords ul li a {
	color: #999;
	font-size: 85%;
}

div.boxAd {
	margin-bottom:20px;
}
div.boxAdS {
	padding: 10px;
    padding-bottom:0px;
	text-align: center;
	background: url(/img/common/bg_pr.png) repeat 0 0;
}
div.boxAdS ul li {
	display: inline;
	margin: 0 5px;
}

div.boxAdS ul li div {
	display: inline;
}
div#side.sidChannel div.boxAdS ul li {
	display: block;
	margin: 5px 5px;
}

.boxAdAdingo {
}
#boxSideKeywords h3 {
	margin: 0;
	text-align: center;
}
.boxAdAdingoHs_2 {
	margin: 0 15px 5px;
}
.boxAdAdingoHs_2 ul.add_hs{
    padding:0 15px;
}
.boxAdAdingoHs_2 .adingo_keywords {
	padding: 0 15px;
	background: none;
}
.boxAdAdingoHs_1 .adingo_keywords {
	margin: 0 0 5px;
	padding: 0 0 0 30px;
	text-align: left;
	background: url(/img/common/icon_pr_s.png) no-repeat 0 2px;
}
.boxAdAdingoHs_1 .adingo_keywords ul li {
	display: inline;
	margin: 0 2px;
}
.boxAdAdingoHs_1 .adingo_keywords ul li a{
	color: #333;
	font-size: 93%;
}



.boxAdAdingoHs_2 ul li {
	margin: 0 0 5px;
	padding: 0 0 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
}
.boxAdAdingoHs_2 ul li a {
	display: block;
	padding: 0 0 0 10px;
	font-size: 93%;
	text-decoration: underline;
	background: url(/img/common/icon_arrow_1.png) no-repeat 0 5px;
}

/*
.boxAdAdingoHs_2 ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 5px;
}
.boxAdAdingoHs_2 ul li a {
	font-size: 93%;
	text-decoration: underline;
}
.boxAdAdingoHs_2 ul li:nth-child(2) a,
.boxAdAdingoHs_2 ul li:nth-child(4) a {
	font-size: 154%;
}
*/
.boxAdAdingoFl_bnr {
	margin: 0 0 10px;
	text-align: center;
}

.boxAdAdingoFl_rect {
	clear: both;
}


/* ------------------------------------------------------------
	sign up
------------------------------------------------------------ */

div#contents div.flowSignup ul {
	clear: both;
	height: 25px;
	margin-bottom: 1em;
	padding: 5px;
	text-align: center;
	background: #E8E8E8;
}
div#contents div.flowSignup ul li {
 	display: inline;
}

div#contents div.aboutPremium p {
 	margin-bottom: 20px;
	margin-top: 20px;
}


/* ------------------------------------------------------------
	About
------------------------------------------------------------ */

/* --- blog parts --- */
div.blockBpCont p.imgThumb{
	float: left;
	width: 140px;
}

div.blockBpCont div.boxBpCont{
	margin-left: 150px;
}


/* ------------------------------------------------------------
	4. Unit
------------------------------------------------------------ */

.thumb img {
	border: 3px solid #CCC;
	vertical-align: top;
}
.thumb a img {
	border: 3px solid #000;
}
.thumb a:hover img {
	border: 3px solid #CF0;
}
.numberKoe {
	padding-left: 12px;
	background: url(/img/common/unit/icon_unit_koe.png) no-repeat 0 0;
	font-size: 85%;
	color: #9C0;
}
.uploadKoe {
	padding-left: 12px;
	background: url(/img/common/icon_topic_s.png) no-repeat 0 0;
	font-size: 85%;
}
.delete,
.edit,
.open {
	font-size: 85%;
}
.edit a {
	padding: 2px 0 2px 13px;
	background: url(/img/common/unit/icon_edit.png) no-repeat 0 50%;
}
.delete a {
	padding: 2px 0 2px 13px;
	background: url(/img/common/unit/icon_delete.png) no-repeat 0 50%;
}
.open {
	text-align: right;
}
.open a {
	padding: 2px 0 2px 13px;
	background: url(/img/common/icon_open.png) no-repeat 0 50%;
	font-style: italic;
}

.comment {
	word-wrap: break-word;
}

/* --- balloon --- */
div.balloon {
	position: absolute;
	z-index: 10;
	padding: 0 0 8px;
	background: url(/img/common/unit/bg_unit_balloon.png) no-repeat 50% 100%;
}
div.balloon p.close {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 8px;
}
div.balloon dl,
div.balloon p.alert,
div.balloon p.nav {
	margin: 0;
	padding: 5px 15px 8px 8px;
	background: #000;
}
div.balloon p.nav {
	margin: 0;
	padding: 0 10px 8px;
	background: #000;
	font-size: 85%;
	text-align: right;
}
div.balloon p.txt {
	padding: 5px 15px 3px 8px;
	background: #000;
}
div.balloon .txt,
div.balloon .alert,
div.balloon dl dd {
	color: #FFF;
	font-size: 85%;
}
div.balloon dl dd {
}
div.balloon dl dd.selectMylist {
	text-align: center;
}
div.balloon dl dd.selectMylist input {
	width: 80px;
	border: inherit;
}
div.balloon dl dd.message {
	font-weight: normal;
	color: #CCC;
	margin: 2px 0 0;
}
div.balloon dl dd input,
div.balloon dl dd select {
	border: 1px solid #999;
}
div.balloon div.alertLogin {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 50px;
	background: #000;
}
div.balloon div.alertLogin p {
	position: absolute;
	top: 5px;
	width: auto;
	padding: 5px 15px 8px 8px;
	font-size: 85%;
	color: #FFF;
	opacity: 1;
}
div.balloon a {
	color: #FFF;
	text-decoration: underline;
}

/* --- no contents --- */
div.boxNoContents {
	margin: 0 0 10px;
	padding: 10px;
	border: 3px dotted #CCC;
}
div.boxNoContents p.plain {
    margin-bottom:0px;
	padding: 5px 30px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #F6F6F6;
}

/* Koe
------------------------------------------------- */
div.unitGroupKoe {
	margin: 0 0 15px;
}
div.unitKoe {
	position: relative;
	width: 610px;
	margin: 0 10px;
	background: url(/img/common/line_dot01.gif) repeat-x 0 0;
}
div.unitKoe div.unitKoeParts {
	position: relative;
	z-index: 20;
	width: 610px;
}
div.unitKoe a {
	vertical-align: middle;
	text-decoration: none;
}
div.unitKoe span.playCount {
	margin: 0 0 0 5px;
	font-size: 11px;
	color: #999;
}
div.unitKoe span.gender {
	margin: 0 3px 0 0;
}
div.unitKoe span.gender img {
	vertical-align: top;
}
div.unitKoe div.unitKoeParts p.btnPlay {
	float: left;
	width: 24px;
	padding-top: 7px;
}

div.unitKoe div.unitKoeParts p.btnPlay img {
	cursor: pointer;
}

/* progress-bar and seek-bar */
div.unitKoe div.unitKoeParts div.progressBar {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 30;
	width: 300px;
	height: 20px;
	background: #EEE;
}
div.unitKoe div.progressBar div.seek-bar {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	height: 27px;
	background: none;
}
div.unitKoe div.progressBar div.seek-bar a {
	display: block;
	width: 9px;
	height: 27px;
	margin-left: -4px;
	background: url(/img/common/unit/seek_bar.png) no-repeat 0 100%;
}
div.unitKoe div.progressBar p {
	position: relative;
	width: 0;
	height: 20px;
	background: url(/img/common/unit/bg_unit_koe_pause.gif) repeat-x 0 0;
}
div.playing div.progressBar p {
	background: url(/img/common/unit/bg_unit_koe_playing.gif) repeat-x 0 0;
}

div.unitKoe div.progressBar span {
	display: none;
}

div.unitKoe div.unitKoeParts h4.ttlKoe {
	position: relative;
	z-index: 40;
	float: left;
	width: 300px;
	height: 17px;
	margin: 5px 4px 0 0;
	padding: 4px 0 0 0;
	background: url(/img/common/unit/cover_unit_title.png) no-repeat 0 0;
	vertical-align: middle;
	font-weight: normal;
	font-size: 12px;
	line-height: 1;
}
div.unitKoe div.unitKoeParts h4.ttlKoe span.toggle {
	padding-left: 5px;
	/* background: url(/img/common/unit/icon_unit_play.png) no-repeat 5px 3px; */
	color: #888;
}
div.unitKoe div.unitKoeParts h4.ttlKoe span.active {
	cursor: pointer;
	color: #000;
}
div.playing div.unitKoeParts h4.ttlKoe span.toggle {
	/* background: url(/img/common/unit/icon_unit_pause.png) no-repeat 5px 3px; */
}
div.unitKoe div.unitKoeParts p.btnDetail {
	display: none;
	position: absolute;
	top: 8px;
	left: 304px;
	z-index: 50;
	width: 11px;
	height: 11px;
}
div.unitKoe div.unitKoeParts h4.ttlKoe span.number {
	margin: 0 0 0 3px;
	color: #999;
	font-size: 85%;
}
div.unitKoe div.unitKoeParts h4.ttlKoe span.edit {
	margin: 0 0 0 5px;
}
div.unitKoe div.unitKoeParts h4.ttlKoe span.loading {
	display: none;
	margin-left: 10px;
	color: #999;
	text-decoration: blink;
}
div.unitKoe div.unitKoeParts p.user {
	position: relative;
	float: left;
	width: 190px;
	padding: 6px 0;
	vertical-align: middle;
	font-size: 85%;
}
div.unitKoe div.unitKoeParts p.user a {
	margin-left: 4px;
	vertical-align: middle;
	text-decoration: underline;
}
div.unitKoe div.unitKoeParts p.user a.thumbS {
	margin-right: 3px;
}
div.unitKoe div.unitKoeParts p.user a.thumbS img {
	width: 16px;
	height: 16px;
	overflow: hidden;
}
div.unitKoe div.unitKoeParts p.user span.iconPremium {
	margin-right: 2px;
}
div.unitKoe div.unitKoeParts p.user span.iconPremium img {
	vertical-align: middle;
}

/* --- add mylist / fav--- */

div.unitKoe p.btnMylist {
	float: right;
	width: 30px;
	padding-top: 6px;
}
div.unitKoe p.btnMylist img {
	cursor: pointer;
}
div.unitKoe dl.listUnitFav {
	position: relative;
	float: right;
	width: 76px;
	padding-top: 4px;
	background: url(/img/common/unit/bg_unit_fav_frame.png) no-repeat 22px 6px;
	cursor: pointer;
}
div.unitKoe dl.listUnitFav dt {
	float: left;
	width: 24px;
	padding-top: 3px;
}
div.unitKoe dl.listUnitFav dt img {
	vertical-align: top;
}
div.unitKoe dl.listUnitFav dd {
	float: left;
	height: 15px;
	margin-top: 4px;
	background: url(/img/common/unit/bg_unit_fav.png) no-repeat 0 0;
}
	div.unitKoe dl.listUnitFav dd.meterLv0 {
		width: 0;
	}
	div.unitKoe dl.listUnitFav dd.meterLv1 {
		width: 5px;
	}
	div.unitKoe dl.listUnitFav dd.meterLv2 {
		width: 10px;
	}
	div.unitKoe dl.listUnitFav dd.meterLv3 {
		width: 20px;
	}
	div.unitKoe dl.listUnitFav dd.meterLv4 {
		width: 30px;
	}
	div.unitKoe dl.listUnitFav dd.meterLv5 {
		width: 41px;
	}
	div.unitKoe dl.listUnitFav dd.meterLv6 {
		width: 52px;
	}
div.unitKoe dl.listUnitFav dd span {
	position: absolute;
	top: 9px;
	left: 25px;
	width: 50px;
	text-align: center;
	font-size: 85%;
	vertical-align: middle;
	line-height: 1;
}

/* --- balloon --- */
div.unitKoe div.balloon {
	display: none;
	bottom: 25px;
	width: auto;
}
div.unitKoe div.balloon a {
	text-decoration:underline;
}
div.unitKoe div.balloonPlaylist {
	width: 200px;
	right: 0;
}
div.unitKoe div.balloonPlaylist select {
	width: 165px;
	overflow: hidden;
}
div.unitKoe div.balloonFav {
	display:none;
	width: 123px;
	right: 3px;
}
div.unitKoe div.balloonFav div.alertLogin {
	width: 123px;
}
div.unitKoe div.balloonFav p.btnSmile {
	padding: 0 0 8px;
	text-align: center;
	background: #000;
}
div.unitKoe div.balloonFav p.btnSmile img {
	margin: 0 2px;
	cursor: pointer;
}

/* --- koe unit in ranking --- */
div.unitKoe div.unitRank {
	position: absolute;
	top: 3px;
	left: 0;
	width: 230px;
}
div.unitKoe div.unitRank p.iconRank {
	float: left;
	width: 72px;
}
div.unitKoe div.unitRank p.number {
	float: left;
	width: 150px;
	color: #999;
	font-size: 85%;
}
div.unitGroupRanking div.unitKoe {
	padding-top: 16px;
}
div.unitGroupRanking div.unitKoe div.unitKoeParts {
	height: 27px;
}

/* --- detail --- */
div.unitKoe div.unitKoeDetail {
	clear: both;
	position: relative;
	width: 610px;
	margin-top: 5px;
}
div.unitKoe div.unitKoeDetail p.btnKoeDetail {
	clear: both;
	padding: 0 0 10px;
	text-align: right;
}
div.unitKoe div.unitKoeDetail p.btnKoeDetail a {
	float: right;
	display: block;
	width: 90px;
	height: 16px;
}
div.unitKoe div.unitKoeDetail p.btnKoeDetail a:hover {
	background: url(/img/common/unit/btn_koe_detail_o.png) no-repeat 0 0;
}
div.unitKoe div.unitKoeDetail p.btnKoeDetail a:hover img {
	visibility: hidden;
}
/* --- topic --- */
div.unitKoe div.unitKoeDetail div.unitKoeTopic {
	float: left;
	width: 234px;
	background: #333 url(/img/common/unit/bg_unit_koe_topic.png) no-repeat 0 0;
	margin: 0 0 10px;
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic p.thumb {
	width: 224px;
	height: 168px;
	margin: 5px;
	background: #EEE;
	overflow: hidden;
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic p.thumb a {
	display: block;
	width: 224px;
	height: 168px;
	overflow: hidden;
	text-align: center;
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic p.thumb a:hover {
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic p.thumb a img {
	border: none;
	height: 168px;
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic ul.listDataTopic {
	text-align: right;
	padding: 5px 5px 10px;
	background: url(/img/common/unit/bg_unit_koe_topic_b.png) no-repeat 0 100%;
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic ul.listDataTopic li {
	display: inline;
	margin-left: 10px;
	line-height: 1;
}
div.unitKoe div.unitKoeDetail div.unitKoeTopic ul.listDataTopic li a {
	color: #FFF;
	text-decoration: underline;
}
/* --- loading --- */
div.unitKoeLoading {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	width: 351px;
	height: 44px;
	padding: 9px;
	background: #FFF url(/img/common/unit/bg_unit_player_loading.png) no-repeat 0 0;
}
div.unitKoeLoading p {
	display: none;
}

/* --- player --- */
div.unitKoePlayer {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 351px;
	height: 35px;
	padding: 9px;
	background: url(/img/common/unit/bg_unit_player.png) no-repeat 0 0;
}
div.unitKoePlayer a {
	outline: none;
}
div.unitKoePlayer ul.listUnitKoePlayer {
	float: left;
	width: 212px;
}
div.unitKoePlayer ul.listUnitKoePlayer li {
	float: left;
}

div.unitKoePlayer ul.listUnitKoePlayer li img {
	cursor: pointer;
}

div.unitKoePlayer ul.listUnitKoePlayer li.prev,
div.unitKoePlayer ul.listUnitKoePlayer li.next {
	width: 53px;
}
div.unitKoePlayer ul.listUnitKoePlayer li.play,
div.unitKoePlayer ul.listUnitKoePlayer li.pause {
	width: 73px;
}
div.unitKoePlayer ul.listUnitKoePlayer li.rec {
	width: 33px;
	padding-top: 13px;
}
div.unitKoePlayer p.time {
	float: right;
	width: 106px;
	padding: 5px 0 2px;
	border: 1px solid #CCC;
	border-width: 1px 0 0 1px;
	background: #F0F0F0;
	color: #999;
	text-align: center;
	font-size: 85%;
	line-height: 1;
}
div.unitKoePlayer ul.listVolume {
	clear: right;
	float: right;
	width: 130px;
	padding-top: 5px;
}
div.unitKoePlayer ul.listVolume li,
div.unitKoePlayer ul.listVolume img {
	line-height: 1;
	vertical-align: top;
	font-size: 1px;
}

div.unitKoePlayer ul.listVolume li.btnVolume {
	float: left;
	width: 17px;
	height: 12px;
	margin-right: 3px;
	cursor: pointer;
	background-image: url(/img/common/unit/btn_unit_player_vol.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/unit/btn_unit_player_vol.png', sizingMethod='scale');
/*	width: 20px;*/
}

div.unitKoePlayer ul.listVolume li.muted {
	background-image: url(/img/common/unit/btn_unit_player_vol_o.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/unit/btn_unit_player_vol_o.png', sizingMethod='scale');
}

div.unitKoePlayer ul.listVolume li.slideVolume {
	position: relative;
	float: right;
	width: 106px;
	height: 12px;
	background: url(/img/common/unit/bg_unit_player_vol_slide.png) repeat-x 0 50%;
}
div.unitKoePlayer ul.listVolume li.slideVolume p {
	position: absolute;
	top: 1px;
	left: 50px;
}
/* --- ad --- */
div.unitKoe div.unitKoeDetail div.boxAdKeywords {
	clear: right;
	float: right;
	width: 370px;
	margin: 55px 0 5px;
	text-align: center;
}
/* --- tab --- */
div.unitKoe div.unitKoeDetail .unitTab {
	padding-top: 63px;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe {
	position: relative;
	clear: right;
	float: right;
	width: 360px;
	padding-top: 3px;
	padding-left: 10px;
	background: #EEE url(/img/common/bg_check_2.png) repeat 0 0;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li {
	display: inline;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li a,
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li strong {
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 6px;
	font-size: 85%;
	line-height: 1;
	cursor: pointer;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li.sendTwitter {
	position: absolute;
	top: -6px;
	right: 80px;
	width: 10px;
	text-align: right;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li.edit {
	font-size: 100%;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li.edit a {
	padding-left: 13px;
}

div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li a {
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li a:hover {
	background-color: #333;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li span.count {
	margin-left: 5px;
	padding: 2px 5px;
	background: #F30;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}
div.unitKoe div.unitKoeDetail ul.listTabUnitKoe li strong {
	background: #FFF;
}

div.unitTabKoe {
	position: relative;
	clear: right;
	float: right;
	width: 370px;
	margin-top: -1px;
	padding-top: 10px;
}

/* --- tab:Data --- */
/*div.unitKoeComment {
	display: none;
}
*/
div.unitKoeComment {
	margin-bottom: 5px;
	max-height: 300px;
	overflow-y: scroll;
}
div.unitKoeComment p.inputKoeComment {
	float: left;
	width: 260px;
	margin: 0 0 5px 5px;
	text-align: left;
}
div.unitKoeComment p.inputKoeComment input {
	float: left;
	width: 255px;
	padding: 3px 0;
	border: 1px solid #000;
	background: #FFC;
	font-size: 85%;
	line-height: 1;
}
div.unitKoeComment p.btnKoeComment {
	float: left;
	width: 85px;
	margin: 0 0 5px;
}
div.unitKoeComment p.btnKoeComment input {
	width: 85px;
	height: 22px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 85%;
	color: #FFF;
	background: #000;
	line-height: 1 !important;
	text-align: center;
	cursor: pointer;
}
div.unitKoeComment p.btnKoeComment input:hover {
	background: #9c3;
}
div.unitKoeComment .comment {
	clear: both;
	margin: 5px;
	padding: 0 0 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
}
div.unitKoeComment .comment p.txt {
	margin: 0 0 2px;
	font-size: 85%;
	word-wrap: break-word;
}
div.unitKoeComment .comment ul {
	text-align: right;
}
div.unitKoeComment .comment ul li {
	display: inline;
	margin: 0 0 0 5px;
	font-size: 85%;
}
div.unitKoeComment .comment ul li.author a.thumbS {
	margin-right: 4px;
}
div.unitKoeComment .comment ul li.date {
	color: #999;
}
div.unitKoeComment p.viewMore {
	margin: 0 5px 10px;
	text-align: right;
}

/* --- tab:Data --- */
div.unitKoe div.unitKoeDetail div.unitKoeData {
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl {
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dt,
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd {
	float: left;
	font-size: 85%;
	padding: 5px 3px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dt.date {
	width: 50px;

	background: none;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.date {
	width: 143px;
	background: none;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dt.times {
	width: 60px;
	background: none;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.times {
	width: 85px;
	background: none;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dt.tag {
	width: 60px;
	margin-bottom: 0;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.tag {
	width: 298px;
	margin-bottom: 0;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dt.map {
	width: 60px;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.map {
	position: relative;
	width: 298px;
	padding-bottom: 5px;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.map p.add {
	margin: 0 0 7px;
	padding: 5px;
	background: #F3F7AB;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.map p.logoKoeMap {
	position: absolute;
	bottom: 5px;
	right: -2px;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dt.comment{
	width: 90px;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.comment {
	width: 268px;
}
div.unitKoe div.unitKoeDetail div.unitKoeData dl dd.comment span.viewMore {
	margin-left: 5px;
	font-style: italic;
}
ul.listTag li {
	display: inline;
	margin: 0 6px 0 0;
}

/* --- tab:Send --- */
/*div.unitKoeSend {
	display: none;
}
*/
div.unitKoeSend ol {
	margin: 0 0 10px;
}
div.unitKoeSend ol li {
	padding: 0 10px 5px 0;
}
div.unitKoeSend ol li.list_1 {
	padding: 0 0 5px 10px;
	float: left;
	width: 150px;
}
div.unitKoeSend ol li.list_1 dl dt {
	padding-left: 12px;
	background: url(/img/common/icon_mobile_s.png) no-repeat 0 0;
}
div.unitKoeSend ol li dl {
	font-size: 93%;
}
div.unitKoeSend ol li dl dd input {
	width: 192px;
	padding: 3px;
	border: 1px solid #999;
	background: #FFC;
}
div.unitKoeSend ol li.list_1 dl dd {
	padding-left: 12px;
}
div.unitKoeSend ol li.list_1 dl dd img {
	border: 3px solid #999;
}
div.unitKoeSend ol li dl dd p.viewMore {
	margin-top: 10px;
	font-weight: normal;
	text-align: right;
}

/* --- show tag --- */
ul.listShowTag li {
	display: inline;
	margin: 0 5px 0 0;
	padding-left: 13px;
	background: url(/img/common/icon_tag_s.png) no-repeat 0 1px;
}
ul.listShowTag li a {
	white-space: nowrap;
}
ul.listShowTag li.locked {
	padding-left: 14px;
	background: url(/img/common/icon_locked.png) no-repeat 0 2px;
}
ul.listShowTag li.edit {
	padding-left: 0;
	background: none;
}

/* --- edit tag --- */
div#boxEditTag {
	margin: 10px 0;
	padding: 10px;
	background: #f0eee1;
	display: none;
}
div#boxEditTag p.notes {
	margin: 0 0 15px;
}
ul.listEditTag {
}
ul.listEditTag li {
	float: left;
	white-space: nowrap;
	margin: 0 5px 5px 0;
}
ul.listEditTag li.locked {
	padding-left: 14px;
	background: url(/img/common/icon_locked.png) no-repeat 0 2px;
}
ul.listEditTag li input {
	margin-right: 4px;
	vertical-align: middle;
}
ul.listEditTag li.tagOther {
	clear: both;
}
ul.listEditTag li.tagOther input {
	width: 350px;
	margin-left: 4px;
	padding: 2px;
	border: 1px solid #CCC;
}

ul.listEditTag li label {
	white-space: nowrap;
}
div#boxEditTag ul.btnList {
	margin: 0;
}
div#boxEditTag ul.btnList .cancel,
div#boxEditTag ul.btnList .completeEdit {
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px 15px;
	color: #FFF;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, Helvetica, "Meiryo","メイリオ", sans-serif;
}
div#boxEditTag ul.btnList .cancel:hover,
div#boxEditTag ul.btnList .completeEdit:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
div#boxEditTag ul.btnList .cancel {
	background: #666;
}
div#boxEditTag ul.btnList .completeEdit {
	background: #000;
	font-weight: bold;
}

/* Topic tag
------------------------------------------------- */
div.boxListTopicTag {
	width: 630px;
	overflow: hidden;
	margin: 0 0 10px;
}
div.boxListTopicTag ul.listTopicTag {
	padding: 0 10px;
}
div.boxListTopicTag ul.listTopicTag li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
	font-weight: bold;
	font-size: 108%;
	line-height: 28px;
}
div.boxListTopicTag ul.listTopicTag li a {
	padding: 0 0 0 13px;
	background: url(/img/common/icon_tag_s.png) no-repeat 0 1px;
	font-size: 93%;
	font-weight: normal;
	text-decoration: none;
	white-space: normal;
}
div.boxListTopicTag ul.listTopicTag li span {
	margin-left: 4px;
	font-size: 85%;
	color: #999;
}

/* Topic
------------------------------------------------- */

/* --- topic category label --- */
.labelCat a {
	padding: 1px 10px;
	border: 3px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	line-height:1;
	background:#FFF;
	border-color: #666;
	color: #666;
	text-decoration: none;
}
.labelCat a:hover {
	border-color: #9C3;
	color: #9C3;
}
.labelCat {
	margin: 0 0 5px;
}

/* --- topic category tab --- */

#boxTopicCat {}
#boxTopicCat ul.listTopicCat {
	padding: 10px 0 0 11px;
	background: #EAEAEA url(/img/common/bg_tab_cat.png) no-repeat 0 100%;
}
#boxTopicCat ul.listTopicCat li {
	float: left;
	width: 74px;
	margin: 0 5px 0 0;
}
#boxTopicCat ul.listTopicCat li#topicCat_5,
#boxTopicCat ul.listTopicCat li#topicCat_6 {
	width: 104px;
}

/* normal unit
------------------------------------------------- */

div.unitTopicGroup {
	width: 620px;
	margin-right: -10px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
}
div.unitTopic {
	float: left;
	width: 300px;
	margin: 0 10px 0 0;
	padding: 10px 0 0;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}
div.unitTopic p.thumb {
	float: left;
	width: 74px;
	margin-bottom: 10px;
}
div.unitTopic p.thumb img {
	border-width: 2px;
}
div.unitTopic dl {
	float: left;
	width: 226px;
	padding-bottom: 5px;
}
div.unitTopic dl dt {
	margin: 0 0 4px;
}
div.unitTopic dl dd.edit  {
	margin: 0 0 3px;
	text-align: right;
}
div.unitTopic dl dd ul.listDataTopic  {
	text-align: right;
}
div.unitTopic dl dd ul.listDataTopic li {
	display: inline;
}
div.unitTopic dl dd ul.listDataTopic li.user {
	margin: 0 10px 0 0;
	font-size: 85%;
}
div.unitTopic dl dd ul.listDataTopic li.user .thumbS {
	margin: 0 4px 0 0;
}
div.unitTopic span.numberKoe {
	margin: 0 0 0 7px;
}
/* --- topic unit wide --- */
div.unitTopicWide {
	float: none;
	width: 610px;
	margin: 0 10px;
}
div.unitTopicWide dl {
	width: 534px;
}
div.unitTopicWide dl dd.comment {
	font-size: 85%;
}

/* --- topic unit in ranking --- */
div.unitGroupRanking {}
div.unitGroupRanking div.unitTopic {
}
div.unitGroupRanking div.unitTopic dl {
	width: 454px;
}
div.unitGroupRanking div.unitTopic div.unitRank {
	float: left;
	width: 72px;
}
div.unitGroupRanking div.unitTopic div.unitRank p.number {
	padding-top: 5px;
	color: #999;
	font-size: 85%;
}

/* User
------------------------------------------------- */


div.unitUserGroup {
	clear: both;
	width: 620px;
	margin: 0 -10px 15px 10px;
}
div.unitUser {
	position: relative;
	float: left;
	width: 114px;
	margin: 0 10px 10px 0;
	padding: 5px 0 0;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
	height: 70px;
}
div.unitUser p.thumb {
	float: left;
	width: 48px;
}
div.unitUser p.thumb img {
	border-width: 2px;
}
div.unitUser p.user {
	float: right;
	width: 66px;
	font-size: 93%;
}
.premium {
	margin-left: 3px;
/*
padding-left: 16px;
	background: url(/img/common/unit/icon_premium.png) no-repeat 0 2px;
*/
}
.admin {
	margin-left: 3px;
/*
	padding-left: 28px;
	background: url(/img/common/icon_admin.png) no-repeat 0 0;
*/
}

div.unitUser p.iconRank {
	float: right;
	width: 66px;
	line-height: 1;
}
div.unitUser p.thumb span.iconRank img {
	border: none;
	vertical-align: top;
}
p.user .number {
	margin-left: 5px;
	color: #999;
	font-size: 11px;
}
div.unitUser p.btnDelete{
	margin-left: 48px;
}

/* --- user unit wide --- */
div.unitUserWide {
	float: none;
	width: 610px;
	height: auto;
	margin: 0 0 5px;
	padding: 7px 0 5px;
}

div.unitUserWide p.user {
	float: right;
	width: 560px;
	margin: 0 0 3px;
	font-size: 108%;
	font-weight: bold;
}
div.unitUserWide p.premium{
	width: 544px;
}
div.unitUserWide p.comment {
	float: right;
	width: 560px;
	margin: 0;
	font-size: 93%;
}

/* --- user unit in ranking --- */
div.unitGroupRanking {}
div.unitGroupRanking div.unitUser div.unitRank {
	float: left;
	width: 72px;
}
div.unitGroupRanking div.unitUser div.unitRank p.iconRank {
	margin: 0;
}
div.unitGroupRanking div.unitUser div.unitRank p.number {
	padding-top: 5px;
	color: #999;
	font-size: 85%;
}
div.unitGroupRanking div.unitUser p.thumb {
	padding-top: 3px;
}
div.unitGroupRanking div.unitUserWide {
}
div.unitGroupRanking div.unitUserWide p.user {
	width: 480px;
}
div.unitGroupRanking div.unitUserWide p.premium{
	width: 464px;
}
div.unitGroupRanking div.unitUserWide p.comment {
	width: 480px;
}


/* Comment
------------------------------------------------- */

div.unitComment {
	margin: 0 0 10px;
	background: url(/img/common/unit/bg_unit_comment.png) repeat-y 49px 0;
}
div.unitComment p.thumb {
	float: left;
	width: 50px;
	background: url(/img/common/unit/bg_unit_comment_balloon.png) no-repeat 100% 13px;
}
div.unitComment p.thumb img {
	border-width: 2px;
        max-width: 35px;
}
div.unitComment div.unitCommentText {
	float: left;
	width: 580px;
	padding: 10px 0 0;
	border-top: 1px solid #CCC;
}
div.unitComment div.unitCommentText p {
	margin: 0 10px 10px;
	font: 93%;
	line-height: 1.45;
	word-wrap: break-word;
}
div.unitComment ul.listUnitCommentUtil {
	padding: 0 10px 8px;
	border-bottom: 1px solid #CCC;
	text-align: right;
}
div.unitComment ul.listUnitCommentUtil li {
	display: inline;
	margin: 0 0 0 5px;
	font-size: 85%;
}
div.unitComment ul.listUnitCommentUtil li.date {
	color: #999;
}
div.unitComment ul.listUnitCommentUtil li.navPost {
	padding-right: 10px;
	background: url(/img/common/icon_arrow_d_gray.png) no-repeat 100% 5px;
	font-size: 85%;
}

/* Comment one line
------------------------------------------------- */
div.unitGroupCommentLine {
	margin: 0 0 10px;
}
div.unitCommentLine {
	margin: 0 10px;
	padding: 5px 0 3px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
}
	div.unitKoeCommentLine {
		margin: 0 0 0 25px;
	}
div.unitCommentLine p.comment {
	float: left;
	width: 325px;
	padding: 0 0 0 15px;
	background: url(/img/common/icon_comment_s.png) no-repeat 0 6px;
	font-size: 93%;
}
	div.unitKoeCommentLine p.comment {
		width: 320px;
	}
div.unitCommentLine p.comment a {
	text-decoration: none;
}
div.unitCommentLine p.user {
	float: left;
	width: 135px;
	padding-top: 2px;
	font-size: 85%;
}
div.unitCommentLine p.user a {
	margin-right: 3px;
	vertical-align: middle;
}
div.unitCommentLine p.user a img {
	vertical-align: middle;
}
div.unitCommentLine p.date {
	float: left;
	width: 115px;
	text-align: right;
	font-size: 85%;
	color: #999;
}
div.unitGroupCommentLine p.viewMore {
	text-align: right;
}

/* Playlist
---------------------------------------------- */
div.unitPlaylist {
	position: relative;
	margin: 0;
	padding: 5px 10px;
	background: #EEE url(/img/common/line_dot_1.png) repeat-x 0 0;
}
div.unitPlaylist p.ttlPlaylist {
	float: left;
	width: 495px;
	padding-left: 15px;
	font-size: 93%;
	background: url(/img/common/icon_playlist_s.png) no-repeat 0 4px;
}
div.unitPlaylist p.ttlPlaylist span.number {
	margin-left: 4px;
	font-size: 85%;
	color: #999;
}
div.unitPlaylist ul.listPlaylistUtil {
	float: right;
	width: 100px;
	text-align: right;
}
div.unitPlaylist ul.listPlaylistUtil li {
	display: inline;
	margin-left: 4px;
}

/* --- open playlist --- */
div.unitPlaylistOpen {
	margin: 3px 0;
	padding: 5px 9px;
	border: 1px solid #999;
	border-width: 1px 1px  2px;
	background: #fff;
}
div.unitPlaylistOpen p.ttlPlaylist {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 100%;
}
div.unitPlaylistOpen p.ttlPlaylist a {
	color: #000;
}
div.unitPlaylistOpen p.ttlPlaylist span.number {
	font-weight: normal;
}
div.unitPlaylistOpen div.unitGroup {
	clear: both;
	margin-bottom: 10px;
	padding-top: 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
}
div.unitPlaylistOpen div.unitKoe {
	margin: 0;
}
div.unitPlaylistOpen div.unitKoe p.btnMylist img {
	cursor: pointer;
}
div.unitPlaylistOpen p.nav {
	margin: 0 0 5px;
	font-size: 85%;
}
div.unitPlaylistOpen div.balloon p.nav {
	margin: 0;
}
div.unitPlaylistOpen div.boxPager {
	position: static;
}

/* --- edit playlist --- */

.ttlPlaylist input.editor_cancel_btn {
	vertical-align: middle;
	border: none;
	color: #FFFFFF;
	padding: 5px 6px;
	font-weight: normal;
	background: #333333;
	cursor: pointer;
	font-size: 85%;
}
.ttlPlaylist input.editor_ok_btn {
	vertical-align: middle;
	border: none;
	color: #FFFFFF;
	margin: 0 3px;
	padding: 5px 6px;
	font-weight: normal;
	background: #333333;
	cursor: pointer;
	font-size: 85%;
}
.ttlPlaylist input.editor_field {
	width: 200px;
	height: 1.2em;
	padding: 2px;
	border: 1px solid #333;
	background: #FFC;
	vertical-align: middle;
}



/* Category tag
------------------------------------------------- */
div.boxListCatTag {
	width: 630px;
	overflow: hidden;
	margin: 0 0 10px;
}
div.boxListCatTag ul.listCatTag {
	width: 650px;
}
div.boxListCatTag ul.listCatTag li {
	float: left;
	width: 195px;
	margin: 0 10px 0 0;
	padding: 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
	font-weight: bold;
	font-size: 108%;
}
div.boxListCatTag ul.listCatTag li a {
	padding: 0 0 0 13px;
	background: url(/img/common/icon_tag_s.png) no-repeat 0 1px;
	font-size: 93%;
	font-weight: normal;
	text-decoration: none;
}
div.boxListCatTag ul.listCatTag li span {
	margin-left: 4px;
	font-size: 85%;
	color: #999;
	font-weight: normal;
}

/* Circle tag
------------------------------------------------- */
div.boxListCircleTag {
	width: 630px;
	overflow: hidden;
	margin: 0 0 10px;
}
div.boxListCircleTag ul.listCircleTag {
	width: 650px;
}
div.boxListCircleTag ul.listCircleTag li {
	float: left;
	width: 195px;
	margin: 0 10px 0 0;
	padding: 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
	font-weight: bold;
	font-size: 108%;
}
div.boxListCircleTag ul.listCircleTag li a {
	padding: 0 0 0 13px;
	background: url(/img/common/icon_tag_s.png) no-repeat 0 1px;
	font-size: 93%;
	font-weight: normal;
	text-decoration: none;
}
div.boxListCircleTag ul.listCircleTag li span {
	margin-left: 4px;
	font-size: 85%;
	color: #999;
}


/* Circle
------------------------------------------------- */
.unitCircleGroup {
	width: 650px;
	margin-right: -20px;
	padding: 10px 0 0;
}

.unitCircle {
	float: left;
	width: 310px;
	margin: 0 10px 10px 0;
	padding: 10px 0 0;
	border-top: 1px dotted #CCC;
}
.unitCircle p.thumb {
	float: left;
	width: 95px;
	text-align: center;
}
.unitCircle p.thumb a {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.unitCircle p.thumb a img {
	border: none;
}

.unitCircle dl{
	float: left;
	width: 205px;
}
.unitCircle dl dt {
	margin: 0 0 5px;
	font-size: 108%;
	font-weight: bold;
}
.unitCircle dl dd {
	margin: 0 0 5px;
}
.unitCircle dl dt span.number,
.unitCircle dl dt span.edit {
	margin-left: 5px;
	font-size: 11px;
	font-weight: normal;
}
.unitCircle dl dt span.number {
	color: #999;
}
.unitCircle dl dd.owner {
	font-size: 93%;
}
.unitCircle dl dd.owner span.thumbS {
	padding-left: 35px;
	background: url(/img/common/icon_owner.png) no-repeat 0 2px;
}
.unitCircle dl dd.owner span {
	margin: 0 2px;
	vertical-align: middle;
}
.unitCircle dl dd.date {
	font-size: 85%;
	line-height: 1;
	color: #888;
}
.unitCircle dl dd.tag ul.listShowTag li a {
	font-size: 85%;
	color: #666;
}
.unitCircle dl dd.tag ul.listShowTag li {
	background-position: 0 4px;
}
.unitCircle dl dd.description {
	padding: 5px;
	background: #EEE;
}
.unitCircle dl dd.description a {
	font-size: 93%;
	color: #666;
	text-decoration: none;
}


/* --- circle wide --- */
.unitCircleWide {
	float: none;
	width: 630px;
	margin: 0 0 10px;
	border-top: 1px dotted #CCC;
}
.unitCircleWide dl{
	float: left;
	width: 525px;
}

/* Circle thread
------------------------------------------------- */
ul.listThreadTtl {
	margin: 0 0 20px;
}
ul.listThreadTtl li {
	padding: 0 0 5px;
	margin: 0 0 5px;
	background: url(/img/common/line_dot_1.png) repeat-x 0 100%;
	word-wrap: break-word;
}
ul.listThreadTtl li a {
	margin-right: 5px;
	padding-left: 15px;
	background: url(/img/common/icon_comment_s.png) no-repeat 0 3px;
	word-wrap: break-word;
}
ul.listThreadTtl li span.number {
	font-size: 85%;
	margin-right: 10px;
	color: #888;
}
ul.listThreadTtl li span.date {
	font-size: 85%;
	color: #9C0;
}
ul.listThreadTtl li p.info {
	text-align: right;
	font-size: 85%;
}
ul.listThreadTtl li p.info a {
	padding: 0;
	background: none;
}
ul.listThreadTtl li .date {
	margin: 0 0 0 5px;
	font-size: 100%;
	color: #9C0;
	text-align: right;
}



/* box unit
---------------------------------------------- */

.unitKoeBox {
	float: left;
	width: 130px;
	margin-right: 20px;
}
.unitKoeBox p.ttl {
	font-size: 108%;
	font-weight: bold;
}
.unitKoeBox p.ttl span.number {
	margin-left: 4px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}
.unitKoeBox p.thumb {
	position: relative;
	width: 128px;
	height: 98px;
	margin: 0 0 3px;
	text-align: center;
	background: #F0F0F0;
}
.unitKoeBox p.thumb a img {
	border: 1px solid #999;
	padding: 3px;
}
.unitKoeBox p.thumb span.iconKoeBox{
	position: absolute;
	width: 21px;
	left: -5px;
	bottom: -5px;
}
.unitKoeBox p.thumb span.iconKoeBox a img{
	border: none;
}
.unitKoeBox p.user{
	text-align: right;
	font-size: 85%;
}
.unitKoeBox p.user img{
	margin-right: 3px;
	vertical-align: middle;
}


/* check public status
---------------------------------------------- */

div.boxChkPub {
	clear: both;
	padding: 4px 10px;
	background: #E8FEBA;
	text-align: right;
}
div.boxChkPub p.message {
	float: left;
	width: 60%;
	margin: 0;
	padding-left: 45px;
	background: url(/img/common/icon_public.png) no-repeat 0 1px;
	text-align: left;
	font-size: 85%;
	font-weight: normal;
	color: #689A03;
}
div.boxChkPubPrivate {
	background: #EEE;
}
div.boxChkPubPrivate p.message {
	color: #666;
	background: url(/img/common/icon_private.png) no-repeat 0 1px;
}
div.boxChkPub p.nav {
	margin: 0;
	font-size: 85%;
}
div.boxChkPub p.nav a {
	padding-left: 16px;
	background: url(/img/common/unit/icon_premium.png) no-repeat 0 0;
}
div.boxChkPub p.nav span.navHelp a {
	padding-left: 0;
	background: none;
}




/* Live
------------------------------------------------- */
div.unitCh {
	padding: 0 5px 5px;
}
div#side.sidChannel div.unitCh {
	padding: 0;
	margin-top: 10px;
	border-top: 1px dotted #ccc;
	padding-top: 10px
}
div.unitCh p.thumb {
	float: left;
	width: 60px;
}
div.unitCh dl.listChInfo {
	margin-left: 55px;
}
div.unitCh dl.listChInfo dt {
	margin: 0 0 5px;
	font-size: 93%;
}
div.unitCh dl.listChInfo dt span.numUser {
	margin-left: 3px;
	font-size: 85%;
	color: #999;
}
div.unitCh dl.listChInfo dt span.numCh {
	margin-right: 5px;
	padding: 1px 5px;
	background: #000;
	color: #FFF;
	font-size: 85%;
}
div.unitCh dl.listChInfo dd ul.listChUser li {
	display: inline;
	margin-right: 1px;
}

.sidChannel div.unitCh dl.listChInfo {
	margin-left: 0;
}
.sidChannel div.unitCh dl.listChInfo dd {
	clear: both;
}
/* diary
---------------------------------------------- */
div.unitDiary {
	padding: 7px 0;
	background: url(/img/common/line_dot_1.png) repeat-x 0 0;
}
div.unitDiary dl {}
div.unitDiary dl dt {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 93%;
}
div.unitDiary dl dt span.date {
	margin-left: 10px;
	color: #999;
	font-size: 85%;
	font-weight: normal;
}
div.unitDiary dl dd {
	font-size: 93%;
}

/* BlogParts BP
------------------------------------------------- */
.boxBpAtereko {
	margin: 0 0 10px;
	text-align: center;
}
.boxBpAtereko iframe {
	margin: 0 auto;
}


/* Ads
---------------------------------------------- */
.boxAds {
	position: relative;
	width: 630px;
	margin: 0 0 20px;
	overflow: hidden;
}
.boxAds p.viewMore {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 180px;
	text-align: right;
}
.boxAds p.thumb img {
	border: none;
}
.boxAds p.nav {
	clear: both;
	width: auto;
	margin: -2px 0 0;
	text-align: right;
	font-size: 85%;
}
.boxAds p.nav a:hover {
	color: #000;
}
.boxAds .unitGroup {
}
.wrapUnitAds {
	position: relative;
	float: left;
	width: 295px;
    padding: 10px;
    background: #eee;
}
.unitAds {
	position: relative;
	padding: 7px 5px 5px;
    background: white;
    border-radius: 4px;
    border-bottom: solid 1px #666;
}
.unitAds p.adsComment{
	clear: both;
	padding: 4px 4px 3px 0;
	font-size: 85%;
	line-height: 1;
	background: url(/img/common/ads/balloon_ads.png) no-repeat 4px 0;
}
.unitAds p.adsComment .icon{
	margin-right: 10px;
}
.unitAds p.lv {
	position: absolute;
	right: 5px;
	top: -6px;
}
.unitAds p.logoAds {
	position: absolute;
	right: 0;
	bottom: -8px;
}
.unitAdsInfo {
	float: left;
	width: 280px;
	padding: 10px;
	background: #EEE;
}
.unitAdsInfo p.nav {
}
.unitAdsInfo dl dt {
	font-size: 85%;
}
.unitAdsInfo dl dd {
	padding-left: 12px;
	font-weight: bold;
}
.unitAds p.noContents{
	padding: 5px 0;
	text-align: center;   
}


/* topic */
.unitAdsTopic p.thumb {
	float: left;
	width: 65px;
	height: 50px;
}
.unitAdsTopic dl {
	margin: 0 0 5px;
}
.unitAdsTopic ul.listDataTopic {
	text-align: right;
}
.unitAdsTopic ul.listDataTopic li {
	display: inline;
	margin-right: 3px;
	font-size: 85%;
}

/* ch */
div.unitAdsCh {
	padding: 5px;
}
.unitAdsCh p.thumb {
	float: left;
	width: 50px;
	margin: 0 0 5px;
}
.unitAdsCh dl.listChInfo {
	float: left;
	width: 230px;
	padding-top: 3px;
}
.unitAdsCh dl.listChInfo dd.masterUnitCh {
	margin: 0 0 5px;
	font-size: 85%;
	text-align: right;
}
.unitAdsCh dl.listChInfo dt {
	margin: 0 0 5px;
	font-size: 93%;
}
.unitAdsCh dl.listChInfo dt span.numUser {
	margin-left: 3px;
	font-size: 85%;
	color: #999;
}
.unitAdsCh dl.listChInfo dt span.numCh {
	margin-right: 5px;
	padding: 1px 5px;
	background: #000;
	color: #FFF;
	font-size: 85%;
}
.unitAdsCh dl.listChInfo dd ul.listChUser li {
	display: inline;
	margin-right: 1px;
}



/* koe */

.unitAdsKoe .image {
    float: left;
    width: 60px;
    margin-bottom: 5px;
}
.unitAdsKoe .caption {
    float: right;
    width: 220px;
    margin-bottom: 5px;
}
.unitAdsKoe .ttl .number {
    color: #9c3;
}
.unitAdsKoe .author {
    font-size: 85%;
    text-align: right;
    line-height: 1.2;
}
/*
.unitAdsKoe p.ttl{
	font-weight: bold;
	font-size: 131%;
}
.unitAdsKoe p.ttl .gender img{
	vertical-align: middle;
}
.unitAdsKoe p.ttl img.iconAdsKira{
	margin: 0 3px;
}
.unitAdsKoe p.ttl span.number{
	font-size: 11px;
	font-weight: normal;
}
.unitAdsKoe p.txt{
	font-size: 93%;
}
.unitAdsKoe p.author{
	margin: 0 0 5px;
	text-align: right;
	font-size: 85%;
}
.unitAdsKoe p.author span.thumb{
	margin-right: 4px;
}
.unitAdsKoe p.author span.thumb img {
	border: none;
}
*/

/* circle */
.unitAdsCircle p.thumb {
	float: left;
	width: 85px;
	height: 85px;
}
.unitAdsCircle dl {
	margin: 0 0 5px;
}
.unitAdsCircle dl dd.comment a {
	font-size: 85%;
	text-decoration: none;
	color: #333;
}


.boxAdsS {
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #666;
}
.boxAdsS h3 {
	float: left;
	width: 200px;
	margin: 0 0 5px;
}
.boxAdsS p.btnAds {
	float: right;
	width: 188px;
	text-align: right;
    margin-right:5px;
}
.boxAdsS .boxAdsSponsor {
	clear: both;
	widows: auto;
}
.boxAdsS .boxAdsSponsor h4 {
	margin: 0 0 3px;
	padding: 4px;
	background: #EEE;
}
.boxAdsS .boxAdsSponsor p.date {
	margin: 0 0 7px;
	text-align: right;
	font-size: 85%;
	color: #666;
}
.boxAdsS .boxAdsSponsor ul.listUser {
}
.boxAdsS .boxAdsSponsor ul.listUser li {
	margin: 0 0 3px;
	padding: 0 0 4px;
	border-bottom: 1px dotted #CCC;
}
	.boxAdsS .boxAdsSponsor ul.listUser li:last-child {
		padding: 0;
		border-bottom: none;
	}
.boxAdsS .boxAdsSponsor ul.listUser li a {
	vertical-align: middle;
	font-size: 93%;
}
.boxAdsS .boxAdsSponsor ul.listUser li span.lv {
	margin: 0 0 0 5px;
	padding: 3px;
	color: #A88600;
	font-size: 85%;
}
.boxAdsS .boxAdsSponsor ul.listUser li a img {
	margin: 0 5px 0 0;
}
.boxAdsS .boxAdsSponsor ul.listUser li p.comment {
	margin: 4px 0 0;
	padding: 2px 4px;
	background: #FF9;
	font-size: 85%;
	line-height: 1;
}

.boxAdsS p.viewMore {
	text-align: right;
}

.boxAdsS .boxNoContents {
	clear: both;
	border: none;
	padding: 0 5px;
	margin: 0;
}

.boxAdsS .boxNoContents p.plain{
    background-color:#DCE6F2;
 }



table.tblDataLv {
	width: 100%;
	margin: 0 0 20px;
	border: 2px solid #666;
}
table.tblDataLv tr th,
table.tblDataLv tr td {
	padding: 4px;
	border-bottom: 1px dotted #999;
	font-size: 93%;
}
table.tblDataLv tr:first-child td {
	background: none;
}
table.tblDataLv tr th {
	width: 120px;
	border-right: 2px solid #999;
	background: #EEE;
	color: #000;
}
table.tblDataLv tr td {
	width: 100px;
	text-align: center;
}
table.tblDataLv tr.lv {
	font-weight: bold;
	color: #960;
}
strong.formula {
	font-size: 154%;
	background: #FF6;
}

ul.listShare {
	padding: 0 0 5px;
	border-bottom: 1px solid #333;
	margin: 0 0 10px;
	text-align: right;
}
ul.listShare li {
	display: inline;
	margin-left: 4px;
	font-size: 93%;
}
ul.listShare li iframe {
	vertical-align: middle;
}

ul.listShare li div.fb-like{
    display: inline;
    vertical-align: middle;
}


/* boxSponsor */
.boxSponsor {
    width:610px;
    padding:5px 10px;
    margin-bottom:10px;
    background-color:#dce6f2;
}

.boxSponsorCh{
    width:690px;
}

.boxSponsor h4 {
    font-size:10px;
    color:.706c6c;
    float:left;
}

.boxSponsor .linkAd {
    font-size:10px;
    color:.5f89cc;
    float:right;
}

.boxSponsor .boxAdSponsor {
    clear:both;
}

.boxSponsor .boxAdContents {
    float:left;
    width:500px;
    margin-bottom:5px;
}

.boxSponsor .boxAdSponsor .icon {
    float:left;
}

.boxSponsor .info {
    float:left;
    margin-left:10px;
}

.boxSponsor .user {
    font-size:14px;
    color:blue;
}

.boxSponsor .comment {
    font-size:12px;
    color:#6d7d3b;
    padding-top:2px;
}

.boxSponsor .lv {
    float:left;
    font-size:12px;
    color:#e33827;
    margin-left:10px;
}

/* Tab
---------------------------------------------- */
div.boxTab {
	width: 610px;
	padding: 5px 10px 0;
	background: url(/img/common/bg_tab.png) no-repeat 0 0;
}
div.boxTab ul {}
div.boxTab ul li {
	float: left;
	width: auto;
	margin-right: 10px;
	background: url(/img/common/bg_tab_link.png) no-repeat 0 0;
	font-size: 107%;
}
div.boxTab ul li a {
	display: block;
	padding: 3px 10px;
	background: url(/img/common/bg_tab_link_end.png) no-repeat 100% 0;
	color: #FFF;
}
div.boxTab ul li.current {
	background: url(/img/common/bg_tab_current.png) no-repeat 0 0;
}
div.boxTab ul li strong {
	display: block;
	padding: 3px 10px;
	background: url(/img/common/bg_tab_current_end.png) no-repeat 100% 0;
}
div.boxTabContents {
	width: 610px;
	margin: 0 0 15px;
	padding: 12px 9px 9px;
}
div.boxTabContents .ttlLv3 {
	background: #FFF;
	border: 1px solid #333;
	border-width: 1px 1px 2px;
}
div.boxTabContents .ttlLv3 a {
}
div.boxTabContents div.unitTopicGroup {
	padding: 0;
}
div.boxTabContents div.unitUserGroup {
	marfin-left: 0;
}

/* send mobile
---------------------------------------------- */
div.boxSendMobile {}
div.boxSendMobile p.qr {
	float: left;
	width: 150px;
	text-align: center;
}
div.boxSendMobile p.qr img {
	border: 3px solid #333;
}
div.boxSendMobile div.sendMobile {
	float: left;
	width: 460px;
}
div.boxSendMobile div.sendMobile h4 {
	margin: 0 0 3px;
}
div.boxSendMobile div.sendMobile p.plain {
	padding: 0 0 7px;
}
div.boxSendMobile div.sendMobile input {
	width: 200px;
	border: 1px solid #CCC;
	padding: 3px;
	vertical-align: middle;
	background: #FFC;
}
div.boxSendMobile div.sendMobile button {
	vertical-align: middle;
	margin-left: 3px;
	line-height: 1;
}


/* news one line
---------------------------------------------- */
div#boxDiaryLine {
	position: relative;
	height: 104px;
	padding-top: 3px;
	margin-bottom: 10px;
	background: url(/img/common/bg_news_line.png) no-repeat 100% 100%;
}
div#boxDiaryLine h3 {
	float: left;
	width: 55px;
	margin-right: 10px;
}
div#boxDiaryLine ul {
	float: right;
	width: 565px;
	padding: 35px 0 0;
}
div#boxDiaryLine ul li {
	margin: 0 0 15px;
	font-size: 93%;
	line-height: 1;
	white-space:nowrap;
	color:#FFF;
    overflow:hidden;
    text-overflow:ellipsis;
}
#contents div#boxDiaryLine ul li a {
	color: #FFF;
}
div#boxDiaryLine ul li span {
	margin-right: 5px;
	padding: 2px 4px;
	border: 1px solid #cbcb67;
	font-size: 10px;
	background: #993;
	color: #FFF;
	font-weight: bold;
}
div#boxDiaryLine p.viewMore {
	position: absolute;
	top: 82px;
	width: 300px;
	right: 15px;
	text-align: right;
	font-size: 77%;
}
div#boxDiaryLine p.viewMore a {
	color: #9c3;
}

div#boxDiaryLine dl {
	display: inline;
	background: #FFF;
}
div#boxDiaryLine dl dt,
div#boxDiaryLine dl dd {
	display: inline;
	font-size: 85%;
}
/* news for listers
---------------------------------------------- */
.boxNewsKoeListen {
	text-align: center;
}
.boxNewsKoeListen p.bnr {
	width: 300px;
	margin: 0 auto 3px;
}
.boxNewsKoeListen p.notes {
	width: 300px;
	margin: 0 auto 3px;
	text-align: right;
	color: #900;
}


/* ------------------------------------------------------------
	Movie
------------------------------------------------------------ */

div.boxMoviePlayer{
	clear: both;
	width: auto;
	margin: 0 0 20px;
	text-align: center;
}
div.boxMoviePlayer object {
}

/* ------------------------------------------------------------
	80. Lightbox
------------------------------------------------------------ */

div#lbBack {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#lbWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	padding-top: 100px;
}

div#lbContent {
	position: relative;
	width: 650px;
	margin: 0 auto;
	padding: 20px;
	border: 5px solid #666;
	background: #fff;
	text-align: left;
}

div#lbContent p.btnClose {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

div#lbContent h2 {
	margin-bottom: 10px;
}

/* ------------------------------------------------------------
	90. Others
------------------------------------------------------------ */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider {
	position: relative;
	text-align: left;
	float: right;
	width: 106px;
	height: 12px;
	background: url(/img/common/unit/bg_unit_player_vol_slide.png) repeat-x 0 50%;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 6px;
	height: 11px;
	cursor: default;
	background: url(/img/common/unit/btn_unit_player_vol_slide.png) repeat-x 0 0;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
}

.ui-slider-horizontal { height: 11px; }
.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: -3px; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical {}

/* Tabs
----------------------------------*/
.ui-tabs {}
.ui-tabs .ui-tabs-nav {}
.ui-tabs .ui-tabs-nav li {}
.ui-tabs .ui-tabs-nav li a {
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 6px;
	font-size: 85%;
	line-height: 1;
	outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background: #FFF;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible.ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #333333;
}

#TB_secondLine {
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




/* 事務局ニュース 
from mypage.css
*/
div#Activity {
	position: relative;
	border:0;
	border-radius:3px;
	padding:0;
	margin-bottom:10px;
	font-size:86%;
}

div#boxNewsList {
	margin:0;
	position:relative;
}
div#boxNewsList h3{
	float:left;
	width:93px;
	margin:0;
}
div#boxNewsList h3 a:link,
div#boxNewsList h3 a:visited,
div#boxNewsList h3 a:hover,
div#boxNewsList h3 a:active {
	color:#666666;
	text-decoration:none;
}
div#boxNewsList ul {
	float: left;
	width: 451px;
	white-space: nowrap;
}
div#boxNewsList li {
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom:3px;
}
div#boxNewsList li span{
	color:#FFC;
	background:#333;
	border-radius:3px;
	font-size:77%;
	padding:1px 4px;
	display:inline-block;
	margin-right:6px;
}
div#boxNewsList li span.important{
	background:#f33;
}
div#boxNewsList li a:link,
div#boxNewsList li a:visited,
div#boxNewsList li a:active {
	color:#666;
}
div#boxNewsList li a:hover {
	color:#f66;
}

div#boxNewsList p.viewMore {
	position: absolute;
	bottom: 0px;
	width: 70px;
	right: 0px;
	text-align: right;
	font-size: 77%;
}
/* 事務局ニュース */



.boxFrontBanner {
	padding: 5px 0;
	text-align: center;
}
#boxFrontBannerHalf,
#boxFrontBanner_1,
#boxFrontBanner_2 {
	margin: 0 0 5px;
}



/* 声優アワード */
div#contents a#btnVoteAward:link,
div#contents a#btnVoteAward:visited,
div#contents a#btnVoteAward:active {
	display: block;
	border: 2px solid #CCC;
	width: 200px;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 120%;
	border-radius: 6px;
	color: white;
	background: #390;
	background-image: -webkit-linear-gradient(top, #6C3, #390);
}
div#contents a#btnResult:link,
div#contents a#btnResult:visited,
div#contents a#btnResult:active {
	display: block;
	border: 2px solid #CCC;
	width: 120px;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 120%;
	border-radius: 6px;
	color: white;
	background: #C30;
	background-image: -webkit-linear-gradient(top, #F30, #930);
}


#bnrKoebuAward {
	margin:0 0 5px;
}


/* プライバシーポリシー	 */

#boxPrivacy ul.plain li{
	list-style:none;
}