body {
background-color: #0000BB;
} 



div.example { /* 親ボックス */
width: 1300px;
height:1000px;

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

div.boxH1 { /* ボックスH1 */
width: 400px;
height: 45px;
position: absolute;
top: 0px;
left: 800px;
} 


div.boxH2 { /* ボックスH2 */
width: 800px;
height: 25px;
position: absolute;
top: 20px;
left: 0px;
} 



div.boxH3 { /* ボックスH3 */
width: 700px;
height: 432px;
position: absolute;
top: 200px;
left: 350px;
} 



div.boxH3-2 { /* ボックスH3-2 */
width: 420px;
height: 180px;
position: absolute;
top: 50px;
left: 400px;

} 



div.boxH3-3 { /* ボックスH3-3 */
width: 420px;
height: 180px;
position: absolute;
top: 60px;
left: 810px;

} 




div.boxH4 { /* ボックスH4 */
width: 400px;
height: 150px;



padding: 15px;
position: absolute;
top: 200px;
left: 750px;
} 



div.boxCOL1 { /* ボックスCOL1 */
width: 880px;
height: 650px;
padding: 10px;
position: absolute;
top: 80px;
left: 330px;
} 




div.boxCOL1-2 { /* ボックスCOL1-2 */
width: 850px;
height: 650px;
padding: 10px;
position: absolute;
top: 15px;
left: 330px;
} 




div.boxCOL1-3 { /* ボックスCOL1-3 */
width: 1150px;
height: 650px;
padding: 10px;
position: absolute;
top: 230px;
left: 50px;
} 



div.boxCOL2 { /* ボックスCOL2 */
width: 870px;
height: 510px;
padding: 10px;
position: absolute;
top: 180px;
left: 330px;
} 

div.boxCOL3 { /* ボックスCOL3 */
width: 280px;
height: 400px;
padding: 10px;
    border-color:#993333;
    border-width:2.0px;
    border-style:solid;
position: absolute;
top: 280px;
left: 20px;
} 


div.boxCOL3-2 { /* ボックスCOL3-2 */
width: 600px;
height: 450px;
padding: 10px;
    border-color:#993333;
    border-width:2.0px;
    border-style:solid;
position: absolute;
top: 270px;
left: 20px;
} 


div.boxCOL4 { /* ボックスCOL4 */
width: 340px;
height: 450px;
padding: 10px;
    border-width:0px;
    border-style:solid;
position: absolute;
top: 230px;
left: 0px;
} 





div.contents
      {
         width: 860px;
         height: 640 px;
         margin: 0em;
         overflow: auto;
      }




div.contents2
      {
         width: 860px;
         height: 500 px;
         margin: 0em;
         overflow: auto;
      }



div.box1 {
width: 1200px;
height:750px;
background-image:url(./dsc04085-backg2.jpg);
background-repeat: no-repeat;
position: absolute;
top: 50px;
left: 0px;
}

div.box1-2 {
width: 1200px;
height:750px;
background-image:url(./dsc04085-backg3.jpg);
background-repeat: no-repeat;
position: absolute;
top: 50px;
left: 0px;
}


div.box1-3 {
width: 1200px;
height:2300px;
background-image:url(./dsc04085-backg3.jpg);
background-repeat: repeat;
position: absolute;
top: 50px;
left: 0px;
}



div.box2 { /* ボックス2 */
width: 700px;
height: 432px;
position: absolute;
top: 400px;
left: 230px;
} 



div.box3 { /* ボックス3 */
width: 400px;
height: 200px;
position: absolute;
top: 200px;
left: 640px;
} 


div.box4 { /* ボックス4 */
width: 770px;
height: 180px;
position: absolute;
top: 540px;
left: 250px;

} 

div.box5 { /* ボックス5 */
width: 720px;
height: 180px;
position: absolute;
top: 20px;
left: 480px;

} 



div.box5-4 { /* ボックス5-4 */
width: 510px;
height: 530px;
position: absolute;
top: 200px;
left: 640px;

} 



div.box5-6 { /* ボックス5-6 */
width: 560px;
height: 180px;
position: absolute;
top: 30px;
left: 420px;

}



div.box5-5 { /* ボックス5-5 */
width: 220px;
height: 180px;
position: absolute;
top: 30px;
left: 990px;

}




div.box5-4 { /* ボックス5-4 */
width: 750px;
height: 180px;
position: absolute;
top: 30px;
left: 590px;

}



div.box5-3 { /* ボックス5-3 */
width: 850px;
height: 180px;
position: absolute;
top: 20px;
left: 330px;

} 



div.box5-2 { /* ボックス5-2 */
width: 720px;
height: 180px;
background-color: #ffdfcf;
position: absolute;
top: 20px;
left: 480px;

} 




div.box6 { /* ボックス6 */
width: 1200px;
height: 100px;
position: absolute;
top: 760px;
left: 0px;

} 


div.box7 { /* ボックス7 */
width: 1000px;
height: 432px;
position: absolute;
top: 270px;
left: 100px;
} 



div.text1{
font-family: "arial",sans-serif;
color: #006633;
font-size: 64px;
font-weight: 600;
margin:2px;
 } 


div.text2{
font-family: "verdana", "arial",sans-serif;
color: #660000;
font-size: 20px;
font-weight: 500;
margin:2px;
 } 



div.text3-ESP{
font-family: "arial",sans-serif;
color: #000000;
font-size: 18px;
font-weight: 500;
margin:2px;
 } 



div.text3-2{
font-family: "arial",sans-serif;
color: #000000;
font-size: 18px;
font-weight: 500;
margin:4px;
 } 


div.text3-3{
font-family: "Times New Roman","century","arial",sans-serif;
color: #000000;
font-size: 18px;
font-weight: 500;
margin:4px;
 } 



div.text3-4{
font-family: "Times New Roman","century","arial",sans-serif;
color: #DD6633;
font-size: 16px;
font-weight: 500;
margin:2px;
 } 

div.text4{
font-family: "arial",sans-serif;
color: #000000;
font-size: 20px;
font-weight: 500;
margin:2px;
 } 


SPAN.text4-2{
font-family: "arial",sans-serif;
color: #000000;
font-size: 18px;
font-weight: 500;
margin:2px;
 } 


SPAN.text1{
font-family: "Times New Roman",sans-serif;
color: #000000;
font-size: 42px;
font-weight: 600;
margin:2px;
 } 



SPAN.text1-2{
font-family: "Times New Roman",sans-serif;
color: #000000;
font-size: 32px;
font-weight: 600;
margin:2px;
 } 



SPAN.text2{
font-family: "arial",sans-serif;
color: #000000;
font-size: 20px;
font-weight: 500;
margin:2px;
 } 


div.text5{
font-family: "Times New Roman",sans-serif;
color: #000066;
font-size: 22px;
font-weight: 600;
margin:2px;
padding: 0.5em 0px 0.5em 0.5em;
 } 


div.text5-2{
font-family: "Times New Roman",sans-serif;
color: #003300;
font-size: 18px;
font-weight: 600;
margin:2px;
padding: 0.5em 0px 0.5em 0.5em;
 } 


div.text6{
font-family: "arial",sans-serif;
color: #000000;
font-size: 24px;
font-weight: 600;
margin:2px;
padding: 0.5em 0px 0.5em 0.5em;
 } 


div.text6-2{
font-family: "arial",sans-serif;
color: #FFFFCC;
font-size: 24px;
font-weight: 600;
margin:2px;
padding: 0.5em 0px 0.5em 0.5em;
 } 



div.text7{
font-family: "arial",sans-serif;
color: #FF0000;
font-size: 24px;
font-weight: 500;
margin:2px;
 } 


div.text7-ESP{
font-family: "arial",sans-serif;
color: #FF0000;
font-size: 20px;
font-weight: 500;
margin:2px;
 } 


div.text7-2{
font-family: "arial",sans-serif;
color: #FFFFFF;
    background-color:#660000;
font-size: 24px;
font-weight: 500;
margin:2px;
 } 



div.text8{
font-family: "arial",sans-serif;
color: #000000;
font-size: 44px;
font-weight: 600;
margin:2px;
 } 


div.text9{
font-family: "Times New Roman","century","arial",sans-serif;
color: #000000;
font-size: 18px;
font-weight: 500;
margin:2px;
 } 

SPAN.text10{
font-family: "Times New Roman","century","arial",sans-serif;
color: #000000;
font-size: 16px;
font-weight: 500;
margin:2px;
 } 


SPAN.text11{
font-family: "Times New Roman","century","arial",sans-serif;
color: #003300;
font-size: 22px;
font-weight: 600;
margin:2px;
 } 


SPAN.text11-2{
font-family: "Times New Roman","century","arial",sans-serif;
color: #660000;
font-size: 20px;
font-weight: 600;
margin:2px;
 } 




SPAN.text12{
font-family: "arial",sans-serif;
color: #000000;
font-size: 16px;
font-weight: 500;
margin:2px;
 } 


img.itempic1{
    padding:2px 2px;
    background-color:#ffffff;

    border-color:#ffffff;
    border-width:2.0px;
    border-style:solid;
}




img.itempic2{
    padding:5px 5px;
    background-color:#ffffff;

    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:2.0px;
    border-style:solid;
}


a.link1{
    display:block;
    text-decoration:none;
font-family: "arial",sans-serif;
    color:#000000;

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

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


a.link2{
    text-decoration:none;
font-family: "Times New Roman",sans-serif;
    color:#ffffff;
font-size: 20px;
font-weight: 600;

}
a:hover.link2{
    text-decoration:none;
font-family: "Times New Roman",sans-serif;
font-size: 20px;
    color:#ffff66;

}
a:active.link2{
    text-decoration:none;
font-family: "Times New Roman",sans-serif;
font-size: 20px;
    color:#ffcc99;
}




a.link3{
    text-decoration:none;
font-family: "Times New Roman","century","arial",sans-serif;
    color:#990000;
font-size: 18px;
font-weight: 500;

}
a:hover.link3{
    text-decoration:none;
font-family: "Times New Roman","century","arial",sans-serif;
font-size: 18px;
font-weight: 500;
    color:#FF9900;

}
a:active.link3{
    text-decoration:none;
font-family: "Times New Roman","century","arial",sans-serif;
font-size: 18px;
font-weight: 500;
    color:#990000;
}

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

}
a:hover.link4{
    text-decoration:none;
font-family: "arial",sans-serif;
font-size: 18px;
font-weight: 500;
    color:#CC0033;

}
a:active.link4{
    text-decoration:none;
font-family: "arial",sans-serif;
font-size: 18px;
font-weight: 500;
    color:#009999;
}