@charset "utf-8";

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

wrapperArea

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

@media screen and (max-width:610px) {
	#wrapperArea.top {
		background: transparent;
		position: static;
		width: auto;
	}
}

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

bodyArea

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

@media screen and (max-width:610px) {
	#bodyArea {
		padding: 10px 0 0 7px;
		min-width: 403px;
	}
}

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

mainAreaBgTop

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

.index #mainAreaBgTop {
	margin: 0 0 0 197px;
	padding-top: 0;
	background: none;
	width: auto;
	float: none;
}

@media screen and (max-width:610px) {
	.index #mainAreaBgTop {
		margin: 0;
	}
}





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

mainAreaBgBottom

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

.index #mainAreaBgBottom {
	padding-bottom: 8px;
	background: none;
}

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

mainArea

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

.index #mainArea {
	padding: 0;
	width: auto;
	background: none;
}

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

globalArea

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

@media screen and (max-width:610px) {
	#globalArea {
		margin: 0;
		padding: 0 0 4px 5px;
		width: auto;
		float: none;
	}
}

@media screen and (max-width:610px) {
	#globalArea .siteName {
		margin: 0 10px 0 0;
		float: left;
	}
}
/* -----------------------------------------

globalNavigation

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

@media screen and (max-width:610px) {
	#globalNavigation {
		padding: 6px 0 0 6px;
		float: left;
		background-image: none;
	}
}

@media screen and (max-width:610px) {
	#globalNavigation .radiusBgType01Inner {
		padding: 0;
	}
}

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

flexbox

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

#mainArea .flexbox {
	margin-bottom: 20px;
}

/*#modalFlost {*/
	/*opacity:0.8;*/
	/*position: relative;*/
	/*z-index:80;*/
	/*background:#000 url(/a-v/shared/images/load.gif) no-repeat 50% 50%;*/
/*}*/

#mainArea .flexbox .box {
	margin: 2px;
	padding: 3px;
	background: url(/a-v/images/bg_shadow_1.png) no-repeat left top;
	float: left;
	min-height: 208px;
	min-width: 182px;
	position: relative;
}

#mainArea .flexbox .box .icoNew {
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 50;
}

#mainArea .flexbox .box .ibe_inner {
	z-index: 100;
}

#mainArea .flexbox .box .ibe_outer img {
	z-index: 10;
}

#mainArea .flexbox .box.bgNone {
	background: none;
}

#mainArea .flexbox .whatsnew {
	background: url(/a-v/images/bg_shadow_3.png) no-repeat left top;
}

#mainArea .flexbox .shutter {
	padding: 7px;
	background: url(/a-v/images/bg_shadow_2.png) no-repeat left top;
}

#mainArea .flexbox .shutter a {
	width: 182px;
	height: 208px;
	display: block;
	overflow: hidden;
}

/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

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

whatsnew

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

#mainArea .whatsnew {
	position: relative;
}

#whatsnew {
	padding: 3px 0 0;
	width: 378px;
	position: absolute;
	left: 9px;
	bottom: 9px;
}
	
@media screen and (max-width:610px) {
	#whatsnew {
		padding: 12px 15px 15px;
		width: 348px;
		background-image: none;
	}
}

#whatsnew .radiusBgType02Inner {
	padding: 12px 15px 15px;
	zoom: 1;
}
	
@media screen and (max-width:610px) {
	#whatsnew .radiusBgType02Inner {
		padding: 0;
	}
}

#whatsnew h2 {
	margin: 0 0 12px;
	padding: 0;
	background: none;
}

#whatsnew dt {
	margin: 12px 0 7px;
	font-size: 83%;
	color: #888888;
}
/* -----------------------------------------

globalNavigation2

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

@media screen and (max-width:610px) {
	#globalNavigation2 {
		margin: 0 0 10px 5px;
		padding: 6px;
		width: 376px;
		background-image: none;
		position: static;
	}
}

@media screen and (max-width:610px) {
	#globalNavigation2 .radiusBgType01Inner {
		padding: 0;
	}
}

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

localNavigation

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

#localNavigation {
	margin-top: 2px;
}

@media screen and (max-width:610px) {
	#localNavigation {
		display: none;
	}
}

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

banner_1

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

@media screen and (max-width:610px) {
	#banner_1 {
		margin: 0 0 10px 0;
		padding: 15px 10px 2px;
		width: 366px;
		background-image: none;
	}
}

@media screen and (max-width:610px) {
	#banner_1 .radiusBgType01Inner {
		padding: 0;
	}
}
@media screen and (max-width:610px) {
	#banner_1 ul li {
		margin: 0 6px 10px;
		float: left;
	}
}

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

socialBtn

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

@media screen and (max-width:610px) {
	#socialBtn {
		margin: 0 0 10px 0;
		padding: 15px 10px 2px;
		width: 366px;
		background-image: none;
	}
}

@media screen and (max-width:610px) {
	#socialBtn .radiusBgType01Inner {
		padding: 0;
	}
}

@media screen and (max-width:610px) {
	#socialBtn ul li {
		float: left;
	}
}

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

footerNavigation

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

@media screen and (max-width:610px) {
	#footerNavigation {
		display: none;
	}
}

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

subNavigation

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

@media screen and (max-width:610px) {
	#subNavigation {
		margin-left: 5px;
		width: auto;
		position: static;
	}
}


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

loading

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

#top #load-text{
    font-size: 50px;
    letter-spacing: -2px;
}

#top #load-text-p{
    font-size: 24px;
}


/*　IE8用の処理　*/
#top #loader {
    font-family: "Verdana";
    width: 100%;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 1001;
    font-size: 14px;
    margin: -50px 0 0 0;
    opacity: 0.9;
}



/*　IE8以外のスマホ処理　*/
@media screen and (max-width: 610px) {
    #top #loader {
        display: none;
    }
}

/*　IE8以外の処理　*/
@media screen and (min-width: 610px) {

    #top #loader {
        display: none;
    }
}






.numDisplay{
    visibility: hidden;

}


#top #bar{
    width:100%;
    height: 1px;
    padding: 1px;
    margin-top: 10px;
    font-size: 1px;

}

#top #bar span {
    display: block;
    width: 0px;
    height: 1px;
    background: #efefef;
}


#top #modalFlost {
    width: 100%;
    height: 100%;

    position: relative;
    z-index: 80;
    background: #000 no-repeat 50% 100px;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */      /* ie lt 8 */
    opacity: 0.8;


}

#top .mobileLoad{
    width: 100%;
    height: 3000px;
    opacity:0.8;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */      /* ie lt 8 */
    position:absolute;
    top: 0;
    left: 0;
    z-index:80;
    background:#000 url(/a-v/shared/images/load.gif) no-repeat 180px 220px;
}

.loadImage{
    position: absolute;
    left: 50%;
    top: 48px;
    margin: 0 0 0 12px;
}

.bgmaximage {
    z-index: -1;
}

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

ピコもんトップバナー用

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

box_midori_picomon {
	positon: relative;
}

.box_midori_picomon .midori_pico {
	position: absolute;
	background: url( /a-v/images/index_picomon_2.png );
	background-repeat: no-repeat;
	top: 13px;
	right: 48px;
	width: 77px;
	height: 197px;
}

.box_midori_picomon .midori_pico_comment {
	position: absolute;
	top: 38px;
	left: 40px;
	width: 185px;
	height: 110px;
	font-size: 14px;
	overflow: hidden;
	line-height: 20px;
}