@charset "utf-8";



/* file Status

=========================================

	Author:					Tifana.com

	FileName:				case.css

	LastModified:		2009/2/11

========================================= */



/* safari + Chrome + Opera

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

.safari body{

	background:url(/material/img/case/bg_header.jpg) center top no-repeat;

}



.opera body{

	background:url(/material/img/case/bg_header.jpg) center top no-repeat;

}



/* noscript

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

div#noscriptMainimage{

	width:100%;

	height:246px;

	z-index:1;

	top:0;

	left:0;

	position:absolute;

	background:url(/material/img/case/bg_header.jpg) top no-repeat;

}



div#noscriptHeader{

	width:765px;

	height:90px;

	text-align:left;

	background:url(/material/img/common/spacer.gif);

	margin:0 0 0 -383px;

	z-index:1;

	position:absolute;

	left:50%;

}



div#noscriptHeader .logo a{

	width:125px;

	height:40px;

	display:block;

	margin:0 0 0 -383px;

	position:absolute;

	top:50px;

	left:50%;

}



div#noscriptHeader #headerNavi{

	height:18px;

	display:block;

	margin:0 0 0 214px;

	position:absolute;

	top:72px;

	left:50%;

}



div#noscriptHeader #headerNavi li{

	float:left;

}



div#noscriptHeader #headerNavi li.headerNavi01{

	width:34px;

	height:18px;

}



div#noscriptHeader #headerNavi li.headerNavi02{

	width:72px;

	height:18px;

}



div#noscriptHeader #headerNavi li.headerNavi03{

	width:61px;

	height:18px;

}



div#noscriptHeader #headerNavi a{

	height:18px;

	display:block;

}



/* case

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

h1.caseMaintitle{

	width:557px;

	height:61px;

	margin:0 0 28px 0;

	padding:5px 0;

	background:url(/material/img/case/bg_h1.gif) no-repeat left top;

	color:#cc0000;

	font-size:15px;

	font-weight:bold;

	line-height:18px;

}

h1.caseMaintitle img{

	float:left;

	margin:0;

}

h1.caseMaintitle span{

	color:#292929;

	font-size:12px;

	font-weight:normal;

}



h1.caseMaintitleS{

	width:557px;

	height:61px;

	margin:0 0 28px 0;

	padding:5px 0;

	background:url(/material/img/case/bg_h1.gif) no-repeat left top;

	color:#cc0000;

	font-size:13px;

	font-weight:bold;

	line-height:18px;

	letter-spacing:-1.0px;

}

h1.caseMaintitleS img{

	float:left;

	margin:0;

}

h1.caseMaintitleS span{

	color:#292929;

	font-size:12px;

	font-weight:normal;

}



div.title .titleLogo{

	float:left;

}



div.rightBox{

	float:left;

	margin:10px 0 0 20px;

}



div.rightBox h1.titleText{

	font-size:22px;

	color:#cc0000;

	line-height:22px;

}



div.rightBox .titleName{

	font-size:10px;

	font-weight:normal;

}



div.caseBox{

width:557px;

}



div.caseLeftbox{

	width:365px;

	float:left;

}



div.caseTitle{

	width:345px;

	height:14px;

	margin:0 0 10px 0;

	padding:10px;

	font-size:14px;

	color:#27614f;

	font-weight:bold;

	background:url(/material/img/case/bg_casetitle01.gif) no-repeat left top;

}



* html div.caseTitle{

	width:365px;

}



div.caseTitlered{

	width:345px;

	height:14px;

	margin:0 0 10px 0;

	padding:10px;

	font-size:14px;

	color:#cc0000;

	font-weight:bold;

	background:url(/material/img/case/bg_casetitle01.gif) no-repeat left top;

}



* html div.caseTitlered {

	width:365px;

}



p.caseText{

	margin:0 0 25px 10px;

}



p.caseText em{

	font-size:135%;

	font-weight:bold;

	font-style:normal;

	color:#cc0000;

}



div.caseRightbox{

	margin:0;

	float:right;

}



div.caseRightbox .caseImage{

	text-align:center;

}



div.caseRightbox .caseImage img{

}



div.caseRightbox .caseUrl{

	font-size:10px;

	margin:0 0 20px 0;

	text-align:center;

}



div.caseRightbox .caseDetail{

	width:155px;

	margin:0 0 25px 0;

	border:solid 1px #a8b3c5;

	background:#fffedf;

	padding:10px;

}



* html div.caseRightbox .caseDetail{

	width:175px;

}



h2.caseMaintitle{

	width:539px;

	padding:10px;

	margin:0 0 10px 0;

	font-size:14px;

	color:#27614f;

	clear:both;

	border-top:solid 1px #a8b3c5;

	background:url(/material/img/case/bg_casetitle02.gif) no-repeat left bottom;

}



* html h2.caseMaintitle{

	width:557px;

}



p.caseMaintext{

	margin:0 0 10px 10px;

}



p.caseMaintext .tifana{

	font-weight:bold;

}



p.caseMaintext .client{

	font-weight:bold;

	color:#ff8a00;

}



p.caseMaintext img.figR{

	float:right;

	margin:0 0 20px 20px;

}

p.caseMaintext img.figL{

	float:left;

	margin:0 20px 20px 0;

}



/* related

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

div#related{

	clear:both;

	margin:30px 0 30px 0;

}



div#related:after{

	clear:both;

	display:block;

	content:"";

	height:1px;

	overflow:hidden;

}



div#related div.title{

	width:557px;

	height:22px;

	margin:0 0 15px 0;

	background:url(/material/img/common/bg_related.gif) no-repeat left top;

	color:#333333;

	font-size:12px;

	font-weight:bold;

	line-height:20px;

	text-indent:22px;

}



div#related ul.normal{

	float:none;

}



div#related ul.service{

	float:left;

	width:205px;

}



div#related ul.solution{

	float:right;

	width:330px;

}



div#related ul li{

	margin:0 0 3px 0;

}



ul.caseList{

	margin:20px 0 20px 10px;

}

ul.caseList:after {

	clear:both;

	display:block;

	content:"";

	height:1px;

	overflow:hidden;

}

ul.caseList li{

	float:left;

	width:160px;

	height:18px;

	margin:0 15px 5px 0;

}



#main p.pagetop{

	clear:both;

	width:547px;

	margin:0 0 30px 0;

	text-align:right;

}





/* index 20090210追記

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

div.catch{

	margin-bottom:20px;

}



div.caseListBox{

	margin-bottom:20px;

}



div.caseListTitle{

	width:557px;

	height:43px;

	background:url(/material/img/case/bg_casetitle03.gif) no-repeat left top;

}



div.caseListTitle img{

	float:left;

	margin:0 10px;

}



div.caseListTitle p{

	height:43px;

	padding-top:15px;

	font-size:12px;

	font-weight:bold;

}



div.caseListbody{

	width:537px;

	padding:10px;

	background:url(/material/img/case/bg_caselist01.gif) bottom no-repeat;

}



div.caseListbody img{

	float:left;

	margin-right:10px;

}



div.caseListbody .casetxt{

	font-size:14px;

	font-weight:bold;

	margin-bottom:15px;

	color:#cc0000;

}



div.caseListbody div.btn{

	float:right;

	text-align:right;

	margin-top:30px;

}



div.clear{

	clear:both;

	font-size:0px;

	margin:0px;

	padding:0px;

}



div.caseListTitle div.titleLink{

	width:106px;

	height:19px;

	float:right;

	font-size:11px;

	margin:9px 9px 0 0;

	padding:1px 0 0 0;

	text-align:center;

	background:url(/material/img/case/bg_caseico01.gif) no-repeat;

}



div.caseListTitle div.titleLinklong{

	width:134px;

	height:19px;

	float:right;

	font-size:11px;

	margin:9px 9px 0 0;

	padding:1px 0 0 0;

	text-align:center;

	background:url(/material/img/case/bg_caseico02.gif) no-repeat;

}

p.mt30{
margin-top:30px;
}