@charset "Shift_JIS";

/*************************************/
/* 右メニュー
/*************************************/
article
{
	background : url("../parts_img/wallppr049_ivory.gif");

	width : 900px;		/* B */
	height : auto;
	float : left;
}

/*************************************/
/* チャットについて　枠1
/*************************************/
#chat-about
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;
}
#chat-about > p
{
	text-align : right;
}

/*************************************/
/* チャットの紹介
/*************************************/
#h3-chat-intro
{
	position : absolute;
	font-size : 40px;
	color : RGB(170, 90, 90);

	top : -60px;
	left : 0px;
	margin : 0;

}
#h3-chat-intro> span
{
	background-image : url("../parts_img/icon_cat.png");
	background-repeat : no-repeat;
	background-size : contain;
	
	font-size : 70px;
	padding-left : 100px;	
	margin-right : 10px; /* アイコンと文字の間隔*/
}

#chat-intro-content
{
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : auto;

	padding : 0 10px;


}
#chat-intro-content > p
{
	font-size : 18px;
}

/*************************************/
/* チャットについて　枠2
/*************************************/
#chat-about2
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;
}
#chat-about2 > p
{
	text-align : right;
}
/*************************************/
/* チャットの紹介　由来
/*************************************/
#h3-chat-origin
{
	position : absolute;
	font-size : 40px;
	color : RGB(170, 90, 90);

	top : -60px;
	left : 0px;
	margin : 0;

}
#h3-chat-origin> span
{
	background-image : url("../parts_img/icon_cat.png");
	background-repeat : no-repeat;
	background-size : contain;
	
	font-size : 70px;
	padding-left : 100px;	
	margin-right : 10px; /* アイコンと文字の間隔*/
}

#chat-origin-content
{
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : auto;

	padding : 0 10px;

}
#chat-origin-content p
{
	font-size : 18px;
}
/*************************************/
/* 文字列強調
/*************************************/
.str-strong
{
	font-size : 24px;
	font-weight : bold;
}

/*************************************/
/* チャットの活動　枠1
/*************************************/
#chat-act
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;
}
#chat-act> p
{
	text-align : right;
}

/*************************************/
/* チャットの紹介
/*************************************/
#h3-chat-act
{
	position : absolute;
	font-size : 40px;
	color : RGB(170, 90, 90);

	top : -60px;
	left : 0px;
	margin : 0;

}
#h3-chat-act > span
{
	background-image : url("../parts_img/icon_cat.png");
	background-repeat : no-repeat;
	background-size : contain;
	
	font-size : 70px;
	padding-left : 100px;	
	margin-right : 10px; /* アイコンと文字の間隔*/
}

#chat-act-list
{
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : 100%;
}
#chat-act-list
{
	font-size : 20px;

}
#chat-act-list dl
{
}
#chat-act-list dl dt
{
	font-size : 20px;
	font-weight : bold;
	margin : 20px 10px 0;
}
#chat-act-list dl dd
{
	font-size : 18px;
}

div.book-info
{

	margin-top : 10px;
	width : 98%;

}
div.column-left
{
	display : table-cell;
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : 10%;

	padding : 10px;
	vertical-align : middle;
	text-align : center;
}
div.column-center
{
	display : table-cell;
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : 15%;

	padding : 5px;
	vertical-align : middle;
	text-align : center;
}
div.column-right
{

	display : table-cell;
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : 75%;
	
	padding : 10px;
	vertical-align : middle;
	text-align : left;

}

div.book-info p
{
	
	
}