@charset 'Shift_JIS';

/******************** cartoon **************************/
.cartoonIdxbox {
	width: 508px;
	margin: 0px 0px 20px 10px;
	padding: 0px 5px 0px 0px;
	border: 1px solid #D8D8D8;
}
.cartoonIdxbox h5{
    margin: 0px;
}
.cartoonIdximage {
	width: 150px;
	margin: 0px;
	float: left;

}
.cartoonIdximage img{
	margin:5px 0 5px 5px;
	border:1px #F0F0F0 solid;
	/*border:none;*/
}
.cartoonIdxcap {
	width: 338px;
	margin: 0px;
	padding: 5px 10px 10px 10px;
	float: right;
}
.cartoonIdxname {
	font-size: 80%;
	margin: 0px 0px 0px 0px;
}
.cartoonIdxtitle {
	font-size: 80%;
	line-height: 140%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
.topImg {
    border:1px #cccccc solid;
}

.btnRead {
    text-align:center;
	margin:20px 0 0 0
}

.btnRead img{
    width:105px;
	border:none;
}
.detail {
    display:block;
	text-align:right;
	font-size: 80%;
	color: #777777;
	margin: 10px 9px 5px 5px;
}
.detail img{
    margin:0 0px 0 0;
	padding:0 2px 0 0;
}
div.cOutline {
width:500px;
text-align:left;
font-size:80%;
margin:10px 0 0 0;
padding:5px 5px 5px 5px;
}
div.cOutline h4{
margin:5px 0 0 0;
text-align:right;
font-size:100%;
font-weight:400;
}

div.adviceBox {
width:500px;
border:1px #CCCCCC solid;
}
div.adviceBox .titleBox {
text-align:center;
font-weight:bold;
background-color:#eeeeee;
border-bottom:1px #cccccc solid;
padding:3px 0 3px 0;
}

#main dl.commentDyn {
font-size:100%;
padding:0px 5px 5px 5px;
margin:20px 0 0 0;
}
#main dl.commentDyn dt {
font-size:90%;
text-align:right;
border:none;
padding:0 5px 0 0;
}
#main dl.comment {
font-size:100%;
padding:20px 5px 5px 5px;
margin:0px 0 0 0;
border-top:1px #cccccc dotted;
}
#main dl.comment dt {
font-size:90%;
text-align:right;
border:none;
padding:0 5px 0 0;
}

#main dl.commentDyn dd ol,#main dl.comment dd ol {
font-size:100%;
margin:5px 0 5px 23px;
padding:0 0 0 10px;
}