<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.contentsSideArea {
	height: auto;
	width: 200px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
.contentsTit {
	height: 350px;
	width: 200px;
	margin: 0;
	position: relative;
	padding: 0 0 20px 0;
}
.contentsTit img {
	height: 100%;
	width: 100%;
}

.contentsRightArea {
	font-size: 14px;
	height: auto;
	width: 760px;
	margin: 0;
	padding: 40px 20px 0px 0;
	float: right;
	color: #FFF;
	line-height: 1.6em;
}
.contentsRightArea ul {
	height: auto;
	width: 740px;
	margin: 0;
	padding: 0;
	overflow: hidden; /*floatè§£é™¤*/
	position: relative; /*DW*/
	zoom: 1; /*IE6*/
}
.contentsRightArea #photo01 {
	height: 320px;
	width: 490px;
	margin: 0;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo01.jpg) no-repeat;
}
.contentsRightArea #photo01 img {
	height: 320px;
	width: 490px;
}
.contentsRightArea #photoBox1 {
	height: 320px;
	width: 230px;
	margin: 0;
	padding: 0;
	float: right;
}
.contentsRightArea #photo02 {
	height: 150px;
	width: 230px;
	margin: 0 0 20px 0;
	padding: 0;
	float: none;
	background:url(../../images/03story/photo02.jpg) no-repeat;
}
.contentsRightArea #photo02 img {
	height: 150px;
	width: 230px;
}
.contentsRightArea #photo03 {
	height: 150px;
	width: 230px;
	margin: 0;
	float: none;
	padding: 0;
	background:url(../../images/03story/photo03.jpg) no-repeat;
}
.contentsRightArea #photo03 img {
	height: 150px;
	width: 230px;
}
.contentsRightArea #photoBox2 {
	height: 320px;
	width: 230px;
	margin: 0;
	padding: 0;
	float: left;
}
.contentsRightArea #photo04 {
	height: 150px;
	width: 230px;
	margin: 0 0 20px 0;
	padding: 0;
	float: none;
	background:url(../../images/03story/photo04.jpg) no-repeat;
}
.contentsRightArea #photo04 img {
	height: 150px;
	width: 230px;
}
.contentsRightArea #photo05 {
	height: 150px;
	width: 230px;
	margin: 0;
	padding: 0;
	float: none;
	background:url(../../images/03story/photo05.jpg) no-repeat;
}
.contentsRightArea #photo05 img {
	height: 150px;
	width: 230px;
}
.contentsRightArea #photo06 {
	height: 320px;
	width: 490px;
	margin: 0;
	padding: 0;
	float: right;
	background:url(../../images/03story/photo06.jpg) no-repeat;
}
.contentsRightArea #photo06 img {
	height: 320px;
	width: 490px;
}
.contentsRightArea .txt {
	height: auto;
	width: 740px;
	margin: 0;
	padding: 20px 0 40px 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif;
}
.contentsRightArea .txt2 {
	height: auto;
	width: 740px;
	margin: 0;
	padding: 20px 0 0 0;
	text-align:justify;
	text-justify: inter-ideograph;
	font-family:"ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "MS PGothic", sans-serif;
}

@media screen and (min-width: 1400px) {
.contentsSideArea {
	height: auto;
	width: 240px;
	margin: 10px 0 0 20px;
	padding: 0;
	float: left;
}
}

@media screen and (max-width: 768px) {
.contentsSideArea {
	display:none;
}
.contentsRightArea {
	font-size:14px;
	height: auto;
	width: auto;
	margin: 0 10px;
	padding: 0 0 0 0;
	float: none;
	color: #FFF;
}
.contentsRightArea ul {
	width: 460px;
	margin: 0 auto;
	zoom: normal;
	overflow: visible;
	position: static;
}
.contentsRightArea #photo01 {
	height: 276px;
	width: 460px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp01.jpg) no-repeat Center Center;
	background-size:cover;
	float: none;
}
.contentsRightArea #photo01 img {
	height: 276px;
	width: 460px;
}
.contentsRightArea #photoBox1 {
	height:136px;
	width: 460px;
	margin: 12px 0 0 0;
	padding: 0;
	float: none;
	overflow: hidden; /*floatè§£é™¤*/
	position: relative; /*DW*/
	zoom: 1; /*IE6*/
}
.contentsRightArea #photo02 {
	height: 136px;
	width: 224px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp02.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo02 img {
	height:136px;
	width: 224px;
}
.contentsRightArea #photo03 {
	height: 136px;
	width: 224px;
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	background:url(../../images/03story/photo_sp03.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo03 img {
	height:136px;
	width: 460px;
}
.contentsRightArea #photoBox2 {
	height:136px;
	width: 460px;
	margin: 0 0 12px 0;
	padding: 0;
	float: none;
	overflow: hidden; /*floatè§£é™¤*/
	position: relative; /*DW*/
	zoom: 1; /*IE6*/
}
.contentsRightArea #photo04 {
	height: 136px;
	width: 224px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp04.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo04 img {
	height:136px;
	width: 224px;
}
.contentsRightArea #photo05 {
	height: 136px;
	width: 224px;
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	background:url(../../images/03story/photo_sp05.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo05 img {
	height:136px;
	width: 224px;
}
.contentsRightArea #photo06 {
	height: 276px;
	width: 460px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp06.jpg) no-repeat Center Center;
	background-size:cover;
	float: none;
}
.contentsRightArea #photo06 img {
	height: 276px;
	width: 460px;
}
.contentsRightArea .txt {
	height: auto;
	width: 460px;
	margin: 20px auto 40px auto;
	padding: 0;
}
.contentsRightArea .txt2 {
	height: auto;
	width: 460px;
	margin: 20px auto 0 auto;
	padding: 0;
}
}

@media screen and (max-width: 479px) {
.contentsRightArea ul {
	width: 300px;
	margin: 0 auto;
}
.contentsRightArea #photo01 {
	height: 180px;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp01.jpg) no-repeat Center Center;
	background-size:cover;
	float: none;
}
.contentsRightArea #photo01 img {
	height: 180px;
	width: 300px;
}
.contentsRightArea #photoBox1 {
	height:87px;
	width: 300px;
	margin: 12px 0 0 0;
	padding: 0;
	float: none;
	overflow: hidden; /*floatè§£é™¤*/
	position: relative; /*DW*/
	zoom: 1; /*IE6*/
}
.contentsRightArea #photo02 {
	height: 88px;
	width: 144px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp02.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo02 img {
	height:87px;
	width: 144px;
}
.contentsRightArea #photo03 {
	height: 88px;
	width: 144px;
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	background:url(../../images/03story/photo_sp03.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo03 img {
	height:87px;
	width: 144px;
}

.contentsRightArea #photoBox2 {
	height:87px;
	width: 300px;
	margin: 0 0 12px 0;
	padding: 0;
	float: none;
	overflow: hidden; /*floatè§£é™¤*/
	position: relative; /*DW*/
	zoom: 1; /*IE6*/
}
.contentsRightArea #photo04 {
	height: 88px;
	width: 144px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp04.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo04 img {
	height:87px;
	width: 144px;
}
.contentsRightArea #photo05 {
	height: 88px;
	width: 144px;
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	background:url(../../images/03story/photo_sp05.jpg) no-repeat Center Center;
	background-size:cover;
}
.contentsRightArea #photo05 img {
	height:87px;
	width: 144px;
}
.contentsRightArea #photo06 {
	height: 180px;
	width: 300px;
	margin: 0 auto;
	padding: 0;
	float: left;
	background:url(../../images/03story/photo_sp06.jpg) no-repeat Center Center;
	background-size:cover;
	float: none;
}
.contentsRightArea #photo06 img {
	height: 180px;
	width: 300px;
}
.contentsRightArea .txt {
	height: auto;
	width: 300px;
	margin: 20px auto 40px auto;
	padding: 0;
}
.contentsRightArea .txt2 {
	height: auto;
	width: 300px;
	margin: 20px auto 0 auto;
	padding: 0;
}
}
</pre></body></html>