@charset "UTF-8";

h1 img {
    width: 100%;
	height:auto;
}

#top_main {
    background-image: url(../images/top/top_bg02b.png),url(../images/top/top_bg03.png);
    background-repeat: no-repeat;
    background-position: left top,left bottom;
    background-size: 100%;
    position: relative;
    padding-bottom:16px;
}


nav {
    height: 239px;
    width: 320px;
    margin: 0 auto;
    position: relative;
}

nav ul li {
    position: absolute;
}

.nav01 {
    top: 0;
    left: 12px;
}

.nav02 {
    top: 5px;
    right: 13px;
}

.nav03 {
    top:118px;
    left: 16px;
}

.nav04 {
    top: 136px;
    right: 22px;
}

#news {
    width: 276px;
    background: url(../images/top/news_bg.png) no-repeat left top;
	background-size: 100%;
    margin: 0 auto 20px;
    padding: 12px 13px 12px 12px;
}

#news p {
    color: #000000;
}

.news_ttl {
    width: 53px;
    float: left;
    padding-top: 10px;
}

.news_txt {
    height: 47px;
    width: 200px;
	overflow:hidden;
	-webkit-overflow-scrolling: touch;
	font-size: 12px;
    float: right;
	display:block;
}

.news_txt a {
	text-decoration:underline;
	color: #d2691e;
}

.news_txt p {
	margin-bottom: 8px;
}

#spec {
    width: 292px;
    margin: 0 auto;
}

#spec .left {
    float: left;
    margin-bottom:10px;
	width: 105px;
}

#spec .left img{
    margin:2px 0 0 2px;
}

#spec .right {
    float: right;
    padding-top:7px
}
#spec .right p{
	margin-bottom:11px;
}

#spec span a{color:#ff6600;text-decoration:underline;}

#spec .speclink{
	line-height:1.5em;
	text-align:center;
	font-weight:bold;
}

#top_main .dlb {
    position: relative;
	text-align:center;
}

#top_main .dlb img{
	margin-top:-30px;
}

#top_main .inter{
    position: relative;
	text-align:center;
	margin: 5% 0 5% 0;
}



#dload {
  width: 320px;
  height: 319px;
  margin: 0 auto;
  background-image:url(../images/top/dl_bg.png);
   background-size:320px 319px;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

#dload #dltxt01{
	padding-top: 14px;
	text-align:center;
	margin: 0 0 6px;
}

#dload #qr{
  text-align: center;
  margin-bottom: 8px;
}

#dload #dltxt02{
  text-align:center;
}


clearfix

/*colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0 !important; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none;}

#cboxOverlay{background:rgb(0,0,0); opacity: 0.7; filter: alpha(opacity = 70);}
#cboxClose{position:absolute; top:10px; right:10px; display:block; background:url(../images/vote/close.png); background-size:26px 26px; width:26px; height:26px; text-indent:-9999px; border:none; outline:none;}