@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
body {
	color:#333;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	background:#fff url(../img/bg.jpg) repeat-x;
	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:#339999;
	border-top:#0A6769 solid 4px;
}
#header h1{	
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.5em;
	padding:4px 10px;
	background:#339999 url(../img/line.gif) right no-repeat;
}
#header h1 a{	
	color:#fff;
}
#header h2{
	letter-spacing:0.5em;
	padding:1px 10px;
	background:#71B8B8;
}
/*---------------------------------------------------*/
/* ナビゲーション
-----------------------------------------------------*/
#navi{
	float:left;
	width:180px;
	padding-bottom:20px;
}
#navi h3{
	background:#ccc url(../img/icon.gif) 3px 3px no-repeat;
	border-bottom:#004e39 solid 2px;
	text-indent:10px;
	margin-top:10px;
	text-indent:24px;
}
#navi li{
	zoom:normal;
}
#navi strong{
	font-size:12px;
	color:#696;
}
#navi li a{
	display:block;
	background:#f0f0f0 url(../img/menu.gif) right no-repeat;
	border-bottom:#ccc dotted 1px;
	text-indent:10px;
	line-height:2.0;
}
#navi li a:hover{
	background:#339999;
}

/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
#contents{
	float:right;
	width:620px;
}
#contents h3{
	margin:10px;
	font-size:16px;
	font-weight:bold;
	text-indent:8px;
	color:##004e39;
	background:#f0f0ff;
	border-bottom:#004e39 solid 2px;
}
#contents h4{
	margin:10px;
	font-size:14px;
	font-weight:bold;
	text-indent:8px;
	color:#E8AECC;
	border-bottom:#036 dotted 1px;
}
#contents .catch{
	font-weight:bold;
	color:#696;
	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:#E8AECC dotted 1px;
	color:#336666;
}
#contents a:hover{
	border-bottom:#369 dotted 1px;
	color:#6c9;
}
#contents strong{
	font-weight:bold;
	color:#696;
}
#contents table{
	margin:0 auto;
	border:#ccc solid 1px;
	border-collapse:collapse;
}
#contents th{
	padding:6px;
	text-align:center;
	color:#fff;
	background:#339999;
	border:#ccc solid 1px;
}
#contents td{
	padding:6px;
	background:#f0f0f0;
	border:#ccc solid 1px;
}



/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
#footer {
	width:800px;
	padding:8px 0;
	text-align:center;
	color:#fff;
	background:#339999 url(../img/line.gif) right no-repeat;
	border-bottom:#0A6769 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;
}
#gplink {
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:6px;
font-size:10px;
line-height:1.2;
width:780px;
word-break:keep-all;
color:#999;
border:#e8e8e8 solid 1px;
background:#f8f8f8;
text-align:left;
font-size:10px;
}
#gplink font{
font-size:10px;
}
#gplink a{
text-decoration:none;
color:#666;
margin-right:5px;
font-size:10px;
}