﻿@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document Common
--------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	background: #e2ecfe url(../../../../lithotech/design_11.jpg) center top;
	text-align:center;
	font-size: 90%;
	font-family : "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "osaka";
	line-height: 160%;
	color: #333;
}

form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl , dt , dd {
	margin: 0;
	padding: 0;
}

textarea, select, input {
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "sans-serif";
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #EB5A1B;
}

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

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

a:hover img {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

/* ---------------------------------------------------------
	CSS Document Layout
--------------------------------------------------------- */

#container {
	width: 860px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
}

#wrapper {
	width: 834px;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 15px;
}

#contents {
	float: right;
	width: 630px;
	overflow: hidden;
	text-align: left;
}

#links {
	float: left;
	width: 190px;
	overflow: hidden;
	text-align: left;
	font-size: 96%;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.center {
	text-align: center;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	overflow: visible;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* ---------------------------------------------------------
	CSS Document Header
--------------------------------------------------------- */

#header {
	height: 232px;
	overflow: hidden;
	padding: 0 10px;
	background: url(../../../../lithotech/Design_23.jpg) no-repeat right top;
	text-align: left;
}

#header h1 {
	height: 22px;
	overflow: hidden;
	font-weight: normal;
	font-size: 100%;
	line-height: 22px;
}

/* ---------------------------------------------------------
	CSS Document Navigation
--------------------------------------------------------- */

#navi {
	height: 65px;
	overflow: hidden;
	margin-bottom: 13px;
}

#navi li {
	float: left;
	list-style: none;
}

/* ---------------------------------------------------------
	CSS Document Entry
--------------------------------------------------------- */

table.form {
	margin: 10px 0 0 7px;
}

ul.rss{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

ul.rss li {
	border-right: #bababa 1px solid;
	display: inline;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.2px;
	margin-right: 0.3em;
	padding-right: 0.5em;
	padding-left: 0.2em;
}

.blog {
	margin: 0 0 10px;
}

.title {
	margin: 0 0 20px;
	padding: 0 0 10px;
	background: url(../../../../lithotech/design_14.jpg) no-repeat left bottom;
	font-size: 16px;
	font-weight: bold;
	color: #4f2819;
}

.title a {
	color: #4f2819;
}

.main {
	margin-top: 15px;
	padding: 0 0 15px 10px;
}

.main img {
	margin: 5px;
}

.posted {
	margin: 15px 0 25px;
	padding: 5px 10px 5px 0;
	background: #F5F5F5;
	text-align: right;
	font-size: 90%;
}

.menu {
	text-align: center;
	color: #857068;
}

.comments-head {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 20 0 15px 13px;
	height: 10px;
}

.comments-body {
	margin: 10px 13px 0;
}

.comments-post {
	margin: 0 0 25px 0;
	text-align: right;
}

.trackback-url {
	margin: 20px 0 15px 13px;
	font-size: 12px;
	font-weight: bold;
	color: #001F79;
}

.trackback-body {
	font-size: 12px;
	line-height: 135%;
	margin: 20px 0 15px 13px;
}

.trackback-post{
	color: #000;
	font-size: 12px;
	text-align: right;
	margin: 0 0 25px 0;
	font-weight: bold;
}

a.atrackback-post				{color:#001F79;text-decoration:underline;font-weight:bold;}
a.atrackback-post:link		{color:#001F79;text-decoration:underline;font-weight:bold;}
a.atrackback-post:visited		{color:#001F79;text-decoration:underline;font-weight:bold;}
a.atrackback-post:active		{color:#001F79;text-decoration:none;font-weight:bold;}
a.atrackback-post:hover		{color:#001F79;text-decoration:none;font-weight:bold;}

#author {
	width: 200px;
	border: 1px solid #bababa;
}

#email {
	width: 200px;
	border: 1px solid #bababa;
}

#url {
	width: 200px;
	border: 1px solid #bababa;
}

#text {
	font-size: 12px;
	width: 400px;
	height: 200px;
	border: solid 1px #bababa;
}

/* ---------------------------------------------------------
	CSS Document Calendar
--------------------------------------------------------- */

.calendarhead {
	margin-bottom: 10px;
	padding-left: 50px;
	background: url(../../../../lithotech/design_08.jpg) no-repeat 0 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 29px;
	color: #ac8235;
}

.calendarhead a {
	color: #ac8235;
}

.calendarhead a:hover {
	color: #E48989;
}

.calendartable {
	margin: 0 auto 30px;
	width: 174px;
	text-align: left;
	background: #fff;
	border-collapse: collapse;
}

.calendarwd {
	padding: 3px 0 0;
	border: solid 1px #D8B882;
	background: #BF9E63;
	text-align: center;
	font-weight: normal;
	color: #fff;
}

.calendard {
	padding: 3px 0 0;
	border: solid 1px #D8B882;
	text-align: center;
}

.calendard a {
	text-decoration: underline;
}

/* ---------------------------------------------------------
	CSS Document Sidebar
--------------------------------------------------------- */

.sidetitle {
	padding-bottom: 10px;
	background: url(../../../../lithotech/design_09.jpg) no-repeat left bottom;
	font-weight: bold;
	font-size: 100%;
	color: #4f2819;
}

.side {
	margin: 0 0 20px;
	padding: 10px 0 0;
}

.photo {
	margin: 0 0 5px;
	text-align: center;
}

.nickname {
	margin: 0 0 1px;
	text-align: left;
	font-weight: bold;
	color: #EB5A1B;
}

.message {
	text-align: left;
}

/* ---------------------------------------------------------
	CSS Document TOP > Banner
--------------------------------------------------------- */

.banner {
	margin: 0 0 10px;
}

/* ---------------------------------------------------------
	CSS Document TOP > Image Photo List
--------------------------------------------------------- */

.custom1 {
	margin-bottom: 20px;
}

.custom2 {
	margin-bottom: 20px;
}

.custom3 {
	margin-bottom: 20px;
}

#list {
	padding-bottom: 20px;
}

#list li {
	float: left;
	width: 182px;
	height: 201px;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 15px;
	padding: 6px 5px 0;
	border: solid 1px #333;
	list-style: none;
	text-align: center;
	font-weight: bold;
	color: #4f2819;
}

* html #list li {
	width: 194px;
	height: 209px;
}

#list li img {
	margin: 0 0 5px;
}

/* ---------------------------------------------------------
	CSS Document Entry > About
--------------------------------------------------------- */

#about p {
	margin-bottom: 10px;
}

#about div.f_right {
	width: 420px;
}

#about hr {
	height: 9px;
	border: 0;
	background: url(../../../../lithotech/design_13.jpg) no-repeat 0 0;
	color: #fff;
}

#about table {
	border-collapse: collapse;
	margin-bottom: 10px;
}

#about th {
	width: 28%;
	padding: 10px 10px 10px 15px;
	background: url(//img01.eshizuoka.jp/usr/lithotech/design_16.jpg) no-repeat 0 15px;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	font-weight: bold;
	color: #fa4251;
}

#about td {
	padding: 10px;
	text-align: left;
}

#about td strong {
	font-size: 24px;
}

#about td em {
	font-style: normal;
	font-weight: bold;
	color: #ac8235;
}

/* ---------------------------------------------------------
	CSS Document Entry > Brand
--------------------------------------------------------- */

#brand p {
	margin-bottom: 10px;
}

#brand li {
	list-style: none;
	text-align: right;
}

#brand li img {
	border: solid 3px #fff;
}

#brand li a:hover img {
	border: solid 3px #F9CFCF;
}

/* ---------------------------------------------------------
	CSS Document Footer
--------------------------------------------------------- */

.pagetop {
	text-align: right;
}

#footer {
	background: #000;
}

#footer address {
	width: 850px;
	overflow: hidden;
	margin: 0 auto;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 38px;
	color: #fff;
}
