/* ----- HTML再定義 ----------------------------------------------- */

* {
	margin						: 0;
	padding						: 0;
	font-size					: 100%;
	font-weight					: normal;
	font-style					: normal;
	font-family					: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS P Gothic" , "Osaka" , Verdana , Arial , Helvetica , sans-serif;
}
html, body {
	height						: 100%;
}
body {
	margin						: 0 10px 10px;
	text-align					: left;
	background					: #333333 url("../image/background.gif") no-repeat top left;
	color						: #666666;
	font-size					: 80%;
	line-height					: 150%;
}

em {
	font-weight					: bold;
	margin						: 0 2px;
}
hr {
	display						: none;
}
img {
	border						: none;
}
#empty {
	clear						: both;
}
ul:after {
	clear						: both;
	display						: block;
	font						: 1px/0px serif;
	content						: ".";
	height						: 0;
	visibility					: hidden;
}
ul,ol {
	list-style					: none;
}
code ,
pre ,
blockquote p {
	color						: #888888;
	font-family					: "ＭＳ ゴシック", monospace;
}
p code {
	border-top					: 1px solid #cccccc;
	background					: #f5f5f5;
	padding						: 5px;
	color						: #000000;
	display						: block;
}
pre {
	margin						: 10px;
	padding						: 5px;
	border						: 1px solid #eeeeee;
	overflow					: auto;
	font-family					: "ＭＳ ゴシック", monospace;
	line-height					: 100%;
}
blockquote {
	margin						: 10px;
	border-left					: 2px solid #7777AA;
}
/* -- table ------------------------------------------------------- */

#contents table {
	border						: 1px solid #666680;
	border-collapse				: collapse;
	border-spacing				: 0;
	margin						: 10px 20px;
}
#contents table tr th {
	padding						: 5px;
	border						: 1px solid #AAAAAA;
	background-color			: #EEEEEE;
	text-align					: center;
}
#contents table tr td {
	padding						: 5px;
	border						: 1px solid #AAAAAA;
}
#contents table tr td input {
	margin						: -2px;
}


/* ----- [link] --------------------------------------------------- */

a {
	color				: #007bc3;
}
a:hover {
	color				: #007bc3;
	text-decoration		: none;
}
#contents a[class $='window'] {
	margin						: 0 2px 0 0;
	padding						: 0 15px 0 0;
	background					: transparent url("../image/icon_external.gif") no-repeat center right;
}

/* ----- [layout] ------------------------------------------------- */

#container {
	width						: 770px;
	text-align					: left;
}

/* ----- [header] ------------------------------------------------- */

#header {
	padding						: 10px 0 0;
	height						: 100px;
	background					: transparent url("../image/header.gif") no-repeat bottom left;
}
#header h1 {
}
#header h1 a {
	display						: block;
	text-indent					: -9999px;
	width						: 250px;
	height						: 100px;
	float						: left;
}
#header p {
	display						: none;
}
#menu {
}
#global {
	position					: absolute;
	top							: 0;
	left						: 0;
}
#global ul {
	position					: absolute;
	top							: 10px;
	left						: 268px;
	float						: right;
	display						: block;
	margin						: 0;
	width						: 514px;
}
#global ul li {
	padding						: 0;
	margin						: 0;
	float						: left;
	width						: 84px;
	height						: 50px;
	line-height					: 50px;
}
#global ul li a {
	width						: 84px;
	height						: 50px;
	display						: block;
	text-indent					: -9999px;
}
#global ul li.service a {
	background					: transparent url("../image/globalnavi_service.gif") no-repeat bottom left;
}
#global ul li.price a {
	background					: transparent url("../image/globalnavi_price.gif") no-repeat bottom left;
}
#global ul li.results a {
	background					: transparent url("../image/globalnavi_results.gif") no-repeat bottom left;
}
#global ul li.contact a {
	background					: transparent url("../image/globalnavi_contact.gif") no-repeat bottom left;
}
#global ul li.about a {
	background					: transparent url("../image/globalnavi_about.gif") no-repeat bottom left;
}
#global ul li.link a {
	background					: transparent url("../image/globalnavi_link.gif") no-repeat bottom left;
}
#service #global ul li.service a ,
#price #global ul li.price a ,
#results #global ul li.results a ,
#contact #global ul li.contact a ,
#about #global ul li.about a ,
#link #global ul li.link a ,
#global ul li a:hover {
	background-position			: left top;
}
#contents {
	position					: relative;
	top							: -50px;
	width						: 500px;
	float						: right;
	background					: #ffffff;
	padding						: 10px;
	min-height					: 100%; /* For Modern Browsers */
	height						: auto !important; /* For Modern Browsers */
	height						: 100%; /* For IE */
}
#contents:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#contents .news dl {
	width						: 480px;
	overflow					: hidden;
}
#contents .news dl dt {
	float						: left;
	margin						: 0 10px 0 0;
	padding						: 2px 0 2px 15px;
	text-align					: right;
}
#contents .news dl dd {
	margin						: 0;
	padding						: 2px 0 2px 150px;
}
* html body #contents {
	width						: 520px;
}
#navigation {
	width						: 240px;
	float						: left;
}
#footer {
	clear						: both;
	position					: relative;
	top							: -50px;
	height						: 80px;
	float						: none;
	padding						: 5px 0 0;
	background					: transparent url("../image/footer.gif") no-repeat top left;
	bottom						: 0 !important;
	bottom						: -1px; /* For Certain IE widths */
}
#footer ul {
}
#footer ul li {
}
#footer ul#pagetop li a {
	width						: 780px;
	height						: 20px;
	display						: block;
	text-align					: left;
	text-indent					: -9999px;
}
#footer address {
	display						: none;
}

#contents h2 {
	text-indent					: -9999px;
	margin						: 0 0 10px;
	width						: 500px;
	height						: 70px;
	line-height					: 70px;
}
#service #contents h2 {
	background					: transparent url("../image/contents_h2_service.gif") no-repeat top left;
}
#price #contents h2 {
	background					: transparent url("../image/contents_h2_price.gif") no-repeat top left;
}
#results #contents h2 {
	background					: transparent url("../image/contents_h2_results.gif") no-repeat top left;
}
#contact #contents h2 {
	background					: transparent url("../image/contents_h2_contact.gif") no-repeat top left;
}
#about #contents h2 {
	background					: transparent url("../image/contents_h2_about.gif") no-repeat top left;
}
#link #contents h2 {
	background					: transparent url("../image/contents_h2_link.gif") no-repeat top left;
}
#index #contents h2 {
	height						: 100px;
	line-height					: 100px;
	background					: transparent url("../image/h2_index.gif") no-repeat top left;
}
#contents h3 {
	clear						: both;
	text-indent					: 5px;
	margin						: 5px 0;
	width						: 500px;
	height						: 30px;
	line-height					: 30px;
/*	background					: transparent url("../image/contents_h3.gif") no-repeat top left; */
	background					: #f9f9f9;
	border						: 1px solid #eeeeee;
	border-left					: none;
	border-right				: none;
	color						: #333333;
}
#utility .block {
	width						: 250px;
	float						: left;
}
#utility .block:after {
	clear						: both;
	display						: block;
	font						: 1px/0px serif;
	content						: ".";
	height						: 0;
	visibility					: hidden;
}
#utility .block h3 {
	text-indent					: 5px;
	margin						: 0;
	width						: 240px;
	height						: 20px;
	line-height					: 20px;
	background					: none;
	color						: #333333;
	border-top					: 1px solid #cccccc;
	border-bottom				: 1px solid #cccccc;
}
#contents #utility .block table {
	margin						: 10px;
}
#contents #utility .block table tr th {
	padding						: 3px 5px;
	text-align					: center;
}
#contents #utility .block table tr td {
	padding						: 3px 5px;
	text-align					: center;
}
#contents #utility .block ul {
	margin						: 5px 10px;
}
#utility .block h3 {
	text-indent					: 5px;
	margin						: 0;
	width						: 240px;
	height						: 20px;
	line-height					: 20px;
	background					: none;
	color						: #333333;
	border-top					: 1px solid #cccccc;
	border-bottom				: 1px solid #cccccc;
}
#contents h4 {
	text-indent					: 5px;
	margin						: 5px 0;
	width						: 500px;
	height						: 30px;
	line-height					: 30px;
/*	background					: transparent url("../image/contents_h4.gif") no-repeat top left; */
	border-bottom				: 1px solid #eeeeee;
	color						: #333333;
}
#navigation h3 {
	text-indent					: -9999px;
	width						: 250px;
	height						: 30px;
	line-height					: 30px;
	margin						: 5px 0;
}
#service #navigation h3 {
	background					: transparent url("../image/navigation_h3_service.gif") no-repeat top left;
}
#price #navigation h3 {
	background					: transparent url("../image/navigation_h3_price.gif") no-repeat top left;
}
#results #navigation h3 {
	background					: transparent url("../image/navigation_h3_results.gif") no-repeat top left;
}
#contact #navigation h3 {
	background					: transparent url("../image/navigation_h3_contact.gif") no-repeat top left;
}
#about #navigation h3 {
	background					: transparent url("../image/navigation_h3_about.gif") no-repeat top left;
}
#link #navigation h3 {
	background					: transparent url("../image/navigation_h3_link.gif") no-repeat top left;
}
#navigation ul {
	margin						: 5px 0;
}
#navigation ul li a {
	margin						: 3px 0;
	width						: 250px;
	height						: 30px;
	line-height					: 30px;
	display						: block;
	text-indent					: 20px;
	color						: #999999;
	text-decoration				: none;
	background					: transparent url("../image/navigation_ul.gif") no-repeat left bottom;
}
#navigation ul li ul {
	margin						: 0 0 0 20px;
}
* html body #navigation ul li ul {
	margin						: 0 0 0 10px;
}
* html body #navigation ul li ul li a {
	width						: 240px;
}
#navigation ul li a:hover {
	background-position			: left top;
	color						: #333333;
}
#contents p ,
#contents ul ,
#contents dl {
	margin						: 10px;
}
#contents ul li {
	margin						: 3px 0;
	padding						: 0 0 0 10px;
	background					: transparent url("../image/contents_ul.gif") no-repeat top left;
}
#contents dl dt {
	height						: 100%;
	font-weight					: bold;
	padding						: 0 0 0 10px;
	background					: transparent url("../image/contents_ul.gif") no-repeat top left;
}
#contents dl dd {
	margin						: 3px 0 5px 20px;
}
#contents .pagetop ul {
	margin						: 10px 0 20px;
	text-align					: right;
	background					: #f9f9f9;
	padding						: 3px;
}
#contents .pagetop ul li {
	background					: none;
	margin						: 0;
	padding						: 0;
	font-size					: 80%;
}
#contents .pagetop ul li a {
	display						: block;
	width						: 100%;
	text-decoration				: none;
	color						: #666666;
}
#contents .pagetop ul li a:hover {
	text-decoration				: underline;
}

/* -- form ------------------------------------ */

form fieldset {
	border						:none;
}
form legend {
	display						:none;
}
form input, form select {
	margin-right				:1px;
}
form input[type="text"],
form input[type="password"],
form input[type="file"],
form textarea,
form select{
	border						: 1px solid #cccccc;
}
form input ,
form textarea {
	padding						: 4px;
}
form select {
	padding						: 2px;
}
@media screen {
	form input, form select {
		font-family				:Verdana, Arial, sans-serif;
	}
}
form select {
	margin-top					:1px;
}
form p input {
	text-align					:center;
}
form textarea {
	line-height					:110%;
}
@media screen {
	form input, form select,form textarea {
		font-family				:"ＭＳ ゴシック";
	}
}

form input[type="buttom"]{
	text-align					:center;
}

/* ----- [path] -------------------------------- */

#path ul {
	margin						: 0 0 5px;
}
#path ul li {
	display						: inline;
	font-size					: 80%;
	margin						: 0 2px 0 0;
	padding						: 0;
	background					: none;
}
#path ul li a {
	text-decoration				: none;
}
#path ul li a:hover {
	text-decoration				: underline;
}

/* ----- [navi] -------------------------------- */

#navi {
	text-align					: right;
}
#navi ul {
	margin						: 10px 0;
	padding						: 5px 0 0;
	border-top					: 1px solid #eeeeee;
}
#navi ul li {
	display						: inline;
	font-size					: 80%;
	margin						: 0 2px 0 0;
	padding						: 0;
	background					: none;
}
#navi ul li a {
	text-decoration				: none;
}
#navi ul li a:hover {
	text-decoration				: underline;
}

/* ----- [navi] -------------------------------- */

#contents .date {
	text-align					: right;
}
#contents .date ul {
	margin						: 10px 0 30px;
}
#contents .date ul li {
	display						: inline;
	font-size					: 80%;
	margin						: 0 2px 0 0;
	padding						: 0;
	background					: none;
}
#contents .date ul li a {
	text-decoration				: none;
}
#contents .date ul li a:hover {
	text-decoration				: underline;
}

#results #contents div.block {
	display						: block;
	margin						: 10px 10px 20px;
}
#results #contents div.block div.images {
	float						: left;
	width						: 200px;
}
#results #contents div.block div.text {
	float						: right;
	width						: 270px;
}
#results #contents div.block div.text p {
	margin						: 0 0 10px;
}
#results #contents div.block div.text ul {
	margin						: 0 0 10px;
}
#results #contents div.block:after {
	clear						: both;
	display						: block;
	font						: 1px/0px serif;
	content						: ".";
	height						: 0;
	visibility					: hidden;
}