@charset "Shift_JIS";

/*************************************/
/* 右メニュー
/*************************************/
article a:link
{
	color: RGB(200, 0, 0);
}
article a:visited
{
	color: RGB(0, 0, 200);
}
article
{
	background : url("../parts_img/wallppr049_ivory.gif");

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

#wrap-voice, #our-voice
{
	box-sizing : border-box;
}
/* 吹き出しを収納しているBox */
#wrap-voice
{
	position : relative;
	padding : 30px;
	height : auto;
	
	/*background : #AAA;*/
}
#our-voice-char
{
	position : absolute;

	background-image : url("../parts_img/chara_rabbit.png");
	background-repeat : no-repeat;
	background-size : 60%;
	background-position : center;

	bottom : -180px;
	left : -200px;
	width : 300px;
	height : 300px;

}

/* 吹き出し */
#our-voice
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	border : 2px RGB(230, 170, 140) solid;
	border-radius : 75px; /* 丸み具合 */

	top : 70px;
	left: 50px;
	max-width : 700px;
	height : auto;

	margin : 0 auto 200px; /*200px : キャラクタを入れるスペース */

}
#our-voice p
{
	display : inline-block;
	word-wrap:break-word;

	font-size : 24px;
	color : RGB(245, 40, 170);

	width : 100%;		/* our-voiceと同じ*/
	height : auto;	/* our-voiceと同じ*/

	vertical-align : middle;
	text-align : center;

}
#our-voice:before
{
	content : "";
	position : absolute;
	background-color : RGBA(255, 255, 255, 1.0);
	border : 2px RGB(230, 170, 140) solid;

	width : 30px;
	height : 30px;

	left : 20px;
	bottom : -15px;
	border-radius : 15px;

}
#our-voice:after
{
	content : "";
	position : absolute;
	background-color : RGBA(255, 255, 255, 1.0);
	border : 2px RGB(230, 170, 140) solid;

	width : 10px;
	height : 10px;

	left : 20px;
	bottom : -20px;
	border-radius : 5px;

}
/*************************************/
/* クイックジャンプ
/*************************************/
#short-cut
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;


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

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

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

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

	width : 100%;
	height : 90%;

}
#sc-header tr th
{

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

}


#sc-body img:hover
{
	opacity : 0.6;

}
#sc-body tr td:hover
{
	background : RGB(255, 133, 133);


}
#sc-body p
{
	margin : 0;

}
#sc-body tr td
{
	font-size : 18px;
	border : 2px RGB(230, 170, 140) dotted;
}
#sc-body tr td:nth-child(1)
{
	text-align : center;
	width : 50%;
}
#sc-body tr td:nth-child(2)
{
	text-align : center;
	width : 50%;
}

/*************************************/
/* イベント情報
/*************************************/
#event
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;
}
#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_cat.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;
	border-radius : 100px; /* 丸み具合 */

	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%;
}
	
/*************************************/
/* スケジュール情報
/*************************************/
#schedule
{
	position : relative;
	background-color : RGBA(255, 255, 255, 0.5);
	
	width : 90%;
	height : auto;
	margin : 75px auto;
}

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

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

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

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

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

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

}

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

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

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

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