@charset "utf-8";





/* ----------------------------------------------------
	ハイパーテキスト
---------------------------------------------------- */
a,a:visited {
	color:#336699;
}

a:hover {
	color:#FF3366;
}





/* ----------------------------------------------------
	基本テキスト
---------------------------------------------------- */
body {
	color:#555;
}
	
	body table {
		_color:#555;
	}

p {
	margin-bottom:1em;
}





/* ----------------------------------------------------
	その他
---------------------------------------------------- */
body {
	text-align:center;
}

.wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}

img {
	behavior: url("/common/js/iepngfix.htc")
}





/* ----------------------------------------------------
	ヘッダー
---------------------------------------------------- */
.header {
	width:100%;
}
	
	.headerContact {
		width:960px;
		margin:0 auto;
		text-align:right;
	}
				
	
	.headerMain {
		width:960px;
		padding:10px 10px 20px;
		margin:0 auto;
	}
		
		.headerMain h1 {
			float:left;
			margin-left:20px;
		}
		
		.headerMain .headerImage {
			float:right;
			margin-right:20px;
		}
			
		.headerMain .contact {
			width:400px;
			float:right;
		}
			
			.headerMain .contact em {
				display:block;
				width:170px;
				float:left;
			}
			
			.headerMain .contact ul {
				float:right;
				padding-left:20px;
				border-left:1px solid #DDD;
			}
				
				.headerMain .contact li {
					text-align:left;
				}
	
	.mainNav {
		width:100%;
		height:30px;
		padding:10px 0;
		background:url(/common/images/mainNav_bg.gif) 0 0 repeat-x;
	}
		
		.mainNav ul {
			width:960px;
			margin:0 auto;
		}
		
		.mainNav li {
			float:left;
			padding:0 45px;
			background:url(/common/images/mainNav_separator.gif) right top no-repeat;
		}
		
		.mainNav .end {
			background:none;
		}





/* ----------------------------------------------------
	フッター
---------------------------------------------------- */
.footer {
	font-size:85%;
	width:100%;
	margin-top:2em;
	text-align:center;
	background:url(/common/images/dotted.gif) left 8px repeat-x;
}
	
	.footer .scrHead {
		float:right;
	}
	
	.footer .link {
		width:500px;
		padding-top:20px;
		float:left;
		line-height:2em;
	}
		
		.footer .link li {
			display:inline;
		}
	
	.footer .copyrights {
		width:500px;
		margin-top:2em;
		float:left;
	}
	
	.footer .contact {
		width:400px;
		float:right;
	}
		
		.footer .contact em {
			display:block;
			margin-bottom:10px;
		}
		
		.footer .contact dt,
		.footer .contact dd {
			padding:0 5px 5px 0;
			line-height:1em;
			float:left;
		}





/* ----------------------------------------------------
	パンくず
---------------------------------------------------- */
.breadCrumb {
	height:20px;
	margin:10px 0;
	padding:1px 5px;
	background:url(/common/images/breadCrumb_bg.gif) 0 0 no-repeat;
}
	
	.breadCrumb li {
		font-size:85%;
		height:20px;
		float:left;
		padding:0 2em 0 1em;
		line-height:20px;
		background:url(/common/images/breadCrumb_arrow.gif) right top no-repeat;
	}





/* ----------------------------------------------------
	ライブラリ
---------------------------------------------------- */
.pageCaption {
	width:960px;
	height:30px;
	margin-bottom:10px;
	background-color:#DDD;
}
	
	.pageCaption img {
		vertical-align:top;
		margin-top:8px;
		margin-left:10px;
		_vertical-align:baseline;
	}

em.caption {
	display:block;
	margin-bottom:20px;
}

.bhList li {
	padding-left:15px;
	margin:5px 0;
	background:url(/common/images/ico_listHeader.gif) left 4px no-repeat;
}

.sp_txtLink {
	padding-left:12px;
	background:url(/common/images/ico_linkHeader.gif) 0 0.5em no-repeat;
}

.contSeparator {
	width:100%;
	margin:20px 0;
	padding:1px 0;
	text-align:right;
	background:url(/common/images/dotted.gif) left center repeat-x;
}
	
	.contSeparator hr {
		display:none;
	}
	
	.contSeparator a img {
		margin:5px 0;
	}





/* ----------------------------------------------------
	サブナビゲーション
---------------------------------------------------- */
.subNav {
	width:210px;
	float:left;
}
	
	.subNav dl {
		background:url(/common/images/subNav_end.gif) left bottom no-repeat;
	}
	
	#accMenu {
		padding-bottom:0px;
	}
	
	.subNav a {
		display:block;
	}
	
	.subNav dd ul li,
	.subNav .accMenu dt {
		padding:3px 0 3px 5px;
		background:url(/common/images/dotted.gif) left bottom repeat-x;
		border-left:1px solid #DDD;
		border-right:1px solid #DDD;
	}
		
		.subNav dd ul li a {
			padding-left:10px;
			background:url(/common/images/ico_linkHeader.gif) 0 0.5em no-repeat;
		}
		
		.subNav .accMenu dd a {
			margin-left:10px;
		}
		
		.subNav .accMenu dt span a {
			padding-left:10px;
			background:url(/common/images/ico_accHeader.gif) 0 0.5em no-repeat;
		}





/* ----------------------------------------------------
	サブナビゲーション付きページ用
---------------------------------------------------- */
.rightColumn {
	width:740px;
	float:right;
}





/* ----------------------------------------------------
	製品ラインナップ パッケージ紹介　共通
---------------------------------------------------- */
.package_block-01 {
	margin-top:20px;
}

	.package_block-01 dt {
		width:190px;
		float:left;
	}
		
		.package_block-01 dd {
			width:550px;
			float:right;
		}
		
		.package_block-01 li {
			font-size:93%;
			width:80px;
			margin:10px 5px 0 5px;
			float:left;
			text-align:center;
		}
			
			.package_block-01 li p {
				text-align:center;
			}

.package_block-02 .left {
	width:420px;
	float:left;
}
	
	.package_block-02 dt {
		font-weight:bold;
		font-size:108%;
		margin-bottom:10px;
	}
	
	.package_block-02 dd {
		margin-bottom:10px;
	}

.package_block-02 .right {
	width:290px;
	float:right;
}
	
	.package_block-02 .right li {
		margin-bottom:10px;
	}
  
  .package_block-02 .right li img {
    border:1px solid #EEE;
  }
  
  .package_block-02 .right li span {
    display:block;
    text-align:right;
  }

.package_block-03 table {
	margin:10px 0;
  width:100%;
}

.package_block-03 table th,
.package_block-03 table td {
	padding:2px 5px;
	background-color:#EEE;
	border:1px solid #DDD;
}

.package_block-03 table th {
  width:20%;
	padding-right:3em;
	white-space:nowrap;
}
	
	.package_block-03 td span {
		font-size:85%;
	}
	
	.package_block-03 li {
		margin:0 10px 0 0;
		float:left;
	}





/* ----------------------------------------------------
	ページャー
---------------------------------------------------- */
.pager {
	margin:1em 0;
}

.pager .previous {
	width:100px;
	padding-left:15px;
	float:left;
	background:url(/common/images/ico_leftArrow.gif) left center no-repeat;
}

.pager .next {
	width:100px;
	padding-right:15px;
	text-align:right;
	float:right;
	background:url(/common/images/ico_rightArrow.gif) right center no-repeat;
}

.pager ul {
}
	
	.pager li {
		display:inline;
	}
		
		.pager li a {
			margin:0 3px;
			display:block;
			padding:0 10px;
			float:left;
			background-color:#EEE;
			border:1px solid #DDD;
		}

.block_error {
	padding:1em;
	background-color:#EEE;
}