/* ◆コメント欄の文字のデザイン調整◆ */

#commentTextArea {

	color: #505050; /* 文字色 */

	font-size: 17px; /* 文字サイズ */

	line-height: 150%; /* 行間 */

	padding: 8px 10px 8px 11px; /* テキスト周辺の余白 */

	width: 411px; /* テキストエリア 横サイズ */
	height: 228px; /* テキストエリア 縦サイズ */

	background-color: rgba(255,255,255,0); /* 背景は透明にしてあります。ここで背景色を変えるのではなく、「imeges」フォルダ内の「gra_text_front.png」を差し替えて好きな画像を表示させるのがおすすめです。 */

}



/* ◆棋譜ジャンプメニューのデザイン調整◆ */

.ui-combobox {

	color: #505050; /* 文字色 */

	padding: 0 0 0 15px; /* テキスト周辺の余白 */

	background-color: rgba(255,255,255,0.8); /* 背景色と不透明度 */

}



/* ◆以下、その他のデザイン◆ */

#dialog {
	display: none;
	text-align: center;
}

#dialog.fill {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

#dialog.fill .dialogArea {
	position:absolute; 
	top:100px;
	left:650px;
}

.commentArea {
	display: none;
	position:absolute; 
	top:238px;
	left:744px;
	z-index: 10;
}

.kiziad {
	padding:0px !important;
}

.adleft {float:left; width:336px;}
.adright {float:right; width:336px;}

.adleft2 {float:left; width:136px;}
.adright2 {float:right; width:136px;}

button.button2 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.2em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 20px;
}