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


body	{margin: 0;
	padding: 0;
	background-image: url(img/bg-yellow.gif);
	color: #333333;}

a:link	{
	color: #333333;
	text-decoration:none;
}

a:active	{
	color: #333333;
	text-decoration:none;
}

a:visited	{
	color: #333333;
	text-decoration:none;
}

a:hover	{
	color: #666666;
	text-decoration:underline;
}


/* コンテナ */
div#container	{
	background-color: #ffffff;
	width: 860px;
	margin-left: auto;
	margin-right: auto;}

div#headertop 	{
	background-color: #ffffff;
	border-bottom:1px solid #cccccc;
}

div#headertop h1	{color: #666666;
	font-size: 0.75em;
	font-weight:normal;
	text-align:right;
	margin: 0;
	padding-right:10px;
	padding-top: 3px;
	padding-bottom:3px;}


/* ヘッダー */
div#header	{
	background-color: #ffffff;
	background-image: url(img/header-bg.jpg);
	background-position:center top;
	height:120px;
	border-bottom: solid 1px #cccccc;
	background-repeat: no-repeat;
}

div#header h1	{margin: 10px auto auto 25px;
	background-image: url(img/titmid_able.gif);
	background-position:left top;
	background-repeat: no-repeat;
	height:35px;
	text-indent:-9999px;}
div#header .logo a{
	background-image: url(img/titmid_able.gif);
	background-position:left top;
	background-repeat: no-repeat;
	height:35px;
	text-indent:-9999px;
	display: block;
	width: 211px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 25px;
}

div#header p	{
	font-size: 0.75em;
	margin: 0;
	background-image:url(img/info_able.gif);
	background-repeat:no-repeat;
	width:230px;
	height:70px;
	top:60px;
	left: 690px;
	text-indent:-9999px;
	position: absolute;}

/* FLASH */
div#flashimage	{
	background-color: #ffffff;
	margin-top: 10px;
margin-bottom:10px;
text-align:center;
}



/* パンくずリスト */
p#bread	{background-color: #ffffff;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left:0px;}


/* コンテンツ */
div#content	{width: 660px;
	float: right;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px}

div#content h2	{
	background-image: url(img/h2_midashi.jpg);
	background-repeat: repeat-x;
	font-size: 0.875em;
	line-height: 28px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0;
	margin-bottom: 0}

div#content h3	{background-color: #ffffff;
	background-image: url(img/h3_midashi.gif);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 30px;
	margin-bottom: 0}

div#content p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px;
	padding-left: 16px;
	padding-right: 16px;
	}


div#content h4	{
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 5px;
	margin-bottom: 0;
	border-bottom:1px solid #cccccc;}

div#content h5	{
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 14px;
	margin-top: 5px;
	margin-bottom: 0;}

div#message	{margin-top: 0;
margin-bottom:10px;
margin-left: 196px;
text-align:center;}

div#content table	{
	margin-top: 10px;
	margin-bottom: 10px;}

div#content td	{font-size: 0.75em;
	line-height: 1.6;
	padding: 2px;}

div#content ul {
	margin-top: 10px;
	padding-left:15px;
}

div#content li	{list-style-type: none;font-size: 0.75em;
	line-height: 1.6;}

div#content li a	{
	text-decoration: none;}

div#content li a:hover	{
	text-decoration: underline;
}

div#content p img {
	padding:3px;
	margin:5px 5px 0 5px;
}

p.feed	{margin-bottom: 10px}


/* サイドバー */
div#sidebar	{width: 190px;
	float: left;
	margin-bottom: 25px}

ul.sidemenu	{border-top: dotted 1px #CCCCCC;
	font-size: 0.75em;
	margin-top: 20px;
	margin-left: 12px;
	margin-right: 12px;
	padding-left: 0;
	line-height: 0}

ul.sidemenu li	{list-style-type: none}

ul.sidemenu li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	color: #666666;
	background-image: url(img/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom: dotted 1px #CCCCCC;
	padding-left: 5px}

ul.sidemenu li a:hover	{
	background-color: #FFFFCC;
	color: #666666;
	background-image: url(img/menu_bg_ov.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

p.feed	{margin-bottom: 10px;
	margin-left: 12px}

p.feed a	{background-color: #666666;
	font-size: 0.75em;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	border: solid 1px #888888;
	padding: 5px}

p.feed img	{border: none;
	vertical-align: middle}


/* 商品紹介 */

div.thumbnail {
	clear:both;
	margin-top:10px;
	padding-bottom:5px;
	text-align:center;
}

div.thumbnail ul {
	margin:0px;
	padding:0;
	height:260px;
	border-bottom:1px dotted #666666;
}

div.thumbnail li {
	margin:0px;
	float:left;
	list-style-type:none;
	width: 180px;
}

div.thumbnail img {
	border:1px solid #999999;
	/*padding-bottom:10px;*/
}


div#goodsview {
	font-size: 0.825em;
	line-height: 1.4;
	text-align:left;
}
div.goodsview-image {
  float: left;
  width: 220px;
}

div.goodsview-image img {
	border:1px solid #999999;
}



div.goodsview-content {
  float: left;
  position:relative;
	margin-bottom:10px;
  width: 400px;
}

.goodstitle {
	font-weight:bold;
	font-size: 1em;
	color:#FF3333;
	border-bottom:1px dotted #ff3333;
	margin-bottom:10px;
	margin-top:10px;
}

.goodstext {
	font-size: 1em;
	margin-bottom:10px;
	margin-top:0px;
}

.goodsprice {
	font-weight:bold;
	font-size: 1em;
	color:#003399;
	margin-bottom:10px;
	margin-top:0px;
}

.goodsbtn {
	margin-bottom:10px;
	margin-top:0px;
}

.goodsbtn a	{background-image: url(img/btn_buy.gif);
background-repeat:no-repeat;
	display: block;
	width: 120px;
	height: 24px;
	margin-left: auto;
	margin-right: 0px;}

.goodsbtn a:hover	{
background-position:left bottom;}

.goodsbtn img	{border: none}

form a {
 background-image: url(img/btn_buy.gif);
 background-repeat: no-repeat;
}
form a:hover {
 background-image: url(img/btn_buy_on.gif);
 background-repeat: no-repeat;
}

/* 会社案内 */

.conpany {
	margin-left:10px;
	text-align:left;
}

.conpany table {
	border:1px solid #999999;
}

.td-line1 {
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:1px 2px 1px 2px;
}

.td-line2 {
	border-bottom:1px solid #999999;
	padding:1px 2px 1px 2px;
}

.td-line3 {
	border-right:1px solid #999999;
	padding:1px 2px 1px 2px;
}

.td-line4 {
	padding:1px 2px 1px 2px;
}

.mar10 {
	margin-left:10px;
}

.mar20 {
	margin-left:20px;
}

p#gotop	{font-size: 0.75em;
	text-align:right;
	margin-top: 3px;
	margin-bottom: 10px;
	padding-left: 10px;}


/* フッター */
div#footer	{background-image: none;
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-top: solid 1px #cccccc;
	width: 100%;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 5px;
	clear: both}

address	{font-size: 0.75em;
	font-style: normal;
	color: #666666;
	text-align:center;
	padding: 2px}

div#toplink	{
	padding-right: 5px;
	margin-top: 0;
	margin-bottom: 0px;
	font-size: 0.75em;
	font-style: normal;
	text-align:center;
}