@charset "utf-8";





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

a:hover {
	color:#66CC66;
}





/* ----------------------------------------------------
	基本テキスト
---------------------------------------------------- */
body {
	color:#555;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "メイリオ", "Osaka", "ＭＳ Ｐゴシック ", sans-serif;
}
	
	body table {
		_color:#555;
	}

p {
	text-align:left;
	margin-bottom:1em;
 }

em {
	font-weight:bold;
}

label {
	margin-left:5px;
}

.tbl1 { width:99%; }
.tbl1 th, .tbl1 td { padding:4px; border:1px solid #ccc; }
.tbl1 th { background:#eaeaea; font-weight:bold; text-align:center; }
.tbl1 td { background:#fff; }

.dl1 { margin-bottom:20px; width:48%; }
.dl1 dt { padding-left:1em; }
.dl1 dd { margin-bottom:15px; }

.dl2 dt { clear:both; }
.dl2 dd { margin-bottom:10px; }
.dl2 li { padding-right:1.5em; white-space:nowrap; }



/* ----------------------------------------------------
	その他
---------------------------------------------------- */
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,
.dl2 dd {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after,
.accentCap:after,
.dl2 dd: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;
	font-size:14px;
	font-weight:bold;
}
	
	.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:outside;
  }





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

.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;
}

/* ----------------------------------------------------
	テーブル用 2011/11/17追記
---------------------------------------------------- 


table { width:100%; }
	th, td, .date { padding:4px 8px; }
	th { background:#bfbfbf url(/images/bg_table.gif) top left no-repeat; color:#fff; width:25em; }
	td { background:#f5f5f5 url(/images/bg_table.gif) top left no-repeat; }
	tr:hover { }

/* タイトル要素　 2011/11/17追記　 
.ttl1, .h3a {}
	.ttl1 span, .h3a span { background:#f5f5f5; border-top:3px solid #BEE163; display:block; font-size:131%; line-height:1.25; margin:1px; padding:6px 6px 2px; }
.ttl2 { }
.ttl3 { }

.h3a { }
	.h3a span { font-size:116%; border-top:1px solid #BEE163; padding:5px 4px; }
	.h3a em, .h3b span, .h3d span, .icon  { float:right; background:#e7e7e7 url(/images/bg_icon.gif) bottom right no-repeat; border:1px solid #a1a1a1; color: #333; font-size:10px; font-weight:normal; padding:1px 2px; }

.h3b, .h3d { border-bottom:1px dotted #cccccc; padding:4px 0 0 6px; }
	.h3b a, .h3d a { display:inline-block; line-height:1.2; padding-top:8px; }

.h3c, .pager01 li, .pager02 li { background:#f2f2f2 url(/images/bg_icon.gif) bottom right no-repeat; border:1px solid #a1a1a1; padding:4px 8px; }

.h3d { background:#f5f5f5; border-bottom:none; border-top:2px solid #969696; }
	.h3d  span { margin:2px 5px 0 0; }

/* ボタン　 2011/11/17追記　 
.button_box {
	width:100%;
	margin:30px 0px 20px 0px;
	text-align:center;
}
a.bt01 {
	border:1px solid #999;
	border-bottom:1px solid #787878;
	border-right:1px solid #787878;
	text-align:center;
	text-decoration:none;
}
	a.bt01:hover {
		border:1px solid #f90;
	}
	a.bt01 em:hover {
		background:-moz-linear-gradient(top, #f0f0f0, #fafafa);
		background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fafafa));
		background:#fff;
		color:#f90;
	}
	a.bt01 em {
		padding:3px 4px 1px;
		background:-moz-linear-gradient(top, #fafafa, #f0f0f0);
		background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f0f0f0));
		border:1px solid #fff;
		display:block;
	}

	a.bt01, a.bt01 em { -moz-transition:all .25s ease; -webkit-transition:all .25s ease; }

	.fielderror{
 		background-color:#FF0000;
 		color:#000000;
	}
*/


.button_box {}

.button_box a {
	padding:.5em 1em;
	color:#fff;
	font-weight:bold;
	line-height:1.2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	background: linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
	_background: #518627;
	border-radius:2px;
	border-style:solid;
	border-width:1px;
	border-color:#96b800 #59891b #59891b #96b800;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-moz-transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);
}

.button_box a:hover {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZjBhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyZTYzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2MzZDgyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmYwNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043));
	background: -webkit-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	background: -o-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	background: -ms-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	background: linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
	_background: #e6f0a3;
	color:#000;
	text-shadow:0 1px 2px rgba(255,255,255,.8);
}