body#demobody{
	margin : 0px;
	padding: 0px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
	 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
	  Verdana,Arial, Helvetica, sans-serif;
}
div, blockquote,cite, p,ul,dl,ol,table,li{
	font-size : small;
		font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
	 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
	  Verdana,Arial, Helvetica, sans-serif;
}

h1 {font-size: small; font-weight: bold;}
h2 {font-size: small; font-weight: bold;}
h3 {font-size: small; }
h4 {font-size: small; }
h5 {font-size: small; }

a {
	font-size: small;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-size: small;
	color: #000000;
	text-decoration: underline;
}

a img {border: 0;}

#wrapper{
	width: 100%;
}

#wrapper #header{
	background-image: url("./images/headerbg.png");
	background-repeat: repeat-x;
}

#wrapper #header #headerCenter{
	width : 840px;
	margin: 0 auto;
}

#wrapper #header #logo{
	float: left;
	width : 180px;
	height: 100px;
	background-image: url("./images/demo_logo.png");
	background-repeat: no-repeat;
}
#wrapper #header #menu{
	width: 660px;
	margin-top:19px;
	float: left;
}
#wrapper #header #menu #menubar div.blankbox{
	background-image: url("./images/blankbutton.png");
	background-repeat: repeat-x;
	width:  120px;
	height: 59px;
	float: left;
	display: block;
	border-bottom: solid 1px #cccccc;
}
#wrapper #header #menu #menubar div.blankbox2{
	background-image: url("./images/blankbutton.png");
	background-repeat: repeat-x;
	width:  59px;
	height: 59px;
	float: left;
	display: block;
	border-bottom: solid 1px #cccccc;
}

#wrapper #header #menu #menubar a.contact:hover {
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/contact_on.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #ffddaa;
}

#wrapper #header #menu #menubar a.contact{
	float: left;
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/contact.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #cccccc;
}
#wrapper #header #menu #menubar a.price:hover {
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/price_on.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #ffddaa;
}

#wrapper #header #menu #menubar a.price{
	float: left;
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/price.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #cccccc;
}
#wrapper #header #menu #menubar a.hometo:hover {
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/hometo_on.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #ffddaa;
}

#wrapper #header #menu #menubar a.hometo{
	float: left;
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/hometo.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #cccccc;
}
#wrapper #header #menu #menubar a.service:hover {
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/service_on.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #ffddaa;
}

#wrapper #header #menu #menubar a.service{
	float: left;
	display: block;
	width: 120px;
	height: 59px;
	background-image: url("./images/service.png");
	background-repeat: no-repeat;
	border-bottom: solid 1px #cccccc;
}

#container {
	width: 100%;
}
#containerCenter {
	width: 840px;
	margin : 0 auto;
}

#rightContent {
	width: 310px;
	float: right;
}
#rightContent .sideContent{
	margin-top: 20px;
}
.sideContent table.halftable{
	width: 310px;
}
.sideContent table.halftable td{
	width: 155px;
	vertical-align: top;
}


#mainContent{
	width: 530px;
	float: left;
}

div.listArea a.themeTag{
	color: #336699;
	font-weight: bold;
	border-bottom: dashed 1px #336699;
}
div.listArea a.themeTag:hover{
	text-decoration: none;
}

ul.themeList{
	list-style-image: url("./images/arrow.png");
	display : block;
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 17px;
	vertical-align: middle;
}

ul.themeList a {
	font-size: small;
	color: #ff6600;
	text-decoration: none;
}
ul.themeList a: hover {
	font-size: small;
	color: #ff6600;
	text-decoration: underline;
}


div.newsArea{
	margin: 0 0px 10px 0px;
	width: 490px;
	height: 120px;
	border: solid 5px #cccccc;
	padding: 5px 0 0 10px;
}
div.newsArea dl{
	margin: 5px 0px;
}

dt.newsDate {
	background-color : #666666;
	display: block;
	width: 120px;
	color: #ffffff;
	font-size: small;
	float:left;
	margin : 0;
	text-align: center;
}
dd.newsContent {
	background-color : #ffffff;
	display: block;
	width: 355px;
	color: #333333;
	font-size: small;
	float:left; 
	margin: 0 0 0 5px;
}

div.blogContent{
	margin-bottom:10px;
	width: 490px;
	border: solid 5px #cccccc;
	padding: 5px 0 0 10px;
}
div.blogContent h3{
	color: #666666;
	padding-left: 18px;
	background-image: url("./images/h3mark.png");
	background-repeat: no-repeat;
}
div.blogContent p{
	margin: 0 15px 10px 15px;
	font-size: small;
	color: #333333;
}

div.blogContentsc{
	margin: 0 0px 10px 0px;
	width: 490px;
	border: solid 5px #cccccc;
	padding: 5px 0 0 10px;
}
div.blogContentsc h3{
	color: #666666;
	padding-left: 18px;
	background-image: url("./images/h3mark.png");
	background-repeat: no-repeat;
}
div.blogContentsc p{
	margin: 0 15px 10px 15px;
	font-size: small;
	color: #333333;
}

#footer{ text-align:center;}