/*----------------------------------------------------
	全体ボックス
----------------------------------------------------*/
/* IE */
#main {
	text-align:center; 
	margin:0px; 
	padding:0px;

	background-image:url("http://www5f.biglobe.ne.jp/~kio/5th_pre/img/20100724_01.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:50% 80px;

}

/* Mozira系 */
#wrapper {
	width: 1024px;
	margin: 0 auto;
	padding:0px;
	border: 0px gray solid;

}

/* iframe内用body設定 */
#innerBody {
	background-color: transparent;
}

/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/
.baseBox{
	margin:auto;
	padding:20px 0px;
	border: 0px dotted gray;
    width:1000px;

/*	height:450px;*/
}

/*----------------------------------------------------
	本文
----------------------------------------------------*/
.mainBox{
/*	position:absolute;*/
	margin:auto;
	border: 0px dotted gray;
    width:1000px;
}

/*----------------------------------------------------
	メニュー
----------------------------------------------------*/
/* 横並び用（4項目）のスタイルシート */  
#menuBox { /* メニュー全体のブロック */  
    margin: 15px 30px;   
    text-align: left; /* 行揃えはデフォルトで中央揃えに */  
    position: relative;
    width: 656	px; /* width(150*4) + α */  
	border: 0px dotted gray;
}   
  
#menuBox li.menuLink,   
#menuBox li.menuLink:link,   
#menuBox li.menuLink:visited,   
#menuBox li.menuLink:hover,   
#menuBox li.menuLink:active {   

	cursor:pointer;
    display: block;   
    font-size: 12px;   
    letter-spacing: 4px;   
    color: #bbb;    /* 文字色 */  
    background-color: #000;   
    border: 0px solid #555;   
    float: left;   
    width: 150px;   /* 個々のメニュー幅 */  
    padding: 2px 7px;   
    text-decoration: none;   
}   

/* floatプロパティを解除するためのクラス名 */  
.clearFloatLeft {   
    clear:left;   
    height:0;   
}   

/*----------------------------------------------------
	広告系
----------------------------------------------------*/
.cheerSpace{
	position:absolute;
	top:430px;
    width:580px;

	border: 0px dotted gray;
	text-align: left;

}

/*----------------------------------------------------
	web拍手
----------------------------------------------------*/
.webClap {
	position:absolute;
	margin:5% 0px 0px 0px;
	/*top: 460px;*/
	/*left: 200px;*/
    width:1000px;
	border: 0px dotted gray;
}

/*----------------------------------------------------
	コピーライト
----------------------------------------------------*/
.copyRight{
	margin:3% 0px 0px 0px;
	/*top: 460px;*/
	/*left: 200px;*/
    width:1000px;
	border: 0px dotted gray;
	text-align: center;
}

/*----------------------------------------------------
	タイトル　未使用
----------------------------------------------------*/
.titleBox {
	background-color: #220044;
    width:600px;
    height:20px;
	line-height: 200%
}

/*----------------------------------------------------
	ボタン　
----------------------------------------------------*/
.button {
	width:70px;
	height:19px;
	border:1px solid;
	background-color: transparent;
	font-size:12px;
	padding:0px;
	cursor:pointer;
	line-height: normal;
	margin: 1em 5px 0 5px;
	color: #eeeeee;
}













.scroll-pane {
	overflow: auto;
	width:500px;
	height: 250px;

	border:0px solid gray;
	text-align: center;

}

#flowPanel {
}

#txtArea {
	width:350px;
	height:80px;
	overflow: scroll;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
/*	background: #333333;*/
	cursor: pointer;
	overflow: hidden;
/*	background-image:url("http://www5f.biglobe.ne.jp/~kio/5th_pre/img/alpha_w.png");*/
	border: 1px solid white;

}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}