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

/* ********** 説明のfloat部分 ********** */
#guide1, #guide2, #guide3, #guide4, #guide5 {
width: 700px;
min-height: 10px;
padding: 0 10px 0 10px;
margin-bottom: 15px;
background-color: ff00ff;
}
.guide1a, .guide2a, .guide3a, .guide4a {
float: left;
width: 380px;
}
.guide1b, .guide2b, .guide3b, .guide4b {
float: right;
width: 300px;
}

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

/* ********** HIPHOP四大要素の枠 ********** */
table#hiphop4 {
border: 1px #663300 solid;
}

th.pcimgs {
background-color: #663300;
color: #ffffff;
}

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

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;
}

tr.titles {
background-color: #FFCC99;
}

/* ********** リンク文字色 ********** */

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

/* ********** 前ページに戻る ********** */

#schoolpageback {
width: 720px;
height: 20px;
padding: 7px 0 0 0;
margin: 5px 0;
text-align: center;
background-color: #663300;
}

a.back { text-decoration: none; }
a.back:link { color: #ffffff; }
a.back:visited { color: #ffffff; }
a.back:hover { color: #FF0000; }
a.back:active { color: #663300; }

/* ********** ダンスジャンル、地域・エリアから選ぶ（検索） ********** */

#pagecontentsarea #condition {
width: 720px; height: 375px; margin-bottom: 15px; background-image: url(/school/img/conditionbg.jpg); background-repeat: no-repeat;
}

#pagecontentsarea #condition .title {
width: 710px; padding: 5px; font-weight: bold; font-size: 14px;
}

#pagecontentsarea #condition .title .sub {
font-weight: normal; font-size: 12px; color: #666666;
}

#pagecontentsarea #condition .select1 {
width: 700px; height: auto; margin: 5px 10px 20px 10px;
}

#pagecontentsarea #condition .select2 {
width: 700px; height: auto; margin: 0 10px 15px 10px;
}

#pagecontentsarea #condition .select3 {
width: 700px; height: auto; margin: 5px 10px 20px 10px;
}

#pagecontentsarea #condition .select2 .one, #pagecontentsarea #condition .select3 .one {
float: left; padding: 5px 20px 5px 5px;
}

#pagecontentsarea #condition #button {
width: 720px; height: auto; text-align: center;
}

#pagecontentsarea #condition #button .submit {
padding: 10px; font-size: 14px; font-weight: bold;
}

/* ********** ダンスジャンル、地域・エリアから選ぶ（結果） ********** */

#pagecontentsarea #result {
width: 710px; min-height: 100px; height: auto; margin: 0 5px; background-color: #FFffff;
}

#pagecontentsarea #result #traffic {
width: 710px; border-bottom: 1px dotted #ffcc99; font-weight: bold; font-size: 14px; margin-bottom: 5px;
}

#pagecontentsarea #result .schoollist {
float: left; width: 708px; height: auto; border: 1px solid #663300; margin: 5px 0;
}

#pagecontentsarea #result .schoollist .name {
width: 698px; height: auto; background-color: #663300; color: #FFFFFF; font-weight: bold; font-size: 14px; padding: 5px;
}

#pagecontentsarea #result .schoollist .about {
width: 688px; height: auto; padding: 10px;
}

#pagecontentsarea #result .schoollist .about .pic {
float: left; width: 140px; height: 105px;
}

#pagecontentsarea #result .schoollist .about .text {
float: left; width: 548px; height: 105px;;
}

#pagecontentsarea #result .schoollist .about .text a { text-decoration: underline; }
#pagecontentsarea #result .schoollist .about .text a:link { color: #0000ff; }
#pagecontentsarea #result .schoollist .about .text a:visited { color: #663399; }
#pagecontentsarea #result .schoollist .about .text a:hover { color: #ff0000; }
#pagecontentsarea #result .schoollist .about .text a:active { color: #ff9900; }


/* ********** ダンススクール掲載申し込み ********** */

#pagecontentsarea .schoolinput {
width: 700px; height: auto; margin: 5px 10px 25px 10px;
}

#pagecontentsarea .schoolinput table {
margin-bottom: 20px;
}

#pagecontentsarea .schoolinput table, #pagecontentsarea .schoolinput tr, #pagecontentsarea .schoolinput th, #pagecontentsarea .schoolinput td {
border: none;
}

#pagecontentsarea .schoolinput th, #pagecontentsarea .schoolinput td {
padding: 10px;
border-bottom: 1px dotted #ffcc66;
line-height: 1.3em;
}

#pagecontentsarea .schoolinput th {
text-align: left;
width: 160px;
}

#pagecontentsarea .schoolinput .button {
width: 700px; height: auto; text-align: center;
}

#pagecontentsarea .schoolinput .button input.buttons {
padding: 5px; font-weight: bold; font-size: 16px;
}

#pagecontentsarea .schoolinput ul {
list-style-type: square;
margin: 10px 0 0 25px;
}

#pagecontentsarea table.check {
width: 700px;
}

#pagecontentsarea table.check th {
background-color: #ffcc99;
}

#pagecontentsarea table.check, #pagecontentsarea table.check tr, #pagecontentsarea table.check th, #pagecontentsarea table.check td {
border: 1px solid #663300;
}

#pagecontentsarea table.check td .alert {
color: #FF0000;
}

#pagecontentsarea #checkback {
width: 720px; text-align: center; margin-bottom: 10px;
}