/* --------------------------------------------------
	2006/12/27
	「TEIMO」
 --------------------------------------------------- */

/***************************
  base 
***************************/
/* other */
*{ margin:0;padding:0;}
img{border:none;vertical-align:top;}
.clear{clear:both;}
p {margin:0;padding:0;}

/* link */
a {color:#98CC00;text-decoration:none;}
a:hover {text-decoration:underline; }

/* body */
body {
	margin:0;
	padding:0;
	text-align:left;
	background-color:#E7EAE3;
	font:12px "ＭＳ Ｐゴシック", Osaka;
	color:#222222;
	}

/***************************
  font-color
***************************/
.font-color-gray {
	color:#888888;
	}

.font-color-orange {
	color:#FF9933;
	}
	
.font-color-red {
	color:#FF0000;
	}
	
.font-color-blue {
	color:#0000ff;
	}
	
	

/***************************
  all 
***************************/
#container {
	text-align:center;
	}
	
#wrapper{
	width:822px;
	text-align:left;
	margin:0 auto;
	background:url(image/main/background.jpg) repeat-y;
	}
	
#content {
	padding:5px 19px;
	float:left;
	}
	

/***************************
  header 
***************************/
#header {
	padding-top:60px;
	width:822px;
	background:url(image/main/header.jpg) no-repeat top left;
	position:relative;
	}
	
#top-menu {
	position:absolute;
	top:18px;
	right:30px;
	}
	
#logo {
	position:absolute;
	top:15px;
	left:30px;
	}
	
/***************************
  menu 
***************************/
#menu {
	padding:0 0 5px 0;
	}
	
#news {
	padding:8px 0 0 100px;
	width:782px;
	height:27px;
	background:url(image/main/news.jpg) no-repeat;
	position:relative;
	color:#98CC00;
	}
	
#news h2{
	font-size:12px;
	color:#ddd;
	position:absolute;
	top:7px;
	left:100px;
	font-weight:normal;
	}
	
#navi {
	padding:0 0 5px 0;
	}
	
	
/***************************
  footer 
***************************/
#footer {
	width:822px;
	height:48px;
	background:url(image/main/footer.jpg);
	clear:both;
	}	
	
/***************************
  main
***************************/
#item-space {
	width:100%;
	font-size:12px;
	}
		
.comment {
	padding:1px 4px;
	float:left;
	font-size:12px;
	line-height:130%;
	}
	
.comment p,#main-content p{
	padding:4px 0;
	}
	
.line-g {
	border-bottom:solid 1px #98CC00;
	font-size:12px;
	}
	
.comment h3,#main-content h3{
	padding:4px 0;
	border-bottom:solid 1px #98CC00;
	font-size:12px;
	font-weight:bold;
	color:#1371F7;
	}

.comment img{
	margin:0 5px 5px 0;
	float:left;
	}
	

/***************************
  space 
***************************/
#main-content {
	padding-top:5px;
	width:620px;
	float:right;
	}
	
#main-content h2{
	padding:5px 0 3px 8px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #98CC00;
	border-left:6px solid #98CC00;
	clear:both;
	}

div.main-box,
div.letter-box {
	padding:0 0 10px 0;
	}
	
div.main-box p{
	padding:10px 0 10px 0;
	line-height:130%;
	}
	
div.letter-box p{
	padding:10px 0 20px 0;
	line-height:150%;
	}

.sub-title{
	font-size:14px;
	color:#666666;
	font-weight:normal;
	}

.sub-comment {
	padding:5px 0 10px 0;
	}
	

blockquote{
	padding:10px;
	margin:10px;
	background-color:#eee;
	}

		
	
/***************************
  side-menu 
***************************/	
#sidebar {
	width:153px;
	float:left;
	}
	
#sidebar ul {
	margin:0;
	padding:0 0 0 5px;
	}
	
#sidebar  li{
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	background:url(image/category/list.jpg) center left no-repeat;
	font-size:12px;
	line-height:180%;
	}
	
	
/***************************
  option 
***************************/
.img-left{
	float:left;
	}
	
.img-right {
	float:right;
	}
	
#top-flash {
	text-align:center;
	background:url(image/main/background.jpg) repeat-y;
	}
	
.sitemap-title {
	padding:15px 0 5px 0;
	border-bottom:1px dotted #999999;
	}
	
.sitemap-title a{
	color:#222222;
	}
	
.sitemap-title p{
	padding:5px 0 3px 15px;
	font-size:14px;
	font-weight:bold;
	border-left:6px solid #98CC00;
	}
	
.sitemap-list {
	padding-top:5px;
	}
	
.sitemap-list ul{
	padding-bottom:10px;
	}
	
/***************************
  table
***************************/
div.main-box table{
	font-size:12px;
	}
	
div.tbl-type1 td{
	padding:8px;
	border-top:1px solid #98CC00;
	font-size:12px;
	}
	
td.type1{
	background:#E0E1E3;
	}
	
div.form table{
	border-collapse:collapse;
	text-align:left;
	border-spacing:0;
	empty-cells:show;
	}
	
div.form th{
	padding:5px;
	background-color:#CEF1BD;
	border:3px solid #FFFFFF;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	}
	
div.form td{
	padding:3px;
	font-size:12px;
	border:3px solid #FFFFFF;
	}
	
div.sheet{
	padding:5px 0;
	}
	
div.sheet table{
	margin-bottom:5px;
	border-collapse:collapse;
	border:1px solid #ccc;
	border-spacing:0;
	empty-cells:show;
	}

div.sheet th{
	padding:3px;
	border:1px solid #ccc;
	background:	#F1F5F6;
	font-weight:normal;
	text-align:center;
	}

div.sheet td{
	padding:3px;
	border:1px dotted #ccc;
	text-align:center;
	}

div.sheet tr.line1{
	background-color:#f4f4f4;
	}
	
td.option-bg{
	text-align:left;
	}
	
/***************************
  form
***************************/
div.form input{
	padding:3px;
	border:1px solid #aaa;
	width:200px;
	}
	
div.form input:focus,
div.form textarea:focus{
	background-color:#fee;
	}
	
div.form textarea{
	padding:3px;
	border:1px solid #aaa;
	width:100%;
	height:150px;
	}