body {
	text-align:center;
	background: #E5DDCF url(img/bg-body.gif) repeat-y center;
	margin:0;
	padding:0;
	font-size: small;
	line-height: 130%;
	color: #666666;

}

h1,h2,h3,ul,li{
	margin:0;
	padding:0;
}

.contents ul{
	margin:5px 0px 5px 30px;
	padding: 0 ;}
.contents li{
	list-style-position: outside;
	list-style-type: circle;
}

a{color: #3990AC;}

a:hover{color: #F067A6;}

#container{
	margin:0 auto;
	text-align:left;
	width:760px;
}

#head{
	margin: 5px  5px 0px 5px;}

#wrap:after, #head:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

#wrap{margin:13px;}

#wrap2{margin:13px 10px ;}

#top-left{
	margin:0 15px 0 0;}

#top-right{}

#foot{
	width:760px;
	text-align: center;
}

.contents{
	margin: 0px 25px 10px 25px  ;
}
	

h1{
	background: url(img/img-logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}
h1 a{
	display:block;
	width:260px;
	height:50px;
	
}

h3{
	font-size: medium;
	font-weight: bold;
	margin: 10px 0 3px 10px;
	border-bottom:solid 3px #E1EDFF;
	padding: 0 0 2px 10px;
	clear:both;
}

#bn-yoyaku{	
	position: relative;
	top: 22px;
	right: -300px;
}

.font-small{
	font-size:x-small;
}

ul#sub-link {
	float:right;
	margin:0;
	padding:0;
}


/* sub-link */

ul#sub-link li {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1;
	font-size:small;
	list-style-type: none;
}

ul#sub-link li a {
	padding: 5px 3px 5px 23px; /* ボタンの厚みはここで調整 */
	margin-right:10px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	color: #F067A6;
	text-align: left;
	text-decoration: none;
}
ul#sub-link li a:hover{	background-color: #FEEBF4;}

li#sub-link01 a{background: url(img/bg-sub-link01.gif) no-repeat 3px 5px;}
li#sub-link02 a{background: url(img/bg-sub-link02.gif) no-repeat 3px 5px;}
li#sub-link03 a{background: url(img/bg-sub-link03.gif) no-repeat 3px 5px;}


/* menu */

ul#menu{
	margin: 10px 0 2px 0;
	padding: 0;
	width: 760px;
}

ul#menu:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}

ul#menu li{
	margin: 0;
	padding: 0;
	float: left;
	line-height: 1;
	list-style-type: none;
}

ul#menu li a{
	display: block;
	height:40px;
	text-indent:-9999px;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
}


ul#menu li#link01 a {
	background: url(img/img-menu.jpg) no-repeat;
	width:152px;
}
ul#menu li#link01 a:hover {background: url(img/img-menu-hover.jpg) no-repeat;}

ul#menu li#link01-active a{
	background: url(img/img-menu-hover.jpg) no-repeat;
	width:152px;}

ul#menu li#link02 a {
	background: url(img/img-menu.jpg) no-repeat -152px 0;
	width:152px;
}
ul#menu li#link02 a:hover {	background: url(img/img-menu-hover.jpg) no-repeat -152px 0 ;}

ul#menu li#link02-active a {
	background: url(img/img-menu-hover.jpg) no-repeat -152px 0;
	width:152px;
}

ul#menu li#link03 a {
	background: url(img/img-menu.jpg) no-repeat -304px 0;
	width:152px;
}
ul#menu li#link03 a:hover {	background: url(img/img-menu-hover.jpg) no-repeat -304px 0;}

ul#menu li#link03-active a {
	background: url(img/img-menu-hover.jpg) no-repeat -304px 0;
	width:152px;
}


ul#menu li#link04 a {
	background: url(img/img-menu.jpg) no-repeat -456px 0;
	width:152px;
}
ul#menu li#link04 a:hover {	background: url(img/img-menu-hover.jpg) no-repeat -456px 0;}

ul#menu li#link04-active a {
	background: url(img/img-menu-hover.jpg) no-repeat -456px 0;
	width:152px;
}

ul#menu li#link05 a {
	background: url(img/img-menu.jpg) no-repeat -608px 0;
	width:152px;
}
ul#menu li#link05 a:hover {	background: url(img/img-menu-hover.jpg) no-repeat -608px 0;}

ul#menu li#link05-active a {
	background: url(img/img-menu-hover.jpg) no-repeat -608px 0;
	width:152px;
}

/* 共通 */
img.imgleft{
	float:left;
	margin:0 20px 0 0;}

a.pagetop{
	clear:both;
	display:block;
	text-align:right;
	margin:5px 0;}

/* top */
#top-image p{
	margin:10px 25px;}
	
.topic{
	margin: 0 0 20px 0;
}



#top-right ul{
	margin: 0 0 20px 0;
}

#top-right ul li{
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}

#top-right ul li a{
	display: block;
	height:185px;
	height:40px;
	text-indent:-9999px;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
}

#top-right ul li#link01 a {	background: url(img/bn-access.gif) no-repeat;}
#top-right ul li#link01 a:hover {background: url(img/bn-access-hover.gif) no-repeat;}

#top-right ul li#link02 a {	background: url(img/bn-download001.gif) no-repeat;}
#top-right ul li#link02 a:hover {background: url(img/bn-download001-hover.gif) no-repeat;}

#top-right ul li#link03 a {	background: url(img/bn-download002.gif) no-repeat;}
#top-right ul li#link03 a:hover {background: url(img/bn-download002-hover.gif) no-repeat;}

ul#annai{
	margin:7px 0;}

ul#annai li{
	border-bottom: dotted 1px #FEBE1B;
	padding:0 0 3px 10px;
	width:170px;
	margin:0 0 5px 0;}

ul#annai span{
	font-size:x-small;}

ul#annai li a{
	display: inline;
	text-indent:0px;
	color: #666666;
}

/* price */
table.price{
	margin: 10px 0 0 0;
	border:1px #C8C8C8 solid;
	border-collapse: collapse;}

table.price td{
	padding:2px 4px;
	border:1px #C8C8C8 solid;
	border-collapse: collapse;}
.cost{
	text-align:right;}
	

ul#sitemap{
	margin:40px 50px;
	line-height: 180%;
}