/* ==================================================== */
/* ===== この css は web-TsPro 専用です、他のプロジェクトに使用しないこと =====*/
/* ===== webob1N.css : PC画面向けのCSSを定義                                          ===== */
/* ==================================================== */
div.maxwidth{ max-width:1024px; }
p.err{ color:red; font-size:20px; }
div.err{ color:red; font-size:20px; }
div.result dd{ margin-bottom:28px; }
.p{ font-size:30px; }
input[type=text]{ width:500px; height:50px; }
input[type=password]{ width:500px; height:50px; }
input.comment{ width:80%; height:18px; }
/* 画面全体の色を指定する、color:文字の色、background-image:背景の画像 */
.body1 {color:#eeeeee; background-image:url(./_themes/wall/wertilea.jpg); margin:30; padding:10; line-height:1.2; }
/* 画面全体の色を指定する、color:文字の色、background-image:背景の画像 */
.body2 {color:#000000; background-image:url(./_themes/wall/wertilea.jpg); margin:30; padding:10; line-height:1.2; }
/* link */
/*  a:link{ color: #66d8e9; }  未訪問  これだとメールのリンクに対して効かない */
a:link{ color:#66d8e9; text-decoration: none; } /* 未訪問 */
a:visited{ color: #66d8e9; text-decoration: none;} /* 訪問済み */
a:hover{ color: #ffcc33; } /* ポイント時 */
a:active{ color: #ff6000; } /* 選択中 */
.title{ font-size:30px; color:#ff8899; }
.textarea{ width:500px; }
.font0{ font-size:10px; }
.font1{ font-size:16px; }
.font2{ font-size:26px; }
.font3{ font-size:36px; }
.font4{ font-size:50px; }
.fontGuest{ font-size:22px; }
.txtbgcl1{ background-color: #d0d0e0;}
table.phtolist {width: 100%; border-color:"#ff88aa"; border-spacing:10px;}
table.phtoUplist {border-color:"#ff88aa"; border-spacing:0px;}
td.center { text-align: center; }
td.left { text-align: left; }
table.guestbook {width: 98%; border-color:"#ff88aa"; border-spacing:0px;}
table.guestbook2 {width: 98%; border-color:"#ff88aa"; border-spacing:0px;}
table.userupdate1 {width: 600px;}
table.main {width: 100%; font-size:26px; border-spacing:8px;}
/* ユーザレベル一覧表示のテーブルスクロール用 */
thead.scrollHead{ display:block; }
tbody.scrollBody{ display:block; overflow-y:scroll; height:380px; }
.userLevel { border: 1px #000099 solid; border-spacing:0px;}
/* ヘッダとボディの幅を指定する */
td,th.levelList{ table-layout:fixed; height:20px;}
.nameH{ width:160px; text-align: center; border: 1px #000099 solid; border-spacing:0px; background-color: #ff8888;}
.nameD{ width:160px; text-align: center; border: 1px #000099 solid; border-spacing:0px; background-color: #88ffff;}
.levelH{ width:60px; text-align: center; border: 1px #000099 solid; border-spacing:0px; background-color: #ff8888;}
.levelD{ width:60px; text-align: center; border: 1px #000099 solid; border-spacing:0px; background-color: #88ffff;}
/* inputボタンに幅と角丸の指定をする */
input.btn1 { width: 150px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* inputボタンの幅を指定する */
input.btn2 { width: 200px;}
/* inputボタンの幅を指定する */
input.btn3 { width: 100px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* goodlist2.jspでのボタンの幅を指定する */
input.btn4 { width: 80px; height:24px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* inputボタンにフォーカスがあたった時の指定 */
input:hover { background-color:#24d; color:#ffcc33;}
/*
 * ゲストブック(guestbook.jsp)の投稿の「良いね!」のポップアップウィンド用CSSです。
 */
div.popupGuestBox{
  position:absolute;
  padding: 3px;
  margin-top: 2.0em;
  border:1px solid #666666;
  border-radius: 5px;
  left:10;
  font-size: 0.8rem;
  color:#000000;
  background:   #C0FFC0;
}
/*
 * ゲストブック(guestbook.jsp)の投稿に対する、良いね/コメントのインラインの一覧用CSSです。
 */
/* 一番外側の枠(インデント0,4,8) */
div.commentBox0{
  margin-left: 2px;
  padding: 3px;
  font-size: 0.8rem;
  color:#FFFFFF;
  border:2px solid #32cd32;
  border-radius: 8px;
  width: 99%;
}
/* 一番外側の枠(インデント0,4,8)の罫線 */
p.commentLine0{
  border-bottom: 2px dashed #32cd32; /* 線幅、線種、色 */
}

/* ２段目の枠(インデント１,5,9) */
div.commentBox1{
  margin-left: 2px;
  padding: 3px;
  font-size: 0.8rem;
  color:#FFFFFF;
  border:2px solid #00bfff;
  border-radius: 8px;
  width: 99%;
}
/* ２段目の枠(インデント１,5,9)の罫線 */
p.commentLine1{
  border-bottom: 2px dashed #00bfff; /* 線幅、線種、色 */
}

/* ３段目の枠(インデント２,6,10) */
div.commentBox2{
  margin-left: 2px;
  padding: 3px;
  font-size: 0.8rem;
  color:#FFFFFF;
  border:2px solid #ffff00;
  border-radius: 8px;
  width: 99%;
}
/* ３段目の枠(インデント２,6,10)の罫線 */
p.commentLine2{
  border-bottom: 2px dashed #ffff00; /* 線幅、線種、色 */
}

/* 4目の枠(インデント3,7,11) */
div.commentBox3{
  margin-left: 2px;
  padding: 3px;
  font-size: 0.8rem;
  color:#FFFFFF;
  border:2px solid #ff8000;
  border-radius: 8px;
  width: 99%;
}
/* 4目の枠(インデント3,7,11)の罫線 */
p.commentLine3{
  border-bottom: 2px dashed #ff8000; /* 線幅、線種、色 */
}

.commentTBL{
    width: 100%;
    display: table;
}
table td{
      word-break : break-all;
}