@charset "utf-8";

*{
	padding:0;
	margin:0;
	font-family : Arial,'ＭＳＰゴシック',sans-serif ;
}
	
a{
 	outline:none;
	color: #805e3b;
	font-weight: bold;
 }  
 
a:hover{
	color: #ff3300;
}
	
#dMain {
	padding:20px 0px 30px!important;
	background-repeat:repeat;
	background-image:url(../img/sunpaBackground.png);
	background-color:green;
}

#wrapper {
	width: 825px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

#header {
	background-image:url(../img/sunpaHeader.png);
	background-repeat: no-repeat;	
	text-indent: -9999px;
	width: 825px;
	height: 361px;
}

#content {
	background-repeat: repeat-y;
	background-image:url(../img/sunpaPaper.png);
	width: 825px;
	height:855px; /* ページ高：45の倍数を使用してください */
}

#navTop{
	width: 621px;
	height:374px;
	margin:0 0 0 111px;
}

#navTop li{
	list-style-type: none;
	float:left;
	width: 187px;
	height:187px;
	padding:0 10px 10px;
}

#navTop li a{
	display: block;
	width:100%;
	height:100%;
	text-indent: -9999px;
	background-image: url(../img/sunpaTopNav.png);
}

#nav01 a { background-position: 0 0;}
#nav02 a { background-position: -187px 0;}
#nav03 a { background-position: -374px 0;}
#nav04 a { background-position: -561px 0;}
#nav05 a { background-position: -748px 0;}
#nav06 a { background-position: -935px 0;}

#nav01 a:hover { background-position: 0 -187px;}
#nav02 a:hover { background-position: -187px -187px;}
#nav03 a:hover { background-position: -374px -187px;}
#nav04 a:hover { background-position: -561px -187px;}
#nav05 a:hover { background-position: -748px -187px;}
#nav06 a:hover { background-position: -935px -187px;}

#nav01 a:active { background-position: 0 -374px;}
#nav02 a:active { background-position: -187px -374px;}
#nav03 a:active { background-position: -374px -374px;}
#nav04 a:active { background-position: -561px -374px;}
#nav05 a:active { background-position: -748px -374px;}
#nav06 a:active { background-position: -935px -374px}

/* what's new */
#whatsNew{
	margin: 10px 0 0 95px;
	display: inline; /* IE6margin調整 */
	background-image:url(../img/whatsNew.png);
	background-repeat: no-repeat;	
	width: 427px;
	height:324px;
	float: left;
}

*:first-child+html #whatsNew{margin-top: 30px;}/* IE7 */
	
#tableArea{
	position:relative;
	top:60px;
	left:23px;
	width:390px;
	height: 240px;
	overflow-y:hidden;
}
	
#tableArea td{
	color: #805e3b;
	font-size:13px;
	line-height:1.6;
}

html>/**/body #tableArea td{ /* IE8 */
     font-size /*\**/: 10px\9;
     line-height /*\**/: 1.8\9;
} 


	
#tableArea td.date {
	width: 60px;
}



/* ブログパーツ告知 */
#kokuchi{
	float: right;
	width: 212px;
	height:324px;
	margin: 10px 80px 0 0;
	display: inline; /* IE6margin調整 */
}

*:first-child+html #kokuchi{margin-top: 30px;}/* IE7 */

#kokuchi a{
	display: block;
	width:100%;
	height:100%;
	text-indent: -9999px;
	background-image:url(../img/postItKokuchi.png);
}

#kokuchi a { background-position: 0 0;}

#kokuchi a:hover { background-position: -212px 0;}

/* 個人情報について */
#kojinJoho{
	padding:3px 0 0 30px;
	font-size:10px;
	color:#555555;
	text-align: center;
	line-height:1.2;
	clear: both;
}

/* enikki */
#enikki{
	margin: 10px 10px 10px 100px;
	display: inline; /* IE6margin調整 */
	width: 160px;
	height:45px;
	float: left;
}


/* フッター */
#footer{
	background-image:url(../img/sunpaFooter.png);
	background-repeat: no-repeat;	
	width: 825px;
	height: 71px;
}