@charset "UTF-8";

#mainimage2 {
 background : url(../images/otopon/official/title.jpg);
 width:800px;
 height:200px;
 text-align:left;
 margin:0 auto;
 }

dt {
 font-weight: bold;
 line-height: 120%;
 margin: 2px;
}
dd {
 margin: 2px auto 5px 1em;
 line-height: 120%;
}

table.site_info {
 background-color: #202020;
 border: 0px;
 margin: 0.5em 0px;
 padding: 0px 0px 1px 1px;
}

.site_info th, td {
 text-align: center;
 background-color: #ffffff;
 padding: 0.7em;
 margin: 1px 1px 0px 0px;
}

th.gray_down, td.gray_down {
 color: #666;
 background-color: #f0f0f0;
}


 /* betaペイン（右ペイン）の設定
---------------------------------------------------- */

/* betaペイン：外枠の指定 */
#beta2 {
 width:210px;
 float:left;
 }

/* betaペイン内枠divの指定
   マージンやパディングは基本的に内枠で行ってください。
   外枠の数値を変えるとレイアウトが崩れる場合があります */
#beta2-inner {
 margin:0px 0 10px 0;
 background:#dbdbdb;
 padding:0;
 border:#999 solid 1px;
 color:#111;
 }
 
#beta2-inner a {
 color: #064;
 }
 
#beta2-inner a:hover {
 color: #F80;
 }

/* betaペイン：h2タグの指定 */
#beta2 h2 {
 margin : 0;
 padding: 6px;
 font-size:14px;
 line-height: 100%;
 font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif;
 font-weight: bold;
 color:#black;
 text-shadow: #000 2px 2px 2px;
 text-align:center;
 background-color : #ff9000;
 border-top: 2px solid #804800;
 border-bottom: 2px solid #804800;
 }
 
#beta2 h2 a {
 color:#FFF;
 }