/***********************************
	修正
***********************************/

ul li {
	list-style: none;
}

/***********************************
	コンテンツスタイル
***********************************/

#contents_main .commentArea,
.box_1,
.genre,
.publish {
	margin-left: 20px;
}


#contents_main {
	margin: 20px 0 30px 0;
	padding-bottom: 30px;
	background-color: #fbd5da;
	color: #683400;
}

#base .head p.lead {
	margin: 15px 20px 20px;
	padding: 10px 15px;
	background-color: #ffc0ad;
	line-height: 1.4;
}

.commentArea {
	position: relative;
	width: 662px;
	height: 168px;
	margin-left: 20px;
	background: url(../image/judge_comment.gif) left top no-repeat;
}

.commentArea p {
	position: absolute;
	left: 20px;
	top: 34px;
}

.commentArea ul {
	position: absolute;
	left: 20px;
	top: 53px;
}

#base .commentArea ul li {
	line-height: 1.4;
	padding-left: 20px;
	background: url(../image/i_dot.gif) 5px 7px no-repeat;
}

#base .commentArea div {
	position: absolute;
	right: 15px;
	top: 13px;
	width: 240px;
	height: 136px;
	border: 1px solid #bbe5ef;
	background-color: #e8faff;
}

#base .commentArea div img {
	position: absolute;
	left: 6px;
	top: 8px;
}

#base .commentArea div p {
	position: absolute;
	width: 100px;
}

#base .commentArea div p.name {
	font-style: normal;
	left: 134px;
	top: 7px;
	border-bottom: 1px solid #683400;
	line-height: 1.3;
}

#base .commentArea div p.txt      {
	left: 134px;
	top: 43px;
	font-size: 10px;
	line-height: 1.2;
}

#base .commentArea div p.name em {
	font-style: normal;
}

.box_1 {
	position: relative;
	width: 657px;
	height: 173px;
	margin-top: 10px;
	background-position: left bottom;
	background-repeat: no-repeat;
}

.gold      { background-image: url(../image/g_text.jpg); height: 278px; margin-top: 15px; }
.silver_1  { background-image: url(../image/s_text_1.jpg); height: 213px; }
.silver_2  { background-image: url(../image/s_text_2.jpg); }
.silver_3  { background-image: url(../image/s_text_3.jpg); height: 191px; }


.box_1 p.bt {
	position: absolute;
	right: 8px;
	top: 15px;
	width: 111px;
	height: 26px;
}

.box_1 p.bt a {
	display: block;
	width: 111px;
	height: 26px;
	background-color: transparent;
}

.silver_1 p.bt  { right: 24px; top: 50px; width: 85px; height: 20px; }
.silver_2 p.bt,
.silver_3 p.bt  { right: 24px; top: 13px; width: 85px; height: 20px; }

.silver_1 p.bt a,
.silver_2 p.bt a,
.silver_3 p.bt a  { width: 85px; height: 20px; }

.box_1 p.img {
	position: absolute;
	width: 234px;
}

.gold p.img      { left: 35px; top: 58px; }
.silver_1 p.img  { left: 35px; top: 48px;}
.silver_2 p.img,
.silver_3 p.img  { left: 35px; top: 8px;}


.box_1 p.txt {
	position: absolute;
	left: 282px;
	top: 105px;
	width: 340px;
	line-height: 1.5;
}

.gold p.txt      { left: 282px; top: 111px; }
.silver_1 p.txt  { left: 282px; top: 100px;}
.silver_2 p.txt,
.silver_3 p.txt  { left: 282px; top: 60px;}


#base .genre h2,
#base .publish h2 {
	margin-top: 20px;
}

.genre {
	margin-top: 20px;
	
}

.genre ul {
	position: relative;
	height: 400px;
	background: url(../image/bg_genre.gif) 360px 250px no-repeat;
}

.genre li {
	position: absolute;
	margin-top: 20px;
	width: 320px;
	height: 182px;
}

.genre li.genre_1 { background: url(../image/bg_genre_1.jpg) left top no-repeat; left: 0; top: 10px; }
.genre li.genre_2 { background: url(../image/bg_genre_2.jpg) left top no-repeat; left: 337px; top: 10px; }
.genre li.genre_3 { background: url(../image/bg_genre_3.jpg) left top no-repeat; left: 0; top: 200px; }

.genre li p.img {
	position: absolute;
	left: 7px;
	top: 69px;
	width: 134px;
}

.genre li p.title {
	position: absolute;
	left: 10px;
	top: 34px;
	width: 230px;
	line-height: 1.4;
	font-weight: bold;
}

.genre li p.comment {
	position: absolute;
	left: 146px;
	top: 71px;
	width: 162px;
	line-height: 1.4;
}


#base .publish ul {
	width: 641px;
	margin-top: 10px;
	margin-left: 8px;
	border: 1px solid #ebdd97;
	background-color: #fff5c5;
}

#base .publish ul li {
	padding: 8px;
	background: url(../image/bg_publish.gif) left top no-repeat;
}

#base .publish ul li.start {
	background: none;
}

#base .publish ul li p {
	padding: 3px 5px 3px 60px;
	line-height: 1.5;
	background: url(../image/i_publish.gif) 3px 3px no-repeat;
}

#base .publish ul li p {
	padding: 3px 5px 3px 60px;
	line-height: 1.5;
	background: url(../image/i_publish.gif) 3px 3px no-repeat;
}

#base p.care {
	margin: 10px 30px 0 54px ;
	line-height: 1.4;
	text-indent: -1.9em;
}

#base p.care b {
}

#base p.care span {
	color: #dd0000;
}