/* ====================================================================
 *
 *   style.js - SuGoIndex Common Style Sheet 01
 *
 *   All Rights Reserved, Copyright (c) 2008. Commerce Link Inc.
 *
 * ==================================================================== */

body{
	background:#efefef;}


/* Main
----------------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, form, ul {
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	line-height			: 140%;
	color				: #333333;
	font-size			: small;
	font-weight			: normal;
	font-family			: verdana, arial, sans-serif;
}

h1, .s-vh1 {
	padding				: 5px 10px 5px 10px;
	background			: #99cc00;
	color				: #ffffff;
}
h2, .s-vh2 {
	padding				: 2px 10px 2px 10px;
	background			: #dddddd;
}

h3, .s-vh3, .s-sh{
    background          :#cae47e;
    padding             :3px 5px;
    border:1px solid #99cc00;
}


img {
	border				: 0px none;
}
ul {
	list-style			: none;
}
p {
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}

strong {
	font-weight			: normal;
}

.s-clear{
	clear				: both;
}

/* Top Box
----------------------------------------------------------------------- */
.s-top-box1, .s-top-box2, .s-top-box3 {
	display				: none;
}
.s-top-box7, .s-top-box8, .s-top-box9 {
	display				: none;
}
.s-top-box4 {
	text-align			: center;
}
.s-top-box6 {
	width				: 950px;
	background:#fff;
	padding:0 20px;
	border:1px solid #ccc;
	border-top:none;
	border-bottom:none;	
	margin				: 0px auto 0px auto;
	text-align			: left;
}

/* Header
----------------------------------------------------------------------- */
.s-head {
	padding				: 15px 0px 0px 0px;
}

.s-head .s-banner {
	width				: 950px;
}
.s-head .s-banner-l {
	float				: left;
}
.s-head .s-banner-l a {
	display				: block;
}
.s-head .s-banner-l a span {
	display				: none;
}

.s-head .s-banner-r {
	float				: right;
	width				: 570px;
	color				: #666666;
	text-align			: right;
}
.s-head .s-banner-r ul li {
	display				: inline;
	padding				:0 0 0 10px;
}

.s-head .s-bread {
	clear				: both;
	margin				: 5px 0px 10px 0px;
	padding				: 2px 5px 2px 5px;
	border-top			: 5px solid #99cc00;
	border-bottom		: 1px solid #cccccc;
	background			: #f6f6f6;
}
.s-head .s-bread ul li {
	display				: inline;
}

/* Footer
----------------------------------------------------------------------- */
.s-foot{
	border:none;
	padding-top:10px;
	clear:both;
	text-align:left;
}

.s-foot .s-foot-txt1{
	font-size:x-small;
	color:#666;
}

.s-foot .s-foot-txt2{
	font-size:x-small;
}

.s-foot ul{
	margin:0 0 8px 0;
	padding:3px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f6f6f6;
	text-align:center;
}

.s-foot ul li {
	display				: inline;
	margin				: 0px 5px 0px 5px;
}

.s-foot .s-powered{
	font-size:x-small;
	color:#666;
	background:#99cc00;
	padding-right:10px;
	margin-top:10px;
	text-align:right;
}

.s-foot .s-foot-list2{padding:10px 0;border-top:1px solid #ccc;}
.s-foot .s-foot-list2 ul{border:none;font-size:x-small;background:none;margin:0;padding:2px 0;}

/* Side Menu
----------------------------------------------------------------------- */
.s-side {
	float				: left;
	width				: 200px;
}
.s-index .s-side {
	float				: right;
}

li.s-navi-depth-1{margin:0 0 0 5px;border-bottom:1px dotted #ccc;padding:1px 5px;}
li.s-navi-depth-2{margin:0 0 0 15px;border-bottom:1px dotted #ccc;padding:1px 5px 1px 10px;background:url(./i/bg-navi.gif) no-repeat 0px 10px;font-size:0.9em;}
li.s-navi-just{background:#ffeeee;}
li.s-navi-just a {text-decoration:none;}
.s-box{border:1px solid #ddd;padding:8px;background:#fff;}
.s-page-info{text-align:right;}

.s-side-banner {
    margin-top          : 10px;
    text-align          : center;
}

/* Contents
----------------------------------------------------------------------- */
.s-cont {
	float				: right;
	width				: 740px;
	padding				: 0px 0px 10px 0px;
}
.s-index .s-cont {
	float				: left;
}

.s-index .s-cont .s-search .s-search-key {
	width				: 300px;
}

.s-cont .s-ope {
	padding				: 3px 3px 3px 3px;
	background			: #f6f6f6;
	color				: #999999;
	text-align			: right;
	font-size			: 0.9em;
}
.s-cont .s-ope form {
	float				: right;
}
.s-cont .s-ope span.h {
	background			: #ffeeee;
}

/* Contents - Goods
----------------------------------------------------------------------- */
.s-goods-list .s-oneg{
	border-bottom		: 1px dotted #cccccc;
	padding				: 7px 0px 7px 0px;
}
.s-goods-list .s-oneg .s-sh2 a {
	display				: block;
	margin				: 0px 0px 0px 110px;
	padding				: 2px 5px 2px 5px;
	background			: #e8f2ca;
	font-size:14px;
	font-weight			: normal;
}
.s-goods-list .s-oneg .s-sh2 a:hover {
	background			: #ffff99;
}
.s-goods-list .s-oneg .s-goods-price {
	margin				: 0px 0px 0px 110px;
	padding				: 0px 10px 0px 5px;
	background			: #fcfcfc;
	color				: #cc0000;
	font-weight			: bold;
	text-align			: right;
	padding-top:3px;
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:20px;
}
.s-goods-list .s-oneg .s-goods-price .s-goods-price-yen {
	padding				: 0px 0px 0px 5px;
	font-size			: x-small;
}
.s-goods-list .s-oneg p {
	margin				: 0px 0px 0px 115px;
}
.s-goods-list .s-oneg img {
	float				: left;
	padding				: 0px 10px 0px 0px;
}

.s-page-list {
	border-bottom		: 1px solid #cccccc;
	margin				: 0px 0px 30px 0px;
	padding				: 2px 2px 2px 2px;
	background			: #e8f2ca;
	text-align			: right;
}
.s-page-list ul li {
	margin				: 0px 2px 0px 2px;
	display				: inline;
}

/* Communication Cotents Area 
----------------------------------------------------------------------- */
.s-onet{border-bottom:1px dotted #ccc;padding:5px 5px;margin-left:5px;}
.s-onet p{margin-bottom:10px;}
.s-onecom{border-bottom:1px dotted #ccc;padding:8px;margin:5px 0 5px 0;background:#f6f6f6;}
.s-tb{padding:5px 0 5px 10px;background:#f6f6f6;}
.s-regstc{padding:10px;background:#f6f6f6;}
.s-regstc .s-regstctextarea textarea{width:520px;height:100px;}
.s-regstc .s-regstcsubmit{}
.s-onetkwd{font-size:x-small;line-height:100%;}
ul.s-inline li{display:inline;margin:0 5px;}
.s-pct{text-align:right;font-size:x-small;color:#999;line-height:100%;}
.s-1stctgg{width:265px;float:left;margin:0 5px;}

ul.s-catalogue li{width:130px;float:left;text-align:center;padding:0 3px;border:1px solid #fff;font-size:x-small;line-height:140%;}
ul.s-catalogue li img{display:block;padding:0 15px 0 15px;}
ul.s-popular{}
ul.s-popular li{width:180px;float:left;text-align:center;border-bottom:1px dotted #ccc;padding:5px 0;font-size:0.9em;}
ul.s-popular li img{display:block;margin:0px 40px 0px 40px;}

.s-regstcerror{color:#c00;background:url(./i/ico_error.gif) no-repeat 0 5px;padding:3px 0 3px 20px;}
.s-goods-price-kakaku{color:#999;font-size:x-small;margin-right:7px;font-weight:normal;}

.s-onetb{margin:5px 0 5px 10px;padding:5px 0;border-bottom:1px dotted #ccc;}
.s-onetb .s-onetbttl{background:url(./i/bg-navi.gif) no-repeat 0px 10px;padding:0 0 3px 10px;}
.s-onetb p{color:#666;margin-left:10px;font-size:0.9em;}


.s-index .s-navi-depth-1{
    background          :url(./i/bg-gra1.gif) repeat-x;
    padding             :10px 5px 5px 10px;
    font-weight         :bold;
}

.s-index .s-1stctgg ul{
    margin-bottom       :15px;
}
.s-1stctgg{width:710px;float:none;padding:0;}
.s-1stctgg li.s-navi-depth-2{width:150px;float:left;margin:0 0 0 10px;;}
.s-1stctgg ul{clear:both;padding:7px 0 7px 0;}




/* END */