/* ********** メインイメージの背景画像指定 ********** */
#mainimage {
background-image: url(img/imagebg.jpg);
}

/* ********** 共通事項 ********** */

.bodys {
width: 700px;
min-height: 150px;
margin: 0 10px 10px 10px;
}

.bodysleft {
float: left;
width: 440px;
min-height: 50px;
margin-right: 10px;
}
.bodysright {
float: right;
width: 250px;
min-height: 140px;
padding: 10px 0 0 0;
}

.textbr {
margin: 10px 0;
}

.red {
color: #ff0000;
}

.guidetable {
width: 440px;
}

/* ********** 詳細ページ共通事項 ********** */

.skilllist {
float: left;
width: 145px;
height: 500px;
margin-right: 15px;
padding: 5px;
line-height: 1.3em;
}

.skilllistone {
width: 135px;
min-height: 15px;
margin-bottom: 10px;
}

.skilllisttitle {
width: 128px;
height: 21px;
padding: 5px 0 0 7px;
margin-bottom: 5px;
color: #ffffff;
background-image: url(/chair/img/skilllisttitlebg.gif);
}

a.skilllistlink { text-decoration: none; }
a.skilllistlink:link { color: #ff0000; }
a.skilllistlink:visited { color: #ff0000; }
a.skilllistlink:hover { color: #ff9900; }
a.skilllistlink:active { color: #663300; }


#details {
float: right;
width: 530px;
min-height: 300px;
}

/* ****** 動画部分 ****** */
#detailguide {
width: 520px;
height: 180px;
margin-bottom: 10px;
}
#detailmovie {
float: left;
width: 240px;
height: 180px;
}
#detailtext {
float: right;
width: 270px;
height: 180px;
line-height: 1.3em;
}




.detailminititle {
width: 520px;
height: 21px;
margin: 0 0 10px 0;
padding: 5px 0 0 10px;
color: #ffffff;
background-color: #663300;
}

.detailarea {
width: 530px;
height: 220px;
margin: 0 0 5px 0;
}

.detailone {
float: left;
width: 160px;
min-height: 50px;
margin-left: 5px;
padding: 5px;
background-image: url(/chair/img/detailonebg.gif);
}

.detailpic {
width: 160px;
height: 120px;
}

.detailtext {
width: 150px;
min-height: 80px;
padding: 0 5px 0 5px;
margin-top: 5px;
}

/* ********** メインコンテンツの画像上下枠設定 ********** */
.pcimgs {
margin: 10px 0 0 0;
}

/* ********** テーブルの設定 ********** */

table, tr, td {
border-collapse: collapse;
border: 1px #663300 solid;
}
td {
padding: 5px;
}

td.hiphoptitle {
background-color: #FFCC99;
}

td.crewname {
width: 200px;
background-color: #FFCC99;
}

td.movietitle {
font-weight: bold;
background-color: #FFCC99;
}
td.movietext {
vertical-align: top;
width: 165px;
}

table.teigi {
width: 700px;
}
td.teigit {
width: 250px;
background-color: #FFCC99;
}

td.tiw {
width: 100px;
background-color: #FFFFCC;
}

/* ********** 基本的な流れ ********** */

.nagaretitle {
color: #ff0000;
font-weight: bold;
}

.nagarepic {
width: 700px;
}
.nagarepicpic {
float: left;
width: 150px;
height: 150px;
margin-right: 10px;
}