@charset "UTF-8";

/* caseカテゴリで使用しているパーツのCSSです ---------------------------------------------------------------- */

/* common ---------------------------------------------------------------- */
#read {
	float: right;
	width: 730px;
	margin-bottom: 29px;
}
	#read h2 {
		margin-bottom: 17px;
	}
	
	
/* /hardware/case/index.html ---------------------------------------------------------------- */
.h2_case01 {
	margin-bottom: 27px;
}
.div_case01 {
	margin: 0 0 44px;
}
	@media print {
		.div_case01 .ftBox {
			margin: 0 0 45px\9;
		}
	}
	.h3_case01 {
		border-bottom: 1px solid #000;
		margin: 0 0 10px;
		padding: 0 0 6px;
		font-size: 129%;
		font-weight: bold;
	}
		.h3_case01 span {
			background: url(../../hardware/case/images/case_icon_arrow.gif) no-repeat left 0.3em;
			margin: 0 0 0 6px;
			padding-left: 23px;
		}
	.dl_case01 {
		font-size: 86%;
	}
		.dl_case01 dt {
			float: left;
			width: 74px;
			margin-right: -74px;
		}
		.dl_case01 dd {
			background: url(../../hardware/case/images/case_bdr01.gif) repeat-x left bottom;
			margin: 0 0 4px;
			padding: 0 0 6px 74px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.dl_case01 dd {
				padding: 1px 0 6px 74px;
			}
		}
	.dl_case02 {
		font-size: 86%;
	}
		.dl_case02 dt {
			float: left;
			width: 74px;
			margin-right: -74px;
		}
		.dl_case02 dd {
			margin: 0 0 10px;
			padding: 0 0 0 74px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.dl_case02 dd {
				padding: 2px 0 0 74px;
			}
		}

/* /hardware/case/16-uminotane.html ---------------------------------------------------------------- */
.h2_case02 {
	margin-bottom: 20px;
}
	
.ul_case01 {
	float: left;
	margin-right: 20px;
}
	.ul_case01 li {
		width: 355px;
		margin: 0 0 30px;
	}
		.h3_case02 {
			margin-bottom: 10px;
		}
/* コムネット追加  */
.div_case04-yel {
	border: 3px solid black;
	background-color: #f3d922;
	margin: 0 0 29px;
	padding: 19px;
}
/* --------------- */

.div_case04 {
	border: 1px solid #f3b10e;
	background-color: #faecd5;
	margin: 0 0 29px;
	padding: 19px;
}
	@media print {
		.div_case04In .flImgR {
			_float: none;
		}
	}
.div_case05 {
	border: 1px solid #9cbfe6;
	background-color: #e1f1f9;
	margin: 0 0 44px;
	padding: 14px 14px 14px 29px;
}
.div_case06 {
	margin-bottom: 145px;
}
/* /hardware/case/02-madoka.html ---------------------------------------------------------------- */
/* 2012.12.2 まどか追加（近藤）*/

.pickup {
	background-color:#EBE8FF;
	border: 1px solid #bfcafe;
	padding: 15px;
	}
	
/* /hardware/case/22-sanasana.html ---------------------------------------------------------------- */
/* 2013.1.9 サナサナ追加（近藤）*/

.pickup22 {
	width:160px ;
	background-color:#FFEEFF ;
	border: 1px solid #FFC8FF;
	padding: 15px;

	}

/* /software/case/index.html ---------------------------------------------------------------- */
.sectionCase01 {
	margin-bottom: 13px;
	overflow: hidden;
	*zoom: 1;
}
	.sectionCase01 ul {
		float: right;
	}
		.sectionCase01 ul li{
			float: left;
			background: url(../../software/plugincad/images/ico_index01.gif) no-repeat left center;
			padding-left: 16px;
			margin-left: 37px;
			font-size: 12px;
			line-height: 20px;
		}
.sectionCase02 {
	overflow: hidden;
	*zoom: 1;
	background: url(../../software/case/images/bg_case01.gif) repeat-y left top;
	line-height: 2;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}
	.sectionCase02 h4 {
		padding: 8px 25px;
		background-color: #b7bec3;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
	}
		.sectionCase02 .colLeft {
			width: 320px;
			padding: 20px 25px;
			float: left;
		}
		.sectionCase02 .colRight {
			width: 360px;
			float: right;
		}
		.sectionCase02 .colIn {
			margin-bottom: 20px;
		}
		.sectionCase02 .colIn.last {
			margin-bottom: 0;
		}
	.sectionCase02 dl {
		overflow: hidden;
		*zoom: 1;
		line-height: 1.6;
	}
		.sectionCase02 dt,
		.sectionCase02 dd {
			margin-bottom: 10px;
		}
		.sectionCase02 dt {
			clear: left;
			float: left;
		}
			.sectionCase02 dt span {
				display: inline-block;
				*display: inline;
				width: 94px;
				border: 1px solid #666; 
				background-color: #CCC;
				text-align: center;
				*zoom: 1;
			}
		.sectionCase02 dd {
			margin-left: 106px;
		}
			.sectionCase02 dd span {
				display: inline-block;
				*display: inline;
				text-align: center;
				font-size: 14px;
				*zoom: 1;
			}
			.sectionCase02 dd span.plugin {
				width: 70px;
				border: 1px solid #b34a04; 
				background-color: #ec7b02;
				color: #FFF;
				font-size: 12px;
			}
			.sectionCase02 dd span.cad {
				width: 70px;
				border: 1px solid #2f6597; 
				background-color: #489eee;
				color: #FFF;
				font-size: 12px;
			}
			.sectionCase02 dd span.kikan {
				width: 85px;
				border: 1px solid #425f27; 
				background-color: #49a81a;
				color: #FFF;
				font-size: 12px;
			}
			.sectionCase02 dd span.other {
				width: 120px;
				border: 1px solid #2e2e2e; 
				background-color: #515151;
				color: #FFF;
				font-size: 12px;
			}
.columnCase01 {
	overflow: hidden;
	*zoom: 1;
	line-height: 2;
	margin-bottom: 10px;
}
		.columnCase01 .colLeft,
		.columnCase01 .colRight {
			overflow: hidden;
			*zoom: 1;
			width: 338px;
			padding: 10px;
			background-color: #f5f5f5;
			border: 1px solid #dad9d9;
		}
		.columnCase01 .colLeft {
			float: left;
		}
		.columnCase01 .colRight {
			float: right;
		}
		.columnCase01 dl {
			overflow: hidden;
			*zoom: 1;
		}
		.columnCase01 dt {
			float: left;
		}
		.columnCase01 dd {
			margin-left: 95px;
		}
			.columnCase01 dd .tit {
				font-weight: bold;
			}
			.columnCase01 dd .txt {
				font-size: 12px;
				line-height: 1.8;
			}
			.columnCase01 .bl-hover dd .tit a {
				color: #F00;
				text-decoration: underline;
			}
			.columnCase01 .bl-hover dd .txt {
				color: #F00;
			}
		
#caseNavi {
	position: relative;
	height: 68px;
	overflow: hidden;
	margin-bottom: 40px;
}
#caseNavi.plugin {
	background: url(../../software/case/images/bg_case_navi01.gif) repeat-x left top;
}
#caseNavi.cad {
	background: url(../../software/case/images/bg_case_navi02.gif) repeat-x left top;
}
#caseNavi.kikan {
	background: url(../../software/case/images/bg_case_navi03.gif) repeat-x left top;
}
#caseNavi.other {
	background: url(../../software/case/images/bg_case_navi04.gif) repeat-x left top;
}
	#caseNavi ul {
		position: absolute;
		top: 11px;
		left: 10px;
	}
		#caseNavi ul li {
			float: left;
		}