/*ページのレイアウト用CSS*/
body	{
	background-color:#FFFFCC;
	text-align:center;
	}
/*IDセレクタ表示　#ID名{属性：値}*/
#contents	{
	width:90%;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC; /*--------------------------------------コンテンツの枠*/
	background-image: url(side_sbk.jpg); /*---------------------------背景画像*/
	background-repeat: repeat-y; /*-----------------------------------縦方向に敷き詰める*/
	margin:auto;
	padding-bottom: 15px;
	text-align:left;
	}
#main	{
	width: 100%;
	float:right; /*---------------------------------------------------画像右側配置・テキスト左回り込み*/
	margin-left:-155px; /*--------------------------------------------"main"本文は－155？*/
}
#side	{
	margin-top: 10px;
	width: 140px;
	float:left;
	padding-left:5px;
}
#twocol	{
	width:100%;
	float:left;
	margin-right:-155px;
	/*あとから追加*/
	border-top-style:ridge;
    border-color:darkseagreen;
}
#ad_side	{
	margin-top: 30px;
	width:140px;
	float:right;
	padding-right:5px;
	}
#box {
	margin-top: 30px; /*----------------------------------------------boxの範囲を上から155pxあける*/
	margin-left:155px; /*---------------------------------------------boxの範囲を左から155pxあける*/
	margin-right:155px; /*--------------------------------------------boxの範囲を右から155pxあける*/
	}
.bottomline   {
    border-bottom-style: dotted;
    border-color: gray;
    text-align: left;
    border-width: 1px;
    width: 600;
    margin-top: 5px;
    padding: 0px 30px ;
    line-height: 1.5em;
}
.act   {
    border-style: dotted;
    border-color: gray;
    text-align: left;
    border-width: 1px;
    width: 600;
    margin-top: 5px;
    padding: 0px 30px ;
    line-height: 1.5em;
}
.menu   {
    border-style: solid;
    border-color: #DEB887;
    text-align: left;
    border-width: 1.5px;
    width: 600;
    margin-top: 5px;
    padding: 5px 30px ;
    line-height: 1.5em;
    background-image: url(menu_bk.jpg); /*---------------------------背景画像*/
	background-repeat: repeat-x repeat-y; /*-----------------------------------縦方向に敷き詰める*/
}
.books   {
    border-style: solid;
    border-color: seagreen;
    border-width: 0px 10px 5px 0px;
    text-align: left;
    width: 600;
    margin-top: 5px;
    padding: 5px 30px ;
    line-height: 1.5em;
    background-image: url(books_bk.jpg); /*---------------------------背景画像*/
	background-repeat: repeat-y ; /*-----------------------------------縦方向に敷き詰める*/
	background-color: #FFFFFF ;
}
.books2   {
    border-style: solid;
    border-color: yellow;
    border-width: 0px 10px 5px 0px;
    text-align: left;
    width: 600;
    margin-top: 5px;
    padding: 5px 30px ;
    line-height: 1.5em;
    background-image: url(books_bk2.jpg); /*---------------------------背景画像*/
	background-repeat: repeat-y ; /*-----------------------------------縦方向に敷き詰める*/
	background-color: #FFFFFF ;
}
.sweets   {
    border-style: solid;
    border-color: mediumseagreen;
    border-width: 0px 10px 5px 0px;
    text-align: left;
    width: 600;
    margin-top: 5px;
    padding: 5px 30px ;
    line-height: 1.5em;
    background-image: url(sweets_bk.jpg); /*---------------------------背景画像*/
	background-repeat: repeat-y ; /*-----------------------------------縦方向に敷き詰める*/
	background-color: #FFFFFF ;
}
.alpha   {
    filter: progid:DXImageTransform.Microsoft.alpha(style=1,opacity=100,finishopacity=0,startX=0,starty=0,finishx=70,finishy=10)
}
.alpha2   {
    filter: progid:DXImageTransform.Microsoft.alpha(style=2,opacity=300,finishopacity=1)
}