body {background-image:url(./BG-solar.jpg)} 


div.example { /* 親ボックス */
width: 900px;
height: 970px;
    background-color: #cccccc;
position: absolute;
top: 30px;
left: 60px;
}

div.box1 { /* ボックス1 */
width: 748px;
height: 106px;
    background-color: #ffffff;
position: absolute;
top: 3px;
left: 149px;
} 


div.box7 { /* ボックス7 */
width: 146px;
height: 106px;
    background-color: #ffffff;
position: absolute;
top: 3px;
left: 3px;
} 


div.box2 { /* ボックス2 */
width: 180px;
height: 800px;
    background-color: #ffffff;
position: absolute;
top: 147px;
left: 3px;
}



div.box8 { /* ボックス8 */
width: 711px;
height: 765px;
    background-color: #ffffff;
position: absolute;
top: 147px;
left: 186px;
}


div.box3 { /* ボックス3 */
width: 894px;
height: 35px;

    background-color: #ff0000;
position: absolute;
top: 109px;
left:3px;
}


div.box4 { /* ボックス4 */
width: 690px;
height: 580px;

position: absolute;
top: 190px;
left:190px;
}


div.box5 { /* ボックス5 */
width: 750px;
height: 950px;
background-image:url(./bg_h_gra.jpg);
position: absolute;
top: 109px;
left:150px;
}



div.box6 { /* ボックス6 */
width: 750px;
height: 1470px;

background-image:url(./wall7.jpg);
position: absolute;
top: 109px;
left:150px;
}



div.box9 { /* ボックス9 */
width: 894px;
height: 57px;
    background-color: #ffffff;
position: absolute;
top: 911px;
left: 3px;
} 


div.shadowbox
{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    padding: 0.2em;
	background-color: #000066;
     margin: 0px 0px; 

}


div.listbox
{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    background-color: #ffffff;
    padding: 0.2em;
     margin: 0px 0px; 
 } 


div.index2{
font-family: "arial",sans-serif;
color: #ffffff;
font-size: 20px;
font-weight: 600;
margin:5px;
position: absolute;
top: 3px;
left: 100px;
 } 




div.index3{
font-family: "arial",sans-serif;
color: #0099ff;
font-size: 24px;
font-weight: 600;
margin:5px;
position: absolute;
top: 60px;
left: 130px;
 } 




div.text1{
font-family: "Century",sans-serif;
color: #990000;
font-size: 15px;
font-weight: 400;
margin:2px;
 } 



div.text2{
font-family: "arial",sans-serif;
color: #000000;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
margin:10px;
 } 


div.text3{
font-family: "arial",sans-serif;
color: #000000;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
margin:10px;
 } 




div.text4{
font-family: "century","arial",sans-serif;
color: #000066;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
margin:10px;
 } 



p.H-1{
font-family: "arial",sans-serif;
font-size: 20px;
color: #ffffff;
font-weight: 600;
position: absolute;
top: 3px;
left:100px;
 } 



p.H-2{
font-family: "verdana","arial",sans-serif;
font-size: 48px;
color: #000066;
font-weight: 700;
line-height: 1;
margin-top:5px;
margin-left:30px;
 } 



P.H-3{
font-family: "verdana","arial",sans-serif;
color: #ff0000;;
font-size: 36px;
font-weight: 600;
margin-left:10px;
 } 






a.link1{
    display:block;
    text-decoration:none;
font-family: "arial",,sans-serif;
    color:#ccffff;
font-size: 18px;
font-weight: 600;

}
a:hover.link1{
    background-color:#0099CC;
    text-decoration:none;
font-family: "arial",,sans-serif;
    color:#ffffff;

}
a:active.link1{
    background-color:#FFFFD5;
    text-decoration:none;
font-family: "arial",,sans-serif;
    color:black;
}


div.posi1 { 
position:absolute; 
top:0px; 
left:351px; 
}