body {
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #333333; /* 全体の文字色 */
font-size: nomal;
width: device-width;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff;
	text-decoration: none;
 }
a:visited { color: #0000ff;
	text-decoration: none;
 }
a:hover { color: #d00026;
 }
a:active { color: #333333;
	text-decoration: none;
 }




/***　◆↓↓変更不可↓↓◆　***/
/****★メニュー全体****/
#menu{
	/*配置*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 60px;
	height: 60px;
	/*配置*/
	overflow: hidden;
	position: absolute;
	right: 10px;
}

#menu .menuopen{
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

#menu .menuclose{
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: auto;
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background: rgba(242,236,242,1);
	width: 80%;
	/*配置*/
	position: absolute;
	top: 60px;/*#menu divの高さ*/
	right: 0;
	display: none;
        list-style-type: none;
        text-align: left;
}

#menu li{
	/*デザイン*/
	padding: 20px 0;
	color: rgba(118,82,118,1);
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px rgba(118,82,118,1) solid;
	/*配置*/
	pointer-events: auto;
}

/****メニューオープン時****/
#menu:target .menuopen{
	/*配置*/
	display: none;
}

#menu:target .menuclose{
	/*配置*/
	display: block;
}

#menu:target ul{
	/*配置*/
	display: block;
}

/*** メインエフェクト ***/
#main{
	/*アニメーション*/
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#menu:target ~ #main{
	-webkit-filter:blur(1px);
	-moz-filter:blur(1px);
	-ms-filter:blur(1px);
	filter:blur(1px);
}

/***　◆↑↑変更不可↑↑◆　***/



/***　◆contents◆　***/
#contents {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 1000px;
background-color: #ffffff;
}

#contents div {
margin: 10px 0;
padding: 0;
font-size: 20px;
line-height: 180%;
text-align: left;
}

#contents div p.top {
margin: 10px auto 50px;
width: 98%;
text-align: center;
}

#contents div img {
margin: 10px;
padding: 0;
width: 98%;
}


#contents div h2 {
margin: 40px 0 10px;
padding: 8px 0;
font-size: large;
color: #ffffff;
line-height: 100%;
text-align: center;
background-color: #765276;
}


#contents div li.info {
margin: 10px;
padding: 0;
font-size: large;
list-style-image: url(img/infoico.gif);
}

#contents div.ca {
margin: 0;
padding: 0;
width: 100%;
background-color: #ffffff;
}

#contents div.ca div.jl {
margin: 10px 0 10px 0;
padding: 0;
width: 50%;
float: left;
}

#contents div.ca img {
margin: 0 auto;
padding: 0;
width: 98%;
}

#contents div.ca div.jr {
margin: 10px 0 10px 50%;
padding: 10px 0;
width: 50%;
}



#contents div div.eve {
margin: 0;
padding: 10px 0 20px;
border-bottom: 1px dotted #8e8e8e;
font-size: nomal;
}

#contents div div.eve h3 {
margin: 0;
padding: 20px 10px 0;
font-size: large;
color: #145e1c;
border-bottom: 3px double #525975;
line-height: 80%;
}

#contents div div.eve ul {
margin: 20px 0 0 0;
padding: 0 30px;
list-style: circle;
}

#contents div div.eve ul li {
margin: 0;
padding: 0;
font-size: nomal;
}


#contents div div.eve p {
margin: 0;
padding: 0 0 0 40px;
font-size: nomal;
}

#contents div div.eve img {
margin: 20px auto;
padding: 0;
width: 96%;
text-align: center;
}

#contents div div.ec {
margin: 0;
padding: 10px 5px 20px;
}

#contents div div.ec ul {
margin: 0;
padding: 0 30px;
list-style: none;
}

#contents div div.ec ul li {
margin: 30px 0;
padding: 0;
font-size: nomal;
}


/**-- page02 --**/

#contents div ul.pro {
margin: 40px 0;
padding: 0 0 0 20px;
list-style: none;
}

#contents div ul.pro li {
margin: 5px 0 10px;
padding: 0;
font-size: nomal;
}

#contents div p.pro {
margin: 80px 10px 0;
padding: 0;
font-size: nomal;
font-weight: bold;
}
#contents div p.proimg {
margin: 0 0 30px 0;
padding: 0;
text-align: center;
width: 90%;
}

#contents div.j {
margin: 80px 0 30px;
padding: 0;
font-size: nomal;
}
#contents div.j h4 {
margin: 80px 0 0 0;
padding: 0;
text-align: left;
}


#contents div dl.access {
margin: 20px auto;
padding: 0;
}

#contents div dl.access dt {
margin: 15px 0 0;
padding: 0  0 0 10px;
font-size: nomal;
font-weight: bold;
}

#contents div dl.access dd {
margin: 0;
padding: 0  0 0 20px;
border-bottom: 1px dotted #525975;
font-size: nomal;
}
#contents div dl.access dd.s {
margin: 0;
padding: 0  0 0 20px;
border-bottom: 1px dotted #525975;
font-size: small;
}

#contents div div.mail {
margin: 20px auto;
padding: 0 10px;
}









/**-- footer --**/


#footer {
margin: 0 auto;
padding: 0;
width: 98%;
max-width: 1000px;
background-color: #ffffff;
font-size: small;
line-height: 180%;
}

#footer div.number {
margin: 30px 0;
padding: 10px;
font-size: small;
color: #333333;
border: 2px solid #a757a8;
}

p.copy {
margin: 20px 0;
padding: 8px 0;
text-align: center;
font-size: x-small;
color: #ffffff;
background-color: #765276;
width: device-width;
}