@charset "Shift_JIS";


/*--------------------------------------

CSS Information

Site URL:		http://www.kanban-kaitai.com/
File name:		style.css(http://www.kanban-kaitai.com/style.css)
Summary:		base style
Created:		2008-06-26
Last update:	2009-12-16 by Mizuho Saito
Autor:			Mizuho Saito
Copyright:		(c)2008 kanban-kaitai.com


Order of description

__Default_style_clear
__Body
__Header
__Side img
__Main img
__Contents
__Side
__Side performance
__Footer
__Sub
__Sticker
__Led

--------------------------------------*/


/*---------------------------
__Default_style_clear
---------------------------*/
@import url(reset.css);


/*---------------------------
__Body
---------------------------*/
body {
	background: url("./img/bg.jpg") repeat-x;
	scrollbar-3dlight-color: #ADD6EB;
	scrollbar-face-color: #FFF;
	scrollbar-arrow-color: #5CADD6;
	scrollbar-base-color: #EEEEEE;
	scrollbar-shadow-color: #52A9D3;
	scrollbar-darkshadow-color: #ADD6EB;
	scrollbar-highlight-color: #ADD6EB;
	scrollbar-track-color: #EEEEEE;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	background: #F00;
	text-decoration: none;
}

*html body #bg {
	float: left;
	width: 809px;
	margin: 0px auto 0px 10px;
	background: url("./img/bg_mid.jpg") repeat-y;
}

#bg {
	float: left;
	width: 809px;
	margin: 0px auto 0px 20px;
	background: url("./img/bg_mid.jpg") repeat-y;
}

#area {
	float: left;
	width: 809px;
	background: url("./img/bg_top.jpg") no-repeat;
}

h1 {
	float: left;
	font-size: 10px;
	font-weight: normal;
	padding: 6px 0px 0px 4px;
}

p#h_read {
	float: left;
	font-size: 10px;
	padding: 6px 0px 0px 4px;
}

/*---------------------------
__Header
---------------------------*/
#header {
	clear: both;
	width: 720px;
}

#header h2 {
	width: 430px;
	float: left;
	padding: 23px 0px 0px 20px;
}

#h_right {
	width: 270px;
	float: right;
	margin: 15px 0px 0px 0px;
}

#h_right ul {
	padding: 0px 0px 0px 70px;
}

#h_right li {
	list-style-type: none;
	display: inline;
	float: left;
	font-size: 11px;
	padding: 3px 20px 13px 20px;
}

li.h_navi01 {
	background: url("./img/icon_mail.jpg") no-repeat;
}

li.h_navi02 {
	background: url("./img/icon_map.jpg") no-repeat;
}

#h_right li a {
	color: #000;
	text-decoration: none;
}

#h_right li a:hover {
	color: #FFF;
	text-decoration: none;
}


/*---------------------------
__Side img
---------------------------*/
#side_img {
	clear: both;
	position: absolute;
	top: 48px;
	left: 752px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}

#side_img img {
	border: 0px;
	font-size: 0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}


/*---------------------------
__Main img
---------------------------*/
#main_img {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}

#main_img img {
	border: 0px;
	font-size: 0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}


/*---------------------------
__Contents
---------------------------*/
#contents {
	clear: both;
	width: 680px;
	margin: 0px 10px 0px 20px;
}

#main {
	float: left;
	width: 480px;
	margin-right: 0px;
}

#sub {
	float: right;
	width: 180px;
}

#main h3 {
	clear: both;
	width: 480px;
	height: 30px;
	background: url("./img/ttl_bg.jpg") no-repeat;
	color: #09F;
	font-weight: bold;
	font-size: 15px;
	padding: 8px 0px 0px 8px;
}

#main h4 {
	clear: both;
	width: 460px;
	height: 24px;
	background: url("./img/ttl_bg02.jpg") repeat-x;
	margin: 10px 0px 0px 0px;
	padding: 4px 10px 6px 10px;
	font-size: 12px;
	line-height: 130%;
	color: #09F;
	font-weight: bold;
}

#main p {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	line-height: 180%;
}

.blue {
	color: #39C;
	font-weight: bold;
}

.bb {
	color: #09F;
}

.green {
	color: #75C71B;
	font-weight: bold;
}

.pink {
	color: #F967A8;
	font-weight: bold;
}

.gray_11 {
	color: #999;
	font-size: 11px;
}

.green_r {
	color: #75C71B;
	font-size: 11px;
	text-align: right;
}

#main img {
	float: right;
	padding: 5px;
}

/*---------------------------
__Side
---------------------------*/
#sub div {
	background: #F6F6F6;
	margin: 0px 0px 20px 0px;
}

#sub h3 {
	width: 180px;
	hieght: 30px;
	background: url("./img/side_ttl02.jpg") repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

#sub p {
	font-size: 12px;
	padding: 0px 10px 10px 10px;
	line-height: 130%;
}

*html body #sub ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#sub ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#sub li {
	height: 15px;
	list-style-type: none;
	background: url("./img/icon.jpg") no-repeat;
	margin: 0px 0px 15px 10px;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
}



/*---------------------------
__Footer
---------------------------*/
#footer {
	clear: both;
	height: 80px;
	background: #666 url("./img/footer_bg.jpg") repeat-x;
	text-align: left;
}

#f_area {
	width: 809px;
	height: 80px;
	background: url("./img/footer.jpg") repeat-x;
	margin: 0px 0px 0px 20px;
}

#f_area p {
	float: right;
	margin: 0px 10px 0px 0px;
}

#foot_l {
	float: left;
	width: 720px;
}

#footer ul {
	height: 18px;
	margin: 15px 0px 20px 110px;
}

#footer li {
	list-style-type: none;
	display: inline;
	float: left;
	font-size: 10px;
	padding: 4px 12px 3px 10px;
}

#footer li a {
	color: #000;
	text-decoration: none;
}

#footer li a:hover {
	color: #FFF;
	text-decoration: none;
}

#copyright {
	width: 463px;
	height: 13px;
	font-size: 0px;
	text-indent: -99999px;
	background: url("./img/copyright.jpg") no-repeat;
}



/*---------------------------
__Sub
---------------------------*/
#pan {
	font-size: 10px;
	margin: 0px 0px 10px 0px;
}

#main table {
	width: 450px;
	padding: 10px 0px 0px 10px;
}

table th {
	width: 110px;
	font-size: 12px;
	font-weight: bold;
	color: #09F;
	vertical-align: top;
}

table td {
	width: 320px;
	font-size: 12px;
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}

*html body #main ul {
	width: 440px;
	margin: 10px 0px 0px 20px;
	font-size: 12px;
}

#main ul {
	width: 440px;
	margin: 10px 0px 0px 30px;
	font-size: 12px;
}

*html body #main li {
	padding: 0px 0px 10px 0px;
	line-height: 130%;
}

#main li {
	padding: 0px 0px 10px 0px;
	list-style-type: decimal;
	line-height: 130%;
}

#main #sitemap {
	margin: 20px 0px 0px 40px;
}

#main #sitemap p {
	margin: 0px;
	padding: 0px 10px 20px 0px;
	font-size: 12px;
	line-height: 130%;
}

*html body #main #sitemap ul {
	margin: 0px;
	font-size: 12px;
}

#main #sitemap ul {
	margin: 0px;
	font-size: 12px;
}

*html body #main #sitemap li {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 12px;
	list-style-type: none;
}

#main #sitemap li {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-size: 12px;
	list-style-type: none;
}


/*---------------------------
__Sticker
---------------------------*/
#s_price table  {
	width: 460px;
	border: 1px solid #CCC;
	margin: 0px 0px 10px 10px;
	border-collapse: collapse;
}

#s_price table  th {
	width: 300px;
	font-weith: normal;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #CCC;
}

#s_price table  td {
	font-weight: normal;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #CCC;
}

#s_price table  td.s_price_l {
	font-weight: bold;
}

#main p.s_sample {
	font-size: 10px;
	color: #09F;
	
}



/*---------------------------
__Led
---------------------------*/

ul#led_sample {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#led_sample li {
	list-style-type: none;
}

#led_img img {
	padding-bottom: 15px;
}