@charset "Shift_JIS";

.clearfix:after{/*nonIE*/
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{/*IE7-macIE5*/
display:inline-block;
}
/*Hides from IE-mac \*/
/* IE6*/
*html.clearfix{height:1%}
.clearfix{display:block;}
/*End hides from IE-mac \*/



/* Category Top
******************************************/

.caseTopMain{
background-color:#FFFFFF;
padding:17px 29px 29px 29px !important;
}

.wapper{
width:530px;
text-align:left;
background-color:#FFFFFF;
}

#caseTop{
	
}
	
	#caseTop ul#pickup{
		list-style:none;
		padding:16px 0 0 0;
		margin:0;
	}
		#caseTop ul#pickup li{
			padding:0 0 10px 0;
		}
			#caseTop ul#pickup li div.pickupImg{
				width:88px;
				float:left;
			}
			#caseTop ul#pickup li div.pickupElements{
				width:442px;
				float:left;
			}
				#caseTop ul#pickup li div.pickupElements h4{
					font-size:12px;
					font-weight:bold;
					color:#333;
					padding:0 0 3px 0;
					margin:0;
					background:url("../images/caseTop/pickup_ttl_line.gif") repeat-x left bottom;
				}
					#caseTop ul#pickup li div.pickupElements h4 span{
						font-size:10px;
						text-weight:normal;
					}
				#caseTop ul#pickup li div.pickupElements h5{
					color:#0d4590;
					padding:4px 0 3px 0;
					margin:0 0 0 0;
				}
				#caseTop ul#pickup li div.pickupElements p{
					font-size:10px;
					padding:0;
					margin:0;
				}
				#caseTop ul#pickup li div.pickupElements div.pickupMore{
					font-size:10px;
					text-align:right;
				}
			
	#caseTop h3{
		margin:21px 0 12px 0;
	}	
	#caseTop ul#case{
		list-style:none;
		padding:5px 0 0 0;
		margin:0;
	}
		#caseTop ul#case li{
			width:262px;
			height:50px;
			padding-left:0px;!important
			background:none;!important
			margin:0;
		}
			#caseTop ul#case li#btnPurpose{
				width:262px;
				height:56px;
				float:left;
			}
			#caseTop ul#case li#btnProduct{
				width:262px;
				height:56px;
				float:right;
			}
			#caseTop ul#case li#btnCategory{
				width:262px;
				height:50px;
				float:left;
			}
			#caseTop ul#case li#btnCompany{
				width:262px;
				height:50px;
				float:right;
			}
				#caseTop ul#case li a{
					width:262px;
					height:50px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseTop ul#case li#btnPurpose a{
					background:url("../images/caseTop/btn_purpose.gif") no-repeat 0 0;
				}
				#caseTop ul#case li#btnProduct a{
					background:url("../images/caseTop/btn_product.gif") no-repeat 0 0;
				}
				#caseTop ul#case li#btnCategory a{
					background:url("../images/caseTop/btn_category.gif") no-repeat 0 0;
				}
				#caseTop ul#case li#btnCompany a{
					background:url("../images/caseTop/btn_company.gif") no-repeat 0 0;
				}
				





/* Case Page
******************************************/

.caseMain{
background-color:#FFFFFF;
padding:40px 29px 29px 29px !important;
}

	#caseContents{
	
	}
		#caseContents ul#caseNavi{
			list-style:none;
			padding:0;
			margin:0;
			border-bottom:3px solid #114fa3;
		}
			#caseContents ul#caseNavi li{
				padding-left:0;!important
				background:none;!important
			}
			#caseContents ul#caseNavi li#nBtnPurpose{
				width:132px;
				height:38px;
				float:left;
			}
			#caseContents ul#caseNavi li#nBtnProduct{
				width:132px;
				height:38px;
				float:left;
			}
			#caseContents ul#caseNavi li#nBtnCategory{
				width:132px;
				height:38px;
				float:left;
			}
			#caseContents ul#caseNavi li#nBtnCompany{
				width:134px;
				height:38px;
				float:left;
			}
				#caseContents ul#caseNavi li#nBtnPurpose a,
				#caseContents ul#caseNavi li#nBtnPurpose span,
				#caseContents ul#caseNavi li#nBtnProduct a,
				#caseContents ul#caseNavi li#nBtnProduct span,
				#caseContents ul#caseNavi li#nBtnCategory a,
				#caseContents ul#caseNavi li#nBtnCategory span{
					width:132px;
					height:38px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#caseNavi li#nBtnCompany a,
				#caseContents ul#caseNavi li#nBtnCompany span{
					width:134px;
					height:38px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#caseNavi li#nBtnPurpose a,
				#caseContents ul#caseNavi li#nBtnPurpose span{
					background:url("../images/casePage/hd_btn_purpose.gif") no-repeat 0 0;
				}
				#caseContents ul#caseNavi li#nBtnProduct a,
				#caseContents ul#caseNavi li#nBtnProduct span{
					background:url("../images/casePage/hd_btn_product.gif") no-repeat 0 0;
				}
				#caseContents ul#caseNavi li#nBtnCategory a,
				#caseContents ul#caseNavi li#nBtnCategory span{
					background:url("../images/casePage/hd_btn_category.gif") no-repeat 0 0;
				}
				#caseContents ul#caseNavi li#nBtnCompany a,
				#caseContents ul#caseNavi li#nBtnCompany span{
					background:url("../images/casePage/hd_btn_company.gif") no-repeat 0 0;
				}
				#caseContents ul#caseNavi li#nBtnPurpose span,
				#caseContents ul#caseNavi li#nBtnProduct span,
				#caseContents ul#caseNavi li#nBtnCategory span,
				#caseContents ul#caseNavi li#nBtnCompany span{
					background-position:0px -38px;
				}
				
		#caseContents h3{
			margin:20px 0 16px 0;
		}
		#caseContents h4{
			width:530px;
			height:34px;
			margin:30px 0 0 0;
			background:url("../images/casePage/title_bg.gif") no-repeat;
		}
			#caseContents ul.caseGroup{
				list-style:none;
				padding:0;
				margin:0;
			}
				
				#caseContents ul.caseGroup li{
					background:url("../images/casePage/case_group_line.gif") repeat-x left bottom;
					padding-left:0;!important
					margin:0 0 6px 0;
				}
					#caseContents ul.caseGroup li h5{
						background:url("../images/casePage/group_arrow.gif") no-repeat 0 5px;
						padding:0 0 3px 8px;
					}
						
					#caseContents ul.caseGroup li p{
						padding:0 0 8px 8px;
						
					}
			#caseContents .pageAnchor{
				font-size:10px;
				text-align:right;
				margin:10px 0 10px 0;
			}
				
		
		
		
		




/* Purpose Navi
******************************************/
		#caseContents ul#purposeNavi{
			list-style:none;
			padding:0;
			margin:0;
		}
			#caseContents ul#purposeNavi li{
				padding-left:0;!important
				background:none;!important
			}
			
			#caseContents ul#purposeNavi li#pageNavi1,
			#caseContents ul#purposeNavi li#pageNavi3,
			#caseContents ul#purposeNavi li#pageNavi4,
			#caseContents ul#purposeNavi li#pageNavi6,
			#caseContents ul#purposeNavi li#pageNavi7,
			#caseContents ul#purposeNavi li#pageNavi9{
				width:175px;
				height:35px;
				margin:0 0 3px 0;
				float:left;
			}
			#caseContents ul#purposeNavi li#pageNavi2,
			#caseContents ul#purposeNavi li#pageNavi5,
			#caseContents ul#purposeNavi li#pageNavi8{
				width:174px;
				height:35px;
				margin:0 3px 3px 3px;
				float:left;
			}
				#caseContents ul#purposeNavi li#pageNavi1 a,
				#caseContents ul#purposeNavi li#pageNavi3 a,
				#caseContents ul#purposeNavi li#pageNavi4 a,
				#caseContents ul#purposeNavi li#pageNavi6 a,
				#caseContents ul#purposeNavi li#pageNavi7 a,
				#caseContents ul#purposeNavi li#pageNavi9 a{
					width:175px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#purposeNavi li#pageNavi2 a,
				#caseContents ul#purposeNavi li#pageNavi5 a,
				#caseContents ul#purposeNavi li#pageNavi8 a{
					width:174px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#purposeNavi li#pageNavi1 a{
					background:url("../images/casePage/purpose_btn_1.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi2 a{
					background:url("../images/casePage/purpose_btn_2.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi3 a{
					background:url("../images/casePage/purpose_btn_3.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi4 a{
					background:url("../images/casePage/purpose_btn_4.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi5 a{
					background:url("../images/casePage/purpose_btn_5.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi6 a{
					background:url("../images/casePage/purpose_btn_6.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi7 a{
					background:url("../images/casePage/purpose_btn_7.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi8 a{
					background:url("../images/casePage/purpose_btn_8.gif") no-repeat 0 0;
				}
				#caseContents ul#purposeNavi li#pageNavi9 a{
					background:url("../images/casePage/purpose_btn_10.gif") no-repeat 0 0;
				}
				
				
				
				
				
				
/* Product Navi
******************************************/
		#caseContents ul#productNavi{
			list-style:none;
			padding:0;
			margin:0;
		}
			#caseContents ul#productNavi li{
				padding-left:0;!important
				background:none;!important
			}
			#caseContents ul#productNavi li#pageNavi1,
			#caseContents ul#productNavi li#pageNavi3,
			#caseContents ul#productNavi li#pageNavi4,
			#caseContents ul#productNavi li#pageNavi6,
			#caseContents ul#productNavi li#pageNavi7{
				width:175px;
				height:35px;
				margin:0 0 3px 0;
				float:left;
			}
			#caseContents ul#productNavi li#pageNavi2,
			#caseContents ul#productNavi li#pageNavi5{
				width:174px;
				height:35px;
				margin:0 3px 3px 3px;
				float:left;
			}
				#caseContents ul#productNavi li#pageNavi1 a,
				#caseContents ul#productNavi li#pageNavi3 a,
				#caseContents ul#productNavi li#pageNavi4 a,
				#caseContents ul#productNavi li#pageNavi6 a,
				#caseContents ul#productNavi li#pageNavi7 a{
					width:175px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#productNavi li#pageNavi2 a,
				#caseContents ul#productNavi li#pageNavi5 a{
					width:174px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#productNavi li#pageNavi1 a{
					background:url("../images/casePage/product_btn_1.gif") no-repeat 0 0;
				}
				#caseContents ul#productNavi li#pageNavi2 a{
					background:url("../images/casePage/product_btn_2.gif") no-repeat 0 0;
				}
				#caseContents ul#productNavi li#pageNavi3 a{
					background:url("../images/casePage/product_btn_3.gif") no-repeat 0 0;
				}
				#caseContents ul#productNavi li#pageNavi4 a{
					background:url("../images/casePage/product_btn_4.gif") no-repeat 0 0;
				}
				#caseContents ul#productNavi li#pageNavi5 a{
					background:url("../images/casePage/product_btn_5.gif") no-repeat 0 0;
				}
				#caseContents ul#productNavi li#pageNavi6 a{
					background:url("../images/casePage/product_btn_6.gif") no-repeat 0 0;
				}
				
				#caseContents ul#productNavi li#pageNavi7 a{
					background:url("../images/casePage/product_btn_7.gif") no-repeat 0 0;
				}
				

/* Category Navi
******************************************/
		#caseContents ul#categoryNavi{
			list-style:none;
			padding:0;
			margin:0;
		}
			#caseContents ul#categoryNavi li{
				padding-left:0;!important
				background:none;!important
			}
			#caseContents ul#categoryNavi li#pageNavi1,
			#caseContents ul#categoryNavi li#pageNavi3,
			#caseContents ul#categoryNavi li#pageNavi4,
			#caseContents ul#categoryNavi li#pageNavi6,
			#caseContents ul#categoryNavi li#pageNavi7,
			#caseContents ul#categoryNavi li#pageNavi9{
				width:175px;
				height:35px;
				margin:0 0 3px 0;
				float:left;
			}
			#caseContents ul#categoryNavi li#pageNavi2,
			#caseContents ul#categoryNavi li#pageNavi5,
			#caseContents ul#categoryNavi li#pageNavi8{
				width:174px;
				height:35px;
				margin:0 3px 3px 3px;
				float:left;
			}
				#caseContents ul#categoryNavi li#pageNavi1 a,
				#caseContents ul#categoryNavi li#pageNavi3 a,
				#caseContents ul#categoryNavi li#pageNavi4 a,
				#caseContents ul#categoryNavi li#pageNavi6 a,
				#caseContents ul#categoryNavi li#pageNavi7 a,
				#caseContents ul#categoryNavi li#pageNavi9 a{
					width:175px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#categoryNavi li#pageNavi2 a,
				#caseContents ul#categoryNavi li#pageNavi5 a,
				#caseContents ul#categoryNavi li#pageNavi8 a{
					width:174px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#categoryNavi li#pageNavi1 a{
					background:url("../images/casePage/category_btn_1.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi2 a{
					background:url("../images/casePage/category_btn_2.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi3 a{
					background:url("../images/casePage/category_btn_3.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi4 a{
					background:url("../images/casePage/category_btn_4.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi5 a{
					background:url("../images/casePage/category_btn_5.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi6 a{
					background:url("../images/casePage/category_btn_6.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi7 a{
					background:url("../images/casePage/category_btn_7.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi8 a{
					background:url("../images/casePage/category_btn_8.gif") no-repeat 0 0;
				}
				#caseContents ul#categoryNavi li#pageNavi9 a{
					background:url("../images/casePage/category_btn_9.gif") no-repeat 0 0;
				}
				
				
				
				
				
				
/* Company Navi
******************************************/
		#caseContents ul#CompanyNavi{
			list-style:none;
			padding:0;
			margin:0;
		}
			#caseContents ul#CompanyNavi li{
				padding-left:0;!important
				background:none;!important
			}
			#caseContents ul#CompanyNavi li#pageNavi1,
			#caseContents ul#CompanyNavi li#pageNavi6{
				width:103px;
				height:35px;
				margin:0 0 3px 0;
				float:left;
			}
			#caseContents ul#CompanyNavi li#pageNavi2,
			#caseContents ul#CompanyNavi li#pageNavi7{
				width:103px;
				height:35px;
				margin:0 0 3px 3px;
				float:left;
			}
			#caseContents ul#CompanyNavi li#pageNavi3,
			#caseContents ul#CompanyNavi li#pageNavi8{
				width:104px;
				height:35px;
				margin:0 3px 3px 3px;
				float:left;
			}
			#caseContents ul#CompanyNavi li#pageNavi4,
			#caseContents ul#CompanyNavi li#pageNavi9{
				width:104px;
				height:35px;
				margin:0 0 3px 0;
				float:left;
			}
			#caseContents ul#CompanyNavi li#pageNavi5,
			#caseContents ul#CompanyNavi li#pageNavi10{
				width:104px;
				height:35px;
				margin:0 0 3px 3px;
				float:left;
			}
				#caseContents ul#CompanyNavi li#pageNavi1 a,
				#caseContents ul#CompanyNavi li#pageNavi2 a,
				#caseContents ul#CompanyNavi li#pageNavi6 a,
				#caseContents ul#CompanyNavi li#pageNavi7 a{
					width:103px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#CompanyNavi li#pageNavi3 a,
				#caseContents ul#CompanyNavi li#pageNavi4 a,
				#caseContents ul#CompanyNavi li#pageNavi5 a,
				#caseContents ul#CompanyNavi li#pageNavi8 a,
				#caseContents ul#CompanyNavi li#pageNavi9 a,
				#caseContents ul#CompanyNavi li#pageNavi10 a{
					width:104px;
					height:35px;
					font-size:1px;
					line-height:1px;
					display:block;
					text-indent:-9999px;
				}
				#caseContents ul#CompanyNavi li#pageNavi1 a{
					background:url("../images/casePage/company_btn_1.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi2 a{
					background:url("../images/casePage/company_btn_2.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi3 a{
					background:url("../images/casePage/company_btn_3.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi4 a{
					background:url("../images/casePage/company_btn_4.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi5 a{
					background:url("../images/casePage/company_btn_5.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi6 a{
					background:url("../images/casePage/company_btn_6.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi7 a{
					background:url("../images/casePage/company_btn_7.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi8 a{
					background:url("../images/casePage/company_btn_8.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi9 a{
					background:url("../images/casePage/company_btn_9.gif") no-repeat 0 0;
				}
				#caseContents ul#CompanyNavi li#pageNavi10 a{
					background:url("../images/casePage/company_btn_10.gif") no-repeat 0 0;
				}