@charset "utf-8";

@import "style.css";


/* h1 indexlogoɎgp
--------------------------------------------------*/
#contents #leftarea h1 {
	margin-bottom: 15px;
}
#contents #leftarea h1 a {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 120px;
	font-size: small;
	position: relative;
}
#contents #leftarea h1 a img {
	position: absolute;
	top: 0; left: 0;
}
#contents #leftarea h1 a:hover {
	background: transparent url("../images/logo.jpg") no-repeat left bottom;
	position: relative;
}
#contents #leftarea h1 a:hover strong,
#contents #leftarea h1 a:hover img {
	position: absolute;
	top: -120px; left: 0;
}

/* rightarea
--------------------------------------------------*/
#contents #rightarea .area01 {
	overflow: hidden;
	width: 720px;
	margin-bottom: 15px;
}
/* E^ */
#contents #rightarea .area01 .left {
	float: left;
	width: 315px;
}
#contents #rightarea .area01 .left h2 {
	margin-bottom: 15px;
}
#contents #rightarea .area01 .left h2 a {
	display: block;
	overflow: hidden;
	width: 315px;
	height: 195px;
	position: relative;
}
#contents #rightarea .area01 .left h2 a img {
	position: absolute;
	top: 0; left: 0;
}
#contents #rightarea .area01 .left h2 a:hover img {
	position: relative;
	top: -195px; left: 0;
}
#contents #rightarea .area01 .left div {
	overflow: hidden;
	width: 315px;
	padding-bottom: 18px;
	background: #FFFFFF url("../images/greeting_bg.jpg") no-repeat left bottom;
	border-top: 1px solid #BBBBBB;
	position: relative;
}
#contents #rightarea .area01 .left div:hover {
	border-top: 1px solid #00a7cb;
	background: #FFFFFF url("../images/greeting_bg.jpg") no-repeat right bottom;
}
#contents #rightarea .area01 .left div img {
	position: absolute;
	top: 0; left: 12px;
}
#contents #rightarea .area01 .left div p {
	padding: 34px 20px 0 170px;
	line-height: 1.75;
	text-indent: 10px;
	font-size: 85%;
}
#contents #rightarea .area01 .left div span {
	float: right;
	padding-top: 10px;
}
#contents #rightarea .area01 .left div span a,
#contents #rightarea .area01 .left div span a:visited {
	padding: 6px 17px 6px 28px;
	color: #536a7c;
	background: transparent url("../images/arrow_s.gif") no-repeat 11px 12px;
	_background: transparent url("../images/arrow_s.gif") no-repeat 11px 10px;
}
#contents #rightarea .area01 .left div span a:hover {
	color: #788c9a;
	text-decoration: underline;
}
/* EE^ */
#contents #rightarea .area01 .right {
	float: right;
	width: 385px;
}
#contents #rightarea .area01 .right h2 {
	margin-bottom: 15px;
}
#contents #rightarea .area01 .right h2 a {
	display: block;
	overflow: hidden;
	width: 385px;
	height: 90px;
	position: relative;
}
#contents #rightarea .area01 .right h2 a img {
	position: absolute;
	top: 0; left: 0;
}
#contents #rightarea .area01 .right h2 a:hover img {
	position: relative;
	top: -90px; left: 0;
}
#contents #rightarea .area01 .right p {
}
#contents #rightarea .area01 .right p a {
	display: block;
	overflow: hidden;
	width: 385px;
	height: 375px;
	position: relative;
}
#contents #rightarea .area01 .right p a img {
	position: absolute;
	top: 0; left: 0;
}
#contents #rightarea .area01 .right p a:hover img {
	position: relative;
	top: -375px; left: 0;
}
/* E */
#contents #rightarea .area02 {
	overflow: hidden;
	width: 720px;
	margin-bottom: 15px;
}
#contents #rightarea .area02 .left {
	float: left;
	width: 470px;
}
#contents #rightarea .area02 .left a {
	display: block;
	overflow: hidden;
	width: 470px;
	height: 270px;
	position: relative;
}
#contents #rightarea .area02 .left a img {
	position: absolute;
	top: 0; left: 0;
}
#contents #rightarea .area02 .left a:hover img {
	position: relative;
	top: -270px; left: 0;
}
#contents #rightarea .area02 .right {
	float: right;
	width: 230px;
}

/*井上追加css*/


#container #contents #rightarea #coment201103 {
	margin-bottom: 15px;
	padding:20px;
	/*border:solid 1px red;*/
	height:80px;
	background-color:#E1FCF7;
}