/* ===============================================================
   styles.css
   Copyright (C) 2009 Google検索上位表示.
=============================================================== */
/* ------------------------------------------
   General Format
------------------------------------------ */
* {
	margin  : 0;
	padding : 0;
}

html, body {
	height : 100%;
}

body {
	min-width   : 880px; 
	background  : #fff url("../images/bg.png");
	color       : #fff;
	text-align  : center;
	font-family : 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

p {
	margin-bottom : 10px;
	line-height   : 19px;
	font-size     : 80%;
}

a,
a:link,
a:visited {
	color           : #333;
	text-decoration : underline;
}

a:hover {
	background-color : #fff;
	text-decoration  : underline;
}

a:active,
a:focus {
	text-decoration : none;
	color           : #333;
}

img {
	border : none;
}

/* ------------------------------------------
   Layout
------------------------------------------ */
#container {
	position   : relative; 
	width      : 900px;
	margin     : 0 auto;
	padding    : 1px;
	text-align : left;
	background : #EBEBEB;
}

/* ------------------------------------------
   Header
------------------------------------------ */
#intro {
	height     : 180px;
	margin     : 0;
	padding    : 0;
	background : url(../images/back.gif) center top no-repeat;
}

#intro h1 {
	position    : absolute;
	top         : 5px;
	left        : 40px;
	width       : 90%;
	font-size   : 12px;
	font-weight : normal;
}

#intro img {
	position : absolute;
	top      : 45px;
	left     : 40px;
	width    : 250px;
	height   : 30px;
}

#insite-search {
	position : absolute;
	top      : 105px;
	left     : 600px;
}

* html body #insite-search {
	left     : 540px;
}

#summary .p1 {
	position          : absolute;
	top               : 100px;
	left              : 40px;
	width             : 600px;
	height            : 62px;
	padding-left      : 10px;
	border-left-width : 5px;
	border-left-color : #323232;
	border-left-style : solid;
	color             : #333;
	font-size         : 13px;
}

#summary .p2 {
	position : absolute;
	top      : 135px;
	left     : 660px;
	width    : 250px;
	height   : 25px;
	margin   : 0;
	padding  : 0;
}

* html body #summary .p2 {
	left : 670px;
}

#summary .p2 a {
	color : #fff;
}

#top-ad {
	clear      : both;
	margin     : 10px auto 0 auto;
	padding    : 0;
	text-align : center;
}

/* ------------------------------------------
   Main
------------------------------------------ */
#main {
	display  : block;
	overflow : hidden;
	position : relative;
	width    : 900px;
	margin   : 0;
	padding  : 0;
}

#main #link-list {
	display    : inline;
	position   : relative;
	float      : left;
	width      : 225px;
	min-height : 1px;
	margin     : 0 0 0 20px;
}

#main #content {
	display    : inline;
	position   : relative;
	float      : right;
	width      : 620px;
	min-height : 1px;
	margin     : 0 20px 0 0;
}

#main #link-list-inner,
#main #content-inner {
	position : static;
}

#main #content-inner {
	margin  : 0;
	padding : 0;
}

#main .img-right {
	float          : right;
	padding-bottom : 10px;
	padding-left   : 10px;
	border         : 0px;
}

#main .img-left {
	float          : left;
	padding-bottom : 10px;
	padding-right  : 10px;
	border         : 0px;
}

/* ------------------------------------------
   About
------------------------------------------ */
#about {
	clear            : both;
	width            : 580px;
	margin           : 25px 0 5px 0;
	padding          : 10px 20px;
	background-color : #a0a0a0;
}

#about h2 {
	margin-bottom   : 10px;
	color           : #333;
	text-decoration : underline;
	font-size       : 110%;
}

/* ------------------------------------------
   Content
------------------------------------------ */
#content .arrow {
	padding        : 0 0 1px 0;
	vertical-align : text-bottom;
}

#content .content-ad {
	margin     : 15px 0 15px 35px;
	text-align : left;
}

.entry {
	width  : 580px;
	margin : 0 15px;
	color  : #393939;
}

* html body .entry {
	margin-right  : 0;
	padding-right : 0;
}

.entry h3 {
	width         : 580px;
	height        : 25px;
	margin-bottom : 5px;
	padding       : 0 0 0 10px;
	background    : url(../images/h3.gif) repeat-x;
	color         : #fff;
	line-height   : 25px;
}

* html body .entry h3 {
	margin-right  : 0;
	padding-right : 0;
}

.entry h4 {
	width       : 570px;
	height      : 25px;
	margin      : 0 0 5px 0;
	padding     : 0 0 0 20px;
	background  : url(../images/h4.gif) no-repeat;
	color       : #333;
	line-height : 25px;
}

.entry {
	padding-right : 50px;
}

.entry ul {
	margin-left : 20px;
}

.entry ol {
	margin-left : 20px;
}

.entry li {
	margin : 0 0 3px 0;
}

.entry .clear {
	clear : both;
}

.entry .sentence {
	padding-left : 10px;
}

.entry .right {
	text-align : right;
}

/* ------------------------------------------
   Link List
------------------------------------------ */
#link-list {
	width    : 225px;
}

#link-list h3 {
	clear       : both;
	height      : 25px;
	margin      : 15px 0 10px 0;
	padding     : 0 0 0 8px;
	background  : url(../images/h3.gif) repeat-x;
	line-height : 25px;
	text-align  : left;
}

#link-list h3.top {
	margin : 25px 0 10px 0;
}

#link-list a,
#link-list a:link,
#link-list a:visited {
	width   : 160px;
	display : block;
	color   : #000;
}

#link-list a:hover {
	width            : 160px;
	display          : block;
	background-color : #8b8b8b;
	color            : #fff;
	text-decoration  : none;
	font-style       : normal;
}

* html body link-list {
	position : relative;;
}

#link-list ul {
	margin  : 0;
	padding : 0 0 0 20px;
}

#link-list ul li {
	margin  : 0 0 5px 5px;
	padding : 0;
}

#link-list ul li a {
	margin  : 0;
	padding : 0;
	font-size   : 14px;
}

#link-list .resources {
	margin-bottom : 15px;
}

#link-list .side-ad {
	margin     : 0;
	padding    : 0;
	text-align : center;
}

/* ---------------------------------------------------------------
   Font Changer
--------------------------------------------------------------- */
#link-list .font {
	margin  : 0;
	padding : 0 0 20px 0;
}

#link-list .font ul {
	margin     : 0 0 0 30px;
	padding    : 0;
	list-style : none;
}

#link-list .font li {
	display : inline;
	margin  : 0;
	padding : 0;
}

#link-list .font li a {
	float   : left;
	width   : 30px;
	margin  : 0 10px 0 0;
	padding : 0;
	color   : #333;
}

#link-list .font li a:hover {
	width            : 30px;
	background-color : #cacaca;
}

/* ------------------------------------------
   Footer
------------------------------------------ */
#footer {
	clear      : both;
	position   : inherit;
	height     : 25px;
	margin     : 10px 20px 0 20px;
	background : url(../images/h3.gif) repeat-x;
}

#footer p {
	margin     : 0;
	padding    : 0;
	color      : #fff;
	text-align : center;
	font-size  : 12px;
	line-height : 25px;
}

/* ------------------------------------------
   AdList
------------------------------------------ */
#ad-list {
	clear  : both;
	margin : 5px 20px 0 20px;
}

#ad-list p {
	margin  : 0;
	padding : 0;
	color   : #999;
}

#ad-list p a {
	color           : #999;
	background      : #EBEBEB;
	text-decoration : none;
}