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

/* --- 全体のリンクテキスト --- */
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;
}

/****メニュー開閉ボタン****/
#menu{
	/*配置*/
	position: fixed;
	top: 15px;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 100;
}
#menu div{
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	right: 0;
}

#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(230,233,237,1);
	width: 80%;
	position: absolute;
	top: 60px;/*#menu divの高さ*/
	right: 0;
	display: none;
        list-style-image: url(../sp/img/menulist.gif);
}

#menu li{
	padding: 20px 0;
	color: rgba(81,83,86,1);
	font-size: 20px;
	border-bottom: 1px rgba(157,160,163,1) dotted;
	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);
}

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



#top {
margin: 0;
padding: 3px 0;
background-color: #ffffff;
border-bottom: 1px solid #999999;
width: device-width;
}

#top p {
margin: 0 auto;
padding: 0;
font-size: 12px;
color: #232323;
text-align: left;
}

#header {
margin: 0;
padding: 0;
height: 100px;
background-color: #ffffff;
border-bottom: 1px solid #666666;
}

#header h1 {
margin: 0;
}


p.top {
margin: 0;
padding: 0;
}
p.top img{
width: 100%;
}


#topi {
margin: 20px auto;
padding: 20px 0;
width: 100%;
background-color: #ffffff;
}

#topi h2 {
margin: 0 0 30px 0;
padding: 0 0 0 20px;
background:  url(../img/h2.gif)no-repeat left center;
font-size: 25px;
}

#topi p {
margin: 10px 0 0 0;
padding:  0 0 0 0;
border-bottom: 1px dotted #666666;
font-size: 18px;
line-height: 160%;
}

#topi div {
margin: 0 0 0 10px;
padding: 0;
font-size: 18px;
line-height: 160%;
}



#box {
margin: 80px 0 0 0;
padding: 0 5px;
background-color: #ffffff;
}

#box h2 {
margin: 15px 0 0 0;
padding: 0 0 0 25px;
background: #ffffff url(../img/h2.gif)no-repeat left center;
font-size: 20px;
}

#box h3 {
margin: 15px 0 0 5px;
padding: 0 0 0 15px;
background: #ffffff url(../img/h3.gif)no-repeat left center;
font-size: 18px;
}

#box p.tel img {
margin: 20px 0;
padding: 0;
width: 100%;
border-top:  1px solid #999999;
border-bottom:  1px solid #999999;
}

#box div.p01 {
margin: 10px 0 30px 10px;
padding: 0;
font-size: 15px;
line-height: 180%;
}
#box div.p01 ul {
margin: 0;
padding: 0;
background: #333333 url(../img/table_bg.gif);
list-style: circle;
}
#box div.p01 ul li{
margin: 0;
padding: 10px;
color: #ffffff;
font-size: 15px;
line-height: 180%;
}


#box ul.p02 {
margin: 20px 0;
padding: 0;
list-style: square;
width: 100%;
}
#box ul.p02 li {
margin: 10px auto;
padding: 0;
width: 80%;
border: 1% solid #eeeeee;
font-size: 16px;
text-align: left;
}

#box div.p02 {
margin: 10px 0 20px;
padding: 0;
width: 100%;
}
#box div.p02 h4 {
margin: 50px 0 0px;
padding: 10px 0;
background-color: #312f2f;
font-size: 16px;
color: #ffffff;
text-align: center;
}
#box div.p02 img {
margin: 20px 0 5px 0;
padding: 0;
width: 100%
}
#box div.p02 div.p02_com {
margin: 10px 0;
padding: 0;
font-size: 15px;
line-height: 180%;
}

#box div.p03 {
margin: 30px 0;
padding: 20px;
width: device-width;
border: 1px solid #999999;
text-align: center;
}
#box div.p03 h4 {
margin: 15px 0;
padding: 10px 20px;
border-bottom: 2px solid #312f2f;
font-size: 18px;
color: #333333;
}
#box div.p03 img {
margin: 20px 0;
width: 100%;
}

#box div.p03_ex {
margin: 20px 10px;
padding: 0;
text-align: left;
}
#box div.p03_ex ul li {
margin: 0 0 10px;
font-size: 16px;
list-style: circle;
}
#box div.p03_ex p {
margin: 10px 0 10px 20px;
font-size: 15px;
}


#box dl.p05 {
margin: 30px 0;
padding: 0;
width: 100%;
background-color: #ffffff;
}

#box dl.p05 dt {
margin: 0;
padding: 10px 0 0 17px;
font-size: 16px;
font-weight: bold;
text-align: left;
background: #ffffff url(../sp/img/dt.gif) no-repeat left center;
}
#box dl.p05 dd {
margin: 5px 0 10px 0;
padding: 0 0 0 50px;
font-size: 15px;
text-align: left;
border-bottom: 1px dotted #999999;
}
#box dl.p05 dd iframe {
margin: 10px 0 30px 20px;
padding: 0;
}


#box ul.sitemap {
margin: 20px 0 80px 20px;
padding: 0;
list-style: none;
}

#box ul.sitemap li{
margin: 0 0 30px 0;
padding: 0;
color: #ffffff;
font-size: 15px;
line-height: 180%;
}



#footer {
margin: 0;
padding: 0;
background-color: #eeeeee;
border-top: 1px solid #666666;
}


#footer ul.footer {
margin: 20px 0;
padding: 0 20px;
list-style: none;
}
#footer ul.footer li {
margin: 0;
padding: 5px 10px;
width: 40%;
color: #ffffff;
font-size: 14px;
line-height: 120%;
float: left;
}

#footer div.add {
margin: 20px;
padding: 0 0 60px 20px;
font-size: 14px;
line-height: 160%;
}

#footer div.add h1.footer {
margin: 10px 0;
font-size: 18px;
}
#footer div.add h4.footer {
margin: 30px 0 0 0;
font-size: 15px;
}
#footer div.add ul {
margin: 0;
font-size: 14px;
line-height: 150%;
}

#footer div.copy {
width: 100%;
margin: 30px 0;
padding: 5px 0;
text-align: center;
font-size: 12px;
background-color: #333333;
color: #ffffff;
clear: left;
}