@charset "UTF-8";
/* CSS Document */

/*============================
ヘッダーの背景
==============================*/
#atama{background:url(img/kanban.jpg) no-repeat 0px 20px;}
#top #atama{
	height:220px;
	background:url(img/kanban.jpg) no-repeat 0px 20px;
}


/*カラー調整*/
body{background:#efefef;}
#body{/*background:none*/;border:none;}

#atama{border-bottom:4px #c00 solid;}
h1{height:20px;background:#c00;color:#fff;border:0px;}
h1 a{color:#fff}
h1 a:hover{color:#fc0}
h2{
	border-bottom:1px solid #c00;
	border-left:15px solid #c00;
	padding-left:0px;
}
#content h2,#content h2 span.txt{
	color:#600;
}
h3{border-left:#600 solid 1em;}
#footer{background:#c00;}
#footer *{color:#ccc;}

/*トップページのボックスボタンリスト*/
#boxBot dl dt a{background:#600;}
#boxBot dl dt a:hover{color:#fff;}

/*アサイド調整*/
#aside{
	margin-top:20px;
}
#aside dl{margin:50px 0 0 10px;border:0;background:none;}
#aside dl dt{
	margin-top:10px;
	border:1px #ccc solid;
	border-width:0 1px 1px 0;
	padding-right:5px;
	padding-bottom:5px;
}
#aside dl dt a{background:#c00;color:#dedede;}
#aside dl dt a strong{
	color:#fc0;
}
#aside dl dt a span.desc{
	color:#000;
	font-weight:normal;
	border-top:1px solid #c66;
	padding-top:2px;
	margin-right:5px;
}
#aside dl dt a:hover{background:#c00;color:#fff;}
#aside dl dt.ima a strong{color:#c00;}
#aside dl dt.ima a span.desc{border-color:#666;}
#aside dl dt.ima{background:#dedede;}
#aside dl dt.ima a,#aside dl dt.ima a:hover{
	background:#fff;
	border:1px solid #dedede;
	border-width:1px 0 0 1px;
	color:#c00;
}
#aside dl dd{border:1px #999 solid;border-width:0 0 1px 0;}
#aside dl dd a{background:none;border:none;}


#coment dl dt{
	font-weight:bold;
}

#coment dl dd{
	margin:0 0 20px 20px;
}

#coment ul li{
	list-style-type:disc;
	margin:0 0 0 20px;
}

#coment ol li{
	list-style-type:decimal;
	margin:0 0 0 20px;
}

#coment b{
	font-weight:bold;
}
#coment h3,
#coment h4,
#coment h5,
#coment h6{
	font-weight:bold;
	color:#000;
	font-size:10pt;
}
#coment h3,
#coment h4{
	border-bottom:1px solid #666;
	padding-left:10px;
}
#coment h3{
	font-size:12pt;
	background:#efefef;
}
#coment h4{margin-left:10px;}

#coment .noList li{list-style-type:none;}

#navLink p{
width:50%;
float:left;
}
#navLink span{
text-decoration:underline;
}
#navLink br{
clear:left;
}

.waku{border:1px #900 dotted;}
.wakuro{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-bottom:1px #999 solid;
	border-right:1px #999 solid;
	margin:5px;
}

.gyo1{margin-bottom:20px;}

.dai{margin-right:10px;}

.red{color:#c00;}
strong.red{
	background-color:#c00;
	color:#fff;
	padding:3px 5px;
}

.rightbox{float:right;}
.leftbox{float:left;}

.crL{clear:left;}
.crR{clear:right;}
.crB{clear:both;}

.txtR{text-align:right;}
.txtC{text-align:center;}
.txtL{text-align:left;}

.kei{background:url(img/bodyKei.gif);}
.siroNuki{
	background:#666;
	color:#fff;
	border-bottom:1px #000 solid;
	padding-left:1em;
	margin-bottom:5px;
	font-weight:normal;
}

#mailForm p.midasi{font-weight:bold;font-size:1.1em;padding-left:2em;}
#mailForm table{border:1px #ccc solid;border-width:0 0 1px 0}
#mailForm table*{font-size:10pt;}
#mailForm table th,#mailForm table td{border:1px #ccc solid;border-width:1px 0 0 0;padding:8px 0 0 0;}
#mailForm table th{width:130px;text-align:center;}
#mailForm table td{padding-left:10px;width:350px;}
#mailForm p.bot{margin:10px 0;}
#mailForm p.bot input,#mailForm p.bot a{
	margin-left:200px;
	font-size:10pt;
	height:1.8em;
	color:#333;
	padding:0 2em;
	border:#999 1px solid;
	border-color:#dedede #999 #999 #dedede;
	background-color:#efefef;
}
#mailForm p.bot a{padding:0.5em 2em;}
#mailForm p.bot input:hover,#mailForm p.bot a:hover{border-color:#999 #dedede #dedede #999;background-color:#ffdeff;}
#mailForm .error{color:#8d0000;}</style><!--テーブルを使ったCSS例：終了-->
