@charset "Shift_JIS";

/* body
----------------------------------------------------------------------------------------------------*/
body {  
	font-family: "MS UI Gothic";
	font-size: 75%;
	background-color: #ffffff;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
}

/* container
----------------------------------------------------------------------------------------------------*/
#container {
	width: 760px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:  0px 0px 0px 0px; 
	background-color: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
/* keyword
----------------------------------------------------------------------------------------------------*/
#keyword {
	margin: 0px 0px 0px 0px;
	padding:  0.2em 0px 0.2em 0.2em; 
	font-size:90%;
	background-color: #ffcc66;
}

/* header
----------------------------------------------------------------------------------------------------*/
.heade:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.header {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
/*Hides from IE-mac \*/
*html .header { height: 1%; }
.header { display: block; }
/*End hide from IE-mac */

.header h1 {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
.header h1 img{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px; 
	border: 0px solid #ffffff;
}
.header ul {
	float: right;
	margin: 5px 10px 10px 0px;
	padding: 0px; 
	list-style-type: none;
	font-size: 95%;
	background-color: #ffffff;
}
.header li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
.header li a {
	display:block;
	margin: 0px 0px 0px 0px;
	padding:0.3em 0.4em 0.2em 0.4em; 
	border: 1px solid #999999;
	background-color: #f5f5f5;
}
.header li a:visited {
	color: #333333;
	text-decoration: none;
	background-color: #f5f5f5;
}
.header li a:link {
	color: #333333;
	text-decoration: none;
	background-color: #f5f5f5;
}
.header li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #333333;
}


/* inseach
----------------------------------------------------------------------------------------------------*/
#inseach {
	margin: 0px 0px 0px 0px;
	padding:  5px 0px 5px 0px; 
	background-color: #f5f5f5;
	text-align: center;
	font-size: 95%;
}
#inseach span {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
}
#inseach form {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
}
.textbox {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
	border: 1px solid #cccccc;
	height: 1.4em;
	font-size: 95%;
}
.searchbutton {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
	border: 1px solid #999999;
	height: 1.6em;
	font-size: 95%;
	cursor: pointer;
}


/* mainnavi
----------------------------------------------------------------------------------------------------*/
#mainnavi {
	display: inline-block;
	padding-bottom: 0.4em;
	border-top: 5px solid #ffcc66;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
	background-color: #333333;
	width: 760px;
}
#mainnavi ul, #mainnavi li, #mainnavi a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 	
}
#mainnavi ul {
	width: 760px;
}
#mainnavi li {
	float: left;
	list-style: none;
	font-size: 88%;
	white-space: nowrap;
	text-align: center;
}
#mainnavi li span {
	font-size: 75%;
	margin: 2px 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
}
#mainnavi a {
	text-decoration: none;
	color: #ffffff;
	background: transparent;
}
#mainnavi a:hover {
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding:  0.4em; 
	background-color: #eeeeee;
	text-decoration: none;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#mainnavi a {
	margin: 0px 0px 0px 0px;
	padding:  0.4em; 
	background-color: #333333;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#mainnavi .cursent  {
	color: #333333;
	background-color: #cccccc;
	margin: 0px 0px 0px 0px;
	padding:  0.4em; 
	border-right: 1px solid #ffffff;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}


/* list
----------------------------------------------------------------------------------------------------*/
#list ul, #list li, #list a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}
#list li {
	float: left;
	list-style: none;
	font-size: 100%;
	white-space: nowrap;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px; 
}
#list a {
	color: #333333;
	background: transparent;
}
#list a:hover {
	color: #333333;
	text-decoration: underline;
}
#list a, #list .cursent {
	text-decoration: none;
}
#list :after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#list {
	display: inline-block;
	margin: 0.8em 0px 0.8em 0px;
	padding: 0px 0px 0px 0px; 
}
/*Hides from IE-mac\*/
*html #list {height: 1%;}
#list {display: block;}
/*End hide from IE-mac*/

/* content
----------------------------------------------------------------------------------------------------*/
.content:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.content {
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px; 
}
/*Hides from IE-mac \*/
*html .content { height: 1%; }
.content { display: block; }
/*End hide from IE-mac */

/* main
----------------------------------------------------------------------------------------------------*/
.main:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.main {
	float: right;
	width:558px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px; 
	background-color: #ffffff;
	
}
/*Hides from IE-mac \*/
*html .main { height: 1%; }
.main { display: block; }
/*End hide from IE-mac */

.main h2 {
	margin: 0px 10px 10px 0px;
	padding: 0.4em; 
	font-size: 115%;
	border: 1px solid #cccccc;
	background-color: #ddeeee;
} 
/* productnavi 
----------------------------------------------------------------------------------------------------*/
#productnavi  {
	float: left;
	width: 188px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color: #e5e5e5;
	font-weight: 400;
}
#productnavi dl {
	width: 188px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px; 
	background-color: #e5e5e5;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#productnavi dt {
	width: 188px;
	font-size: 100%;
	font-weight: 600;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0.6em 0px 0.6em 0px; 
	color: #ffffff;
	background-color: #333333;
}
#productnavi dd {
	width: 182px;
	font-size: 100%;
	margin: 2px 0px 0px 2px;
	padding: 0px 0px 0px 0px; 
	font-weight: 600;
	text-align: left;
	background-color: #f5f5f5;
	border: 1px solid #999999;
}
#productnavi span {
	font-size: 75%;
	font-weight: 400;
}
#productnavi a {
	text-decoration: none;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0.6em; 
}
#productnavi p {
	text-decoration: none;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0.6em; 
}
#productnavi dl a:visited {
	color: #333333;
	background-color: #f5f5f5;
}

#productnavi dl a:link {
	color: #333333;
	background-color: #f5f5f5;
}
#productnavi dl a:hover {
	color: #ffffff;
	background-color: #333333;
}
#productnavi .cursent {
	color: #333333;
	background-color: #ffcc66;
}

/* stlyle
----------------------------------------------------------------------------------------------------*/
#stlyle {
	border-bottom: 0px solid #999999;
}
#stlyle ul, #stlyle li, #stlyle a {
	display: block;
	margin: 0;
	padding: 0;
}
#stlyle ul {
	margin-top: 0px;
}
#stlyle li {
	float: left;
	list-style: none;
	font-size: 87%;
	white-space: nowrap;
}
#stlyle a {
	text-decoration: none;
	color: #999999;
	background: transparent;
}
#stlyle a:hover {
	color: #999999;
	background-color: #f5f5f5;
}
#stlyle a, #stlyle .cursent {
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #cccccc;
}
#stlyle:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#stlyle {
	display: inline-block;
	padding-bottom: 5px;
}
/*Hides from IE-mac\*/
*html #stlyle {height: 1%;}
#stlyle{display: block;}
/*End hide from IE-mac*/

/* footer
----------------------------------------------------------------------------------------------------*/
#footer {
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0.4em 0px; 
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: #333333;
	background-color: #ffcc00;
}
#footer p {
	font-size: 100%;
	text-align: center;
	margin: 0.4em 0px 0px 0px;
	padding:  0px 0px 0px 0px; 
}