@charset "utf-8";
/*************************************************** */
#modal-content{
   width:1080px;
   margin:0;
   padding:0;
   border:2px solid #aaa;
   background:#fff;
   position:fixed;
   display:none;
   z-index:10000;
   text-align:left;
   border-radius: 10px;        /* CSS3草案 */
   -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
   -moz-border-radius: 10px;   /* Firefox用 */
}

#modal-overlay{
   z-index:1;
   display:none;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:120%;
   background-color:rgba(0,0,0,0.75);
}
#modal-title{
   width:1070px;
   background-color:#FFEFD6;
   border-bottom:1px solid #EEEEEE;
   padding:10px 5px;
   font-size:2em;
   font-weight:bold;
   text-align:center;
   line-height:150%;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
}
#modal-text{
   width:1040px;
   padding:0 20px 20px 20px;
   line-height:140%;
   color:#666666;
   border-bottom:1px solid #EEEEEE;
}
#modal-text p{
   margin:0;
}

#modal-close-box{
   width:1070px;
   padding:5px;
   background-color:#EEEEEE;
   border-top:1px solid #FFFFFF;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
}


.button-link{
   margin:10px auto;
   width:70px;
   cursor:pointer;
   color:#00f;
   text-decoration:underline;
}
.button-link a{
   margin:10px auto;
   width:70px;
}

.button-link a:hover{
   cursor:pointer;
}

/**************************************************** */
/* 画面の横幅が640pxまでの場合のCSS */
@media screen and (max-width:640px){
/* ************************************************** */
#modal-content{
   width:92%;
   margin:0;
   padding:0;
   border:2px solid #aaa;
   background:#fff;
   position:fixed;
   display:none;
   z-index:10000;
   text-align:left;
   font-size:0.7em;
   line-height:120%;
}

#modal-overlay{
   z-index:1;
   display:none;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:120%;
   background-color:rgba(0,0,0,0.75);
}
#modal-title{
   width:96%;
   border-bottom:1px solid #EEEEEE;
   padding:2% ;
   font-size:2em;
   font-weight:bold;
   text-align:center;
}
#modal-text{
   width:96%;
   padding:2%;
   line-height:140%;
   color:#666666;
   border-bottom:1px solid #EEEEEE;
}
#modal-text p{
   margin:0;
}
#modal-close-box{
   width:96%;
   padding:2%;
   background-color:#EEEEEE;
   border-top:1px solid #FFFFFF;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
}
.button-link{
   margin:2% auto;
   width:25%;
   cursor:pointer;
   color:#00f;
   text-decoration:underline;
}
.button-link a{
   width:100%;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.button-link a:hover{
   cursor:pointer;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


/*************************************************** */
}