#bbs-container {width:90%;margin:0 auto;}
dt {
 clear:left;
 float:left; /* for switch device */
 width:70px;
 text-align:center;
 line-height:1em;
 padding:2px 0;
}
dd {line-height:1em;padding:2px;}
.file-item {float:left;}
#bbs-input-in dt{font-weight:bold;}
#bbs-input-in dd{margin: 0 0 4px 70px;}
#postParsonName {width:20em;}
#postComment{width:96%;}
#postTitle{ width:95%;}
#bbs-input-action dd{float:left;} /* for switch device */
.bbs-input-action-item{float:left;} /* for switch device */
.bbs-input-action-or {margin:2px 1em;}
.LoginProvider {float:left;}
.bbs-input-action-auth { float:left; margin:2px 4px;}
/* 投稿入力 */
#bbs-input {margin-top:5px;background-color: #ffffff;border: 2px solid #999999;}
#bbs-input th {white-space:nowrap;width:70px;vertical-align:top;}
/* 投稿入力欄 */
#bbs-input-in {
 background-color: #ffffff;
 padding-top: 4px;
}
/* 投稿入力ボタン */
.bbs-input-buttom {
 font-size:18px;
 margin-top:5px;
 margin-bottom:5px;
}
/* 掲示板画像 */
.bbs-top-picture {
 float:left; 
 margin-right: 5px;
}

/* アクションボタン欄 */
#bbs-input-action {
 background-color: #eeeeee;
 padding: 5px 0;
 border-top:1px solid #CCCCCC;
}
#bbs-input-action p {
 font-weight:bold;
 display:inline;
}
#bbs-input-action span {
 color: #999999;
 font-size:80%;
}
/* 入力欄のメッセージ等 */
.bbs-input-action-guide {
 color: #999999;
 font-size:80%;
}
/*　入力確認の戻るリンク等 */
.bbs-input-actions {
 float:left;
 padding:10px 10px 0 0;
}
/*　アクション（投稿する等）ボタン */
.next-button {
 margin:0;
}

/* デフォルトボタン */
.default-button {
  font-weight:bold;
}

/* ページ切り替え */
.bbs-page {
text-align:center;
 margin-top: 3px;
 margin-bottom: 3px;
}
.bbs-page-control {float:left; margin-right:10px;}
.bbs-page-action {float:left;}
/* スレッド順 */
.bbs-page-s-y { /* である */
 font-weight: bold;
}
.bbs-page-s { /* でない */

}
/* 新着順 */
.bbs-page-n-y { /* である */
 font-weight: bold;
}
.bbs-page-n { /* でない */

}
/* スレッド一覧 */
.bbs-page-th-y { /* である */
 font-weight: bold;
}
.bbs-page-th { /* でない */

}
/* 投稿表示欄 */
#bbs-contents {

}
/*　投稿データ(1スレッド、1投稿情報） */
.bbs-data {
 background-color: #ffffff;
 border: 2px solid #888888;
 margin-top:4px;
 margin-bottom:4px;
}
.bbs-data-wrapper {
 padding:0.5em;
}
/* 投稿データ間のスペース */
.bbs-data-line-space {
  margin-bottom:30px;
}
/* 投稿内容（返信も含む） */
.bbs-data-content {
 margin-left:30px;
}
/*　タイトル(題目、投稿者など）先頭のタイトル */
.bbs-data-title {
 border: 1px solid #ffffff;
}
/*　題目(最初） */
.bbs-subject {
 font-size: 120%;
 font-weight: bold;
 color: #cc0000;
 display:inline;
}
/* 投稿者(最初）*/
.bbs-data-name{
 font-weight: bold;
}

/* 修正・削除欄 */
.bbs-title-action-a {
 color: #cccccc;
 font-size:80%;
 float:right; 
}
/* 修正・削除リンク表示 */
.bbs-title-action-a a:link { color:#999999; }

/* 投稿内容（最初） */
.bbs-data-top {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 word-wrap:break-word;/* iPhoneでリンク表示等を幅に合わせ改行させる */
}
/* タイトル(題目、投稿者など）のタイトル */
.bbs-data-title-reply {
 margin-bottom: 4px;
 padding-top: 0.5em;
}
.bbs-data-child-line {
 border-top: 1px solid #999999;
}
/* 返信ボタン行 */
.bbs-data-reply-action {
 border-top: 1px solid #999999;
 padding-top: 4px;
 margin-bottom: 4px;
}
/*　題目(返信） */
.bbs-subject-reply {
 font-size: 100%;
 font-weight: bold;
 color: #fd9a95;
 display:inline;
}
/* 投稿者(返信）*/
.bbs-data-name-reply{
 font-weight: bold;
 padding-top:12px;
}
/* 返信内容 */
.bbs-data-reply {
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 word-wrap:break-word; /* iPhoneでリンク表示等を幅に合わせ改行させる */
}
/* 投稿日時 */
.bbs-data-time {
 font-size:80%;
 color:#999999;
 padding-left:0.5em;
 white-space:nowrap;
}

/* 投稿内容画像 */
.bbs-data-content-p {
 float:left; 
 margin-right:8px;
 margin-bottom:8px;
}
/* 掲示板ヘッダー */
#bbs-header {

}
/* 各画面説明 */
#bbs-title-message {

}
/* 認証待ちなどのアラートメッセージ */
#bbs-message-alert {
 color:#ff0000;
}
/* 各画面フッター */
#bbs-fotter-message {

}
/* 掲示板フッター */
#bbs-fotter {

}
/* 投稿入力属性のエラー時のクラス */
.bbs-err-field {
 background:#ffff00;
}
/* スレッド一覧 */
table.bbs-thr-list {
 border-collapse:collapse; 
 width:100%;
}
.bbs-subject-thr {
 font-size: 100%;
 display: inline;
 font-weight: normal;
}
th.bbs-thr-th{
 background-color:#EEFBFB;
 padding:1px 5px 1px 5px;
 border-width:1px;
 border-style:solid;
 border-color:#CCCCCC;
 border-collapse:collapse;
 text-align:left;
}
td.bbs-thr-td{
 background-color:#ffffff;
 padding:5px 3px 5px 3px;
 border-width:1px;
 border-style:solid;
 border-color:#CCCCCC;
 border-collapse:collapse;
 text-align:left;
}
.bbs-thr-pic {
}
.bbs-subject-div, .bbs-subject-div-reply {float:left;}
.bbs-subject-div h3 {display:inline;padding:0 0.2em 0 0;}

.clearfix { zoom:1;}
.clearfix:before,
.clearfix:after {display:table; content:""; line-height:0;} 
.clearfix:after {clear:both;}

@media only screen and (max-width:750px){
 #bbs-container {width:95%;}
 .file-item > span {margin-left:0.7em};
 #bbs-input-action dd{float:none;margin-left:4px;}
 .bbs-input-action-item{float:none;}
 input,textarea {font-size:18px}
 iframe[src*="//www.youtube.com/embed/"] {width:320px;height:210px;}
}

@media only screen and (max-width:480px){
 #bbs-container h2{display:none;}
 .bbs-data-wrapper {padding:2px;}
 #bbs-container {width:100%;}
 #bbs-input, .bbs-data {border-left:none;border-right:none;}
 #bbs-input-in dt,#bbs-input-in dd, #bbs-input-action dt{margin-left:4px;}
 #bbs-input-in { background-color: #f8f8f8;}
 dt{float:none;text-align:left;}
 input,textarea {font-size:18px}
 .mailTitle {margin-left:4px;}
 .bbs-input-action-or > span {margin-left:1em};
 #bbs-input-action dd{float:none;margin-left:4px;}
 .bbs-input-action-item{float:none;margin-left:4px;}
 #postTitle,#postParsonName,#postMailAddress,#postComment,#file-input {width:300px;}
 #next-button-div-id{margin-left:0;}
 .bbs-page {text-align:left;margin:6px;}
 .bbs-page-control, .bbs-page-action {float:none;}
 .bbs-data-content {margin: 0 4px;}
 .bbs-data-title {padding:0.1em;}
 .bbs-data-title-reply{padding-top:0.2em;}
 .bbs-data-content-p {margin-right:3px;}
 .bbs-subject-div h3 {padding-top:2px;}
 iframe[src*="//www.youtube.com/embed/"] {width:280px;height:184px;}
}