@charset "utf-8";

/*
-----------------------------------------------------
Date:		2007.12.1
Version:	v0.1
Designed by:	Hiroyuki Takisawa
-----------------------------------------------------
*/

*{
	margin:0 auto;
	padding:0;
	color:#333333;
	font-size:small;
	font-family: arial, sans-serif;
}

body{
	background:#FFFFFF url() repeat-x 0 0px;
	text-align:center;
}

img {border:none; vertical-align:bottom; }
ul {list-style: none;}
dd {margin-left:20px;}
table{border-collapse:collapse;}

a:link{color:#003399;}
a:visited{color:#003399;}
a:active{color:#0000ff;}
a:hover{color:#0033CC; background-color:#E9E9E9; text-decoration:none;}

h1 {
	font-size: 40px;
	font-weight: bold;
	font-family: "‚l‚r –¾’©",serif;
	display:block;
}

h2.ma {
	font-size:12px; 
	color:#333333;
	background-image: url(../img/h2a.gif); 
	width:180px; 
	height:12px; 
	padding:9px 0 8px 0; 
	margin-bottom:5px;
	text-align:center;
	display:block;
}

h2.mb {
	font-size:12px; 
	color:#333333;
	background-image: url(../img/h2b.gif); 
	width:180px; 
	height:12px; 
	padding:9px 0 8px 0; 
	margin-bottom:5px;
	text-align:center;
	display:block;
}

h3 {
	font-size:16px; 
	color:#333333;
	background-image: url(../img/h3.gif); 
	width:515px; 
	height:22px;
	padding:8px 0 0 35px; 
	clear:both;
	margin-bottom:10px;
}

h4{
	font-size:12px; 
	padding:8px 0 8px 0; 
	text-align:center;
	width:920px;
	background:#666666;
	color:#999999;
	display:block;
}


/*
-----------------------------------------------------
 Main Frame 
-----------------------------------------------------
*/
	#container{
		width:920px;
		margin:0 auto;
		text-align:center;
	}

	#header{
		width:918px;
		height:200px;
		margin-top:10px;
		padding:25px 1px 0 1px;
		background:#FFFFFF url(../img/headerback.gif) repeat-x 0 0px;
		text-align:center;
	}

	#title{
		width:310px;
		height:150px;
		text-align:center;
		padding-top:50px;
		float:left;
	}

	#topimg{
		width:600px;
		height:200px;
		background:#FFFFFF url(../top/top.jpg) no-repeat 0 0px;
		text-align:right;
		float:right;
	}

	#navi{
		width:895px;
		padding:4px 0 5px 25px;
		color:#FFFFFF;
		background:#666666 url(../img/navback.gif) repeat-x 0 0px;
		margin-bottom:10px;
		text-align:left;
	}

	#navi a:link{color:#FFFFFF;text-decoration:none;}
	#navi a:visited{color:#FFFFFF; text-decoration:none;}
	#navi a:active{color:#FFFFFF; text-decoration:none;}
	#navi a:hover{color:#FFFFFF;background:#666666;text-decoration:underline;}

	#menu-a{
		width:180px;
		text-align:left;
		float:left;
		word-break: break-all;
	}

	#menu-b{
		width:180px;
		text-align:left;
		float:right;
		word-break: break-all;
	}

	#main{
		width:550px;
		margin:0 5px 0 5px;
		text-align:left;
		float:left;
		word-break: break-all;
	}

	#footnav{
		width:910px;
		font-size:x-small;
		padding:5px;
		margin-top:5px;
		clear: both; 
		background:#F6F6F1;
		border-top:1px solid #999999;
		border-bottom:1px solid #999999;
		text-align:center;
	}

	#footer{
		width:920px;
		font-size:x-small;
		padding:5px 0 30px 0;
		text-align:center;
		margin-bottom:10px;
		background:#EBEBEA url(../img/footerback.gif) no-repeat;
		background-position: bottom;
		clear:both;
	}
	
	.backtop{
		clear:both;
		text-align:center;
		margin:10px;
	}
/*
-----------------------------------------------------
 Menu Info 
-----------------------------------------------------
*/

#menu {
        width: 178px;
        border-style: solid solid none solid;
        border-color: #999999;
        border-size: 1px;
        border-width: 1px;
	margin-bottom:5px;
	font-size:12px;
}

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
}

#menu li a:link, #menu li a:visited {
        color: #333333;
        display: block;
        background:  url(../img/menu.gif);
        padding: 8px 0 0 10px;
}

#menu li a:hover {
        color: #3366CC;
        background:  url(../img/menu.gif) 0 -32px;
        padding: 8px 0 0 10px;
}

/*
-----------------------------------------------------
 Topic Info 
-----------------------------------------------------
*/

#topics {
	margin:0 0 10px 0;
	width:530px;
	border-collapse:collapse;
	clear:both;
}

#topics td.cate {
	width:40px;
	border-bottom:1px solid #999999;
	padding:5px;
	vertical-align: middle;
	text-align:center;
}

#topics td.date {
	width:70px;
	font-size:12px;
	border-bottom:1px solid #999999;
	padding:5px;
	vertical-align: middle;
	text-align:right;
}

#topics td.new {
	border-bottom:1px solid #999999;
	vertical-align: middle;
	padding:5px;
	text-align:left;
}

#topics td.photo {
	width:70px;
	border-bottom:1px solid #999999;
	vertical-align: middle;
	padding:5px;
	text-align:left;
}

#topics img.sam{
	width:50px;
	margin-left:5px;
	text-align:right;
	float:right;
}

#ex{font-size:xx-small;width:485px;text-align:center;margin-bottom:20px;clear:both;}
#ex img{margin:0 5px 0 10px;width:15px; vertical-align:text-bottom;}

/*
-----------------------------------------------------
 Layout Info 
-----------------------------------------------------
*/

#maintxt {
	margin:0 15px 0 15px;
	width:500px;
	clear:both;
}


/*
-----------------------------------------------------
 Search Info 
-----------------------------------------------------
*/

	table.sarea {
		width:910px;
	}

	td.sarea-txt{
		width:650px;
		text-align:right;
		padding-right:10px;
		border-right:1px solid #999999;
	}

	td.sarea-search{
		width:270px;
		text-align:right;
		vertical-align:middle;
	}

	.search {
		width: 150px; 
		height: 18px; 
		border:1px solid #999999; 
		border-left:3px solid #999999; 
		border-right:3px solid #999999;
		vertical-align:bottom;
	}

	.button {
		width: 100px; 
		height: 20px; 
		border:1px solid #999999; 
		background:#E7FEE7; 
		vertical-align:bottom;
	}

/*
-----------------------------------------------------
 Item Info 
-----------------------------------------------------
*/

	.item{
		font-weight: bold;
		font-size:small; 
		color:#333333; 
		padding-top:5px;
		padding-left:10px;
		border-left:5px solid #FF6600;
		text-align:left;
		height:18px;
	}

	.itemb{
		font-weight: bold;
		font-size:11pt;
		color:#333333;
		padding-top:5px;
		padding-left:10px;
		border-left:5px solid #0066FF;
		text-align:left;
		height:22px;
	}

/*
-----------------------------------------------------
 Table Info 
-----------------------------------------------------
*/

	table.products{
		width:520px;
		border: solid 1px #999999;
		margin:0 auto;
		border-collapse: collapse; 
	}

	table.money{
		width:300px;
		border: solid 1px #999999;
		margin:10px 10px;
		border-collapse: collapse; 
	}

	table.half{
		width:260px;
		border: solid 0px #999999;
		vertical-align: middle; 
		margin:10px 10px;
		border-collapse: collapse; 
	}

	.name{
		letter-spacing: -0.1em;
		border: solid 1px #999999;
		text-align:left;
		padding:5px;
	}

	.cname{
		border: solid 1px #999999;
		text-align:center;
		padding:5px;
	}

	.titem{
		background:#DDE;
		border: solid 1px #999999;
		text-align:center;
		padding:5px;
	}

	.section{
		background:#FFFFBB;
		border: solid 1px #999999;
		text-align:center;
		padding:5px;
	}

	.num{
		border: solid 1px #999999;
		text-align:right;
		padding:5px;
	}

/*
-----------------------------------------------------
 Text Info 
-----------------------------------------------------
*/
	p.txt{
		line-height: 1.5em;
	}

	p.txt2 { 
		letter-spacing: -0.15em;
	}