@charset "UTF-8";


/* マイクロサイト　制作実績
----------------------------------------------- */
/*web*/

.webTitle{
	width: 905px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 50px;
}
.webTitle h3{
	float: left;
}
.webTitle ul{
	float: right;
	padding-top: 25px;
}
.webTitle li{
	display: inline;
	margin-left: 10px;
}

#contmicro .site{
	background-image: url(/shared/images/web/performance_line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
	width: 905px;
	margin-top: 25px;
}
#contmicro .site .siteBg{
	background-image: url(/shared/images/web/performance_bg_ya.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
	width: 905px;
}
.sitePic{
	float: left;
	width: 430px;
	background-color: #ededed;
	margin-right: 40px;
	margin-bottom: 25px;
}
.sitePic ul{
	padding-top: 15px;
	height: 155px;
}
.sitePic li{
	display: inline;
	width: 190px;
	margin-left: 15px;
}
.siteText{
	width: 274px;
	float: left;
	font-size: 13px;
	line-height: 1.2em;
	padding-bottom: 25px;
}
.siteText p.name{
	background-image: url(/shared/images/common/performance_icon.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 20px;
	margin-bottom: 15px;
}
ul.siteCont{
	float: right;
	width: 120px;
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 25px;
}
ul.siteCont li{}
.pageNext{
	background-image: url(/shared/images/web/performance_bg.gif);
	background-repeat: no-repeat;
	clear: both;
	width: 905px;
	height: 33px;
	margin-top: 30px;
}
.pageNext ul{
	padding-top: 7px;
}
.pageNext li{
	display: inline;
	margin-left: 15px;
}


/*総合*/
.produce .procont{
	background-image: url(/shared/images/produce/performance_line.gif);
	width: 705px;
	background-repeat: no-repeat;
	text-align: left;
	float: left;
	background-position: bottom;
	margin-bottom: 25px;
}
.procont .procontBg{
	background-image: url(/shared/images/produce/performance_bg_ya.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 705px;
}
.produce .procont h4{
	float: left;
	width: 175px;
	color: #FF7D09;
	background-image: url(/shared/images/produce/icon_pro.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 1.5em;
}
.procont .procontBg ul{
	width: 480px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 1.5em;
	float: right;
}
.procont .procontBg li{
	background-image: url(/shared/images/common/icon_cross.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
}
.procont .procontBg li.noneicon{
	background-image: none;
}

/*映像*/
.visualTitle{
	width: 905px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 50px;
}
.visualTitle h3{
	float: left;
}
.visualTitle ul{
	float: right;
	width:721px;	
}
.visualTitle li{
float:left;	
}
.visualTitle li a{
	display:block; /*インラインからブロック要素へ変更*/
	height:48px; /*高さ*/
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
	background-image:url(/shared/images/visual/menu.gif); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}
ul a.v01 {background-position:0px 0px;width:104px;}
ul li a.v01:hover {background-position:0 -48px;width:104px;}
 
ul a.v02{background-position:-104px 0px;width:128px;}
ul li a.v02:hover {background-position:-104px -48px;width:128px;}
 
ul li a.v03 {background-position:-232px 0px;width:224px;}
ul li a.v03:hover {background-position:-232px -48px;width:224px;}
 
ul li a.v04 {background-position:-455px 0px;width:182px;}
ul li a.v04:hover {background-position:-455px -48px;width:182px;}
 
ul li a.v05 {background-position:-636px 0px;width:82px;}
ul li a.v05:hover {background-position:-636px -48px;width:82px;} 

.visual .vicont{
	background-image: url(/shared/images/visual/performance_line.gif.gif);
	width: 705px;
	background-repeat: no-repeat;
	text-align: left;
	float: left;
	background-position: bottom;
	margin-bottom: 25px;
}
.visual .vicontBg {
	background-image: url(/shared/images/visual/performance_bg_ya.gif.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}
.visual .vicontBg ul{
	width: 480px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 1.5em;
	float: right;
}
.visual .vicontBg li{
	background-image: url(/shared/images/common/icon_cross.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
}
.visual .vicontBg li.noneicon{
	background-image: none;
}

.visual ul.toppage{
	clear: both;
	width: 905px;
	text-align: right;
	margin-bottom: 15px;
	_margin-top:10px;
}
.visual ul.toppage li{
	display: inline;
	margin-left: 15px;
}


h4.preformTitle{
	color: #39AADD;
	background-image: url(/shared/images/visual/icon_visual.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	padding-bottom: 5px;
	clear: both;
	margin-bottom: 15px;
	}
	h4.spreformTitle{
	color: #39AADD;
	background-image: url(/shared/images/visual/icon_visual.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	padding-bottom: 25px;
	float: left;
	width: 150px;
	}
.vicont h5.preformsTitle{
	float: left;
	width: 150px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 1.5em;
}
.visual .bgCol{
	background-color: #ECECEC;
}
.visual .imgBg{
	width:164px;
	background-image:url(/shared/images/visual/performance_bg.gif);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.mt1e{margin-top:1em;}
.mt7e{ margin-top:7em;}
.mt8e{ margin-top:8em;}