@charset "EUC-JP";
/* CSS Document */


/*#content,#content .coment{border:1px solid #333;}*/

/*外側の背景色*/
	body{background:#fff;}

/*内側の背景色*/
	div#body{background:url('img/bodyBk01.gif') repeat-x #fff;}

/*文字指定*/
	*{font-family: "Osaka","ＭＳゴシック","ヒラギノ角ゴ Pro W3";}
	a{color:#006;}
	a:hover{color:#900;}
	#content *{font-size:10pt;}
	#footer *{font-size:10pt;}
	#content h2 span.txt{font-size:12pt;color:#900;}

/*細罫線*/
	div#body{border-color:#ccc;}

/*ヘッド*/
	body#top #atama,
	#atama{
		background:url('img/kanban01.gif') no-repeat;
		height:155px;
	}
	
#atama #kanban{
	width:100%;
	height:70px;
	float:none;
}
#atama #kanban img.annai{
	margin-left:290px
}

#atama dl.menu{
	background:url(img/nabiBk01.gif) repeat-x;
	border:1px #ccc solid;
	border-width:1px 0;
	height:20px;
}
#atama dl.menu dt,#atama dl.menu dd{float:left;}
#atama dl.menu dt{margin-left:50px;}
#atama dl.menu dd{border-left:1px #ccc solid;}
#atama dl.menu a{
	font-size:11px;
	font-weight:bold;
	display:block;
	text-align:center;
	line-height:20px;
	width:100px;
	color:#454500;
}
#atama dl.menu a:hover{
	background:url(img/nabiBk02.gif) no-repeat -20px 0;
	color:#333;
}
#atama dl.menu{}


#atama form{
	width:97%;
	height:40px;
	margin:0;
	float:none;
	padding:0;
}
#atama form div.searchform{margin:0;}
	
	

/*ヘッド下の罫線*/
	#atama{border-bottom:none;}
	body#top #atama{border-bottom:none;}

/*ヘッドh1設定*/
	#atama h1{background:none;text-align:center;}
	#atama h1,#atama h1 span.desc,#atama h1 span.txt{color:#fff;}

/* 大見出しの背景画像*/
	#content h2 span.txt{
		
		
		
	}
	#content h2 span.txt{
		background:url("../img/h2bk.gif") repeat-x;
		text-align:right;
		padding-right:20px;
	}

/* 中見出しの背景画像*/
	#content h3{
		border-left-color:#900;
		font-size:10pt;
		color:#333;
	}
	#content h3.none{
		border:none;
		font-weight:bold;
		font-size:10pt;
		color:#333;
	}
/*フッター*/
	#footer{background:#c00;}
	#footer address,#footer address a{color:#ccc;}
	#footer address a:hover{color:#fff;}

body#top #content{
	background:url('img/contenBk.jpg') no-repeat;
	margin:0 5px 0 225px;
	padding:200px 10px 0 10px;
}

/*トップページ上部のあいさつ指定*/
#top #content .aisatsu{
	margin:0 0 10px 0;
	width:220px;
	border:none;
}
#top #content dl.aisatsu dt{
	color:#900;
	font-weight:bold;
	text-align:center;
}
#top #content dl.aisatsu dd{
	font-size:80%;
}

#content{
	padding:10px 10px 0 30px;
}

#content .coment{
/*	border:1px solid #ccc;
	background:url("../img/grid.gif");*/
}

/*トップページのボックス指定*/
#content .coment dl.bot{
	float:left;
	margin:0 10px 10px 0;
	width:265px;
	border:none;
	background:#666;
}
#content .coment dl.bot dt{
	background:url('img/topBoxBk01.gif') no-repeat -1px -1px;
	height:18px;
	padding:0 0 0 20px;
	overflow:hidden;
	
}
#content .coment dl.bot dt a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:2px 0 0 0;
	display:block;
	
}
#content .coment dl.bot dd{
	margin:0 2px 2px 2px;
	padding:3px;
	line-height:18px;
	height:124px;
	background-color:#fff;
}
#content .coment dl.bot dd a{
	display:block;
	text-align:right;
	font-weight:bold;
}



/*============================
　カテゴリトップBOXメニュー（モノクローム）
==============================*/

	#boxBot dl.itemBot{border-color:#dedede;}
	#boxBot dl.itemBot dt{border-color:#ccc;}
	#boxBot dl.itemBot dt a{color:#dedede;background:#600;}
	#boxBot dl.itemBot dt a:hover{color:#fff;}

/*============================
　アサイドメニュ
==============================*/
	#aside{position:relative;top:-20px;}
	#aside div.annai{
		height:180px;
		background:url('./img/nakamura.jpg') no-repeat 30px 10px;
	}
	#aside div.annai img.fukidashi{
		position:relative;
		top:-20px;
		left:120px;
	}
	#page #aside div.annai{
		display:none;
	}

#aside{background:url(img/asideBk01.gif) 0 80px repeat-x;}
#top #aside{background:url(img/asideBk01.gif) 0 120px repeat-x;}

#aside dl{
	border:none;
	padding:0 5px 10px 5px;
	background:none;
}
#aside dl dt{
	padding-top:1px;
	margin-top:5px;
}
#aside dl dt a{
	text-align:right;
	font-size:10pt;
	display:block;
	padding-right:5px;
	height:50px;
	border:1px solid #ccc;
	line-height:15px;
	font-weight:bold;
	color:#acacac;
}
#aside dl dt a:hover{
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
	border-left:1px #787878 solid;
	border-top:1px #787878 solid;
	background:#efefef;
	color:#acacac;
}
#aside dl dt a span.kage{
	font-size:10pt;
	display:block;
	line-height:15px;
	font-weight:bold;
	color:#454545;
	position:relative;
	top:14px;
	left:-0.5px;
}
#aside dl dt a:hover span.kage{
	color:#000;
}
#aside dl dt a span.desc{
	font-size:9px;
	display:block;
	line-height:15px;
	color:#454545;
	margin-left:45px;
	border-top:1px #454545 solid;
}

#aside dl dt a{background:url(img/asideBk02.jpg) no-repeat #fff;}
#aside dl dt a:hover{background:url(img/asideBk02.jpg) no-repeat;}

#aside dl dt.menu1 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -301px;}
#aside dl dt.menu1 a:hover{background-position:0 -301px;}
#aside dl dt.menu2 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -451px;}
#aside dl dt.menu2 a:hover{background-position:0 -451px;}
#aside dl dt.menu3 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -251px;}
#aside dl dt.menu3 a:hover{background-position:0 -251px;}
#aside dl dt.menu4 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -401px;}
#aside dl dt.menu4 a:hover{background-position:0 -401px;}
#aside dl dt.menu5 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px 0;}
#aside dl dt.menu5 a:hover{background-position:0 0;}
#aside dl dt.menu6 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -201px;}
#aside dl dt.menu6 a:hover{background-position:0 -201px;}
#aside dl dt.menu7 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -351px;}
#aside dl dt.menu7 a:hover{background-position:0 -351px;}
#aside dl dt.menu8 a{background:url(img/asideBk02.jpg) no-repeat #fff -220px -151px;}
#aside dl dt.menu8 a:hover{background-position:0 -151px;}

.b9c0 #aside dl dt a{background:url(img/asideBk03.jpg) -220px 0 no-repeat #f99;}
.b9c0 #aside dl dt a:hover{background:url(img/asideBk03.jpg) 0 0 no-repeat;}
.b9c0 #aside dl dt a span.kage{color:#333;color:#ff0;color:#fff;}
.b9c0 #aside dl dt a:hover span.kage{color:#fff;color:#000;}

/*============================
　アサイドメニュー（ベースより移しました）
==============================*/

#aside dl dd{
	background:#f6f6f6;
	border-bottom:1px #ccc solid;
	height:25px;
	overflow:hidden;
}
#aside dl dd a{
	font-size:8pt;
	display:block;
	padding:0 0 0 30px;
	line-height:25px;
	font-weight:bold;
	color:#555555;
}
#aside dl dd a:hover{
	color:#c00;
}

form#hachu table{
	margin:0px 0px 20px 0px;
	width:500px;
border-collapse : collapse
}

form#hachu td{
	border-bottom:1px solid #ccc;
	padding:3px 0;
}

form#hachu tr.noLine td{
	border:none;
}
form#hachu td.dai{
	width:120px;
	text-align: right;
}
form#hachu input{
	margin-bottom:2px;
}
form#hachu input,
form#hachu select,
form#hachu textarea{
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}
form#hachu td input.w400,
form#hachu td textarea.w400{
	width:350px;
}
form#hachu td textarea.w400{
	height:60px;
}
form#hachu label input{
	margin:0px 2px 0px 5px;
	border:none;
}
form#hachu input.formbot{
	background: white;
	color: #333;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
	padding:0 25px;
	letter-spacing:0.5em;
	line-height:1.2em;
	margin: 0;
}


/*============================
　下のコンタクト用メニュー
==============================*/
.sitaBot{
	height:30px;
	margin:20px 0;
	padding:5px 0 5px 90px;
	padding:5px 0 5px 150px;
	border:1px solid #333;
	border-width:1px 0;
}

.sitaBot a{display:block;overflow:hidden;width:120px;height:30px;float:left;}

.sitaBot a img{position:relative;top:-40px;}
.sitaBot a.bot1 img{left:0px;}
.sitaBot a.bot2 img{left:-120px;}
.sitaBot a.bot3 img{left:-240px;}
.sitaBot a:hover img{top:0px;}


/*============================
カレンダー
==============================*/
#calarea{
	background-color:#fff;
	margin:5px;
	text-align:center;
	padding:5px 0;
}

table.calendar {
	border-collapse:separate;
	margin:5px auto 10px auto;
}
table.calendar caption {
	color:#fff;
	padding:1px 10px 1px 1px;
	font-size:12px;
	font-weight:bold;
	margin:2px;
	background-color:#f60;
	text-align:right;
}
table.calendar th,
table.calendar td {
	width:20px;
	background-color:#efefef;
	padding:1px 2px;
	font-size:10px;
	color:#333;
	height:15px;
	font-weight:bold;
	text-align:center;
}
table.calendar th {
	background-color:#fff;
}
table.calendar td {
}
table.calendar td.saturday,
table.calendar td.sunday,
table.calendar td.holiday{
	background-color:#f60;
	color:#fff;
}
table.calendar td.today{
	background-color:#ff6;
}

/*2009年の夏期休暇*/
table.calendar.y2009m8 td.d12,
table.calendar.y2009m8 td.d13,
table.calendar.y2009m8 td.d14,
table.calendar.y2009m8 td.d15,
table.calendar.y2009m8 td.d16{
	background-color:#f60;
	color:#fff;
}


/*============================
　事例紹介用のスタイル各種
==============================*/
.situmon{color:#900;font-weight:bold;margin:20px 0 0 0;}
div.photo{font-size:9pt;line-height:15px;}

.prof{border:1px dotted #666;padding:5px;}
.prof dt{font-weight:bold;}
.prof dd{margin-left:10px;}
