@charset "UTF-8";

/* ***************************************************
* CSS file For futae.artis-works.com
	FileName: works.css
■目次 ==========================================
■[00]:実績紹介
**************************************************** */

/*-----------------------------------------------------------
■[00]:実績紹介
------------------------------------------------------------*/
div.WorksBox{
	width: 512px;
	margin-top : 15px;
}

div.BgOff{
	background: url(/img/works/bg.gif) repeat-y bottom;
}

div.BgOn{
	background: url(/img/works/bg_on.gif) repeat-y bottom;
}

div.WorksBox div.title{
	line-height: 18px;
	font-weight: bold;
	color: #af4c4c;
}

div.BgOff div.title{
	background: url(/img/works/bg_title.gif) no-repeat;
	margin-bottom : 14px;
}

div.BgOn div.title{
	background: url(/img/works/bg_title_on.gif) no-repeat;
	margin-bottom : 14px;
}

div.BgOff div.title p{
	padding:8px 25px 4px;
	background: url(/img/works/dotline.gif) no-repeat left bottom;
	font-weight: bold;
}

div.BgOn div.title p{
	padding:8px 25px 4px;
	background: url(/img/works/dotline_on.gif) no-repeat left bottom;
	font-weight: bold;
}


div.WorksBox div.PhotoBox{
	padding:0 21px 5px;
	float: left;
}

div.WorksBox div.PhotoBox p.photo{
	float: left;
	text-align: center;
	width: 210px;
}

div.WorksBox div.PhotoBox p.photo span{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
}

div.WorksBox div.PhotoBox p.arrow{
	float: left;
	padding: 53px 0 0;
	text-align: center;
	width: 47px;
}

div.WorksBox p.text{
	clear:both;
	background-color: #FFF;
	border: 1px solid #eadcd9;
	margin: 0 21px 12px;
	padding:6px 9px;
}

div.BgOff div.BoxBtm{
	background: url(/img/works/bg_btm.gif) no-repeat left bottom;
	padding: 0 21px 15px;
	clear: both;
}

div.BgOn div.BoxBtm{
	background: url(/img/works/bg_btm_on.gif) no-repeat left bottom;
	padding: 0 21px 15px;
}

/****************** ページャー **********************/
div#Voice_list_bottom {
	width: 512px;
	height: 51px;
	margin-bottom: 10px
}

div#Voice_list_bottom ul {
	float:left;
	padding:19px 0 0;
	width: 512px;
}

/* hide from Mac IE \*/
* html div#Voice_list_bottom_test ul {
	float: left;
	margin-right: 5px;
}
/* */ 

div#Voice_list_bottom ul li {
	border: 1px solid #dee2e2;
	float: left;
	margin: -0.5em 0.5em 0.3em 0;
}

div#Voice_list_bottom ul li#Page_all {
	border: none;
	float: left;
	margin: 0em 0.5em 0.3em 0;
}

div#Voice_list_bottom ul li a {
	display: block;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	width: 1.8em;
}

div#Voice_list_bottom ul li a#Now_page {
	display: block;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	width: 1.8em;
	background-color: #a16262;
	border: 1px solid #a16262;
	color: #fff;
	font-weight: bold;
}

div#Voice_list_bottom ul li a:link { background-color: #fff; border: 1px solid #fff; }
div#Voice_list_bottom ul li a:visited { background-color: #fff; border: 1px solid #fff; }
div#Voice_list_bottom ul li a:hover { background-color: #a16262; border: 1px solid #a16262; color: #fff; font-weight: bold; }


img.new { vertical-align: text-bottom;margin:0 0 1px; }



* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}