@charset "UTF-8";
img {
    border:none;
}
#ContestMain:after,
#ContestMainInner:after,
.WorksBoxWrapper:after,
 .WorksBoxWrapperLarge:after {
    content:"";
    display:block;
    clear:both;
}
#ContestMain,
#ContestMainInner,
.WorksBoxWrapper,.WorksBoxWrapperLarge {
    display:inline-block;
}
/* Mac版IE除外 \*/
#ContestMain,
#ContestMainInner,
.WorksBoxWrapper,.WorksBoxWrapperLarge {
    display:block;
}
/* */
#ContestResult #GlobalMainNavi,
#ContestAbout #GlobalMainNavi,
#ContestEntry #GlobalMainNavi,
#ContestRule #GlobalMainNavi,
 #ContestDownload #GlobalMainNavi {
    background-image:url(/images/fanfun/format/GlobalMainNaviBgTop.png);
}
/*---------------------------------------------------------
    01：レイアウト
---------------------------------------------------------*/
#ContestMain {
    margin:20px auto;
    padding:0;
    width:660px;
    text-align:center;
    background:url(/images/fanfun/contest_bg.jpg) repeat-y center center;
    line-height:160%;
}
#ContestMainInner {
    padding:0 0 30px 0;
    background:url(/images/fanfun/contest_bottom.jpg) no-repeat center bottom;
}
#ContestMain #ContestNavi  {
    margin:10px 0;
    height:40px;
    padding-left:30px;
    text-align:left;
    background:url(/images/fanfun/navi.jpg) no-repeat center center;
}
#ContestMain #ContestNavi li {
    list-style:none;
    display:inline;
}
#ContestMain #ContestNavi li a {
    float:left;
    display:block;
    padding-top:40px;
    width:150px;
    height:0;
    margin:0;
    background-image:url(/images/fanfun/navi.jpg);
    background-repeat:no-repeat;
    text-decoration:none;
    overflow:hidden;
}
#ContestMain #Navi li a:hover {
    background-image:url(/images/fanfun/navi_hover.jpg);
}
body#ContestResult #ContestNaviResult a,
body#ContestResult #ContestNaviResult a:hover,
body#ContestAbout #ContestNaviAbout a,
body#ContestAbout #ContestNaviAbout a:hover,
body#ContestEntry #ContestNaviEntry a,
body#ContestEntry #ContestNaviEntry a:hover,
body#ContestRule #ContestNaviRule a,
body#ContestRule #ContestNaviRule a:hover {
    background-image:url(/images/fanfun/navi_now.jpg);
}
#ContestMain #ContestNaviResult a {
  background-position:-25px 0px;
}
#ContestMain #ContestNaviAbout a {
  background-position:-175px 0px;
}
#ContestMain #ContestNaviEntry a {
  background-position:-325px 0px;
}
#ContestMain #ContestNaviRule a {
  background-position:-475px 0px;
}

#ContestMain h3 {
  text-align:center;
    padding:0;
    margin:0;
}
#ContestMain h4 {
  text-align:center;
    margin:20px auto;
}


.SbmNote {
  font-size:10px;
  color:#666666;
padding-left:40px;
    }


/*---------------------------------------------------------
    02：募集要項
---------------------------------------------------------*/

body#ContestAbout .Lead {
    text-align:center;
}

body#ContestAbout .Regulation {
    border-top:1px #CCCCCC dotted;
    margin:0 auto;
    width:600px;
}

body#ContestAbout .Regulation th,
body#ContestAbout .Regulation td {
    border-bottom:1px #CCCCCC dotted;
    padding:10px 16px;
    line-height:160%;
}
body#ContestAbout .Regulation td {
    text-align: left;
}
body#ContestAbout .Regulation td p {
    padding:0.5em 0;
}

body#ContestAbout .Regulation th {
    border-right:3px #EEEEEE solid;
    white-space: nowrap;
    text-align:center;
    color: #0A265B;
    width:100px;
}
body#ContestAbout .Regulation strong {
    color: #DB5C9D;
}
body#ContestAbout .Regulation .note {
    color: #666666;
    font-size:10px;
}
body#ContestAbout .Regulation ul {
    margin:0 0 0 2em;
    padding:0;
}


/*---------------------------------------------------------
    04：エントリー方法
---------------------------------------------------------*/
body#ContestEntry .flow {
    margin-bottom:2em;
}
body#ContestEntry .FlowText {
    padding:0 50px 36px 100px;
    text-align:left;
}
body#ContestEntry .FlowText ul.Blue {
    color:#0A265B;
    font-weight:bold;
    margin:0.5em 0;
}
body#ContestEntry .FlowText .Pink {
    color:#DB5C9D;
}
body#ContestEntry .help {
    width:600px;
    margin:0 auto 2em auto;
    text-align:left;
}
body#ContestEntry ul.help {
    padding-left:3em;
    color:#CC0000;
}
body#ContestEntry .help strong {
    color: #DB5C9D;
    display:block;
    margin-bottom:0.8em;
}
body#ContestEntry .firestorage {
    margin-bottom:10px;
}

/*---------------------------------------------------------
    05：利用規約
---------------------------------------------------------*/
body#ContestRule h5 {
    width:600px;
    margin:0 auto;
    font-size:12px;
    color: #DB5C9D;
    text-align:left;
    padding:1em 0;
    font-weight:bold;
}
body#ContestRule .rule{
    width:560px;
    margin:0 auto;
    text-align:left;
    padding-bottom:1em;
}
body#ContestRule ol.rule {
    padding-left:3em;
}
body#ContestRule ul.rule {
    padding-left:80px;
}
body#ContestRule ol.rule .note {
    color:#666666;
    padding:8px 0;
}
/*---------------------------------------------------------
    06：ダウンロード
---------------------------------------------------------*/

body#ContestDownload .flow {
    margin-bottom:2em;
}
body#ContestDownload .FlowText {
    padding:0 50px 36px 100px;
    text-align:left;
}
body#ContestDownload .note{
 font-weight:bold;
 color: #DB5C9D;
}
body#ContestDownload .notice{
 font-size:10px;
 color: #DB5C9D;
}

body#ContestDownload #explanation {
	text-align:left;
	padding:20px 50px;
}
body#ContestDownload #explanation .picture {
	width:294px;
	float:right;
	text-align:left;
	font-size:10px;
	color:#666666;
}
body#ContestDownload .WorksBoxWrapper {
 border-top:1px #EAEBEC solid;
 padding:12px 0 12px 8px;
 margin:0 4px;
}
body#ContestDownload .WorksBoxWrapperLarge {
 border-top:1px #EAEBEC solid;
 padding:12px 0 12px 40px;
 margin:0 4px;
}
body#ContestDownload .WorksBox {
 text-align:center;
 width:160px;
 float:left;
}
body#ContestDownload .WorksBoxLarge {
 text-align:center;
 width:190px;
 float:left;
}
body#ContestDownload .WorksBox div,
body#ContestDownload .WorksBoxLarge div {
    margin:3px 0;
}
body#ContestDownload .WorksTitle,
body#ContestDownload .WorksCreator{
    padding-top:10px;
    font-weight:bold;
    font-size:10px;
    color:#8B8F91;
}
body#ContestDownload .WorksTitle {
    background:url(/images/fanfun/DownloadWorksTitle.jpg) no-repeat center top;
}
body#ContestDownload .WorksCreator {
    background:url(/images/fanfun/DownloadWorksCreator.jpg) no-repeat center top;
}

/*--------------------------------------------------------------
    Light Box
--------------------------------------------------------------*/

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #FFFFFF;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
*html #hoverNav{
    left: 10;
    }

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    /*background: transparent url(/images/fanfun/blank.gif) no-repeat;  Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/fanfun/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/fanfun/next.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin: 0 auto;
    line-height: 1.4em;
padding-bottom:6px;
    }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 100%; text-align: center; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom:4px; }
#imageData #bottomNavClose{ display:block;text-align: right; border-top:1px #EEEEEE solid;padding-top:3px; }

#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }


/* Min-Width */
.lbWidth { /* most browsers */
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    min-width: 790px;
    }

* html .lbContent { /* IE6 */
    margin-left: -790px;
    position:relative;
    }

* html .lbMinWidth { /* IE6 */
    padding-left: 790px;
    }


/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */