@charset "Shift_JIS";

#page_title{height:40px;width: 660px;}
#page_title{background:#e68398;background:-moz-linear-gradient(top,  #e68398 0%, #f5a0b3 50%, #e96481 51%, #e97c93 100%);background:-webkit-linear-gradient(top,  #e68398 0%,#f5a0b3 50%,#e96481 51%,#e97c93 100%);background:linear-gradient(to bottom,  #e68398 0%,#f5a0b3 50%,#e96481 51%,#e97c93 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68398', endColorstr='#e97c93',GradientType=0 );border:1px solid #e35377;box-sizing:border-box;padding-left:16px;}
#page_title span{font-size:1.9em;font-weight:700;line-height:40px;color:#FFF;text-shadow:#d08393 1px 0 5px;}
#contents_area{width:660px;}
#contents_area .madori_box{border:1px solid #555;margin-top:30px;}
#contents_area .madori_box .madori{display:block;position:relative;background:url("image/img_5.jpg")no-repeat;background-size:cover;text-align: right;}
#contents_area .madori_box .madori .note{color:#FFF;font-size:14px;line-height:18px;display:inline-block;margin:20px 20px 20px auto;text-align:left;}
#contents_area .madori_box .madori img{width:100%;height:auto;}
#contents_area .madori_box .madori a{display:block;width:22px;height:22px;background:rgba(255,0,4,0.5);border-radius:50px;border:2px solid #555;position:absolute;top:auto;bottom:240px;left:50px;}
#contents_area .madori_box .madori a:nth-of-type(2){bottom:190px;top:auto;right:auto;left:183px;}
#contents_area .madori_box .madori a:nth-of-type(3){bottom:130px;top:auto;right:auto;left:110px;}
#contents_area .madori_box .madori a:nth-of-type(4){bottom:155px;left:147px;right:auto;}
#contents_area .madori_box .madori a:nth-of-type(5){top:380px;bottom:auto;left:auto;right:360px;}
#contents_area .madori_box .madori a:nth-of-type(6){top:340px;right:330px;left:auto;bottom:auto;}
#contents_area .madori_box .madori a:nth-of-type(7){bottom:215px;left:auto;right:355px;}
#contents_area .madori_box .madori a:nth-of-type(8){top: 240px;bottom: auto;left: auto;right: 387px;}
#contents_area .madori_box .madori a:nth-of-type(9){top: 290px;bottom: auto;left: auto;right: 265px;}
#contents_area .madori_box .madori a:nth-of-type(10){top: 268px;bottom: auto;left: auto;right: 387px;}
#contents_area .madori_box .madori a:nth-of-type(11){top: 332px;bottom: auto;left: auto;right: 32px;}
#contents_area .madori_box .madori a:nth-of-type(12){bottom:205px;left:600px;}
#contents_area .madori_box .madori a:nth-of-type(13){bottom:435px;left:500px;}

#contents_area .madori_box .madori a:hover{opacity:0.7;}
#contents_area .madori_box .madori a img{width:100%;height:auto;}