@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-size: 12px;
	list-style-type: none;
}
body {
	background-color: #e9e9e9;
}
a {
	color: #333333;
	text-decoration: none;
}

h1, h3 {
	text-indent: -9999px;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

#content {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}
#content,#footer,#pra_footer {
	padding-right: 10px;
	padding-left: 10px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
#content h1 {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
}
#content h1 a {
	display: block;
	height: 100px;
	width: 750px;
}


#access {
	width: 200px;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	height: 230px;
	padding-top: 20px;
}
#access p {
	padding-top: 10px;
	font-size: 16px;
}
#special {
	width: 550px;
	height: 250px;
}

#side {
	background-color: #CBCBCB;
	padding-right: 10px;
	padding-left: 10px;
	width: 180px;
	padding-top: 10px;
}
#side      div  {
	padding-bottom: 10px;
}
#side    .sidelist  {
	background-color: #FFFFFF;
	border: 2px solid #a3a3a3;
	padding: 5px;
}
#side dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
}


#rank h3, #new h3{
	background-repeat: no-repeat;
	height: 40px;
}

#rank h3 {
	background-image: url(images/rank_bana.gif);
}
#new h3 {
	background-image: url(images/new_bana.gif);
}
#jasrac h3 {
	background-image: url(images/jasrac.gif);
	background-repeat: no-repeat;
	height: 25px;

}
#jasrac   p {
	background-image: url(images/jasrac_num.gif);
	background-repeat: no-repeat;
	height: 58px;
	text-indent: -9999px;
}
#inquiry li {
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 5px;
	list-style-type: none;
}
#inquiry a {
	text-decoration: none;
	color: #333333;
}


#main {
	width: 550px;
}
#pickup h3 {
	background-image: url(images/pickup_bana.gif);
	background-repeat: no-repeat;
	height: 40px;
}
#pickup .lineup {
	background-image: url(images/pickup_bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-right: 15px;
	padding-left: 15px;
}
#pickup .top {
	background-image: url(images/pickup_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#pickup .btm {
	background-image: url(images/pickup_btm.gif);
	background-repeat: no-repeat;
	height: 15px;
}
#pickup .in1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#pickup .comment {
	clear: both;
	color: #999999;
	font-size: 10px;
}
#pickup img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#pickup .left, #pickup .right {
	width: 245px;
	margin: 2px;
	background-color: #FFFFFF;
}



#about,#link,#notes {
	padding: 10px;
}
#link h3 {
	background-image: url(images/link_bana.gif);
	background-repeat: no-repeat;
	height: 25px;
}
#link    li  {
	float: left;
	margin-right: 15px;
	list-style-type: none;
	color: #999999;
	font-size: 10px;
	text-align: center;
	margin-bottom: 10px;
}
#link  .bana  a {
	height: 31px;
	width: 88px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#link .melo {
	background-image: url(http://leafnet.jp/banner/88_melo.gif);
}
#link .mc {
	background-image: url(http://leafnet.jp/banner/88_mc.gif);
}
#link .deco {
	background-image: url(http://leafnet.jp/banner/88_deco.gif);
}
#link .oshare {
	background-image: url(http://leafnet.jp/banner/88_osyare.gif);
}
#link .kairyu {
	background-image: url(http://leafnet.jp/banner/88_kairyu.gif);
}
#link  .txtlink {
	clear: both;
	font-size: 10px;
}

#notes {
	clear: both;
}

#notes li {
	font-size: 10px;
	color: #CCCCCC;
	list-style-type: none;
}
#privacy {
	padding: 20px;
}
#privacy h4 {
	text-align: center;
	font-size: 18px;
}
#privacy dt {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
#privacy dd {
	margin-top: 5px;
}
#privacy  .btm {
	text-align: right;
}










#footer {
	background-image: url(images/bg_btm.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
}
#pra_footer {
	background-image: url(images/bg_btm2.gif);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
}

/*font color設定*/
.red {
	color: #FF3399;
}
.blue {
	color: #3399FF;
}
.orange {
	color: #FF9900;
}
.green {
	color: #33CC00;
}
span {
	font-size: 16px;
	font-weight: bold;
}