/* Oebit Support CSS */
.spp body{
  background:#FFFFFF;
  color:#10194A;
}
.sea_title,.sea_peges a,.spp a{ color:#0651B2 }
.sea_title:hover,.sea_peges a:hover{ color:#C50054 }
.spp .pagelink{ color:#10194A }
.spp-menu{
  width:100%;
  height:24px;
  text-align:right;
  margin-top:7px;
  margin-bottom:7px;
  background:url( http://asp.oebit.jp/spp/images/menu-bg.gif ) no-repeat right;
}
.spp .spp-menu-keyword{ width:295px;text-align:right }
.spp .spp-menu-submit{ width:40px }
.spp .spp-menu-link{ width:310px }
.spp input,
.spp textarea{ font-family:"ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", Osaka, "verdana", arial, sans-serif !important; }

/* \*/
.spp .spp-menu-keyword,
.spp .spp-menu-submit,
.spp .spp-menu-link,
.spp-menu table{ width:auto }
.spp-menu table{ display:inline }
/* */


.spp-menu .post .icon{
  display:block;
  float:left;
  width:18px;
  height:17px;
  margin-left:2px;
  margin-right:0px;
  position:relative;
  left:-1px;
  background:url( http://asp.oebit.jp/spp/images/new-post2.gif ) no-repeat 50% 50%;
}
.spp-menu .sea-icon{
  width:19px;
  height:15px;
  margin-right:2px;
  background:url( http://asp.oebit.jp/spp/images/loope.gif ) no-repeat;
}
.spp-menu .post,.spp-menu .reload,
.spp-menu .admin,.spp-menu .sea_form .button{
  height:22px;
  display:block;
  float:left;
  font-size:10pt;
  font-weight:normal;
  margin-right:1px;
  margin-top:1px;
  padding:1px;
  color:#FFFFFF;
  border-top:1px solid #8A899C;
  border-bottom:1px solid black;
  border-left:1px solid #8A899C;
  border-right:1px solid black;
  background:#444354;
  text-align:center;
  vertical-align:middle;
}
.spp-menu .sea_form .button{display:inline;float:none;padding-top:4px}

/* \*/
.spp-menu .sea_form .button{padding-top:1px}
.spp-menu .post,.spp-menu .reload,
.spp-menu .admin,.spp-menu .sea_form .button
{height:18px;font-size:11pt;}
/* */

.spp-menu .reload,
.spp-menu .admin{ width:68; }
.spp-menu a{
  color:#DDDDDD;
  text-decoration:none;
}
.spp-menu a:hover{
  color:#FFFFFF;
  text-decoration:underline;
}

.spp-pr-bottom{ text-align:center }
.spp .reply {
  cursor : hand;
  width:100px;
  font-size:12pt;
  color:#FFFFFF;
  background:#444354;
  border-top:1px solid #8A899C;
  border-bottom:1px solid black;
  border-left:1px solid #8A899C;
  border-right:1px solid black;
}
.spp #pwin {
  border:1px solid #000000;
  border-bottom:2px solid #000000;
  border-right:2px solid #000000;
  background:#242F5A;
}
.spp #pwin .button{
  font-size:10pt;
  border:none;
  color:#FFFFFF;
  background:#242F5A;
  margin:2px;
}
.spp #pwin input.button{ border:1px solid #59648F }
.spp #pwin input.button{ font-weight:bold; height:12pt }
.spp #pwin .input{ font-size:8pt }
.spp #pwin td.f10{ padding-right:5px }
.spp .spp-user{ background:#FFFFFF }
.spp .MessageTitle{
  padding-left:20px;
  color:#021336;
  background:#5F8AC5;
  border-top:1px solid #020F22;
  border-bottom:2px solid #020F22;
  font-weight:bold;
  font-size:14pt;
  height:18pt;
}
.spp .MainMessage,
.spp .ResMessage{
  padding-left:20px;
  padding-top:5px;
  color:#273447;
}
.spp .edit-button,
.spp .delete-button {
  cursor : hand;
  font-size:10pt;
  color:#8F8F98;
  border:1px solid #A9A9B2;
  padding:1px 2px;
}
.spp .MessageTableRes{
}
.spp .TagMainUser TD,
.spp .TagResUser TD{
  padding:2px;
  padding-right:5px;
  margin-top:10px;
}

.spp .TagMainUser,
.spp .TagResUser{
  width:100%;
  font-size:10pt;
  margin:5px;
  margin-top:5px;
  background:#E7E7F0;
}
.spp .MainMessage,
.spp .ResMessage{
  padding-top:10px;
  border-top:1px solid #7E7E87;
}
.ThreadsTableOut{
  width:728px;
  border:1px solid black;
  padding:0px;
  margin:0px;
}
.ThreadsTableIn{
  width:728px;
  font-size:10pt;
  color:#4B4958;
}
.ThreadsTableIn TD A{
  color:#0B4DFF;
  text-decoration:none;
}
.ThreadsTableIn TD{
  padding : 2px;
  background : #F9FBFF;
  border-right : 1px solid #373544;
  border-bottom : 1px solid #373544;
}
.ThreadsTableIn TH{
  background  : #2B3C78;
  color     : #D8FFE3;
  border    : 1px solid #5465A1;
  border-bottom : 1px solid #000000;
  border-right  : 1px solid #000000;
  padding     : 2px;
}
.ItemDate, .ItemNumber{
  font-size: 10pt;
  background : #2F1C04;
}
.ItemName,.ItemReplyName,.ItemReplyTotal,.ItemKaiketu{
  text-align:center;
}

.ItemTitle{ width : 50% }
.ItemNumber{ width : 1%; text-align:right }
.ItemKaiketu{ width : 1% }
.ItemDate{ width : 10% }
.ItemReplyTotal{ width : 5% }
.TagNameCap {
  font-size : 8pt;
  vertical-align : middle;
  color : #FFCC33;
}
.ThreadsItemOk TD{ background : #E1F8E3 }


/*
  free
*/

.spp.free #AppletSubmit{
  color:black;
  background:#5F8AC5;
  border:1px solid #3B567A;
  border-bottom:2px solid #3B567A;
  border-right:2px solid #3B567A;
}

.spp.free .AppletTable select{
  background:#5F8AC5;
}

.spp .spp-menu .sea-icon{
  display:block;
  float:left;
  width:18px;
  height:18px;
  margin-top:3px;
  margin-right:2px;
  background:url( http://asp.oebit.jp/spp/images/loope.gif ) no-repeat;
}
.spp .spp-menu .input{
  height:19px;
  font-size:11pt;
  margin-top:1px;
  padding-left:3px;
  background:#CCCCCC;
  border:none;
  border-top:1px solid black;
  border-left:1px solid black;
}
.spp .spp-menu .sea-icon{ margin-left:12px }
.spp .spp-menu .button{ width:35px;height:15px;cursor:hand;text-align:center }
.spp .spp-menu .post{ width:160px }
.spp .spp-menu .input{ width:255px }
/* \*/
.spp .spp-menu .sea-icon{ margin-left:0px }
.spp .spp-menu .button{ width:50px;height:21px }
.spp .spp-menu .post{ width:140px }
.spp .spp-menu .input{ width:270px }
/* */
.spp .spp-menu .admin{ margin-right:5px }
.spp .pagelink{ text-align:center; padding:5px; }
.spp .pagelink a{ color:#6666CC }
.spp .pagelink a:hover{ color:#C50054 }

/* search */
.sea_head {
  font-size:10pt;
  background:#DADAEC;
  text-align:right;
  padding-top:3px;
  padding-bottom:3px;
  padding-right:10px;
  height:20px;
  border-top:1px solid #4D3E5A;
  border-bottom:2px solid #4D3E5A;
}
:root .sea_head { height:16px }
.sea_head .keyword, .sea_head .hits, .sea_head .sec,
.sea_head .hit-start, .sea_head .hit-last
{ font-weight:bold }
.sea_head .keyword { margin-right:5px }
.sea_form{
  padding:0px;
  margin-top :5px;
  margin-bottom :5px;
  margin-left:10px;
}
.sea_title{
  font-size:12pt;
  font-weight:bold;
  line-height:25px;
  text-decoration:underline;
  margin-left:15px;
}
.sea_data{
  font-size:10pt;
  line-height:20px;
  width: 680px;
  margin-left:20px;
}
.sea_info{
  font-size:10pt;
  color:#4B566F;
  margin-top:5px;
  margin-left:20px;
  margin-bottom:15px;
}
.sea_peges,.sea_none{text-align:center}
.sea_peges a,.sea_peges span{margin:0px 5px}
.sea_peges span{font-weight:bold;color:red}

#SearchKeywordInput,#SearchTargetSelect,#SearchTypeSelect,#SearchViewSelect,#SearchSubmit {
  background: #111111;
  color:	 #FFFFFF;
  font-size: 10pt;
  border: 1;
  border-color: #7788BB;
  border-style: solid;
}
.button,.submit,.back,.post,.reply,.reset{
    font-size   : 11pt;
    font-weight : bold;
    color       : #FFFFFF;
    background  : #444354;
    border:solid 1px #8A899C;
    border-right:solid 1px #000000;
    border-bottom:solid 1px #000000;
}
.button A,{ color:#FEFEFF; text-decoration:none }
/* フォーム入力スタイル */
.input,.select{
    font-size:10pt;
    border :1px solid #60699A;
    background    : #FCFFFF;
    color         : $TagBadyBgcolor;
}
/* 引用文スタイル */
.quot{
    color:#3366FF;
}
/* 罫線 */
hr {
    border-top  :1px solid #4F5E99;
}
A{ text-decoration : none }