/* テーブル */
/*widthは並べたい枚数にあわせて調整*/
#gallery{
width:460px;
background-color:#ffffff;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
dl{
margin:3px;
margin-right:3px;
margin-bottom:1em;
padding:0px;
float:left;
width:150px;
font-size:12px;
border-width:1px 1px 0px;
border-style:none;
border-color:#ff8c00;
}
dl.side{
margin:3px;
margin-right:3px;
margin-bottom:1em;
padding:0px;
float:left;
width:170px;
font-size:12px;
border-width:1px 1px 0px;
border-style:none;
border-color:#ff8c00;
}
dt{
margin:0px;
padding:0px;
}
dd{
margin:0px;
padding:4px 0.5em;
border-color:#ff8c00;
border-bottom:1px none;
}
/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
dd.name{
height:2.2em;
border-top:1px solid #0033cc;
border-left:10px solid #0033cc;
color: #ffffff;
background-color: #3399ff;
border-color:#ff8c00;
}
dd.name1{
height:2.2em;
border-top:1px solid #ff69b4;
border-left:10px solid #ff69b4;
color: #ffffff;
background-color: #ffb6c1;
border-color:#ff8c00;
}
dd.name2{
height:2.2em;
border-top:1px solid #009900;
border-left:10px solid #009900;
color: #ffffff;
background-color: #00cc00;
border-color:#ff8c00;
}
dd.name3{
height:2.2em;
border-top:1px solid #996600;
border-left:10px solid #996600;
color: #ffffff;
background-color: #cc9900;
border-color:#ff8c00;
}
dd.name_more{
height:2.2em;
border-top:1px solid #696969;
border-left:10px solid #696969;
color: #ffffff;
background-color: #a9a9a9;
border-color:#ff8c00;
}
dd.name_side{
padding:7px 15px;
height:3.5em;
color: #ff4500;
background-image: url('plate.gif');
border-color:#ff8c00;
}
dd.comment{
height:3.6em;
background-color:#b0e0e6;
border-color:#ff8c00;
}
dd.comment1{
height:3.6em;
background-color:#ffdab9;
border-color:#ff8c00;
}
dd.comment2{
height:3.6em;
background-color:#ccff99;
border-color:#ff8c00;
}
dd.comment3{
height:3.6em;
background-color:#ffcc66;
border-color:#ff8c00;
}
dd.comment_more{
height:3.6em;
background-color:#dcdcdc;
border-color:#ff8c00;
border-style:none;
}
dd.star{
height:1.2em;
border-color:#ff8c00;
}
/* --- 影部 --- */
/* 評価部 */
.starlevel5 {
background-image: url('starlevels.gif'); /*星画像*/
background-repeat: no-repeat; /* 繰り返しはナシ */
width: 75px; /* 横幅は星５つ分 */
height: 15px; /* 高さは星１つ分 */
}
.star50 { background-position: left top; }
.star40 { background-position: -15px top; }
.star30 { background-position: -30px top; }
.star20 { background-position: -45px top; }
.star10 { background-position: -60px top; }
.star00 { background-position: -75px top; }
.star45 { background-position: -150px top; }
.star35 { background-position: -165px top; }
.star25 { background-position: -180px top; }
.star15 { background-position: -195px top; }
.star05 { background-position: -210px top; }
/* --- ボックス内の段落 --- */
p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}