@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center; 
	color: #000000;
	background-image:url(images/shadow.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
.access-haken #container {
	width: 849px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0;
	text-align: left; 
}

/********ヘッダー********/
.access-haken #header {
    background-image: url(images/a-haken.gif);
	background-repeat:no-repeat;
	width:849px;
	padding: 0 ; 
}
.access-haken #header h1 {
	overflow:hidden;
	text-indent:-1500px;
	font-size:9px;
	width:800px;
	height:10px;
	margin:0;
	padding:0;
}

/********メイン********/
.access-haken #mainContent {
	padding: 0;
	background: #FFFFFF;
}
.access-haken #mainContent .mainleft{
    width:590px;
	margin:4px 0 0 0;
	padding:0;
	background:#FFFFFF;
	float:left;
}
.access-haken #mainContent .mainright{
    width:244px;
	margin:4px 0 0 0;
	padding:0;
	float:right;
	background:#FFFFFF;
}
.access-haken #mainContent .mainright p{
    border:1px dotted #CCCCCC;
	padding:4px;
	margin:0 4px 12px 0;
	font-size:12px;
	color:#333333;
	height:120px;
	overflow:hidden;
	line-height:130%;
}
.access-haken #mainContent .mainright img{
    margin:0 0 6px 0;
}
.sigoto-box{
    width:582px;
	margin:0 0 14px 0;
	border:1px solid #999999;
}
.sigoto-box h2{
    margin:6px 0px 10px 4px;
	padding:4px;
    font-size:12px;
	font-weight:bold;
    background-color:#f5f5f5;
	color: #ff9933;
}
.sigoto-box p{
   margin:3px 4px 10px 8px;
   font-size:12px;
   font-weight: normal;
   line-height:160%;
   color:#666666;
}
.sigoto-box p span{
    color:#339900;
}
.contents{
    width:272px;
    height:110px;
	margin:0 14px 0 4px;
	padding:0;
    float:left;
}
.contents img{
    float:left;
	margin:0 6px 4px 0;
}
.contents h3{
    font-size:12px;
    margin:2px 0px 8px 4px;
    color: #006633;
}
.contents h3 a:link { color: #006600; text-decoration:none; border-bottom:dotted; border-bottom-width:thin;}
.contents h3 a:visited { color: #006600; text-decoration:none; border-bottom:dotted; border-bottom-width:thin;}
.contents h3 a:hover { color: #ff9900; }
.contents h3 a:active { color: #00ccff; }

.contents p{
    font-size:12px;
	line-height:130%;
	margin:0px 0px 0px 4px;
}
.contents p a:link { color: #666666; text-decoration:none; }
.contents p a:visited { color: #666666; text-decoration:none; }
.contents p a:hover { color: #ff9900; }
.contents p a:active { color: #00ccff; }


/********フッター********/
.access-haken #footer {
	padding: 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#FFFFFF;
}
.footer-tab{
    background-image:url(images/green.gif);
	width:760px;
	margin:20px auto;
}
.footer-tab p{
 font-size:12px;
 font-weight:bold;
 color:#666666;
 margin-top:7px;
 margin-bottom:5px;
 margin-left:5px;
}
.footer-tab ul{
 margin: 0 0 0 1em; 
 padding: 0;
 list-style:none;
 line-height:130%;
}
.footer-tab li{
 list-style-image:url(images/b3.gif);
 font-size:12px;
 margin:0 0 0 30px;
 color:#666666;
}
.sitemenu{
}
.sitemenu ul{
    margin:0 0 6px 0;
	padding:0;
	list-style:none;
	font-size:12px;
	width:100%;
	text-align:center;
}
.sitemenu li{
	background:url(images/b2.gif) no-repeat left;
	padding:0 0 0 20px;
	margin:0 30px 0 0;
	font-size:12px;
	display:inline;
}
.sitemenu p{
    font-size:12px;
	text-align:center;
	color:#666666;
}

#footer a:link {color:#666666; text-decoration:underline;}
#footer a:visited {color:#666666; text-decoration:underline;}
#footer a:hover {color:#6699CC; text-decoration:underline;}
#footer a:active {color:#6699CC; text-decoration:underline;}

.copyright{
    background-image:url(images/footer.gif);
	margin:0;
	overflow:hidden;
	text-indent:-1500px;
}