/* body */
div#pagebody {
 width:100%;
 margin:0px;
 padding:0px;
        background-size:cover
 
        
}

/* 画像 */
img { max-width:100%; height:auto; }
div.sample {position:relative; top:20px; left:1px; 
}
.disp-img{
width: 140px; height: auto;
padding:0px 0px 0px 8px ;
text-align: left;

}

/* copy protection */
.guard{
    position:relative;
    width:140px;
    height:128px;
padding:0px 0px 0px 20px ;
}
.span_guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url("pict0003.png");
    background-repeat:no-repeat;
padding:0px 0px 0px 20px ;
}

/* テーブル        */
td { font-size:8px; line-height:120%;}
/* p  { margin:3px 5px; } */

/* リンク */
a       { color:#000000; text-decoration:none;} 
a:hover { color:#aa0000; text-decoration:none; } 

/* コンテンツ */
h1 { color:black; font-size:1.0em; margin:0px 0px; }
h2 { color:black;  font-size:0.9em; margin:0px 0px; border-bottom:medium double #ff00ff; }
h3 { color:black; font-size:0.8em; margin:0px 0px; }

/* 大枠 */

div#header {
background-image:url("sakura.jpg"); 
}
div#header1 {
background-image:url("shinryoku.jpg"); 
}
div#header2 {
background-image:url("himawari.jpg"); 
}
div#header3 {
background-image:url("murasaki.jpg"); 
}
div#header4 {
background-image:url("kadan.jpg"); 
}
div#divheader1 {
width:68%;
background:#ffffff; 
}

div#div1 {
width:32%;
background:#ffffff;
float:right; 
margin:0px;
margin-top:0px;
}

div#div2 {
width:100%;
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#div11 {
width:32%;
background:#ffffff;
float:right;
margin:40px 5px 0px 0px;
padding:0px 3px 0px 3px; 
}

div#div12 {
width:100%;
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#div21 {
width:32%;
background:#ffffff;
float:right;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px; 
}

div#div22 {
width:100%;
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#div23 {
width:100%;
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#div31 {
width:32%;
background:#ffffff;
float:right;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px; 
}

div#div32 {
width:100%;
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#div41 {
width:32%;
background:#ffffff;
float:right;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px; 
}

div#div42 {
width:100%;
background:#ffffff;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#pageleft {
width:68%;
background:#ffffff;
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#pageright {
width:32%;
background:#ffffff;
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#pageleft2 {
width:71%;
background:#ffffff;
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#pageright2 {
width:29%;
background:#ffffff;
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

div#pageleft3 {
width:68%;
background:#ffffff;
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;}

div#pageright3 {
width:32%;
background:#ffffff;
text-align: right;
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;

}

/* 段落 */

p#pageheader1 {
line-height:10px;
text-align: center;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pageheader2 {
line-height:10px;
text-align: center;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody1 {
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody2 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody3 {
background:#ffffff;
line-height:2px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}
p#pagebody4 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody5 {
color:black;
background:#ffffff;
line-height:25px;
text-align: right;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody6 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody7 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody8 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody9 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}
p#pagebody10 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody11 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody12 {
color:black;
background:#ffffff;
line-height:25px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody13 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}
p#pagebody14 {
color:black;
background:#ffffff;
line-height:25px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody15 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody16 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}
p#pagebody17 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}
p#pagebody18 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody19 {
color:black;
background:#ffffff;
line-height:25px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody20 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}


p#pagebody21 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}

p#pagebody22 {
color:black;
background:#ffffff;
line-height:22px;
text-align: left;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
}




/* 表 */



/* 箇条書き */

.ul1 {
font-size:13px; 
type:disk;
color:red;
margin:7px 0px 7px 0px;
padding:0px 3px 0px 3px;   
}

.ul2 {
font-size:13px; 
type:disk;
color:black;
line-height:22px;
margin:3px 0px 3px 0px;
padding:0px 3px 0px 3px;    
}

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

/****メニュー開閉ボタン****/
#menu div{
	/*デザイン*/
	width: 65px;
	height: 40px;
	background: #4B0082;
	/*配置*/
	overflow: hidden;
	position: absolute;
        margin: 20px 0px 0px 15px;
}

#menu .menuopen{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 14px;
	/*配置*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 5;
	left: 5;
	pointer-events: auto;
margin: 5px 0px 0px 3px;
padding:4px 0px 0px 3px 
}

#menu .menuclose{
	/*デザイン*/
	color: rgba(255,255,255,1);
	font-size: 14px;
	/*配置*/
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 3;
	left: 3;
	pointer-events: auto;
padding:8px 0px 0px 8px 
}

/****メニュー一覧****/
#menu ul{
	/*デザイン*/
	background: rgba(200,200,200,1);
	width: 65%;
	/*配置*/
	position: absolute;
	top: 40px;/*#menu divの高さ*/
	left: 0;
margin: 15px 0px 0px 15px;
	display: none;
        list-style: none;
}

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

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

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

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

/*** メインエフェクト ***/