/*h1 {
margin : 10px auto ;
padding : 3px;
line-height : 1.2em;
width : 60% ;
}*/

.whole { 
margin : 20px auto ;
padding : 0px 20px 0px 20px ;
/*position:relative;*/
text-align:center;
width : 780px ;
/*ここまでIE5が読める*/
voice-family: "\"}\"";
voice-family:inherit;
/*ここからIE5が読めない*/
width : 740px ;
text-align:left;
/*width : 90% ;*/
/* border : solid black 1px ;*/
}


*html div.whole {
width : 780px ;
text-align : center ;
}



.allnavi {
width : 100%;
/*height:5em;*/
margin-bottom : 10px;
/*margin-bottom:60px;をはずした*/
/*border:solid blue 1px;*/
}


#body_main {
font-size : 95% ;
margin-top : 20px ;
/*text-align:left;*/
}

h1.image {
width : 500px ;
margin:0px auto 10px auto;
background-color:transparent;
}


#main_photo {
margin: 20px auto;
width:92%;
height : 290px;
}


.main_photo1 {
margin:20px auto;
padding:0;
/*float:left;*/
width:425px;
/*display: inline;*/ /* for IE6,7 */
}

.main_photo2 {
margin-left : 435px;
padding : 5px;
background-color: #BDE0B6;
}


.dan1 {
margin: 20px auto;
padding: 0px 5px;
width:90%;
background-color: #BDE0B6;
}

.dan1 > p {
margin:5px 0px;
}


#sample {
width:740px;
margin:10px auto;
clear : both;
}

*html #sample {
width:740px;
margin:5px auto;
}

.sample1 {
float:left;text-align:center;
}

.sample2 {
font-weight : bolder ;
color : #990000 ;
background-color : transparent ;
font-size: medium;
margin:0;
padding:0;
text-align: center;
}


.photo_l {
position: relative;
}

.photo_r {
position: relative;
}

.photo1,
.photo2,
.photo3,
.photo4 {
float :left ;
/*top: 0;
left: 0;*/
width: 160px;
}

.photo1 a .large,
.photo2 a .large,
.photo3 a .large,
.photo4 a .large {
display: block;
position: absolute;
width: 1px;
height: 1px;
top: 0;
left: 0;
}

.photo1 a.popup,
.photo1 a.popup:visited,
.photo3 a.popup,
.photo3 a.popup:visited {
display: block;
width: 160px;
/*top: 0;
left: 0;*/
border:solid blue 1px;
z-index:1;
}

.photo2 a.popup,
.photo2 a.popup:visited,
.photo4 a.popup,
.photo4 a.popup:visited {
display: block;
width: 160px;
top: 0;
left: 0;
border:solid #FF66FF 1px;
z-index : 1;
}


.photo1 a.popup:hover,
.photo2 a.popup:hover,
.photo3 a.popup:hover,
.photo4 a.popup:hover {
background-color: #fff;
}

.photo1 a.popup:hover .large,
.photo3 a.popup:hover .large {
display: block;
position: absolute;
width: 284px;
height: 425px;
top: 7px;
left: 0px;
border:solid blue 1px;
z-index: 10;
}

*html .photo1 a.popup:hover .large,
.photo3 a.popup:hover .large {
display: block;
position: absolute;
width: 284px;
height: 425px;
top: 7px;
left: -345px;
border:solid blue 1px;
z-index: 10;
}

.photo2 a.popup:hover .large,
.photo4 a.popup:hover .large {
display: block;
position: absolute;
width: 284px;
height: 425px;
top: 7px;
left: 0px;
border:solid #FF66FF 1px;
z-index: 10;
}


*html .photo2 a.popup:hover .large,
.photo4 a.popup:hover .large {
display: block;
position: absolute;
width: 284px;
height: 425px;
top: 7px;
left: -345px;
border:solid #FF66FF 1px;
z-index: 10;
}




.dan11 {
margin: 20px auto;
padding: 5px;
width:85%;
font-size:130%;
height:240px;
/* border:solid blue 1px; */
}


.dan111 {
float : left ;
width:320px;
}

.dan1111 {
float: left;
width:300px;
}

.dan1111 ul {
line-height:1.4em;
color : blue ;
background-color : transparent;
}

.dan11111 {
font-size:80%;
color:black;
}

.dan13 {
clear:both;
width:432px;margin:10px auto;
}


.banner1 {
width:440px;margin:10px auto;
/*border:solid red 1px;*/
}

.banner2 {
float:left;
}

.banner2 a {
display: block;
width:200px;
height:50px;
background: url('image/banner66.gif') 0 0 no-repeat;
}

.banner1 a:hover {
background-color: #fff; /*IE6用*/
}

.banner1 a:hover img {
visibility: hidden;
}

.banner3 {
float:left;
}

.banner3 a {
display: block;
width:200px;
height:50px;
background: url('image/banner77.gif') 0 0 no-repeat;
}


.pink {
background-color:transparent;
color:#FF33CC;
font-weight:bold;
font-size:120%;
}

.dan2 {
margin: 10px auto;
padding: 5px 10px;
width:90%;
background-color:#A6EECF;
}

img.image1 {
float: right ;
margin : 20px ;
}

img.image2 {
float : left ;
margin: 0px 5px ;
}


.dan3 {
width : 75% ;
height:150px;
margin: 10px auto ;
/*border:solid blue 1px;*/
}


.red {
color : #990000 /*red*/ ; background-color : transparent ;
font-weight : bold ; text-decoration : underline ;
}

.red2 {
color : #990000 /*red*/ ; background-color : transparent ;
}



a.none {
text-decoration:none;
}


.title {
margin: 10px auto;
font-size:130%;
font-weight:bolder;
text-align:center;
color:#CC3333;
background-color: transparent;
text-decoration:underline;
}

.title1 {
margin: 10px 1em 10px 2em;
border-bottom:dotted blue 2px;
}

.title2 {
margin: 10px 0px 0px 2em;
font-size:110%;
font-weight:bold;
text-align:left;
}

.title3 {
margin: 10px 10px 0px 3em;
line-height :1.5em;
/*border:dotted blue 2px;*/
}

.title31 {
width:85%;
border:dotted blue 2px;
padding:3px;
}


.dan4 {
clear:both;
width:50%;
margin: 10px auto;
}

.expl3 {
font-size:105%;
font-weight:bold;
color:#ff0066;
}



.dan5 {
width: 520px;
margin:10px auto;
}


.dan6 {
clear:both;
width:50%;
margin: 10px auto;
}


.dan2-2 {
width : 500px ;
height : 60px ;
margin: 15px auto ;
padding : 0;
/*border:solid blue 1px;*/
}

.fl_left {
float : left;
}

.clr {
clear:both;
}

.dan2-3 {
width : 85% ;
margin: 10px auto ;
}

.text2-3 {
font-weight:bold;font-size:110%;
}

.dan2-4 {
width : 85% ;
margin: 10px auto ;
}


.dan2-4 ul {
list-style:none;
}

.em3 {
margin:0;padding-left: 3em;
}

li.em05 {
padding-bottom : 0.5em;
}


.kodawari {
float:left;margin-top:15px;font-size:120%;font-weight:bolder;color:red;
}

.kodawari2 {
width:85%;margin:2px auto;border:groove purple 2px;text-align:center;
}

.kodawari3 {
width:95%;margin:15px auto;border:groove purple 1px;
}


a.img:link { text-decoration:none; border:none 0px;}
a:link img{ text-decoration:none; border:none 0px; }
a:visited img{ text-decoration:none; border:none 0px; }
a:hover img{ text-decoration:none; border:none 0px; }
a:active img{ text-decoration:none; border:none 0px; }