*主な要素のリセット*/
body {
margin: 0;
padding: 0;
background-color: #fcffff; /* 全体の背景色 */
color: #232323; /* 全体の文字色 */
font-size: 16px;
font-family:monospace;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0066cc;
	text-decoration: none;
 }
a:visited { color: #232323;
 }
a:hover { color: #a5a5a5;
 }
a:active { color: #a5a5a5;
	text-decoration: none;
 }


hr.cl {
clear: left;
border: 1px #fcffff solid;
}


hr.cr {
clear: right;
border: 1px #fcffff solid;
}

img {
width: 98%;
}

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

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 80px;
	height: 80px;
	/*配置*/
	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(255,255,255,1);
	width: 100%;
	height: 100%;
	/*配置*/
	position: absolute;
	top: 70px;/*#menu divの高さ*/
	right: 0;
	display: none;
        list-style-type: none;
        text-align: left;
}

#menu li{
	/*デザイン*/
	padding: 20px 0 10px 50px;
	color: rgba(240,240,240,1);
	font-size: 120%;
	font-weight: nomal;
	border-bottom: 1px rgba(0,0,0) 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);
}

/***　◆◆◆◆◆◆　***/

#header {
margin: 0 auto;
padding: 0;
width: device-width;
max-width: 100%;
background-color: #ffffff;
border-bottom: 1px solid #333333;
}


#container {
margin: 0;
padding: 0;
width: 100%;
background-color: #ffffff;
}

#container p {
margin: 0 auto 20px;
padding: 0;
width: 98%;
}

#container h1 {
margin: 0 0 30px 0;
padding: 0;
width: 100%;
border-bottom: 1px solid #333333;
}

#container h2 {
margin: 50px 0 30px 10px;
padding-left: 15px;
width: 95%;
font-size: large;
color: #111111;
border-bottom: 3px solid #999999;
}

#container h3 {
margin: 0 auto 15px;
padding: 0;
width: 98%;
font-size: nomal;
color: #111111;
}

#container ul {
margin: 0 auto 20px;
padding: 0;
width: 80%;
border: 0px solid red;
list-style: circle;
}

#container ul li {
margin: 0 0 20px;
padding: 0;
line-height: 180%;
}

#container div.dr {
margin: 20px auto;
padding: 10px 5%;
width: 86%;
border: 2px dotted #999999;
line-height: 180%;
}

#container div.map {
margin: 10px auto 60px;
padding: 0;
width: 96%;
text-align: center;
}

#container dl.p03 {
margin: 0 auto 20px;
padding: 0;
width: 90%;
}

#container dl.p03 dt {
margin: 0;
padding: 0;
font-weight: bold;
}

#container dl.p03 dd {
margin: 0 0 30px 20px;
padding: 0;
border-bottom: 1px dotted #999999;
}



#container div.tel {
margin: 50px auto 60px;
padding: 30px;
width: 80%;
text-align: center;
border: 1px solid #666666;
}

#container div.sitemap ul {
margin: 20px auto;
padding: 0;
width: 80%;
line-height: 180%;
list-style: square;
}

#container div.sitemap ul li {
margin: 0 0 50px;
padding: 0;
font-size: large;
}

#container hr.c {
margin: 50px 0;
border: 1px dotted #eeeeee;
}















#footer {
margin: 0;
padding: 0 0 80px 0;
width: device-width;
max-width: 100%;
background-color: #cccccc;
border-top: 1px solid #666666;
}

#footer div.add {
margin: 20px auto;
padding: 0 0 60px 0;
width: device-width;
max-width: 1300px;
font-size: 90%;
line-height: 160%;
}

#footer div.copy {
width: 100%;
margin: 30px 0 0 0;
padding: 5px 0;
text-align: center;
font-size: 60%;
background-color: #999999;
color: #111111;
}