@import "reset.css";
@import "fonts.css";

body {
	background: url(http://www.ec-images.com/images/oudankensaku/bar_top.jpg) left top repeat-x;
}

h1 {
	margin: 3em auto;
	width: 500px;
	text-align: center;
}

h2 {
	padding: 0.5em;
	font-size: 123.1%;
	font-weight: 700;
	text-align: center;
}

div#container {
	margin-bottom: 2.0em;
}

/* Search Box ................................. */

dl.search-content {
	margin: 10px auto;
	width: 500px;
}

dl.search-content dt {
	margin-bottom: -2.1em;
	padding-top: 0.5em;
	width: 6.0em;
	text-align: right;
	font-weight: 700;
}

dl.search-content dd {
	margin-bottom: 0;
	margin-left: 6.0em;
	padding: 0.8em;
}


/* news ................................. */

div.news {
	margin-bottom: 3.0em;
}

div.news p {
	line-height: 1.8;
	text-align: center;
}

div.news p img {
	margin-right: 0.5em;
	vertical-align: text-bottom;
}

/* add Gadgets ................................. */

div.iGoogle,
div.GoogleToolbar,
div.Searchbar,
div.companyinfo {
	margin: 0 auto 3.0em auto;
	width: 760px;
}

div#install h2 {
	margin-bottom: 1.5em;
	padding: 0.2em 0.8em;
	border-left: 5px solid #019DD0;
	border-bottom: 1px dotted #aaa;
	font-size: 123.1%;
	font-weight: 700;
	text-align: left;
	clear: both;
}

div#install ul li {
	padding-left: 1.2em;
	line-height: 1.5;
	background: url(../img/icon_list.gif) left 0.4em no-repeat;
}

div#install p img,
div#install ul li img {
	margin-right: 0.5em;
	vertical-align: text-bottom;
}

div#install p {
	padding-left: 3.0em;
	line-height: 1.5;
}

div.iGoogle table,
img.screenshot {
	display: block;
	margin: auto auto 2.0em auto;
}

a img {
	margin-right: 0.5em;
	vertical-align: bottom;
}

table.add {
	margin: 1.0em auto;
}

table.add td {
	padding: 0.3em;
}



/* Google Toolbar & Searchbar */

div#install div.GoogleToolbar p,
div#install div.Searchbar p {
	padding-left: 3.0em;
	line-height: 1.5;
}


/* Social Bookmark icons ................................. */

div.sbm {
	width:480px;
	margin: 10px auto;
	text-align: center;
}


/* EC studio ................................. */

.ec-nav {
    list-style: none;
    margin: 0.5em 0 0 0;
    padding-top: 0.5em;
	text-align: center;
}

.ec-nav li {
	display: inline;
	background: url(http://www.ec-images.com/images/oudankensaku/bar_tabs.gif) right top repeat-y;
    padding: 0.2em 0.5em;
	font-size: 77%;
}

.ec-nav li.last {
	background: none;
}

.ec-nav a {
	color: #3366CC;
	text-decoration: none;
}

.ec-nav a:hover {
	color: #339999;
	text-decoration: underline;
}

.ec-nav a:focus {
	color: #339999;
}


/* フッター ................................. */

div.footer {
	margin-top: 2.0em;
	background: url(http://www.ec-images.com/images/oudankensaku/bar_bottom.jpg) left top repeat-x;
}

address {
	display: block;
	padding: 1em;
	text-align: center;
	font-size: 77%;
}

/* 運営会社情報
* ................................. */

.company {
	position: absolute;
	top: 18px;
	right: 0;
	width: 7em;
	font-size: 83%;
}

.companyinfo th,
.companyinfo td {
	padding: 4px 8px;
	line-height: 1.5;
} 

.companyinfo th {
	border-left: 3px solid #93CDE3;
	border-bottom: 1px dotted #999;
}

.companyinfo td {
	border-bottom: 1px dotted #999;
}