@charset "euc-jp";

/* #wrapper
---------------------------*/
div#wrapperModels,
div#wrapperEvent,
div#wrapperMovie {
   width: 789px;
   background: url(../img/bg.jpg) left top repeat-y;
   padding-left: 7px;
   }

/* #headnav
---------------------------*/
div#headnav {
   width: 780px;
   height: 300px;
   background: url(../img/headimg.jpg) left top no-repeat;
   margin: 0;
   padding: 0;
   }
div#headnav h2 {
   margin: 0;
   padding:0;
   text-indent: -999em;
   width: 780px;
   height: 116px;
   }
div#headnav ul {
   height: 84px;
   width: 589px;
   margin: 100px 0 0 0;
   padding: 0;
   }
div#headnav ul li {
   text-indent: -9999em;
   height: 84px;
   display: inline;
   margin: 0;
   padding: 0;
   list-stype: none;
   }
div#headnav ul li a{
   display: block;
   height: 84px;
   float: left;
   }
div#headnav ul li.models a{
   width: 176px;
   background: url(../img/topnavModels.jpg) left bottom no-repeat;
   }   
div#headnav ul li.event a{
   width: 153px;
   background: url(../img/topnavEvent.jpg) left bottom no-repeat;
   }   
div#headnav ul li.movie a{
   width: 260px;
   background: url(../img/topnavMovie.jpg) left bottom no-repeat;
   }
div#headnav ul li.models a:hover {
   background: url(../img/topnavModels.jpg) left top no-repeat;
   }   
div#headnav ul li.event a:hover {
   background: url(../img/topnavEvent.jpg) left top no-repeat;
   }
div#headnav ul li.movie a:hover {
   background: url(../img/topnavMovie.jpg) left top no-repeat;
   }

/* #headnav Active
---------------------------*/
div#wrapperModels div#headnav ul li.models a {
   background: url(../img/topnavModels.jpg) left top no-repeat;
   }
div#wrapperEvent div#headnav ul li.event a {
   background: url(../img/topnavEvent.jpg) left top no-repeat;
   }
div#wrapperMovie div#headnav ul li.movie a {
   background: url(../img/topnavMovie.jpg) left top no-repeat;
   }
 
/* #charityContent
---------------------------*/
div#charityContent {
   padding: 0 10px 64px 10px;
   margin: 0;
   width: 760px;
   background: url(../img/footbg.jpg) left bottom no-repeat;
   }
   
div#charityContent h3 {
   width: 760px;
   height: 93px;
   text-indent: -9999em;
   background: url(../img/h3models.jpg) left top no-repeat;
   }
  
div#charityContent div#intro p {
   display: none;
   }
div#charityContent div#intro ul {
   width: 760px;
   height: 140px;
   margin: 0;
   padding: 0;
   }

div#charityContent div#intro ul li{
   list-style: none;
   display: inline;
   }
div#charityContent div#intro ul li a {
   display: block;
   float: left;
   width: 120px;
   text-decoration: none;
   margin: 0 8px 0 0;
   padding: 0;
   }
div#charityContent div#intro ul li.sakiko a {
   margin-right: 0;
   }
* html div#charityContent div#intro ul li.sakiko a {
   margin-right: -2px;
   }
   
div#charityContent div#intro ul li a img {
   width: 116px;
   height: 116px;
   border: 2px solid #8e6d64;
   }
   
div#charityContent div#intro ul li a:hover img {
   border: 2px solid #ff00c6;
   width: 116px;
   height: 116px;
   }
div#charityContent div#intro ul li a h4 {
   width: 116px;
   height: 15px;
   margin: 5px 0 0 0;
   padding: 0;
   text-indent: -9999em;
   }

*:first-child+html div#charityContent div#intro ul li a h4 {
   margin: 0;
   }
* html div#charityContent div#intro ul li a h4 {
   margin: 0;
   }

div#charityContent div#intro ul li.ellirose h4 {
   background: url(../img/name1.jpg) center top no-repeat;
   }
div#charityContent div#intro ul li.adriana h4 {
   background: url(../img/name2.jpg) center top no-repeat;
   }
div#charityContent div#intro ul li.camilla h4 {
   background: url(../img/name3.jpg) center top no-repeat;
   }
div#charityContent div#intro ul li.yuri h4 {
   background: url(../img/name4.jpg) center top no-repeat;
   }
div#charityContent div#intro ul li.priscila h4 {
   background: url(../img/name5.jpg) center top no-repeat;
   }
div#charityContent div#intro ul li.sakiko h4 {
   background: url(../img/name6.jpg) center top no-repeat;
   }         


/* #elli-rose
---------------------------*/
div#charityContent div#ellirose {
   margin: 0;
   padding: 0;
   width: 760px;
   height: 533px;
   background: url(../img/ellirosebg.jpg) 298px top no-repeat;
   }
div#charityContent div#ellirose h4 {
   width: 298px;
   height: 95px;
   background: url(../img/h4ellirose.jpg) left top no-repeat;
   text-indent: -9999em;
   }
div#charityContent div#ellirose img.product {
   margin: 0;
   padding: 0;
   display: block;
   }
div#charityContent div#ellirose p.btnBuy {
   position: relative;
   left: 100px;
   top: -185px;
   }
* html div#charityContent div#ellirose p.btnBuy {
   margin-bottom: -27px;
   }
div#charityContent div#ellirose p.explain {
   display: none;
   }
/* 購入するボタン
---------------------------*/
div#charityContent p.btnBuy {
   width: 147px;
   height: 27px;
   text-indent: -9999em;
   }
div#charityContent p.btnBuy a {
   display: block;
   width: 147px;
   height: 27px;
   background: url(../img/btnBuy.jpg) left top no-repeat;
   }
div#charityContent p.btnBuy a:hover {
   background: url(../img/btnBuy.jpg) left bottom no-repeat;
   }

/* #models
---------------------------*/
div#charityContent div#models {
   width: 760px;
   height: 1523px;
   background: url(../img/modelsbg.jpg) left top no-repeat;
   }
   
div#charityContent div#models div#adriana,
div#charityContent div#models div#camilla,
div#charityContent div#models div#yuri,
div#charityContent div#models div#priscila,
div#charityContent div#models div#sakiko {
   width: 356px;
   height: 480px;
   float: left;
   }
* html div#charityContent div#models div#adriana,
* html div#charityContent div#models div#camilla,
* html div#charityContent div#models div#yuri,
* html div#charityContent div#models div#priscila,
* html div#charityContent div#models div#sakiko {
   width: 359px;
   }
   
div#charityContent div#models div#camilla,
div#charityContent div#models div#priscila {
   margin-left: 45px;
   }
* html div#charityContent div#models div#camilla,
* html div#charityContent div#models div#priscila {
   margin-left: 0;
   float: right;
   }   
div#charityContent div#models div#yuri,
div#charityContent div#models div#priscila {
   height: 560px;
   }   

   
div#charityContent div#models h4 {
   height: 46px;
   text-indent: -9999em;
   }
div#charityContent div#models div#adriana h4 {
   width: 102px;
   background: url(../img/h4adriana.jpg) left top no-repeat;
   }
div#charityContent div#models div#camilla h4 {
   width: 117px;
   background: url(../img/h4camilla.jpg) left top no-repeat;
   }
div#charityContent div#models div#yuri h4 {
   width: 67px;
   background: url(../img/h4yuri.jpg) left top no-repeat;
   }
div#charityContent div#models div#priscila h4 {
   width: 96px;
   background: url(../img/h4priscila.jpg) left top no-repeat;
   }
div#charityContent div#models div#sakiko h4 {
   width: 80px;
   background: url(../img/h4sakiko.jpg) left top no-repeat;
   }

div#charityContent div#models div.product {
   width: 176px;
   float: right;
   }
div#charityContent div#models div.product p.btnBuy {
   width: 176px;
   margin: 10px 0 0 20px;
   }
* html div#charityContent div#models div.product p.btnBuy {
   width: 156px;
   margin: 0 0 0 20px;
   }
div#charityContent div#models div.models {
   width: 180px;
   height: 270px;
   }
div#charityContent div#models div#yuri div.models,
div#charityContent div#models div#priscila div.models {
   height: 310px;
   } 
div#charityContent div#models div#sakiko div.models {
   height: 200px;
   }   
div#charityContent div#models div.models p {
   width: 180px;
   font-size: 10px;
   line-height: 1.2em;
   word-wrap: break-word;
   }
div#charityContent div#models div.models p span {
   color: #FF00C6;
   }
div#charityContent div#models div.detail {
   clear: both;
   padding: 0 5px 0 0;
   }
div#charityContent div#models div.detail dl dt {
   color: #FF00C6;
   margin-top: 5px;
   }

/* #message
------------------------------------------------ */
div#charityContent div#message h4{
   width: 760px;
   height: 46px;
   background: url(../img/message.jpg) left top no-repeat;
   text-indent: -9999em;
   }
div#charityContent div#message div.messageBox {
   margin-top: 20px;
   width: 564px;
   float: right;
   padding: 0 10px 20px 10px;
   }   
* html div#charityContent div#message div.messageBox {
   padding-right: 0;
   }   
div#charityContent div#message div.messageBox p{
   line-height: 1.2em;
   }   
div#charityContent div#message div.messageBox p.lead{
   margin: 0;
   padding: 0 0 20px 0;
   }
div#charityContent div#message div.messageBox p.david {
   margin: 0;
   padding: 0 0 20px 0;
   color:#FF0066;
   }
div#charityContent div#message div.messageBox p.david a{
   color:#FF0066;
   }   
div#charityContent div#message div.messageBox p.blogs {
   margin: 0;
   padding: 0 0 40px 0;
   color:#8e6d64;
   }
* html div#charityContent div#message div.messageBox p.blogs {
   padding-bottom: 0px;
   }
div#charityContent div#message div.messageBox p.blogs a{
   color:#8e6d64;
   }
   
div#charityContent div#message img.picture {
   width: 176px;
   height: 247px;
   margin-top: 20px;
   margin-bottom: 20px;
   }

   
/*-----------------------------------------------------------------------

02 Event

-----------------------------------------------------------------------*/
div#wrapperEvent div#charityContent div#intro h3 {
   background: url(../img/h3event.jpg) left top no-repeat;
   height: 69px;
   margin-bottom: 10px;
   }
div#wrapperEvent div#charityContent div#intro p{
   display: block;
   background: url(../img/eventbg.jpg) left bottom no-repeat;
   line-height: 1.8em;
   padding-bottom: 20px;
   margin-bottom: 20px;
   }
div#wrapperEvent div#charityContent div#intro p span {
   font-weight: bold;
   }
div#wrapperEvent div#charityContent div#photoes a img{
   width: 182px;
   height: 150px;
   margin-right: 5px;
   margin-bottom: 5px;
   }
div#wrapperEvent div#charityContent div#photoes a.photoWrap img {
   margin-right: 0;
   margin-left: 0;
   }
div#wrapperEvent div#charityContent {
   padding: 0 10px 90px 10px;
   }


/*-----------------------------------------------------------------------

03 Special movie

-----------------------------------------------------------------------*/
div#wrapperMovie div#charityContent div#intro h3 {
   background: url(../img/h3movie.jpg) left top no-repeat;
   height: 69px;
   margin-bottom: 10px;
   }
div#wrapperMovie div#charityContent div#intro p{
   display: block;
   background: url(../img/eventbg.jpg) left bottom no-repeat;
   line-height: 1.8em;
   padding-bottom: 20px;
   margin-bottom: 20px;
   }

div#wrapperMovie div#charityContent div#movie1,
div#wrapperMovie div#charityContent div#movie2{
   padding-bottom: 20px;
   margin-bottom: 20px;
   text-align: center;
   }
div#wrapperMovie div#charityContent div#movie1 {
   background: url(../img/eventbg.jpg) left bottom no-repeat
   }