/*<サンプルCSS>*/
@charset "UTF-8";

body {
	margin :0;
	padding:0 50px;
	background:#fff;
	text-align:center;
}
body,td,th {
	font-family: 'ＭＳ ゴシック',sans-serif;
	font-size:13px;
	color:#666;
	line-height:160%;
}
table {
/*	table-layout:fixed; /*テーブル高速表示option*/
}

a:Link{
	text-decoration:underline;
	color:#666;
}
a:Visited{
	text-decoration:underline;
	color:#666;
}
a:Active{
	text-decoration:none;
	color:#6688aa;
}
a:Hover{
	text-decoration:none;
	color:#6688aa;
}

form,
p {
	margin :0;
	padding:0;
}
ul {
	margin :0;
	padding:0;
	list-style-type:none;
}
ul li {
	margin:0;
	padding:0;
}
img {
	border:0;
}

/* global */
#top {
	position:relative;
	margin:0 auto;
	padding:0;
	width:580px;
	height:100%;
	text-align:center;
	background:url('../img/back_left.gif') repeat-y top left;
}
#page {
	padding:0;
	overflow:hidden;
	text-align:left;
	background:url('../img/back_left.gif') repeat-y top left;
}
#header {
	margin :0;
	padding:5px 0 5px 5px;
	line-height:100%;
}
#header h1 {
	margin:0;
	padding:2px 0 0 5px;
}
#header h1 a {
	text-decoration:none;
	color:#333;
	font-size:13px;
}
#footer {
	clear:both;
	border-top:1px solid #ccc;
	font-size:12px;
}
#footer .navi {
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #ccc;
}
#footer .copyright {
	padding:5px 5px 5px 10px;
}

#main {
}

/* local */
.image {
	border-top   :1px solid #ccc;
	border-right :1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:150px;
	margin :0;
	background:#fff url('../img/image.jpg') no-repeat;
}
.image span {
	display:none;
}
.content {
	padding:0;
	overflow: hidden;
}
.content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .content {
	height: 1em;
	overflow: visible;
}
/**/
.content_title {
	margin :10px 0 0 0;
	padding:0;
	border-top   :1px solid #ccc;
	border-right :1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url('../img/back_content_title_right.gif') no-repeat center right;
	font-weight:bold;
}
.content_title h2 {
	margin :0;
	padding:3px 3px 2px 15px;
	font-size:13px;
	color:#333;
	background:url('../img/back_content_title.gif') no-repeat center left;
}
.content p {
	padding:5px 10px 10px 10px;
}
.content ul {
	margin :0;
	padding:5px 10px 10px;
	list-style-type:disc;
}
.content li {
	margin :0 0 0 15px;
}
.content ul.news ,
.content ul.sites {
	margin :0;
	padding:5px 10px 10px;
	list-style-type:none;
}
.content .news li ,
.content .sites li {
	margin :0;
	padding:0;
}
.content .news li {
	line-height:120%;
	border-bottom:1px dashed #ccc;
	padding:3px 0;
}
.content .sites img {
	border:1px solid #ccc;
	margin :0 0 10px 0;
}
.content h3 {
	display:inline-block;
	font-size:13px;
	margin :0;
	padding:0 0 0 18px;
	background:url('../img/back_sites_open.gif') no-repeat center left;
}
.content h3.close {
	background:url('../img/back_sites_close.gif') no-repeat center left;
}
.sites li p {
	padding:0 0 0 20px;
}


.img_l ,
.img_l2 ,
.img_r ,
.img_c {
	margin:2px;
	border:3px solid #ddd;
}


.content h4 {
	margin :0;
	padding:10px 0 0 10px;
}

/* table # { */
.content table {
  width:550px;
  margin :0 10px 10px;
  padding:0;
  border-collapse:collapse;
  border:1px solid #ccc;
  empty-cells:show;

}
.content tr {
  margin :0;
  padding:0;
  vertical-align:middle;
}
.content td {
  margin :0;
  padding:3px;
  border:1px solid #ccc;
  width:75%;
}
.content th {
  margin :0;
  padding:3px 5px;
  border:1px solid #ccc;
  width:25%;
  background:#f0f0f0;
  text-align:right;
  font-weight:normal;
}
.content .err {
  color:#cc0000;
  line-height:110%;
  padding:0 10px 10px;
}

.CSS_tel input {
  width:30%;
}
.CSS_mail input ,
.CSS_name input {
  width:50%;
}
.CSS_comment textarea {
  width:98%;
}