@charset "utf-8";

/*
/index.html
#top-pagebox
*/

/*
#headerbox
------------------------------------------------------------*/
#top-pagebox #headerbox h1{
position: relative; z-index: 2;	
}
#top-pagebox #headerbox h2.pagettl{
position: relative; margin-top: -20px;	
}



/*
#contentbox
------------------------------------------------------------*/
/*
#content-staff
------------------------------*/
#content-staff h3.blockttl{
margin: 0px 0px 3em; 	
}
#content-staff ol.stafflist{
margin: 0px;	
}
#content-staff ol.stafflist > li:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#content-staff ol.stafflist > li{
zoom: 1;	margin: 0px 0px 4em;
}
#content-staff ol.stafflist > li.lastChild{
margin-bottom: 0px; 	
}
#content-staff ol.stafflist > li div.photo{
float: left;	
}
#content-staff ol.stafflist > li > dl{
float: right;	width: 660px; margin: 0px;
}

@media screen and (max-device-width: 480px){
	#content-staff ol.stafflist > li div.photo{
	float: none;	
	}
	#content-staff ol.stafflist > li > dl{
	float: none;	width: auto;;
	}
}


#content-staff ol.stafflist dt{
margin: 0px 0px 2em; padding: 40px 0px 0px;
}
#content-staff ol.stafflist dd{
margin: 0px 0px 2em; 	
}
#content-staff ol.stafflist dd.lastChild{
margin: 0px;		
}

/*
dd.caption
*/
#content-staff ol.stafflist li.nagata-masako dd.caption{
background: url(../img/staff/nagata_masako/illust.gif) no-repeat right bottom;	
}
#content-staff ol.stafflist li.tsutsui-tomoki dd.caption{
background: url(../img/staff/tsutsui_tomoki/illust.gif) no-repeat right bottom;	
}

@media screen and (max-device-width: 480px){
	#content-staff ol.stafflist li.nagata-masako dd.caption,
	#content-staff ol.stafflist li.tsutsui-tomoki dd.caption{
	background: none;
	}
}


/*
dd.licence
*/
#content-staff ol.stafflist dd.licence{
font-size: 83.3%; 
}
#content-staff ol.stafflist dd.licence h5{
margin: 0px; font-weight: normal;	
}
#content-staff ol.stafflist ul.disc li{
margin-bottom: 0px;	
}
/*
dd.apeal
*/
#content-staff ol.stafflist dd.apeal div.item{
margin: 0px 0px 1.5em; 	
}
#content-staff ol.stafflist dd.apeal h4{
background: url(../../img000/background/ttl_yellow.jpg) center bottom #FFB24A; border: 2px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin: 0px 0px 0.5em; 
}
#content-staff ol.stafflist dd.apeal h4 span{
display: block; background-repeat: no-repeat; background-position: 10px center; padding: 6px 0px 6px 50px; font-size: 133.3%; color: #fff; 
}
#content-staff ol.stafflist dd.apeal div.no01 h4 span{
background-image: url(../img000/bullet/button01.gif);
}
#content-staff ol.stafflist dd.apeal div.no02 h4 span{
background-image: url(../img000/bullet/button02.gif);
}
#content-staff ol.stafflist dd.apeal div.no03 h4 span{
background-image: url(../img000/bullet/button03.gif);
}
/*
.charge
*/
#content-staff table.charge,
#content-staff dd.charge table{
width: 500px; background: #fff; border-collapse: collapse; margin: 0px 0px 1.5em;
}
#content-staff table.charge caption,
#content-staff dd.charge caption{
text-align: left;
}
#content-staff table.charge th,
#content-staff table.charge td,
#content-staff dd.charge th,
#content-staff dd.charge td{
border: 2px solid #666; padding: 6px 10px; font-size: 116.6%; text-align: left;
}
#content-staff table.charge td,
#content-staff dd.charge td{
text-align: right;
}

@media screen and (max-device-width: 480px){
	#content-staff table.charge,
	#content-staff dd.charge table{
	width: 100%;
	}
}



/*
dd.btn
*/
#content-staff dd.btn ul{
position: relative; margin-left: -30px;
}

/*
#feed
*/
#feed:hover{
background-color: #ffeecc; behavior: url(/htc/PIE.htc);
}
#feed{
height: 14em; background-color: #fff; border: 3px solid #666; margin: 0px 0px 20px; padding: 20px; overflow: hidden; 
}
#feed div.post{
padding-top: 3em;
}
#feed div.post:hover,
#feed div.post:hover h3 a{
color: #84add6; text-decoration: underline; cursor: pointer; behavior: url(/htc/PIE.htc);
}
#feed div.post ul{
padding: 0px 40px;
}
#feed div.post h3{
font-size: 150%;
}

@media screen and (max-device-width: 480px){
	#feed{
	display: none;
	}
}