@charset "utf-8";

* {
	padding: 0px;
	margin: 0px;
	font-family: 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	list-style:none;
	font-size:100%;
}

body{text-align:center;padding-bottom:40px;}

#container{
	width:800px;
	margin:0 auto 0 auto;
	text-align:left;
}

hr{display:none;}
img,fieldset{border:0px;}

a{color:#0069C3;text-decoration:none;}
a:hover{color:#FF6600;text-decoration:underline;}



/*index
-----------------------------------------------------*/
div.index{background:url(index_back.gif) no-repeat;}
div.index h2{
	padding:52px 0 56px 225px;
}

	div#index{
		background:url(indexright_back.jpg) no-repeat right 162px;
	}
		div#indexleft{
			float:left;
			width:542px;
			padding:0 0 30px 0;
		}
			div#indexleft ul.menu{}
				div#indexleft ul.menu li{
					float:left;
					height:140px;
				}
				div#indexleft ul.menu li.menu1{width:178px;}
				div#indexleft ul.menu li.menu2{width:183px;}
				div#indexleft ul.menu li.menu3{width:181px;}
					div#indexleft ul.menu a{display:block;height:80px;_height:140px;}
					div#indexleft ul.menu li.menu1 a{background:url(indexmenu1.gif) no-repeat left top;}
					div#indexleft ul.menu li.menu2 a{background:url(indexmenu2.gif) no-repeat left top;}
					div#indexleft ul.menu li.menu3 a{background:url(indexmenu3.gif) no-repeat left top;}
						div#indexleft ul.menu a strong{display:none;}
						div#indexleft ul.menu a{line-height:140%;color:#000000;text-decoration:none;font-size:80%;padding:60px 12px 0 12px;}
					div#indexleft ul.menu li.menu1 a:hover{background:url(indexmenu1.gif) no-repeat left bottom;color:#ffffff;}
					div#indexleft ul.menu li.menu2 a:hover{background:url(indexmenu2.gif) no-repeat left bottom;color:#ffffff;}
					div#indexleft ul.menu li.menu3 a:hover{background:url(indexmenu3.gif) no-repeat left bottom;color:#ffffff;}

			div#indexleft div{background:url(news_back.gif) no-repeat 8px 15px;margin-top:20px;}
				div#indexleft div h3{
					background:url(news_title.gif) no-repeat;
					width:46px;
					height:30px;
					text-indent:-999px;
					overflow:hidden;
					float:left;
				}
				div#indexleft div ul{
					float:right;
					width:82px;
					margin-right:4px;
				}
					div#indexleft div ul li{
						float:right;
						text-align:right;
						margin-bottom:9px;
					}
						div#indexleft div ul li a{
							display:block;
						}
				div#indexleft dl{background:url(contents_dot.gif) repeat-x bottom;font-size:80%;width:539px;}
					div#indexleft dt{width:80px;float:left;padding:5px 0;}
					div#indexleft dd{width:459px;float:left;padding:5px 0;}

		div#indexright{
			float:left;
			width:258px;
		}
			div#indexright div{padding-left:65px;}
				div#indexright h3{
					color:#004BA7;
					margin:16px 18px 10px 0;
				}
				div#indexright p{
					width:175px;
					font-size:80%;
					margin:0 18px 0 0;
					line-height:145%;
				}

/*head
-----------------------------------------------------*/
#head{background:url(head_back.gif) no-repeat;padding:26px 0 0 0;}
	#head h1{float:left;}
	#head ul{
		float:right;
	}
		#head li{
			float:left;
			margin-left:14px;
		}
			#head li a{display:block;}


/*menu
-----------------------------------------------------*/
#menu{
	background:url(menu_back.gif) no-repeat top left;
	width:800px;
	height:84px;
	margin:0 0 29px 0;
}
div.index #menu{background:none;}
div.index #menu{margin:0 0 0 0;}
	#menu ul{
		padding:18px 0 0 92px;
	}
		#menu ul li{
			height:66px;
			float:left;
		}
		#menu li.menu1{width:205px;}
		#menu li.menu2{width:206px;}
		#menu li.menu3{width:205px;}

			#menu ul li a{
				display:block;
				height:66px;
				text-indent:-999px;
				overflow:hidden;
			}
			#menu li.menu1 a{width:205px;background:url(menu1.gif) no-repeat top;}
			#menu li.menu2 a{width:206px;background:url(menu2.gif) no-repeat top;}
			#menu li.menu3 a{width:205px;background:url(menu3.gif) no-repeat top;}
			#menu li.menu1 em a , #menu li.menu1 a:hover{width:205px;background:url(menu1.gif) no-repeat bottom;}
			#menu li.menu2 em a , #menu li.menu2 a:hover{width:206px;background:url(menu2.gif) no-repeat bottom;}
			#menu li.menu3 em a , #menu li.menu3 a:hover{width:205px;background:url(menu3.gif) no-repeat bottom;}
			div.index #menu li.menu1 a{width:205px;background:url(menu1_index.gif) no-repeat top;}
			div.index #menu li.menu2 a{width:206px;background:url(menu2_index.gif) no-repeat top;}
			div.index #menu li.menu3 a{width:205px;background:url(menu3_index.gif) no-repeat top;}
			div.index #menu li.menu1 em a , div.index #menu li.menu1 a:hover{width:205px;background:url(menu1_index.gif) no-repeat bottom;}
			div.index #menu li.menu2 em a , div.index #menu li.menu2 a:hover{width:206px;background:url(menu2_index.gif) no-repeat bottom;}
			div.index #menu li.menu3 em a , div.index #menu li.menu3 a:hover{width:205px;background:url(menu3_index.gif) no-repeat bottom;}


/*foot
-----------------------------------------------------*/
#foot{width:800px;margin-top:20px;}
	#foot ul{
		margin-bottom:20px;
		text-align:right;
	}
	#foot address{
		padding:20px 0 0 0;
		background:url(foot_back.gif) no-repeat;
	}




/*left
-----------------------------------------------------*/
#left{float:left;width:166px;font-size:80%;}

	#left ul li{margin-bottom:10px;}
	#left em{font-style:normal;display:block;_width:100%;}

	#leftmenu{
		margin-bottom:27px;
		background:url(left_back1.gif) no-repeat bottom;
		font-weight:bold;
	}
		#leftmenu ul{
			background:url(left_back2.gif) no-repeat;
			padding:0 3px 4px 3px;
		}
			#leftmenu ul li{margin-bottom:0;}
				#leftmenu ul li a{
					color:#003E9C;
					display:block;
					_width:100%;
					padding:15px 8px 10px 22px;
					margin:0 0 0 0;
					background:url(leftmenu_yaji.gif) no-repeat;
				}
				#leftmenu ul li em a , #leftmenu ul li a:hover{
					color:#FF6600;
					text-decoration:none;
					background:url(leftmenu_yaji_o.gif) no-repeat;
				}


					#leftmenu ul li ul{
						padding:0;
						background:none;
						border-top:1px solid #D8D8D8;
					}
						#leftmenu ul li ul li{
							background:#EBF8FF url(leftmenu_back.gif) no-repeat bottom;
							margin:1px 1px 0 1px;
						}
							#leftmenu ul li ul li a{
								display:block;
								_width:100%;
								padding:4px 0 3px 32px;
								margin:1px 0 2px 0;
								background:url(leftmenu_yaji2.gif) no-repeat 22px 0.6em;
							}
							#leftmenu ul li ul li em a , #leftmenu ul li ul li a:hover{
								background:url(leftmenu_yaji2_o.gif) no-repeat 22px 0.6em;
							}



/*contents
-----------------------------------------------------*/
#contents{float:right;width:610px;font-size:80%;}
#main div.contents_all{width:800px;}

	#contents h2{margin:0 0 30px 0;}
	#contents h3.line{
		font-size:130%;
		border-top:3px solid #0069C3;
		background:url(contents_dot.gif) repeat-x bottom;
		margin:0 0 20px 0;
		padding:12px 8px 10px 10px;
	}
	#contents div.line{
		margin:0 0 20px 0;
		border-top:3px solid #0069C3;
		background:url(contents_dot.gif) repeat-x bottom;
		padding:12px 0 10px 0;
	}
		#contents div.line h3{
			font-size:130%;
			float:left;
			width:390px;
			padding:0 0 0 10px;
		}
		#contents div.line p{
			padding:2px 10px 0 0;
			float:right;
			text-align:right;
			width:200px;
		}
		#contents div.line h3.date{width:510px;}
		#contents div.line p.date{width:80px;}



	#contents h3.red{
		background:#80003A url(contents_h3.gif) repeat-x bottom;
		border:1px solid #80003A;
		border-top:0;
		margin:0 0 20px 0;
		padding:10px 5px 7px 5px;
		color:#ffffff;
		font-size:130%;
	}
		#contents h3.red span{
			display:block;
			border-left:3px solid #FFFFFF;
			padding:3px 3px 3px 8px;
		}
	#contents h3.redline{
		color:#B8003C;
		font-size:130%;
		border-left:3px solid #AB0054;
		border-bottom:1px solid #BCBCBC;
		margin:0 0 20px 0;
		padding:7px 8px 5px 10px;
	}
	#contents h4.detail{
		background:#0055B6 url(contents_h4.gif) repeat-x bottom;
		border:1px solid #0055B6;
		border-top:0;
		margin:0 0 20px 0;
		padding:9px 8px 6px 8px;
		color:#ffffff;
		font-size:110%;
	}
	#contents h5.detail{
		background:url(contents_dot.gif) repeat-x bottom;
		padding:0 0 8px 0;
		color:#0069C3;
		font-size:110%;
		margin:0 0 20px 0;
	}
	#contents h6.detail{
		padding:0 0 10px 0;
	}


	/*インラインリンク*/
	#contents ul.inline{
		margin-bottom:20px;
	}
	#contents ul.inline2{
		text-align:right;
	}
		#contents ul.inline li , #contents ul.inline2 li{
			display:inline;
			border-left:1px solid #000000;
			padding:0 4px 0 10px;
		}
		#contents ul.inline li.first , #contents ul.inline2 li.first{
			border-left:0;
			padding:0 4px 0 0;
		}



	/*本文セット*/
	#contents p.detail{
		margin:0 0 20px 0;
		line-height:140%;
	}
	#contents p.detail span.img{
		margin:0 0 20px 0;
		color:#959A9B;
	}
	#contents p.img{
		margin:0 auto 20px auto;
		color:#959A9B;
	}
	#contents p.detail .img{margin:0 0 5px 0;}
		#contents .img img{
			display:block;
			margin:0 auto 5px auto;
		}
		#contents .left{padding-right:15px;float:left;}
		#contents .right{padding-left:10px;float:right;}




	/*コンテンツセット*/
	#contents div.cont{
		background:url(contents_dot.gif) repeat-x top;
		padding-top:15px;
		margin-bottom:15px;
	}
	#contents div.contfirst{background:none;padding-top:0;}
		#contents div.cont p.thumb{
			float:right;
			margin-left:20px;
			padding:0;
		}
		#contents div.cont div{
			float:left;
		}
			#contents div.cont h3{
				color:#B8003C;
				font-size:110%;
				padding:3px 0 8px 25px;
				background:url(contents_yaji2.gif) no-repeat left top;
			}
			#contents div.cont h3 a{color:#B8003C;}
			#contents div.cont p{
				padding:0 0 10px 25px;
				line-height:140%;
			}




	/*一覧セット*/
	#contents div.list{margin-bottom:20px;}
		#contents div.list p{margin:0 0 0 10px;}

		#contents div.list dl{
			background:url(contents_dot.gif) repeat-x bottom;
			padding:10px 0 10px 0;
		}
			#contents div.list dt{
				color:#576B79;
				width:80px;
				_width:100px;
				float:left;
				background:url(contents_list.gif) no-repeat 10px 0.2em;
				padding:0 0 0 20px;
			}
			#contents div.list dd{
				width:510px;
				float:left;
			}

		#contents div.list ul{
			background:url(contents_dot.gif) repeat-x bottom;
			padding:10px 0 10px 0;
		}
			#contents div.list li{
				background:url(contents_list.gif) no-repeat 10px 0.3em;
				padding:0 0 0 20px;
			}

		#contents div.list span.background{
			float:right;
			display:block;
			padding:6px 4px 6px 4px;
			margin-left:10px;
			_margin-left:0;
			background:#D1D8DB;
			font-size:80%;
			width:120px;
			text-align:center;
		}


		#contents div.list ul.bot{
			background:none;
			padding:10px 0 0 0;
			margin:0;
		}
			#contents ul.bot li{
				background:none;
				padding:0;
				margin:0;
				text-align:right;
			}

		#contents div.list ul.nextback{
			background:none;
			padding:10px 0 0 0;
			margin:0;
			text-align:center;
		}
			#contents div.list ul.nextback li{
				display:inline;
				background:none;
				padding:0;
				margin:0;
			}
			#contents div.list ul.nextback li.back{
				padding:0 30px 0 13px;
				background:url(contents_yaji4.gif) no-repeat left center;
			}
			#contents div.list ul.nextback li.next{
				padding:0 13px 0 30px;
				background:url(contents_yaji5.gif) no-repeat right center;
			}


	/*ブロックセット*/
	#contents div.block{
		position:relative;
		left:-4px;
		width:577px;
		_width:617px;
		background:url(contents_block.gif) no-repeat top left;
		padding:20px 20px 0 20px;
	}
	#contents ul.block{
		position:relative;
		left:-4px;
		width:577px;
		_width:617px;
		background:url(contents_block_ul.gif) no-repeat bottom left;
		margin:0 0 20px 0;
		padding:10px 23px 15px 20px;
		text-align:right;
	}

	#contents div.blockline{
		border:1px solid #cecece;
		margin:0 0 20px 0;
	}
		#contents div.blockline div.block{
			position:relative;
			left:0;
			width:570px;
			_width:610px;
			background:none;
			background:url(contents_dot.gif) repeat-x top;
			padding:20px 20px 0 20px;
		}
		#contents div.blockline div.first{background:none;}
		#contents div.blockline ul.block{
			position:relative;
			left:0;
			width:570px;
			_width:610px;
			background:none;
			margin:0 0 0 0;
			padding:10px 23px 15px 20px;
			text-align:right;
		}



		#contents div.block h4{
			margin:0 0 18px 0;
			color:#0069C3;
			font-size:110%;
			border-left:3px solid #AE0060;
			padding:2px 0 1px 6px;
		}
		#contents div.block h4.background{
			float:left;
			width:430px;
		}
		#contents div.block p.background{
			float:right;
			clear:none;
			padding:6px 4px 6px 4px;
			margin-left:10px;
			_margin-left:0;
			background:#D1D8DB;
			font-size:80%;
			width:120px;
			text-align:center;
		}
		#contents div.block p{line-height:140%;clear:both;}
			#contents div.block p span{float:right;margin-left:10px;}


	/*関連セット*/
	#contents div.backdot{
		padding:10px 10px 0 10px;
		margin:0 0 20px 0;
	}
	#contents div.backdot1{background:#D4DDDF url(backdot.gif);}
	#contents div.backdot2{background:#BCDDFD url(backdot.gif);}
		#contents div.backdot h4{margin:0 0 10px 0;}
		#contents div.backdot ul{padding:0 0 7px 0;}
			#contents div.backdot li{padding:0 0 3px 16px;}
			#contents div.backdot1 li{background:url(contents_pdf.gif) no-repeat left 0.05em;}
			#contents div.backdot2 li{background:url(contents_yaji.gif) no-repeat left 0.15em;}



	/*サービス事例一覧*/
	#contents div.service{
		background:#EDF7FD url(contents_dot.gif) repeat-x top;
		padding:10px 10px 10px 10px;
	}
		#contents div.service h4{
			color:#B8003C;
			padding:3px 0 10px 25px;
			background:url(contents_yaji3.gif) no-repeat left top;
		}
		#contents div.service ul{
			padding:0 0 0 12px;
		}
			#contents div.service li{
				padding:0 0 3px 13px;
				background:url(contents_list.gif) no-repeat left 0.2em;
			}



	/*表組み*/
	#contents div.table{
		margin:0 0 20px 0;
	}
		#contents div.table p{
			color:#959A9B;
		}
		#contents table{
			width:100%;
			margin:0 0 5px 0;
			border-collapse:collapse;
			border-left:1px solid #D6DAE1;
			border-top:1px solid #D6DAE1;
		}
		#contents table.none{margin:0 0 5px 0;}
			#contents td{
				border-right:1px solid #D6DAE1;
				border-bottom:1px solid #D6DAE1;
				padding:10px 10px 7px 10px;
			}



	/* お問い合わせ */
	#contents div.inquiry table{
		border:0;
		margin:0;
		background:url(contents_dot.gif) repeat-x bottom;
	}

		#contents div.inquiry th{
			border:0;
			width:189px;
			padding:10px 10px 10px 20px;
			background:#BCDDFD url(content_inquiry_dot.gif);
			text-align: left;
		}

		#contents div.inquiry td{
			border:0;
			padding:10px 10px 10px 10px;
			background:url(contents_dot.gif) repeat-x top;
		}
			#contents div.inquiry input{
				width:226px;
			}
				#contents div.inquiry input.input_s{
					width:136px;
				}
			#contents div.inquiry textarea{
				width:390px;
				height:140px;
			}


			#contents div.inquiry div.radiobot{
				padding:10px 0px 10px 0px;
			}
				#contents div.inquiry div.radiobot label{
					margin-right:10px;
				}
				#contents div.inquiry div.radiobot input{
					width:auto;
				}

			#contents div.inquiry div.red1{
				color: #FF0000;
				padding:0px 0px 10px 0px;
			}
			#contents div.inquiry span.red2{
				color: #FF0000;
			}
			#contents div.inquiry div.red3{
				color: #FF0000;
				text-align: center;
				padding:30px 0px 20px 0px;

			}
			#contents div.inquiry div.red4{
				color: #FF0000;
				text-align: center;
				font-size:120%;
			}
			#contents div.inquiry div.black1{
				text-align: center;
				padding:10px 0px 0px 0px;
			}
			#contents div.inquiry div.bot{
				text-align: center;
				padding:10px 10px 10px 10px;
			}
				#contents div.inquiry div.bot input{
					width:auto;
					margin:0 13px;
				}



	/* サイトマップ */
	#contents div.sitemap div.left{
		border:0;
		margin:0;
		padding:0;
		float: left;
		width: 390px;
	}
	#contents div.sitemap div.right{
		border:0;
		margin:0;
		padding:0;
		float: right;
		width: 390px;
	}
		#contents div.sitemap table{
			border:0;
			margin:0;
		}
			#contents div.sitemap th{
				background:#0055B6 url(contents_h4.gif) repeat-x bottom;
				border:1px solid #0055B6;
				border-top:0;
				margin:0 0 20px 0;
				padding:9px 8px 6px 8px;
				color:#ffffff;
				font-size:110%;
				text-align: left;
			}
				#contents div.sitemap th a{
					color:#ffffff;
					display:block;
				}
			#contents div.sitemap td{
				border:0;
				padding:10px 10px 10px 10px;
				background:url(contents_dot.gif) repeat-x top;
			}
			#contents div.sitemap td.naka{
				border:0;
				padding:2px 10px 0px 10px;
				background:#BCDDFD url(backdot.gif);
				text-align: left;
			}
			#contents div.sitemap td.alone{
				border-bottom:10px solid #ffffff;
			}

				#contents div.sitemap td a{
					display:block;
					_width:100%;
					padding:4px 0 3px 10px;
					margin:1px 0 2px 0;
					background:url(leftmenu_yaji2.gif) no-repeat 0px 0.6em;
				}


	#contents div.category{
		width:543px;
		height:20px;
		background:url(contents_category.gif) no-repeat;
		margin-bottom:10px;
	}
	#contents div.list span.cat1{background:#B7D9C9;}
	#contents div.list span.cat2{background:#DBCFB7;}
	#contents div.list span.cat3{background:#AFC2E2;}

	#contents div.block p.cat1{background:#B7D9C9;}
	#contents div.block p.cat2{background:#DBCFB7;}
	#contents div.block p.cat3{background:#AFC2E2;}


/*clear
-----------------------------------------------------*/
#contents div.sitemap:after,
#contents div.line:after,
div#indexleft dl:after,
div#indexleft div ul:after,
div#indexleft div:after,
div#indexleft ul.menu:after,
div#index:after,
#menu ul:after,
#contents div.cont:after,
#contents div.list li:after,
#contents div.list dl:after,
#contents div.block p:after,
#contents p.detail:after,
#main:after,
#head ul:after,
#head:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/* Win版IE7とMac版IE5対策 */
#contents div.sitemap,
#contents div.line,
div#indexleft dl,
div#indexleft div ul,
div#indexleft div,
div#indexleft ul.menu,
div#index,
#menu ul,
#contents div.cont,
#contents div.list li,
#contents div.list dl,
#contents div.block p,
#contents p.detail,
#main,
#head ul,
#head{
	display:inline-table;
	min-height:1%;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #contents div.sitemap,
* html #contents div.line,
* html div#indexleft dl,
* html div#indexleft div ul,
* html div#indexleft div,
* html div#indexleft ul.menu,
* html div#index,
* html #menu ul,
* html #contents div.cont,
* html #contents div.list li,
* html #contents div.list dl,
* html #contents div.block p,
* html #contents p.detail,
* html #main,
* html #head ul,
* html #head{
	height:1px;
}

#contents div.sitemap,
#contents div.line,
div#indexleft dl,
div#indexleft div ul,
div#indexleft div,
div#indexleft ul.menu,
div#index,
#menu ul,
#contents div.cont,
#contents div.list li,
#contents div.list dl,
#contents div.block p,
#contents p.detail,
#main,
#head ul,
#head{
	display:block;
}