/*
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃■C-BOARD PC用スタイルシート　　　　　　　　　　　　　　　　　　　　　　　　┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
*/

/* ------------------------------------------------------ << Web Font >> ---- */
@font-face {
    font-family: 'ralewayregular';
    src: url('http://www.ts-software-jp.net/fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('http://www.ts-software-jp.net/fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'abril_fatfaceregular';
    src: url('http://www.ts-software-jp.net/fonts/abrilfatface-regular-webfont.woff2') format('woff2'),
         url('http://www.ts-software-jp.net/fonts/abrilfatface-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rounded_mplus_1c_light';
    src: url('http://www.ts-software-jp.net/fonts/mplusrounded1c-light-webfont.woff2') format('woff2'),
         url('http://www.ts-software-jp.net/fonts/mplusrounded1c-light-webfont.woff') format('woff');
}

/* ------------------------------------- << Basic Information >> ---- */
body {
  -webkit-text-size-adjust: 100%;
  padding: 0;
  margin: 0;
  color: #000000;
  background: #ffffff;
  background-repeat:no-repeat;
  background-position: left top;
  font-size: 16px;
  font-family:Arial, sans-serif;
}
img {
  border: none;
}
strong {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
}

/* -------------------------------------- << Area Information >> ---- */
#header_area {
  position: fixed;
  z-index: 40;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background: #ffffff;
}
#header_menu_area {
  position: fixed;
  right: 10px;
  top: 15px;
  color: #aaaaaa;
  font-size: 16px;
  font-family: 'ralewayregular', Arial, sans-serif;
}
#header_under_area {
  position: fixed;
  top: 40px;
  left: 0px;
  width: 100%;
  height: 10px;
  border-top: solid 2px #dd0000;
}
#contents_area {
  position: absolute;
  left: 20px;
  top: 70px;
  width: calc( 100% - 40px );
}
#contents_area tr {
  font-size: 16px;
  font-family:Arial, sans-serif;
}
#subcontents_footer_area {
  position: fixed;
  z-index: 30;
  left:    0px;
  bottom:  0px;
  width:  100%;
  height: 20px;
  background: #ffffff;
  border-top: solid 2px #dd0000;
}

/* ------------------------------------- << Frame Information >> ---- */
#header_title {
  position: relative;
  left: 5px;
  top: -2px;
  font-family: 'ralewayregular', Arial, Helvetica, sans-serif;
  font-size: 30px;
}
#footer_right_text {
  position: absolute;
  right: 10px;
  bottom: 3px;
  color: #666666;
  font-family: 'abril_fatfaceregular', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* ------------------------------------- << Other Information >> ---- */
.header_logo {
  position: relative;
  top: 2px;
  left: 4px;
  width: 35px;
  height: 35px;
}
.header_hr {
  position: relative;
  top: -10px;
  border-style: solid;
  border-color: #dd0000;
}
.menu_back_image {
  width: 18px;
  height: 36px;
}
.menu_cback_image {
  padding-top: 4px;
  background-size: auto 36px;
}
.vline {
  margin-left: 5px;
  margin-right: 5px;
  border-right: solid 1px #444444;
}

/* ================================ << ハンバーガーメニュー用 >> ==== */
#menu-cb {
  display: none;
}
#menu-icon {
  display: none;
}
#menu-background {
  display: none;
}
#ham-menu {
  display: none;
}



/* ------------------------------------- << Color Information >> ---- */
a:link{
  color:#0000cc;text-decoration:none;
}
a:visited{
  color:#0000cc;text-decoration:none;
}
a:active{
  color:#ff0000;text-decoration:none;
}
a:hover{
  position:relative;top:1px;left:1px;
  color:#ff0000;text-decoration:none;
}

a.Menu:link{
  color: #0033cc;
}
a.Menu:visited{
  color: #0033cc;
}
a.Menu:active{
  color: #ff6633;
}
a.Menu:hover{
  color: #ff6633;
}
a.TreeParentSubject:link{
  color: #000080;
}
a.TreeParentSubject:visited{
  color: #000080;
}
a.TreeParentSubject:active{
  color: #000080;
}
a.TreeParentSubject:hover{
  color: #000080;
}
a.TreeChildSubject:link{
  color: #666666;
}
a.TreeChildSubject:visited{
  color: #666666;
}
a.TreeChildSubject:active{
  color: #666666;
}
a.TreeChildSubject:hover{
  color: #666666;
}
a.NumberSubject:link{
  color: #666666;
}
a.NumberSubject:visited{
  color: #666666;
}
a.NumberSubject:active{
  color: #666666;
}
a.NumberSubject:hover{
  color: #666666;
}
a.TopicSubject:link{
  color: #666666;
}
a.TopicSubject:visited{
  color: #666666;
}
a.TopicSubject:active{
  color: #666666;
}
a.TopicSubject:hover{
  color: #666666;
}
a.ThreadHeadline:link{
  color: #666666;
}
a.ThreadHeadline:visited{
  color: #666666;
}
a.ThreadHeadline:active{
  color: #666666;
}
a.ThreadHeadline:hover{
  color: #666666;
}
a.CsnLink:link{
  color:#0000cc;text-decoration:none;

}
a.CsnLink:visited{
  color:#0000cc;text-decoration:none;

}
a.CsnLink:active{
  color:#ff0000;text-decoration:none;

}
a.CsnLink:hover{
  color:#ff0000;text-decoration:none;

}
span.necessary {
  color:red;
}
span.TopicHeader {
  color: #666666;
  font-weight: bold;
}
.AllAgent {
  color:#999999;
}
.AllBody {
  color:#000000;
}
.AllBody1 {
  color:#000000;
}
.AllBody2 {
  color:#cc0000;
}
.AllBody3 {
  color:#00cc00;
}
.AllBody4 {
  color:#0000cc;
}
.AllBody5 {
  color:#444444;
}
.AllBodyQuot1 {
  color:#008000;
}
.AllBodyQuot2 {
  color:#000080;
}
.AllBodyQuot3 {
  color:#cc6600;
}
.AllDate {
  color:#666666;
}
.AllDelete {
  color:#666666;
}
.AllDeleteInput {
  color:#666666;
}
.AllFile {
  color:#666666;
}
.AllHit {
  color:#666666;
}
.AllMasterName {
  color:#666666;
}
.AllName {
  color:#666666;
}
.AllReply {
  color:#666666;
}
.AllReplyInput {
  color:#666666;
}
.AllSubject {
  color:#0033cc;
}
.AllTree {
  color:#666666;
}
.BseId {
  color:#ff0000;
}
.Count {
  color:#666666;
}
.Custom {
  color:#666666;
}
.CustomInput {
  color:#666666;
}
.CustomWarn {
  color:#ff0000;
}
.Error {
  color:#000080;
}
.ErrorSmall {
  color:#ff0000;
}
.IndexBase {
  color:#666666;
}
.IndexTitle {
  color:#ffffff;
}
.Mail {
  color:;
}
.MailInput {
  color:;
}
.MailWarn {
  color:;
}
.Master {
  color:#000000;
}
.MasterInfo {
  color:#ffffff;
}
.MasterInput {
  color:#000000;
}
.MasterSepa {
  color:#999999;
}
.MasterTips {
  color:#ff0000;
}
.MasterTitleInput {
  color:#000000;
}
.MasterTitleSub {
  font-size:16pt;
  color:#494949;
}
.MasterWarn {
  color:#ff0000;
}
.Menu {
  color:#0033cc;
}
.MenuInput {
  color:#666666;
}
.MenuOut {
  color:#666666;
  font-size: 16px;
}
.MenuSelect {
  color:#ffffcc;
}
.MenuSend {
  color:#666666;
}
.MenuSplit {
  color:#dddddd;
}
.NumberDate {
  color:#666666;
}
.NumberMasterName {
  color:#666666;
}
.NumberName {
  color:#666666;
}
.Post {
  color:#666666;
}
.PostInput {
  color:#666666;
}
.ResultInfo {
  color:#666666;
}
.ResultLogName {
  color:#000080;
}
.ResultLogTree {
  color:#808080;
}
.ResultSummary {
  color:#666666;
}
.Search {
  color:#666666;
}
.SearchInput {
  color:#666666;
}
.TopicDate {
  color:#666666;
}
.TopicLatest {
  color:#999999;
}
.TopicMasterLatest {
  color:#666666;
}
.TopicMasterName {
  color:#666666;
}
.TopicName {
  color:#666666;
}
.TopicReply {
  color:#666666;
}
.TreeChildDate {
  color:#666666;
}
.TreeChildMasterName {
  color:#666666;
}
.TreeChildName {
  color:#666666;
}
.TreeParentDate {
  color:#000080;
}
.TreeParentMasterName {
  color:#000080;
}
.TreeParentName {
  color:#000080;
}
.Version {
  color:#0000cc;
}