@charset "utf-8";





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

a:hover {
	color:#66CC66;
}





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

p {
	margin-bottom:1em;
}

em {
	font-weight:bold;
}

label {
	margin-left:5px;
}





/* ----------------------------------------------------
	その他
---------------------------------------------------- */
body {
	text-align:center;
	background:url(/common/images/background_footer.png) 0 0 repeat;
}

.canvas {
	width:100%;
	background-color:#FFF;
}

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

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





/* ----------------------------------------------------
	ヘッダー
---------------------------------------------------- */
.header {
	width:960px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
}
	
	.header h1 {
		width:340px;
		float:left;
	}
	
	.header ul {
		width:220px;
		margin-top:5px;
		float:right;
	}
		
		.header li {
			float:left;
		}
			
			.header li input {
				padding-left:10px;
				float:left;
			}
			
			.header li .txtField {
				height:15px;
				padding-top:2px;
				border:1px solid #DDD;
				background-color:#FFF;
			}
			
			.header .searchBox {
				padding-left:20px;
				background:url(/common/images/ico_search.png) 0 0 no-repeat;
			}





/* ----------------------------------------------------
	フッター
---------------------------------------------------- */
.footer {
	font-size:93%;
	color:#FFF;
	padding:1em 0;
	border-top:10px solid #363E3E;
	text-align:center;
}
	
	.footer a {
		color:#FFF;
		padding-left:15px;
		min-height:15px;
		_min-height:15px;
		_height:auto !important;
		_height:15px;
		display:inline-block;
		background:url(/common/images/linkHeader_footer.png) 0 0.3em no-repeat;
	}
	
	.footer a:hover {
		color:#99FF66;
	}
	
	.footer ul {
		padding-right:15px;
		margin-right:15px;
		float:left;
		background:url(/common/images/border_footerSeparator.png) right top repeat-y;
	}
		
		.footer li {
			margin-bottom:5px;
		}
		
		.footer li em {
			padding-left:20px;
			min-height:15px;
			_min-height:15px;
			_height:auto !important;
			_height:15px;
			display:inline-block;
			background:url(/common/images/listHeader_footer.png) 0 0 no-repeat;
		}
	
	.footerRight {
		float:right;
		text-align:right;
	}
		
		.footerRight p {
			margin:1em 0;
			text-align:right;
		}





/* ----------------------------------------------------
	フラッシュエリア
---------------------------------------------------- */
.flashArea_large {
	width:100%;
	background:url(/common/images/bg_body.png) 0 0 repeat-x;
}

.flashArea_small {
	width:100%;
	background:url(/common/images/bg_body_small.png) 0 0 repeat-x;
}
	
	.flashArea_large img,
	.flashArea_large img {
		vertical-align:top;
	}





/* ----------------------------------------------------
	グローバルナビゲーション
---------------------------------------------------- */
.gNav {
	width:100%;
	background:url(/common/images/bg_gNav.png) 0 0 repeat-x;
	text-align:center;
}
	
	.gNav .topNav {
		width:722px;
		margin:0 auto;
	}
		
		.topNav img {
			vertical-align:top;
		}
		
		.gNav li {
			float:left;
			position:relative;
			z-index:10; /* for IE6 z-index fix */
		}
		
		.topNav .sub {
			width:200px;
			position:absolute; /*--Important--*/
			top:35px;
			left:1px;
			background-color:#373F40;
			border-width:0 1px 1px 1px;
			border-style:solid;
			border-color:#282E2F;
			display: none; /*--Hidden for those with js turned off--*/
			z-index:11;
		}
			
			.topNav .sub li {
				width:100%;
				clear:both;
				text-align:left;
				background:url(/common/images/border_gNavSub.png) 0 0 repeat-x;
			}
				
				.topNav .sub li a {
					color:#FFF;
					display:block;
					padding:5px 10px;
				}
				
				.topNav .sub li a:hover {
					background:#4F595C url(/common/images/border_gNavSub.png) 0 0 repeat-x;
				}





/* ----------------------------------------------------
	パンくずリスト
---------------------------------------------------- */
.breadCrumb {
	width:100%;
	padding:5px 0;
	margin-bottom:30px;
	border-bottom:1px solid #CCC;
}
	
	.breadCrumb ul {
		width:960px;
		margin:0 auto;
		text-align:left;
	}
	
	.breadCrumb li {
		display:inline;
	}





/* ----------------------------------------------------
	サイドバー
---------------------------------------------------- */
.sidebar {
	width:180px;
	float:right;
}
	
	.sidebar ul {
		margin-bottom:2em;
	}
		
		.sidebar li {
			margin:10px 0;
		}





/* ----------------------------------------------------
	clearfix
---------------------------------------------------- */

.clearfix,
.accentCap {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.accentCap:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}





/* ----------------------------------------------------
	ライブラリ
---------------------------------------------------- */
.pDescription {
  font-size:93%;
  color:#777;
}

.accentCap span {
  float:left;
}

.accentCap em {
  width:200px;
  margin-top:10px;
  text-align:right;
  float:right;
}

.leftColumn {
	width:750px;
	float:left;
}

.rightColumn {
	width:180px;
	float:right;
}

.link_pageHead {
	width:960px;
	margin:0 auto;
	padding:3em 0 1em;
	text-align:right;
}

.linkHeader {
	padding:0 15px;
	min-height:12px;
	_min-height:12px;
	_height:auto !important;
	_height:12px;
	display:inline-block;
	background:url(/common/images/linkHeader.png) 0 0.25em no-repeat;
}
	
	.linkHeader img {
		vertical-align:baseline;
	}

.accentCap {
	margin-bottom:1em;
	background:url(/common/images/background_captionBase.png) bottom left repeat-x;
}
	
	.accentCap span {
		padding-bottom:5px;
		display:inline-block;
		border-bottom:2px solid #515C5E;
	}

.accentCap_sub {
	font-size:116%;
	margin:1em 0;
}
	
	.accentCap_sub span {
		padding-bottom:5px;
		display:inline-block;
		background:url(/common/images/background_captionBase.png) bottom left repeat-x;
	}

h3.withBg {
  background:url(/common/images/bg_h3.png) center left repeat-x;
}
  
  h3.withBg span {
    background-color:#FFF;
    padding-right:1em;
  }

.border {
	width:100%;
	height:1px;
	margin:2em 0;
	background:url(/common/images/border_dotted.png) bottom left repeat-x;
}
	
	.border hr {
		display:none;
	}

.popupIco {
	display:inline-block;
	padding-right:15px;
	min-height:15px;
	_min-height:15px;
	_height:auto !important;
  #cursor:pointer;
	background:url(/common/images/ico_nWindow.png) right 0.25em no-repeat;
}
	
	.iframe iframe {
		border:1px solid #DDD;
	}

.pager {
	text-align:center;
}
	
	.pager a {
		padding:2px 5px;
		border:1px solid #DDD;
		background-color:#EEE;
	}
	
	.pager a:hover {
		padding:2px 5px;
		border:1px solid #339966;
		background-color:#EEE;
	}
	
	.pager .current {
    font-weight:bold;
		padding:2px 5px;
		border:1px solid #DDD;
		background-color:#DDDDDD;
	}

.listul {
  list-style-type:disc;
}
  
  .listul li {
    display:listitem;
    list-style-position:inside;
  }





/* ----------------------------------------------------
	サービス詳細用
---------------------------------------------------- */
.block_serviceDetail h3 {
  margin:30px 0;
}

.block_serviceDetail p {
  margin-left:2em;
}

.block_serviceDetail ul {
  margin-left:2em;
}

.block_serviceContact {
  margin-top:20px;
  padding:10px;
  border:4px solid #D1CFC2;
}
  
  .block_serviceContact th {
    width:30%;
    padding-right:20px;
    border-right:1px solid #D1CFC2;
    text-align:center;
  }
  
  .block_serviceContact td {
    width:30%;
    text-align:right;
  }

.btn_serviceDetail {
  text-align:right;
}