/* CSS Document */
* { 
	margin:0;
	padding:0;
	}

body {
	background: url(img/bg.gif) center repeat-y #f1f0e9;
	}

#bodier {
	margin:0 auto;
	background:url(img/bodier_bg.gif) center top no-repeat #776272;
	padding:10px 0;
	width:702px;
	height:100%;
	}

#contents {
	margin:0 auto;
	width:676px;
	background:url(img/contents_bg.gif) bottom right no-repeat #ece7e4;
	}
	
#footer {
	margin:0 auto;
	text-align:center;
	} 

.clearer {
	clear:both;
	height:20px;
	}

h1 {
	margin:0 auto;
	text-align:center;
	}

h3 {
	font-size:14px;
	margin-top:15px;
	margin-left:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

p {
	padding:20px 30px 10px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}

table.h2Box {
	margin:0 auto;
	}

.h2Box th {
	background:url(img/h2_bg.gif) right top repeat-y;
	width:150px;
	}

.h2Box td p{
	margin:0;
	padding:0 10px;
	}

.h2Box td p a{
	color: #CC0000;
	}

.h2Box td p a:hover{
	color:#330000;
	}
	
/*メニュー*/
ul.menu {
	list-style:none;
	height:20px !important;
	}
	
li.menu01 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/home_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu01 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/home_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu01 a:hover{
	background: url(img/home_a.gif) bottom left no-repeat;
	}

li.menu02 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/about_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu02 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/about_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu02 a:hover{
	background: url(img/about_a.gif) bottom left no-repeat;
	}

li.menu03 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/system_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu03 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/system_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu03 a:hover{
	background: url(img/system_a.gif) bottom left no-repeat;
	}

li.menu04 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/download_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu04 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/download_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu04 a:hover{
	background: url(img/download_a.gif) bottom left no-repeat;
	}

li.menu05 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/blog_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu05 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/blog_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu05 a:hover{
	background: url(img/blog_a.gif) bottom left no-repeat;
	}

li.menu06 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/order_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu06 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/order_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu06 a:hover{
	background: url(img/order_a.gif) bottom left no-repeat;
	}

li.menu07 {
	float:left;
	width:116px;
	height:20px;
	background: url(img/mainsite_a.gif) bottom left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu07 a{
	float:left;
	width:116px;
	height:20px;
	background: url(img/mainsite_a.gif) top left no-repeat;
	display:block;
	text-indent:-9999px;
	}

li.menu07 a:hover{
	background: url(img/mainsite_a.gif) bottom left no-repeat;
	}

.contactBox {
	margin:0 auto;
}

.contactBox th {
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-align:left
}

td.contacttd {
	padding:3px 10px;
	border-bottom:1px dashed #999999;
	font-size:12px;
}