@charset "Shift_JIS";

/* 共通 (06.12.01)*/
.vaTop {
	vertical-align:top;
}
.taRight {
	text-align:right;
}
a {
	color:#0000ff;
	text-decoration:none;
}
a:hover {
	color:#0000ff;
	text-decoration:underline;
	background-color:#d0d0ff;
}
img.inline {
	margin:0 2px;
	vertical-align:middle;
}
h1, h2, h4, h5 {
	margin:0;
	padding:0;
	font-weight:normal;
}
form {
	margin:0;
	padding:0;
}
img {
	border:none;
}
.spaceTop {
	margin-top:20px;
}
div.linkboxRgt { text-align: right; margin: 10px 0; }

/* 基本フォーマット */
body#normalBody {
	margin:0 0;
	color:#000000;
	background:#ffffff url(../img/bg.gif) repeat scroll center top;
}
#topBox1 {
	text-align:center;
}
#topBox2 {
	width:736px;
	margin:0 auto;
	text-align:left;
}
#topBox3 {
	background-color:#ffffff;
	padding:10px 0;
}


/* ヘッダ (05.10.11) */

#headBox h1,
#headBox h2 {
	margin:0;
	padding:0;
}


/* ヘッダ：スーパーバナー配置用 (05.08.22) */

#headBox2 #headLogo {
	background-image:url(../img/logo2_bg.gif);
	background-repeat:repeat-x;
}
#headBox2 #headBanner {
	margin:16px 4px 8px 4px;
}


/* メインナビゲーション */

#mainNavBox {
	margin-top:2px;
	width:736px;
}
#mainNavBox table {
	width:100%;
	height:28px;
	margin-top:9px;
	margin-bottom:10px;
	background-color:#101177;
}
#mainNavBox ul {
	list-style: none;
	margin:0;
	padding:0;
}
#mainNavBox li {
	float:left;
	display:inline;
	margin:1px;
	padding:1px 5px;
	white-space:nowrap;
	border-right:1px solid #ffffff;
}
#mainNavBox #mainNavR {
	padding:1px 5px;
	white-space:nowrap;
	text-align:right;
}
#mainNavBox a {
	color:#ffffff;
	text-decoration:none;
}
#mainNavBox a:hover {
	color:#fff000;
	text-decoration:none;
	background-color:#333399;
}


/* 歌詞検索 (05.07.04) */

.searchBox {
	width:606px;
	margin-bottom:10px;
	border:1px solid #101177;
	background:url(../img/search_bg.gif);
}
.searchBox h1,
.searchBox h2 {
	background:#dedede;
	padding:4px 10px;
	font-weight:bold;
	color:#101177;
}
.searchHeadBox {
	width:100%;
}
.searchHeadRight {
	width:30px;
	background-image:url("../img/search_h_right.gif");
	background-repeat:no-repeat;
	background-position:right bottom;
}
.searchCtrl {
	padding:5px;
}
.searchInputBox th,
.searchInputBox td {
	padding:1px;
}
.searchInputBox th {
	text-align:right;
	font-weight:normal;
	white-space:nowrap;
}
.searchInputBox input {
	width:180px;
}
.searchSubmitBox {
	padding:5px;
	vertical-align:bottom;
}
.searchCommentBox {
	padding:0 5px;
	vertical-align:bottom;
}
.searchCommentBox .comment {
	margin-bottom:5px;
	color:#101177;
}


/* テキスト広告 (2005.10.17) */
.txtAdBox2 {
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}
.txtAdBoxLine {
	padding-top:5px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.txtAd {
	margin-top:5px;
}
.txtAd img {
	display:none;
}
.txtAd img.chipPr {
	display:inline;
	margin-right:5px;
	width:27px;
	height:14px;
	vertical-align:text-top;
}
.txtAd img.chipShopping {
	display:inline;
	margin-right:5px;
	width:52px;
	height:14px;
	vertical-align:text-top;
}
.txtAd a:hover {
	background-color:#fff0b0;
	text-decoration:none;
}
.txtAdLine {
	margin-top:5px;
	height:1px;
	border-bottom:1px solid #cccccc;
}
.txtAdLine hr {
	display:none;
}


/* テキスト広告 */

.txtAdBox {
	margin-top:0;
	margin-bottom:10px;
	border:1px solid #dedede;
}
.txtAdBox h4 {
	background:#dedede;
	padding:4px 10px;
	font-weight:bold;
	color:#101177;
}
.txtAdBox p {
	margin:0;
	padding:5px;
	line-height:1.8em;
}
.txtAdBox p .disc {
	color:#ffcc00;
}
.txtAdBox p img {
	display:none;
}


/* メインカラム内フルバナー単体 */

.fullBanner {
	margin-top:18px;
	text-align:center;
}
/* メインカラム内フルバナー(Amazon) */

.fullBanner_amazon {
	border:1px solid #cccccc;

	height:253px;

}


/* 右ショルダー (06.12.04) */

#shoulderBox {
	width:127px;
	padding-left:5px;
	text-align:right;
}
#shoulderBox .bnr { margin-bottom: 5px; }
#shoulderBox .banner {
	padding-top:0;
}
#licenseMark {
	text-align:center;
	margin-top:10px
}
#licenseMark img {
	margin: 5px 0;
}


/* ベスト (05.08.23) */

.bestBox {
	margin-top:0;
}
.bestLeftBox {
	padding-right:5px;
}
.bestRightBox {
	padding-left:5px;
}
.bestHeadBox {
	background:#dedede;
}
.bestAdBox {
	padding:5px;
}
.bestContent {
	border:1px solid #dedede;
}
.bestRow1 {
	padding:2px 5px;
}
.bestRow2 {
	background-color:#dedede;
	padding:2px 5px;
	text-align:right;
}
.bestGoNext {
	padding:2px 29px;
}


/* 検索結果 (06.12.04) */

.resultBox {
	margin-top:0;
	margin-bottom:10px;
}
.resultBox h4 {
	background:#dedede;
	padding:4px 10px;
	font-weight:bold;
	color:#101177;
}
.resultComment {
	margin-top:5px;
}
.resultBox ul{
	list-style:none;
	margin:10px 0 5px;
	padding:0;
}
.resultBox ul li{
	display:inline;
	margin:0;
	padding:0 5px;
}
table.resultList {
	margin-top:5px;
	width:100%;
	border-collapse:collapse;
}
.resultList th{
	padding:3px;
	background:#ffff99;
	border:1px solid #cccccc;
	white-space: nowrap;
}
.resultList td{
	padding:3px;
	border:1px solid #cccccc;
}
.resultList td.listen { text-align: center; }
.resultList td.listen img { width: 18px; height: 18px; border: 0; }


/* 歌詞表示 */

.lyricBox {
	margin-top:20px;
}
.lyricBox ul{
	list-style:none;
	margin:10px 0 5px;
	padding:0;
}
.lyricBox ul li{
	display:inline;
	margin:0;
	padding:0 5px;
}
.lyricInfoBox {
	border:1px solid #cccccc;
}
.lyricInfoBox h4 {
	margin:0;
	border-bottom:1px solid #cccccc;
	background-color:#ffff99;
	padding:5px;
}
.lyricInfoBox table {
	margin:5px;
}
.lyricInfoBox table th {
	font-weight:normal;
	text-align:right;
}
.lyricInfoBox .disc {
	color:#ffcc00;
}
.lyricSend {
	margin-top:10px;
}


/* 利用規約・ヘルプ等 */

.plainBox {
	margin-bottom:10px;
	border:1px solid #dedede;
}
.plainBox h4 {
	background:#dedede;
	padding:4px 10px;
	font-weight:bold;
	color:#101177;
}
.plainContent {
	margin:2em;
	line-height:1.4em;
}
.plainContent .plainBlock {
	margin-top:1em;
}
.plainContent .note { margin: .5em .5em 0 .5em; background-color: #f0f0f0; border: 1px solid #d0d0d0; padding: 1em; }
.plainContent p { margin: 1em 0 0 0; }
.plainContent dt { margin: 0; padding: .5em 0 0 0; }
.plainContent dd { margin: 0; padding: .5em 0 0 1em; }
.plainContent ol { margin: 0; padding: 0 0 0 2em; }
.plainContent ul { margin: 0; padding: 0 0 0 2em; list-style: disc; }
.plainContent li { margin: 0; padding: .5em 0 0 0; }

.plainBox h5 {
	margin-top: 1em;
	padding:4px 0;
	font-weight:bold;
	color:#101177;
	border-bottom: 2px solid #101177;
}
.plainBox h5 a {
	color:#101177;
	text-decoration: none;
	background: none;
}

.kgetButton { margin: .5em .5em 0 .5em; color: #404040; }
.kgetButton img { margin: 0 3px 3px 0; vertical-align: top; }

.kgetBanners { margin: .5em .5em 0 .5em; background-color: #f0f0f0; border: 1px solid #d0d0d0; padding: 1em; }
.kgetBanners table { margin: 0 0 0 1em; }
.kgetBanners td { padding: 1em 1em 0 0; vertical-align: top; color: #404040; }
.kgetBanners td img { margin: 0 3px 3px 0; vertical-align: top; }

/* フッタナビゲーション */
#footNavBox {
	margin-top:20px;
	width:736px;
	border-bottom:1px solid #101177;
}
#footNavL, #footNavR {
	width:86px;
}
#footNav {
	width:564px;
}
#footNavL, #footNav {
	padding-top:5px;
}
#footNavL div, #footNav div {
	border-top:1px solid #101177;
	padding:5px 5px 2px;
}
#footNav div {
	text-align:center;
}
#footNav a {
	margin:0.5em;
}


/* フッタ (05.10.17) */
#foot {
	margin-top:5px;
	text-align:center;
}
#foot #licensing {
	margin:1em;
}


/* ランキング (06.08.22) */
.rkHeadBox {
	width:100%;
	background:#dedede;
	color:#101177;
}
.rkHeadtxtR {
	padding-right:10px;
}
.rkHeadtxtR img {
	vertical-align:middle;
}
.rkHeadtxtR a {
	margin-left:10px;
}
.more {
	margin-top:3px;
}


/* ランキング右ショルダー */

.wmRk {
	width:120px;
	padding:0 0 0 3px;
}
.wmRkLine {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
}
.wmRkTxt {
	padding:5px;
}
.wmRkBtn {
	padding:0 5px 10px 0;
	text-align:right;
}
#wmRkD {
	background: #ffd1d1;
}
#wmRkW {
	background: #c2e1b3;
}
#wmRkM {
	background: #d1d1ff;
}


/* パートナーバナー (06.05.24) */

div.footAd { margin-top:20px; }
div.footAd a { margin-right:1px; }


/* URLをコピー (07.03.02) */
div.urlBox { border: 1px solid #cccccc; background: #ffff99; padding: 0 0 .5em .5em; font-size: 75%; }
div.urlBox div { margin-top: .5em; text-align: right; }
div.urlBox div em { font-style: normal; font-weight: normal; }
div.urlBox div input { margin-right: .5em; }
div.urlBox div input.url { width: 380px; }


/* 携帯会員登録 (07.03.30) */
#mobIndex { width: 686px; }
#mobIndex div.registCols { margin-top: 1em; width: 686px; border-top: 1px solid #dedede; border-bottom: 1px solid #cccccc; padding: 2em 0 1em 0; overflow: auto; }
#mobIndex div.registCols div.col { float: left; width: 270px; margin-left: 40px; text-align: center; display: inline; }
#mobIndex div.registCols div.col a { display: block; }
#mobIndex div.registCols div.col a:hover { text-decoration: none; background: none; }
#mobIndex div.registCols div.col a:hover em { text-decoration: underline; }
#mobIndex div.registCols div.col em { display: block; font-style: normal; margin-bottom: .25em; }
#mobIndex div.registCols div.col span { display: block; color: #333333; }
#mobIndex div.registCols div.col span img { display: block; margin-bottom: 2px; }
#mobIndex div.registCols div.col span.note { margin: 0; border: none; background: none; padding: 0; font-size: 80%; color: #505050; }
#mobIndex p.note { margin: .25em 0 0 0; border: none; background: none; padding: 0; font-size: 90%; }

#mobConduct { width: 686px; }
#mobConduct table { margin-top: 1em; width: 100%; border-collapse: collapse; }
#mobConduct table th,
#mobConduct table td { border-width: 1px; border-color: #cccccc; vertical-align: top; }
#mobConduct table th { border-style: solid dotted solid solid; background-color: #ffffd0; padding: 1em; text-align: right; font-weight: normal; color: #303030; }
#mobConduct table td { border-style: solid solid solid none; padding: 0 1em 1em 1em; }
#mobConduct p.btn { text-align: center; }
#mobConduct ul.note { margin-top: 2em; border-width: 1px 0 0 0; background: none; padding: 0 0 0 2em; }
#mobConduct ul.note li { margin-top: .5em; }

#mobOfficial { width: 686px; }
#mobOfficial table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #dedede; }
#mobOfficial table th,
#mobOfficial table td { border-width: 1px; border-color: #cccccc; padding: 10px; }
#mobOfficial table th { border-style: solid dotted none solid; vertical-align: middle; padding: 10px 20px; text-align: center; font-weight: normal; white-space: nowrap; }
#mobOfficial table th img { margin-bottom: 10px; }
#mobOfficial table td { vertical-align: top; }
#mobOfficial table td.qr { border-style: solid none none none; }
#mobOfficial table td.qr img { border: 1px solid #cccccc; }
#mobOfficial table td.howto { border-style: solid solid none none; padding-top: 0; line-height: 1.4; }
#mobOfficial table td.howto em { display: block; margin-top: 10px; font-style: normal; font-weight: bold; }
#mobOfficial table td.howto p { margin: .5em; }

#mobOfficial table tr.im td.qr { background-color: #ffffd8; }
#mobOfficial table tr.ez td.qr { background-color: #ffe0d0; }
#mobOfficial table tr.sb td.qr { background-color: #ffe0e0; }

#mobOfficial table tr.im td.howto em { color: #ff9900; }
#mobOfficial table tr.ez td.howto em { color: #ff5010; }
#mobOfficial table tr.sb td.howto em { color: #e83038; }
#mobOfficial p.note { margin: .25em 0 0 0; border: none; background: none; padding: 0; font-size: 90%; }


/* 歌詞ＧＥＴからのお知らせ (07.05.22) */
div.infoFromKget { margin-top: 1em; border: 1px solid #101177; padding: 32px 10px 10px 28px; background: #fffff4 url(../img/infofromkget.gif) no-repeat; }
.infoFromKget ul { list-style: none; margin: 0; padding: 0; }
.infoFromKget ul li { margin-top: 8px; background: url(../img/infofromkget_chk.gif) left top no-repeat; padding-left: 16px; }