@charset "Shift_JIS";

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

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

/*************************************/
/* ヤングケアラースポットの紹介
/*************************************/
#chat-ycs-sanji-intro
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);

	width : 90%;
	height : auto;
	margin : 75px auto;


}
#chat-ycs-sanji-intro > p
{
	font-size : 18px;
	text-align : right;
}
#chat-ycs-sanji-intro div
{
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

}
#chat-ycs-sanji-intro img
{
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;
	
	margin : 20px 20px;
}


/*************************************/
/* h3
/*************************************/
#h3-chat-ycs-sanji
{
	position : absolute;
	font-size : 40px;
	color : RGB(170, 90, 90);

	top : -55px;
	left : 5px;
	margin : 0;

}
#h3-chat-ycs-sanji > 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; /* アイコンと文字の間隔*/
}

/*************************************/
/* h4
/*************************************/
#h4-chat-ycs-sanji
{
	position : absolute;
	font-size : 28px;
	color : RGB(170, 90, 90);

	top : -55px;
	left : 5px;
	margin : 0;

}
#h4-chat-ycs-sanji > 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-ycs-sanji-event
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;
}
#chat-ycs-sanji-event > p
{
	font-size : 18px;
	text-align : right;
}

#h3-event
{
	position : absolute;
	font-size : 40px;
	color : RGB(170, 90, 90);

	top : -55px;
	left : 5px;
	margin : 0;

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

#ev-table
{
	border-collapse : collapse;
	border : 2px RGB(230, 170, 140) dotted;

	width : 100%;
}
#ev-header tr th
{
	border : 2px RGB(230, 170, 140) dotted;

	font-size : 18px;
	text-align : center;
}

#ev-body tr:hover
{
	background : RGB(255, 133, 133);

}
#ev-body tr td
{
	border : 2px RGB(230, 170, 140) dotted;

	font-size : 18px;
	height : 80px; /* 1行1行の高さ */

}
#ev-body tr td img
{
	border : 2px RGB(170, 90, 90) dotted;
}
#ev-body tr td:nth-child(1)
{
	text-align : center;
	width : 10%;
}
#ev-body tr td:nth-child(2)
{
	text-align : center;
	width : 15%;	
}
#ev-body tr td:nth-child(3)
{
	text-align : center;
	width : 20%;
}
#ev-body tr td:nth-child(4)
{
	text-align : center;
	width : 15%;
}