@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
body {
	color:#333;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	background:#fff0f0 url(../img/bg.gif);;
	font-family:Arial, Helvetica,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a{			color:#000;text-decoration:none;}
a:hover{	color:#333;}


/*---------------------------------------------------*/
/* 
-----------------------------------------------------*/
#wrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border-left:#fff solid 6px;
	border-right:#fff solid 6px;
}

/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
#header {
	width:800px;
	margin:0 auto;
	background:#FFD9E6;
	border-top:#7F334C solid 4px;
}
#header h1{	
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.5em;
	padding:4px 10px;
	background:#f69 url(../img/line.gif) right no-repeat;
}
#header h1 a{	
	color:#fff;
}
#header h2{
	letter-spacing:0.5em;
	padding:1px 10px;
	background:#FFB2CC;
}
/*---------------------------------------------------*/
/* ナビゲーション
-----------------------------------------------------*/
#navi{
	float:left;
	width:180px;
	padding-bottom:20px;
}
#navi h3{
	background:#FFB2CC url(../img/icon.gif) 3px 3px no-repeat;
	border-bottom:#7F334C solid 2px;
	text-indent:10px;
	margin-top:10px;
	text-indent:24px;
}
#navi li{
	zoom:normal;
}
#navi strong{
	font-size:12px;
	color:#7F334C;
}
#navi li a{
	display:block;
	background:#FFECF3 url(../img/menu.gif) right no-repeat;
	border-bottom:#ccc dotted 1px;
	text-indent:10px;
	line-height:2.0;
}
#navi li a:hover{
	background:#FFD9E6;
}

/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
#contents{
	float:right;
	width:620px;
}
#contents h3{
	margin:10px;
	font-size:16px;
	font-weight:bold;
	text-indent:8px;
	color:#7F334C;
	background:#f0f0ff;
	border-bottom:#f69 solid 2px;
}
#contents h4{
	margin:10px;
	font-size:14px;
	font-weight:bold;
	text-indent:8px;
	color:#7F334C;
	border-bottom:#036 dotted 1px;
}
#contents .catch{
	font-weight:bold;
	color:#f69;
	font-size:16px;

}
#contents p{
	margin:10px 16px;
}

#contents ol{
	list-style:inside decimal;
	padding:4px 20px;
}
#contents ol li{
	zoom:normal;
}
#contents a{
	border-bottom:#7F334C dotted 1px;
	color:#7F334C;
}
#contents a:hover{
	border-bottom:#369 dotted 1px;
	color:#6c9;
}
#contents strong{
	font-weight:bold;
	color:#f69;
}
#contents table{
	margin:0 auto;
	border:#ccc solid 1px;
	border-collapse:collapse;
}
#contents th{
	padding:6px;
	text-align:center;
	color:#fff;
	background:#f69;
	border:#ccc solid 1px;
}
#contents td{
	padding:6px;
	background:#FFD9E6;
	border:#ccc solid 1px;
}



/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
#footer {
	width:800px;
	padding:8px 0;
	text-align:center;
	color:#fff;
	background:#f69 url(../img/line.gif) right no-repeat;
	border-bottom:#7F334C solid 4px;

}
#footer a{
	color:#fff;
	text-decoration:none;
}

/*---------------------------------------------------*/
/* ClearFix
-----------------------------------------------------*/
.clearfix:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
.clearfix{
	zoom:1;
}