@charset "utf-8";

/*
###############################################
#HTML, BODY, WRAPPER
###############################################
*/
*{
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 12px;
}
img {
	border: 0;
}
body {
	background-image:url(../images/bg.png);
	line-height: 150%;
}
#bg {
	background-image:url(../images/gradationBg.png);
	background-repeat: repeat-x;
}
#wrapper {
	width: 942px;
	margin: 0px auto;
	background-image:url(../images/wrapperBg.png);
}
#mainTop {
	height: 6px;
	background-image: url(../images/mainTop.png);
	background-repeat: no-repeat;
	overflow:hidden;
}
#container{
	width: 732px;
	float: left;
}
#contents {
	width:430px;
	float: right;
	padding: 0 17px
}
#left {
	float: left;
	width:234px;
	padding: 0 17px;
	overflow:hidden;
}
#right {
	width:180px;
	float: right;
	padding: 0 15px;
}
#mainBottom {
	clear: both;
	height: 7px;
	background-image: url(../images/mainBottom.png);
	background-repeat: no-repeat;
	overflow:hidden;
}
#footer {
	width: 942px;
	margin: 0px auto;
	padding: 5px 25px 10px 15px;
	color: #fff;
}
address{
	text-align:right;
}
#footer address a {
	color:#fff;
}
/*
###############################################
#header navi
###############################################
*/
#header {
	background-color: #fff;
}
#navi {
	background-color: #fff;
}
#navi ul li {
	list-style:none;
	float:left;
}
#navi ul li a{
	display:block;
	width:124px;
	line-height: 1em;
	padding: 8px 0 6px 0;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background-image:url(../images/naviBtn.png);
}
#navi ul li a:hover{
	background-image:url(../images/naviBtnOver.png);
	color: #f30;
}

/*
###############################################
#h1
###############################################
*/

h1 {
	width: 280px;
	float:left;
}

/*
###############################################
#h2
###############################################
*/

h2 {
	margin: 5px 0 10px 0;
}
h2.type1_green {
	color: #333;
	background-image: url(../images/h2_type1_green.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px 5px 8px 3px 
}
h2.type1_red {
	color: #333;
	background-image: url(../images/h2_type1_red.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 3px 5px 8px 3px 
}
h2.type2_red {
	color: #333;
	background-image: url(../images/h2_type2_red.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #ccc;
}
h2.type2_blue {
	color: #333;
	background-image: url(../images/h2_type2_blue.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #ccc;
}
h2.type2_yellow {
	color: #333;
	background-image: url(../images/h2_type2_yellow.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #ccc;
}
h2.type2_green {
	color: #333;
	background-image: url(../images/h2_type2_green.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 15px;
	border-bottom: 1px solid #ccc;
}

/*
###############################################
#h3
###############################################
*/

h3 {
	margin: 5px 0 10px 0;
}
h3 {
	color: #333;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px 5px 5px 
}

.section {
	padding: 5px;
}
/*
###############################################
#a
###############################################
*/

a:link {
	color: #e42;
}
a:visited {
	color: #e42;
}
a:hover, a:active {
	color: #090;
}


/*
###############################################
#p
###############################################
*/
p {
	padding: 0px 10px 8px 10px;
}
p.ddd {
	margin: 5px;
	padding: 5px;
	background-color: #ddd;
}

ul.makeAccountBtn {
	padding: 10px 5px 5px 5px;
}
li.makeAccountBtn {
	padding: 0 0 5px 0;
	text-align:center;
	list-style:none;
}

#login {
	margin: 0 6px;
	padding: 5px;
	background-color: #fff;
}
.googleAdv {
	text-align:center;
	margin: 0 6px;
	padding: 10px 5px;
	background-color: #fff;
}

/*
###############################################
#COLOR
###############################################
*/
.red {
	color:red;
}
.blue {
	color:blue;
}
.gray {
	color:gray;
}
.green {
	color:green;
}
.orange {
	color:orange;
}
.white {
	color:white;
}
.black {
	color:black;
}

#indicator1, #indicator2{
	margin:5px;
	display:none;
	color:gray;
	text-align:center;
}

.clearBoth {
	clear: both;
}

.googleSearch {
	width:300px;
	float:right;
	padding: 20px 5px 0 10px;
}

/*
###############################################
#SONGS
###############################################
*/

.artistName{
	text-align:center;
}
.songImage {
	float:left;
	margin-right:10px;
}
.songInfo{
	padding-bottom: 10px;
}
.ccLicense{
	padding-bottom: 10px;
}
.rule {
	padding: 5px;
	border:1px solid #ddd;
	background-color:#eee;
}
.lyrics{
	margin: 0;
	padding: 5px 0;
}
.download {
	padding: 10px;
}
.doumuPlayer{
	padding-bottom: 10px;
}
/*
###############################################
#comment, trackback
###############################################
*/
div.commentAndTrackback{
	margin: 0 10px 2px 10px;
	padding-top:10px;
	clear:both;
}
div.comment{
	float:left;
}
div.trackback{
	text-align:right;
}
div.commentWin{
	margin: 0;
	padding: 0;
	display:none;
	text-align:center;
}
h2.comment {
	border: 0;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	background-image:none;
}
#commentInputForm {
	display:none;
	text-align: left;
	padding: 5px 5px;
}
.commentTable {
	padding: 0;
	margin: 5px auto 0 auto;
	width: 375px;
}
.commentTd {
	font-size: 11px;
}
.commentTd2 {
	text-align:right;
	font-size: 11px;
}
.commentClose{
	float: left;
	margin: 0;
	padding: 0;
}
.commentPage{
	text-align: center;
	padding: 0;
	margin: 0 10px;
}
.commentDiv{
	text-align: left;
	padding: 5px;
	margin: 0px 10px;
}
.commentInputLink{
	text-align:left;
	margin: 0;
}
.commentErr{
	text-align:left;
	padding: 5px 10px;
}

#messageDiv div{
	background-color: #ffffbb;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
}
.foodIconDivBox, .stationeryIconDivBox, .electricIconDivBox, .workIconDivBox, .infoIconDivBox, .otherIconDivBox{
	background-image: url(http://www.ltm.jp/image/colors/business/contentsBg.png);
}
.checkTextColor{
	background-color:white;
	color: black;
}
div.commentWin, div.addFavoriteArtstWin{
	background-color: #eee;
	border: 1px solid #ccc;
}
.commentTable, .commentPage, .commentDiv {
	border-top: 1px solid #ccc;
}

/*
###############################################
#message
###############################################
*/
.base {
	position: relative;
	padding: 0px;
	margin: 0;
}
.hideDivBox {
	background-color: #ffffbb;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	padding: 5px 5px 0 5px;
	margin:0 0 5px 0;
	width: 300px;
	display:none;
	position: absolute;
		top:-160px;
		left:190px;
}

.hintDivBoldBox, .hintDivItalicBox, .hintDivUnderlineBox, .hintDivDelBox, .largeSelectDivBox, .colourSelectDivBox, .foodIconDivBox, .stationeryIconDivBox, .electricIconDivBox, .workIconDivBox, .infoIconDivBox, .otherIconDivBox{
	padding: 1px 5px;
	margin: 0;
	display:none;
}

.hintDivBoldBox {
	position: absolute;
		top: -24px;
		left:5px;
}
.hintDivItalicBox {
	position: absolute;
		top: -24px;
		left:70px;
}
.hintDivUnderlineBox {
	position: absolute;
		top: -24px;
		left:135px;
}
.hintDivDelBox {
	position: absolute;
		top: -24px;
		left:200px;
}
.largeSelectDivBox {
	position: absolute;
		top:-118px;
		left:165px;
}
.colourSelectDivBox {
	background-image: url(http://www.ltm.jp/image/colors/black/bg.png);
	position: absolute;
		top:-200px;
		left:135px;
}
.foodIconDivBox {
	position: absolute;
		top:-110px;
		left:0px;
}
.stationeryIconDivBox {
	position: absolute;
		top:-132px;
		left:65px;
}
.electricIconDivBox {
	position: absolute;
		top:-114px;
		left:130px;
}
.workIconDivBox {
	position: absolute;
		top:-89px;
		left:190px;
}
.infoIconDivBox {
	position: absolute;
		top:-101px;
		left:52px;
}
.otherIconDivBox {
	position: absolute;
		top:-88px;
		left:200px;
}

.checkTextColor{
	padding:2px 5px;
}
p.selectColour{
	line-height: 11px;
}

#selectColours span {
	cursor: pointer;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
 	text-decoration:underline;
 }
.line-through {
 	text-decoration:line-through;
 }
.fontSize24px {
	font-size:24px;
	line-height: 30px;
}
.fontSize34px {
	font-size:34px;
	line-height: 40px;
}
.fontSize44px {
	font-size:44px;
	line-height: 50px;
}

/*
###############################################
#COLOR
###############################################
*/
.red {
	color:red;
}
.blue {
	color:blue;
}
.gray {
	color:gray;
}
.green {
	color:green;
}
.orange {
	color:orange;
}
.white {
	color:white;
}
.black {
	color:black;
}


#selectColours span {
	cursor: pointer;
}
.p000000 {
	color:#000000;
}
.p003300 {
	color:#003300;
}
.p006600 {
	color:#006600;
}
.p009900 {
	color:#009900;
}
.p00CC00 {
	color:#00CC00;
}
.p00FF00 {
	color:#00CC00;
}

.p330000 {
	color:#330000;
}
.p333300 {
	color:#333300;
}
.p336600 {
	color:#336600;
}
.p339900 {
	color:#339900;
}
.p33CC00 {
	color:#33CC00;
}
.p33FF00 {
	color:#33CC00;
}

.p660000 {
	color:#660000;
}
.p663300 {
	color:#663300;
}
.p666600 {
	color:#666600;
}
.p669900 {
	color:#669900;
}
.p66CC00 {
	color:#66CC00;
}
.p66FF00 {
	color:#66CC00;
}

.p000033 {
	color:#000033;
}
.p003333 {
	color:#003333;
}
.p006633 {
	color:#006633;
}
.p009933 {
	color:#009933;
}
.p00CC33 {
	color:#00CC33;
}
.p00FF33 {
	color:#00CC33;
}

.p330033 {
	color:#330033;
}
.p333333 {
	color:#333333;
}
.p336633 {
	color:#336633;
}
.p339933 {
	color:#339933;
}
.p33CC33 {
	color:#33CC33;
}
.p33FF33 {
	color:#33CC33;
}

.p660033 {
	color:#660033;
}
.p663333 {
	color:#663333;
}
.p666633 {
	color:#666633;
}
.p669933 {
	color:#669933;
}
.p66CC33 {
	color:#66CC33;
}
.p66FF33 {
	color:#66CC33;
}

.p000066 {
	color:#000066;
}
.p003366 {
	color:#003366;
}
.p006666 {
	color:#006666;
}
.p009966 {
	color:#009966;
}
.p00CC66 {
	color:#00CC66;
}
.p00FF66 {
	color:#00CC66;
}

.p330066 {
	color:#330066;
}
.p333366 {
	color:#333366;
}
.p336666 {
	color:#336666;
}
.p339966 {
	color:#339966;
}
.p33CC66 {
	color:#33CC66;
}
.p33FF66 {
	color:#33CC66;
}

.p660066 {
	color:#660066;
}
.p663366 {
	color:#663366;
}
.p666666 {
	color:#666666;
}
.p669966 {
	color:#669966;
}
.p66CC66 {
	color:#66CC66;
}
.p66FF66 {
	color:#66CC66;
}

.p000099 {
	color:#000099;
}
.p003399 {
	color:#003399;
}
.p006699 {
	color:#006699;
}
.p009999 {
	color:#009999;
}
.p00CC99 {
	color:#00CC99;
}
.p00FF99 {
	color:#00CC99;
}

.p330099 {
	color:#330099;
}
.p333399 {
	color:#333399;
}
.p336699 {
	color:#336699;
}
.p339999 {
	color:#339999;
}
.p33CC99 {
	color:#33CC99;
}
.p33FF99 {
	color:#33CC99;
}

.p660099 {
	color:#660099;
}
.p663399 {
	color:#663399;
}
.p666699 {
	color:#666699;
}
.p669999 {
	color:#669999;
}
.p66CC99 {
	color:#66CC99;
}
.p66FF99 {
	color:#66CC99;
}

.p0000CC {
	color:#0000CC;
}
.p0033CC {
	color:#0033CC;
}
.p0066CC {
	color:#0066CC;
}
.p0099CC {
	color:#0099CC;
}
.p00CCCC {
	color:#00CCCC;
}
.p00FFCC {
	color:#00CCCC;
}

.p3300CC {
	color:#3300CC;
}
.p3333CC {
	color:#3333CC;
}
.p3366CC {
	color:#3366CC;
}
.p3399CC {
	color:#3399CC;
}
.p33CCCC {
	color:#33CCCC;
}
.p33FFCC {
	color:#33CCCC;
}

.p6600CC {
	color:#6600CC;
}
.p6633CC {
	color:#6633CC;
}
.p6666CC {
	color:#6666CC;
}
.p6699CC {
	color:#6699CC;
}
.p66CCCC {
	color:#66CCCC;
}
.p66FFCC {
	color:#66CCCC;
}

.p0000FF {
	color:#0000FF;
}
.p0033FF {
	color:#0033FF;
}
.p0066FF {
	color:#0066FF;
}
.p0099FF {
	color:#0099FF;
}
.p00CCFF {
	color:#00CCFF;
}
.p00FFFF {
	color:#00CCFF;
}

.p3300FF {
	color:#3300FF;
}
.p3333FF {
	color:#3333FF;
}
.p3366FF {
	color:#3366FF;
}
.p3399FF {
	color:#3399FF;
}
.p33CCFF {
	color:#33CCFF;
}
.p33FFFF {
	color:#33CCFF;
}

.p6600FF {
	color:#6600FF;
}
.p6633FF {
	color:#6633FF;
}
.p6666FF {
	color:#6666FF;
}
.p6699FF {
	color:#6699FF;
}
.p66CCFF {
	color:#66CCFF;
}
.p66FFFF {
	color:#66CCFF;
}

.p990000 {
	color:#990000;
}
.p993300 {
	color:#993300;
}
.p996600 {
	color:#996600;
}
.p999900 {
	color:#999900;
}
.p99CC00 {
	color:#99CC00;
}
.p99FF00 {
	color:#99FF00;
}
.pCC0000 {
	color:#CC0000;
}
.pCC3300 {
	color:#CC3300;
}
.pCC6600 {
	color:#CC6600;
}
.pCC9900 {
	color:#CC9900;
}
.pCCCC00 {
	color:#CCCC00;
}
.pCCFF00 {
	color:#CCFF00;
}
.pCC0000 {
	color:#CC0000;
}
.pCC3300 {
	color:#CC3300;
}
.pCC6600 {
	color:#CC6600;
}
.pCC9900 {
	color:#CC9900;
}
.pCCCC00 {
	color:#CCCC00;
}
.pCCFF00 {
	color:#CCFF00;
}
.pFF0000 {
	color:#FF0000;
}
.pFF3300 {
	color:#FF3300;
}
.pFF6600 {
	color:#FF6600;
}
.pFF9900 {
	color:#FF9900;
}
.pFFCC00 {
	color:#FFCC00;
}
.pFFFF00 {
	color:#FFFF00;
}


.p990033 {
	color:#990033;
}
.p993333 {
	color:#993333;
}
.p996633 {
	color:#996633;
}
.p999933 {
	color:#999933;
}
.p99CC33 {
	color:#99CC33;
}
.p99FF33 {
	color:#99FF33;
}
.pCC0033 {
	color:#CC0033;
}
.pCC3333 {
	color:#CC3333;
}
.pCC6633 {
	color:#CC6633;
}
.pCC9933 {
	color:#CC9933;
}
.pCCCC33 {
	color:#CCCC33;
}
.pCCFF33 {
	color:#CCFF33;
}
.pCC0033 {
	color:#CC0033;
}
.pCC3333 {
	color:#CC3333;
}
.pCC6633 {
	color:#CC6633;
}
.pCC9933 {
	color:#CC9933;
}
.pCCCC33 {
	color:#CCCC33;
}
.pCCFF33 {
	color:#CCFF33;
}
.pFF0033 {
	color:#FF0033;
}
.pFF3333 {
	color:#FF3333;
}
.pFF6633 {
	color:#FF6633;
}
.pFF9933 {
	color:#FF9933;
}
.pFFCC33 {
	color:#FFCC33;
}
.pFFFF33 {
	color:#FFFF33;
}


.p990066 {
	color:#990066;
}
.p993366 {
	color:#993366;
}
.p996666 {
	color:#996666;
}
.p999966 {
	color:#999966;
}
.p99CC66 {
	color:#99CC66;
}
.p99FF66 {
	color:#99FF66;
}
.pCC0066 {
	color:#CC0066;
}
.pCC3366 {
	color:#CC3366;
}
.pCC6666 {
	color:#CC6666;
}
.pCC9966 {
	color:#CC9966;
}
.pCCCC66 {
	color:#CCCC66;
}
.pCCFF66 {
	color:#CCFF66;
}
.pCC0066 {
	color:#CC0066;
}
.pCC3366 {
	color:#CC3366;
}
.pCC6666 {
	color:#CC6666;
}
.pCC9966 {
	color:#CC9966;
}
.pCCCC66 {
	color:#CCCC66;
}
.pCCFF66 {
	color:#CCFF66;
}
.pFF0066 {
	color:#FF0066;
}
.pFF3366 {
	color:#FF3366;
}
.pFF6666 {
	color:#FF6666;
}
.pFF9966 {
	color:#FF9966;
}
.pFFCC66 {
	color:#FFCC66;
}
.pFFFF66 {
	color:#FFFF66;
}


.p990099 {
	color:#990099;
}
.p993399 {
	color:#993399;
}
.p996699 {
	color:#996699;
}
.p999999 {
	color:#999999;
}
.p99CC99 {
	color:#99CC99;
}
.p99FF99 {
	color:#99FF99;
}
.pCC0099 {
	color:#CC0099;
}
.pCC3399 {
	color:#CC3399;
}
.pCC6699 {
	color:#CC6699;
}
.pCC9999 {
	color:#CC9999;
}
.pCCCC99 {
	color:#CCCC99;
}
.pCCFF99 {
	color:#CCFF99;
}
.pCC0099 {
	color:#CC0099;
}
.pCC3399 {
	color:#CC3399;
}
.pCC6699 {
	color:#CC6699;
}
.pCC9999 {
	color:#CC9999;
}
.pCCCC99 {
	color:#CCCC99;
}
.pCCFF99 {
	color:#CCFF99;
}
.pFF0099 {
	color:#FF0099;
}
.pFF3399 {
	color:#FF3399;
}
.pFF6699 {
	color:#FF6699;
}
.pFF9999 {
	color:#FF9999;
}
.pFFCC99 {
	color:#FFCC99;
}
.pFFFF99 {
	color:#FFFF99;
}


.p9900CC {
	color:#9900CC;
}
.p9933CC {
	color:#9933CC;
}
.p9966CC {
	color:#9966CC;
}
.p9999CC {
	color:#9999CC;
}
.p99CCCC {
	color:#99CCCC;
}
.p99FFCC {
	color:#99FFCC;
}
.pCC00CC {
	color:#CC00CC;
}
.pCC33CC {
	color:#CC33CC;
}
.pCC66CC {
	color:#CC66CC;
}
.pCC99CC {
	color:#CC99CC;
}
.pCCCCCC {
	color:#CCCCCC;
}
.pCCFFCC {
	color:#CCFFCC;
}
.pCC00CC {
	color:#CC00CC;
}
.pCC33CC {
	color:#CC33CC;
}
.pCC66CC {
	color:#CC66CC;
}
.pCC99CC {
	color:#CC99CC;
}
.pCCCCCC {
	color:#CCCCCC;
}
.pCCFFCC {
	color:#CCFFCC;
}
.pFF00CC {
	color:#FF00CC;
}
.pFF33CC {
	color:#FF33CC;
}
.pFF66CC {
	color:#FF66CC;
}
.pFF99CC {
	color:#FF99CC;
}
.pFFCCCC {
	color:#FFCCCC;
}
.pFFFFCC {
	color:#FFFFCC;
}

.p9900FF {
	color:#9900FF;
}
.p9933FF {
	color:#9933FF;
}
.p9966FF {
	color:#9966FF;
}
.p9999FF {
	color:#9999FF;
}
.p99CCFF {
	color:#99CCFF;
}
.p99FFFF {
	color:#99FFFF;
}
.pCC00FF {
	color:#CC00FF;
}
.pCC33FF {
	color:#CC33FF;
}
.pCC66FF {
	color:#CC66FF;
}
.pCC99FF {
	color:#CC99FF;
}
.pCCCCFF {
	color:#CCCCFF;
}
.pCCFFFF {
	color:#CCFFFF;
}
.pFF00FF {
	color:#FF00FF;
}
.pFF33FF {
	color:#FF33FF;
}
.pFF66FF {
	color:#FF66FF;
}
.pFF99FF {
	color:#FF99FF;
}
.pFFCCFF {
	color:#FFCCFF;
}
.pFFFFFF {
	color:#FFFFFF;
}