/* CSS Document */
@charset 'UTF-8';

body{
	margin:0;
	padding:0;
	background:#f8f7f5;
	text-align:center;
	font-size:75%;
	color:#666666;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;

	line-height:150%;
}

h1{
	margin:0;
	padding:0;
}
h2{
	margin:0;
	padding:0;
}
h3{
	clear:both;
	color:#808080;
	background-color:transparent;
	border-bottom:1px dotted #dddddd;
	margin:1.5ex 7px 0.5ex 7px;
	font-weight:bold;
	font-size:110%;
	clear:both;
}
h3.topics{
	color:#808080;
	background-color:transparent;
	border-bottom:0;
	margin:5px 5px;
	font-weight:normal;
	font-size:100%;
	font-family:'Arial','Lucida Sans Unicode','Tahoma','MS UI Gothic',sans-serif;
}
h4{
	clear:both;
	color:#999999;
	background-color:#fbfbfb;
	font-weight:normal;
	font-size:100%;
	margin:0.5ex 1.5ex 0.5ex 0.8ex;
	padding:2px 5px;
	border:dotted 1px #dddddd;
}

form{
	margin:0;
	padding:0;
}

img{
	border:0;
}


p{
	margin:0;
	padding:0 10px 1em;
}

dl {
	margin:0;
	color:#666666;
}
dt {
	font-weight:bold;
	line-height:180%;
	margin:0.8em 0 0.3em;
	padding:0;
}
dd {
	line-height:180%;
	margin:0 0 0.2em 3em;
	padding:0;
}

dl ul,ul dl,ul ul,dl dl{
	font-size:100%;
}

a:link {
	color:#1177bb;
	text-decoration:none;
	background-color:transparent
}
a:visited {
	color:#886688;
	text-decoration:none;
	background-color:transparent
}
a:hover {
	color:#33aadd;
	text-decoration:underline;
	background-color:transparent;
/*	position:relative;
	top:1px;
	left:1px;*/
}
a:active {
	color:#33aadd;
	text-decoration:none;
	background-color:transparent
}

#root{
	width:776px;
	margin:0 auto;
	text-align:left;
	padding:0;
}
#header{
	background:url("../img/share_body_header.gif") no-repeat left bottom;
	padding:0 0 7px;
	margin:0;
	position:relative;
}
.search-box{
	position:absolute;
	left:376px;
	top:0;
	width:400px
}
	.search-box table{
		margin-left:auto;
		height:74px;
	}
	.search-box td{
		vertical-align:bottom;
	}
#main{
	background:url("../img/share_body_bg.gif") repeat-y left top;
	margin:0;
	padding:0 2px;
}
	#breadcrumbs {
		padding:0 0 1.2em;
		color:#888888;
		text-align:left;
		font-family:'Arial','Lucida Sans Unicode','Tahoma','MS UI Gothic',sans-serif;
		font-size:95%;
	}
	#top-image{
		background:url("../img/index_mainimage_frame.gif") no-repeat left top;
		margin:0 0 8px 5px;
		padding:7px;
		width:748px;
		height:268px;
	}
	#sidebar{
		float:left;
		width:180px;
	}
		#gmenu{
			list-style-type:none;
			line-height:100%;
			font-size:0;
			margin:0;
			padding:0;
		}
			#gmenu_product{
				margin:0;
				padding:1px 0 5px 5px;
			}
			#gmenu li{
				display:block;
				margin:0;
				padding:0;
			}
		#access-counter{
			margin:15px 0 10px 6px;
			color:#bbbbbb;
			padding:3px;
			border:1px solid #eeeeee;
			width:160px;
			text-align:center;
		}
			#access-counter img{
				vertical-align:middle;
			}
			#access-counter table{
				text-align:left;
				margin:0 auto;
			}
			#access-counter th{
				text-align:left;
				font-weight:normal;
			}
			#access-counter td{
				text-align:right;
			}
		#w3c-banners{
			text-align:center;
			margin:20px 0 0;
			padding:0;
			list-style-type:none;
		}
			#w3c-banners li{
				margin:0;
				padding:0;
			}
			#w3c-banners img{
				margin:2px;
			}

	#contents{
		float:right;
		width:580px;
		padding-right:5px;
		padding-bottom:50px;
	}
	#to-pagetop{
		clear:both;
		text-align:right;
		margin:0 5px;
		padding-top:0px;
	}

#footer{
	background:url("../img/share_body_footer.gif") no-repeat left top;
	margin:0;
}
	.copyright{
		text-align:right;
		padding:8px 5px 15px;
		font-family: "Arial",sans-serif;
		color:#888888;
		font-size:85%;
	}



.comment-block{
	margin:0.5ex 2ex;
	padding:1ex 1.5ex;
	border:1px solid #e8e2d8;
	background:#fdfaf8;
}

.hide{
	visibility:hidden;
	font-size:10px;
	line-height:100%;
}

.caution{
	color:#ff3300;
}

.notice{
	color:#ff8822;
}












.topic-table-container{
	background:url("../img/share_line_01.gif") no-repeat 50% 100%;
	padding:0 0 7px 5px;
}
	.topic-table{
		width:570px;
		margin:0;
		padding:0;
		border-collapse:collapse;
		border:none;
	}
	.topic-table td{
		padding:2px 7px;
		vertical-align:top;
	}
	.topic-table .even{
		background:#f8f8f8;
	}
	.topic-table .date{
		white-space:nowrap;
	}

ul.submenu {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
}

	ul.submenu li{
		float:left;
	}
	ul.submenu li a{
		padding:0px 15px;
		background:url("../img/share_arrow01.gif") 0% 50% no-repeat;
	}
	ul.submenu li a:hover{
		padding:3px 15px;
		background:url("../img/share_arrow01.gif") 0% 50% no-repeat;
	}
	ul.submenu li a:active{
		padding:3px 15px;
		background:url("../img/share_arrow01.gif") 0% 50% no-repeat;
	}

.link-table{
	margin-left:2ex;
}
.link-table th,
.link-table td{
	vertical-align:top;
}



/* Products */

#product-list table{
	border-collapse:collapse;
	padding:0;
	margin:0;
}
	#product-list td{
		padding:0.5em 4px 0.5em;
		vertical-align:top;
	}



/* BBS */

.bbs_threlist_container{
	margin-top:2.5em;
	background:url("../bbs/img/bbs_threlist_body.gif") repeat-y left top;
	width:540px;
	margin-left:18px;
	color:#aaacae;
}
	.bbs_threlist_header{
		background:url("../bbs/img/bbs_threlist_header.gif") no-repeat left top;
		height:30px
	}
	.bbs_threlist_body{
		margin:0;
		padding:0;
	}
	.bbs_threlist_body ul{
		margin:0;
		padding:0 15px 0 35px;
	}
	.bbs_threlist_footer{
		background:url("../bbs/img/bbs_threlist_footer.gif") no-repeat left bottom;
		padding:0 15px 8px;
		text-align:right;
	}

.bbs_commentform_container{
	margin-top:2.5em;
	background:url("../bbs/img/bbs_threlist_body.gif") repeat-y left top;
	width:540px;
	margin-left:18px;
	color:#aaacae;
}
	.bbs_commentform_header{
		background:url("../bbs/img/bbs_commentform_header.gif") no-repeat left top;
		height:30px
	}
	.bbs_commentform_body{
		margin:0;
		padding:0;
	}
		table.bbs_commentform {
			border-collapse:collapse;
			border:none;
			margin:10px auto 5px;
			color:#808080;
		}
		.bbs_commentform td{
			border-collapse:collapse;
			border:1px solid #ffffff;
			margin:0;
			padding:0;
			vertical-align:top;
		}
		.bbs_commentform textarea{
			font-size:100%;
			font-family: "ＭＳ Ｐゴシック",sans-serif;
			color:#666666;
			width:380px;
		}
		.bbs_commentform input{
			font-size:100%;
			font-family: "ＭＳ Ｐゴシック",sans-serif;
			color:#666666;
			width:240px;
		}
	.bbs_commentform_body ul{
		margin:0;
		padding:0 15px 0 35px;
	}
	.bbs_commentform_footer{
		background:url("../bbs/img/bbs_threlist_footer.gif") no-repeat left bottom;
		padding:0 15px 8px;
		text-align:center;
	}
		.bbs_commentform_footer input{
			font-family:'Courier New','Courier',monospace;
			background:#fffdfa;
			border:1px solid #c9c7c4;
			color:#898784;
			margin:5px;
		}

.bbs_thread_container{
	background:#f9f7f4 url("../bbs/img/bbs_thread_footer.gif") no-repeat left bottom;
	width:540px;
	margin-top:2em;
	margin-left:18px;
}
	.bbs_thread_header{
		font-weight:bold;
		background:url("../bbs/img/bbs_thread_header.gif") no-repeat left top;
		padding:10px 17px 5px;
		font-size:110%;
		color:#888888;
	}
	.bbs_thread_body{
		background:url("../bbs/img/bbs_thread_line.gif") no-repeat left top;
		padding:18px 30px 0;
		margin-bottom:8px;
		color:#808080;
	}
		.bbs_thread_name_container{
			font-family:'Courier New','Courier',monospace;
		}
			.bbs_thread_name{
				font-family: "ＭＳ Ｐゴシック",sans-serif;
			}
		.bbs_thread_comment{
			padding:5px 10px;
		}
		.bbs_thread_datetime{
			font-family:'Courier New','Courier',monospace;
			text-align:right;
			font-size:90%;
			padding:0 10px;
			color:#999999;
		}
	.bbs_thread_footer{
		background:url("../bbs/img/bbs_thread_line.gif") no-repeat left top;
		text-align:center;
		padding:10px 0 4px;
	}
	.bbs_thread_dummy_footer{
		text-align:center;
		padding:2px 0 4px;
	}
		.bbs_thread_footer input{
			font-family:'Courier New','Courier',monospace;
			background:#fffdfa;
			border:1px solid #c9c7c4;
			color:#898784;
			margin:5px;
		}

#new_thread_btn{
	background:#fffdfa;
	border:1px solid #c9c7c4;
	color:#898784;
	margin:0 5px;
}