@charset "UTF-8";
/* *******************************
 *
 *	CSS layout
 *	lasted edit on : 2/17/2009.
 *
 * *******************************
 */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
body {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size: 90%;
	line-height: 1.5;
	color: #333;
	text-align: center;
	background: #f1f1f1;
}
img {
	border: none;
	vertical-align: middle;
}
hr { display: none; }
/*
	all link 
*/
a, a:link, a:visited {
	color: #069;
	text-decoration: underline;
}
a:hover, a:active {
	color: #6cf;
	text-decoration: underline;
}
h1 {
	position: absolute;
	top: 30px;
	left: 10px;
	width: 299px;
	height: 33px;
	background: url(../search-engine/img/logo.gif) left center no-repeat;
}
h1 a {
	width: 299px;
	height: 33px;
	text-indent: -5000px;
	display: block;
}
h2 {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 98%;
	text-align: left;
	color: #036;
	font-size: 78%;
	font-weight: normal;
}
h3 {
	clear: both;
	font-size: 130%;
	letter-spacing: 0.15em;
	margin-bottom: .75em;
	padding: 10px 30px;
	color: #444;
	border-top: solid 1px #999;
	background: url(../search-engine/img/header_h3.png) left center repeat-x;

}

h4 {
	clear: both;
	font-size: 110%;
	color: #000022;
	margin: 1.5em 0 .5em 0;
	padding: 7px 0 5px 0;
	border-bottom:1px dotted #999;
	border-top:2px solid #ccc;
}
#feature01 h4 {
	border-bottom: dotted 1px #999;
}
h4 img { padding-right: 1em;}
.first {
	margin-top: 0;
}
h5 {
	color:#cc0000;
	clear: both;	
}


.details_2clm h3 {
	background: none;
	margin: 0 0 .5em 0;
	padding: 0;
}
ul,ol,li {
	list-style-position: outside;
}
address { 
	font-style: normal; 
	letter-spacing: 0.05em;
}
p {
	font-size: 90%;
	letter-spacing: 0.04em;
	text-align: justify;
}
#wrap {
	margin: 0 auto;
	width: 783px;
	text-align: center;
	color: #333;
}
#header{
	position: relative;
	width: 783px;
	height: 80px;
}
#global {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 50%;
	text-align: right;
	font-size: 80%;
	color: #333;
}
#top-link {
	position: absolute;
	top: 145px;
	left: 0;
	width: 100%;
	height: 24px;
	text-align: center;
}
#banner {
	text-align: center;
	margin: 1em 0;
}
#container{
	position: relative; 
	margin: 0 auto;
	width: 760px;
	text-align: left;
	z-index: 30;
	background:#fff url(../search-engine/img/section-bg.gif) no-repeat scroll -25px -20px;
	border: solid 1px #1A3155;
}

.content {
	clear: both;
	padding: 5px 25px 15px 25px;
	min-height: 230px;
}
.detail {
	padding: 15px;
	width: 680px;
	color: #000;
}
.detail .clear {
	padding-top: 15px;
	text-align: right;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.pagetop {
	text-align: right;
}
.clear {
	clear: both;
}
#banner {
	position:relative;
	margin: 1em auto;
	width: 689px;
	height: 353px;
	background: url(../search-engine/img/search-img01.png) 0 0 no-repeat;
	text-indent: -5000px;
}
#banner li {
	position: absolute;
	width: 232px;
	height: 70px;
}
#banner li a {
	width: 232px;
	height: 70px;
	display:block;
	overflow: hidden;
}
#sec01 {
	top:66px;
	left:453px; 
}
#sec01 a:hover {
	background: url(../search-engine/img/search-img02.png) -453px -66px no-repeat;
}
#sec02 {
	top:154px;
	left:453px; 
}
#sec02 a:hover {
	background: url(../search-engine/img/search-img02.png) -453px -154px no-repeat;
}
#sec03 {
	top:240px;
	left:453px; 
	z-index: 50;
}
#sec03 a:hover {
	background: url(../search-engine/img/search-img02.png) -453px -240px no-repeat;
}
#banner li#sec04 {
	top:259px;
	left:282px; 
	position: absolute;
	width: 164px;
	height: 70px;
}
#banner li#sec04 a {
	width: 164px;
	height: 70px;
	display:block;
	overflow: hidden;
}
#sec04 a:hover {
	background: url(../search-engine/img/search-img02.png) -282px -259px no-repeat;
}
.section {
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	border-top: solid 1px #ccc; 
	border-bottom: solid 1px #ccc;
	background: url(../img/line.gif) center top repeat-y;
	overflow:hidden;
}
.img-box {
	width: 290px;
	margin: 10px 0;
	float: left;
	background: url(../search-engine/img/search.gif) no-repeat -7px -7px;
	border:1px solid #DF5962;
	margin-bottom: 25px;
	padding: 12px 1em;
}

.list {
	margin: .5em .5em 1em .5em;
}
.list li {
	padding-left:25px;
	font-size: 80%;
	background:transparent url(../images/tt-next.gif) left top no-repeat;
}
.list li span {
	color: #c00;
}
.summary {
	margin-top: 5px;
	width: 350px;
	float: right;
}
.summary img {
	margin-bottom: 5px;
}

#side-bar {
	position:relative;
	width: 240px;
	float: right;
}
#contact {
	width: 230px;
	text-align: center
}
.outline {
	margin: 1em 0;
}
.more {
	clear: both;
	padding: 25px 0;
	text-align: center;
}
.more a {
	padding: 7px;
}
.detail h4 a {
	padding-left: 0;
	text-decoration: none;
	color:#111;
}
#price {
	text-align: right;
}
#go-top {
	clear: both;
	padding: 15px;
	text-align: right;
}

#partner {
	margin:30px auto 30px auto;
	width:660px;
	border:#CCC 1px solid;
}
#partner th{
	width:220px;
	font-size:85%;
	color:#555;
	text-align:center;
	padding:10px 10px;
	border-bottom:#CCC 1px dashed;
}
#partner td{
	text-align:left;
	padding:10px 10px;
	border-bottom:#CCC 1px dashed;
}
#partner .last{
	border:none;
}
#footer {
	margin: 0 auto;
	clear: both;
	width: 783px;
	padding-top:35px;
}
#footer address {
	padding-bottom: 15px;
	font-size: 80%;
	text-align: center;
	color: #fff;
}
#footer address  a {
	color: blue;
}
#footer address {
	margin-top: 9em;
	color: #333;
	clear: both;
}
.footer-menu-list {
	padding:0px 30px 0px 30px;
	font-size:75%;
	width: auto;
	text-align:left;
	font-weight:bold;
	float:left;
}
.footer-menu-list a{
	color: #036;
	text-decoration: none;
}
.footer-menu-list ul {
	font-weight: normal;
}
.footer-menu-list li a { 
	color: #036;
	text-decoration: none;
}
.footer-menu-list li a:hover { 
	color: #3ff;
	text-decoration: underline;
}
noscript { color: red;}