#mainimage {
 background-image: url(/fortune/img/imagebg.jpg);
}

#fortunelist {
 width: 730px;
 height: auto;
 padding: 0 15px;
 margin: 10px 0;
}

#fortunelist div#title {
 width: 730px;
 height: 106px;
 margin: 0 0 10px 0;
}

#fortunelist div#guide {
 width: 730px;
 height: auto;
 margin: 10px 0 5px 0;
 line-height: 1.3em;
}

#fortunelist div#list {
 width: 730px;
 height: auto;
 background-image: url(/fortune/img/listbg.jpg);
}

#fortunelist div#list dl {
 clear : both;
 width: 380px;
 height: 325px;
 margin: 0 0 10px 15px;
}

#fortunelist div#list dt {
 float: left;
 width: 265px;
 height: 15px;
 padding: 15px 0 0 0;
 border-bottom: 1px dotted #ff9900;
}

#fortunelist div#list dd {
 float: left;
 width: 115px;
 height: 17px;
 font-weight: bold;
 padding: 13px 0 0 0;
 border-bottom: 1px dotted #ff9900;
}

#fortunelist div#button {
 width: 730px;
 height: 40px;
 text-align: center;
}

#fortunelist div#button input {
 padding: 5px 10px;
 font-weight: bold;
}

#fortunelist div#result1 {
 width: 200px;
 height: 83px;
 font-size: 38px;
 font-weight: bold;
 color: #ffffff;
 padding: 23px 0 0 530px;
 margin-bottom: 10px;
 font-family: 'Bevan', arial, serif; 
 background-image: url(/fortune/img/result1bg.jpg);
}

#fortunelist div#result2 {
 width: 700px;
 height: auto;
 margin: 10px 15px;
 line-height: 1.3em;
}

#fortunelist div#result2 span.red {
 color: #FF0000;
 font-weight: bold;
}

#fortunelist div#result3 {
 text-align: center;
}

div#alert {
 width: 730px;
 height: auto;
 color: #FF0000;
 margin: 10px 15px;
 line-height: 1.3em;
}

div#alert a {
 color: #ff0000;
 font-weight: bold;
}


div#back {
 width: 730px;
 height: auto;
 text-align: center;
 font-weight: bold;
 margin: 20px 0;
}

div#back a { padding: 10px; border: 1px solid #ff0000; }
div#back a:link { color: #ff0000; background: #FFFFCC; }
div#back a:visited { color: #ff0000; background: #FFFFCC; }
div#back a:hover { color: #ffffff; background: #FF0000; }
div#back a:active { color: #663300; background: #FFFFCC; }


/* ここに掲示板関連のCSS */
/* 一覧 */

#bbs {
 margin: 15px;
 clear: both;
}

#bbslist {
 width: 550px;
 min-height: 600px;
 float: left;
}

#bbslist .list {
 width: 550px;
 height: 17px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #663300;
 clear: both;
}

#bbslist .list .title {
 float: left;
 width: 240px;
 height: 12px;
 overflow: hidden;
 margin-bottom: 5px;
}

 {
 color: #ff0000;

}

#bbslist .list .title a:link { color: #ff0000; font-weight: bold; }
#bbslist .list .title a:visited { color: #ff0000; font-weight: bold; }
#bbslist .list .title a:hover { color: #ff9900; font-weight: bold; }
#bbslist .list .title a:active { color: #ff0000; font-weight: bold; }


#bbslist .list .name {
 float: left;
 width: 140px;
 height: 12px;
 text-align: center;
 overflow: hidden;
 margin-bottom: 5px;
}

#bbslist .list .time {
 float: left;
 width: 120px;
 height: 17px;
 text-align: center;
}

#bbslist .list .count {
 float: left;
 width: 50px;
 height: 17px;
 text-align: center;
}

#bbsad {
 width: 160px;
 height: 600px;
 float: left;
 margin-left: 15px;
}

/* 一覧のページャ */

#bbslist .pager {
 margin-bottom: 10px;
 text-align: center;
}

#bbslist .pager a:link { color: #ff0000; }
#bbslist .pager a:visited { color: #ff0000; }
#bbslist .pager a:hover { color: #ff9900; }
#bbslist .pager a:active { color: #ff0000; }


/* フォームへのアンカーリンク */

#bbslist .formanker {
 height: 25px;
 margin: 10px 15px 10px 0;
}

#bbslist .formanker a { padding: 10px; }
#bbslist .formanker a:link { color: #ffffff; background: #663300; }
#bbslist .formanker a:visited { color: #ffffff; }
#bbslist .formanker a:hover { color: #ff9900; }
#bbslist .formanker a:active { color: #ff0000; }


/* 詳細 */

#bbslist .listback {
 margin: 10px 0;
}

#bbslist .listback a:link { color: #ff0000; }
#bbslist .listback a:visited { color: #ff0000; }
#bbslist .listback a:hover { color: #ff9900; }
#bbslist .listback a:active { color: #ff0000; }

#bbslist .block {
 width: 548px;
 height: auto;
 border: 1px solid #663300;
 margin-bottom: 10px;
}

#bbslist .block .midashi {
 width: 528px;
 height: 17px;
 background: #ffffcc;
 clear: both;
 padding: 10px 10px 5px 10px;
 border-bottom: 1px solid #663300;
}

#bbslist .block .midashi .title {
 width: 270px;
 height: 12px;
 float: left;
 overflow: hidden;
 margin-bottom: 5px;
 padding-right: 8px;
 font-weight: bold;
}

#bbslist .block .midashi .name {
 width: 125px;
 height: 12px;
 float: left;
 overflow: hidden;
 text-align: center;
 margin-bottom: 5px;
}

#bbslist .block .midashi .times {
 width: 125px;
 height: 17px;
 float: left;
 text-align: center;
}

#bbslist .block .honbun {
 width: 528px;
 height: auto;
 padding: 10px;
 line-height: 1.3em;
}

#bbslist .block .urlmail {
 width: 528px;
 height: 17px;
 padding: 0 10px 5px 10px;
 clear: both;
}

#bbslist .block .urlmail .urlimg {
 width: 348px;
 height: 17px;
 text-align: right;
 float: left;
}

#bbslist .block .urlmail .url, #bbslist .block .urlmail .mail {
 width: 75px;
 height: 15px;
 text-align: right;
 float: left;
 padding-top: 2px;
}

#bbslist .block .urlmail .mailimg {
 width: 30px;
 height: 17px;
 text-align: right;
 float: left;
}

#bbslist .block .urlmail .url a:link { color: #663300; }
#bbslist .block .urlmail .url a:visited { color: #663300; }
#bbslist .block .urlmail .url a:hover { color: #ff9900; }
#bbslist .block .urlmail .url a:active { color: #ff0000; }
#bbslist .block .urlmail .mail a:link { color: #663300; }
#bbslist .block .urlmail .mail a:visited { color: #663300; }
#bbslist .block .urlmail .mail a:hover { color: #ff9900; }
#bbslist .block .urlmail .mail a:active { color: #ff0000; }


/* 投稿フォーム */

#inputtitle {
 width: 528px;
 height: auto;
 padding: 10px;
 border-top: 1px solid #663300;
 border-left: 1px solid #663300;
 border-right: 1px solid #663300;
 background: #663300;
 color: #ffffff;
}

#inputform {
 width: 528px;
 height: auto;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #663300;
}

#inputform .lines {
 width: 528px;
 height: auto;
 margin-bottom: 15px;
}

#inputform .lines .title {
 margin-bottom: 5px;
 font-weight: bold;
}

#inputform .lines .title .orange { color: #FF6600; }
#inputform .lines .title .red { color: #FF0000; }
#inputform .lines .gray { color: #999999; }

#inputform #submitbutton {
 width: 528px;
 height: auto;
 text-align: center;
 margin: 0 0 5px 0;
}

#inputform #submitbutton input {
 padding: 10px;
}


/* 入力確認 */

#bbslist table#check, #bbslist table#check tr, #bbslist table#check th, #bbslist table#check td {
 border: 1px solid #663300;
 border-collapse: collapse;
}

#bbslist table#check {
 margin-bottom: 15px;
}

#bbslist table#check th, #bbslist table#check td {
 padding: 7px;
}

#bbslist table#check td .red {
 color: #ff0000;
 font-weight: bold;
}

#bbslist table#check th {
 font-weight: normal;
 text-align: left;
 background: #ffffcc;
 width: 150px;
}

#bbslist table#check td {
 width: 378px;
}

.bbscomplete {
 width: 730px;
 height: 20px;
 text-align: center;
}

.bbscomplete a:link { color: #ff0000; }
.bbscomplete a:visited { color: #ff0000; }
.bbscomplete a:hover { color: #ff9900; }
.bbscomplete a:active { color: #ff0000; }


#bbslist .okbutton {
 width: 550px;
 height: 50px;
 text-align: center;
}

#bbslist .okbutton input {
 padding: 10px;
}

#bbslist td .checkalerttxt {
 color: #ff0000;
 padding: 0;
 margin: 5px 0 0 0;
}

#bbslist .kiyaku {
 width: 528px;
 height: 120px;
 overflow: auto;
 padding: 10px;
 border: 1px solid #cccccc;
 margin-bottom: 15px;
}

#bbslist .kiyaku h3 {
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 10px;
}

#bbslist .kiyaku h4 {
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 5px;
}

#bbslist .kiyaku p {
 margin: 0 0 10px 0;
 padding: 0;
 line-height: 1.3em;
}