/**reset**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
margin:0; padding:0;
}

fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
img {
vertical-align:top;
}
hr {
display:none;
}

/**clear**/	
.clear{
clear:both;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clearfix {
/*overflow:hidden;*/
}
/* End hide from IE-mac */



/* header */
#header_index {
width:1025px;
}
#header_index h1 {
float:left;
padding:10px 30px 8px 20px;
}
#header_index ul {
float:left;
width:415px;
padding:20px 0 0 0;
}
#header_index ul li {
float:left;
padding-right:1px;
}
#header_index p {
float:left;
padding:20px 0 0 15px;
}
#header_index dl {
float:right;
padding-top:20px;
}
#header_index dl dt {
float:left;
padding-right:10px;
}
#header_index dl dd {
float:left;
}

#navicnt{
	width:1025px;
	height:93px;
	position:relative;
	z-index:100;

}


/* gnavi2 */
#gnavi2 { 
	width:1025px; 
	height:31px; 
	background:url(/spc/images/img_index/bg_gnavi.gif) repeat-x; 
	position:absolute; 
	padding:0px 0px 0px 20px;
	top:62px;
	left:0;
	z-index:1;
}

#gnavi2 form { float:left; padding-top:3px;}
#gnavi2 form p { float:left; margin-top:3px;}
#gnavi2 form p.text input { width:150px;}
#gnavi2 form p.search { background:#fff;}
#gnavi2 form p.detailsearch { background:#fff;}
/*
#gnavi dl { float:left;}
#gnavi p.right { float:right; margin-top:3px; background:#fff; width:52px;}
*/

/* gnavi */
#gnavi { 
	width:725px;
	height:31px;
	background:url(/spc/images/img_index/bg_gnavi.gif) repeat-x;
	position:absolute;
	top:62px;
	right: 10px;
	z-index:100;
	
}
#gnavi dl { float:left;}
#gnavi p.right { float:right; margin-top:3px; background:#fff; width:52px; margin-right: 20px;}

/* dropdown menu */
.dropdown dt { width:128px;}
.dropdown dd { position:absolute; overflow:hidden;  display:none; opacity:0; z-index:200;}
.dropdown ul { width:128px;}
.dropdown li { display:inline}
.dropdown ul li a,
.dropdown ul li a:active,
.dropdown ul li a:visited { display:block; color:#fff; text-decoration:none; background:#000; width:108px; padding:1px 10px;}
.dropdown ul li a:hover { background:#f1f0eb; color:#000}

/* border */
#slide_area2 { width:1025px; background:url(/spc/images/img_index/bg_slider.gif) repeat-x; border-top:1px solid #fff; padding:3px 0 6px 0; margin-bottom:3px;}
#slide_area3 { width:1025px; background:url(/spc/images/img_index/bg_slider2.gif) repeat-x; margin:8px 0px 0px 0px; padding:0px 0px 14px 0px;}
/* banner_area */
#slide_area { text-align:left;}
#slide_area h2 { padding:0px;}
#slide_area div.left { float:left; width:225px;margin:0;padding:0;}
#slide_area div.right { float:right; width:795px;margin:0;padding:0;}
#slide_area div#new_arrr { width:795px;margin:11px 0 0 0;padding:0;}

/* slide banner */
#slide_banner { 
width:800px; 
height:180px; 
margin:20px 0 0 10px;
	/*ie6*/
	_margin:20px 0 0 0;
}
#close { width:780px; margin:0; padding0;}
#layer { background-color:#000; position:absolute; left:0; top:0; display: none;z-index:99; }
#prev, #next { float:left; width:36px; cursor:pointer; visibility:hidden; margin-top:60px;}
#close .screen { float:left; overflow:hidden; width:700px; height:180px; position:relative; left:0; top:0;}
#banner_list { width:20000px; position:relative; left:0; top:0;}
#banner_list li { float:left; width:120px; padding:0 10px;}

#slide_banner a { display:block; text-align:center; font-size:11px; line-height:1.4em;}
#slide_banner a span { display:block; text-align:center; padding-top:5px;} 

p.seeall { text-align:right;}
p.seeall3 { text-align:right; padding: 0px 3px 0px 0px;}

/* sidebar */
#sidebar { float:left; width:225px; padding-top:5px; text-align: left;}
#sidebar h3 { padding:0 0 10px 0px;}

#sidebar ul  { margin-left:10px; line-height:1.5em; padding-top:12px; padding-bottom: 26px;}


#sidebar ul#category li a { font-size:11px; display:block; text-align: left;}
#sidebar ul#category li a:hover { }


#sidebar ul#color { width:180px;}
#sidebar ul#color li { float:left; width:21px; height:21px; padding:0 8px 8px 0;}

/*リニューアルに必要なので削除*/
/* #sidebar ul#color li a { display:block; width:19px; height:19px; border:1px solid #000; text-indent:-9999px;}
#sidebar ul#color li.color1 a { background:#ffffff;}
#sidebar ul#color li.color2 a { background:#808080;}
#sidebar ul#color li.color3 a { background:#000000;}
#sidebar ul#color li.color4 a { background:#00b300;}
#sidebar ul#color li.color5 a { background:#628834;}
#sidebar ul#color li.color6 a { background:#0071bc;}
#sidebar ul#color li.color7 a { background:#662d91;}
#sidebar ul#color li.color8 a { background:#e60012;}
#sidebar ul#color li.color9 a { background:#ec73a8;}
#sidebar ul#color li.color10 a { background:#fbb03b;}
#sidebar ul#color li.color11 a { background:#fff791;}
#sidebar ul#color li.color12 a { background:#f3f1e1;}
#sidebar ul#color li.color13 a { background:#f5b962;}
#sidebar ul#color li.color14 a { background:#603813;}
#sidebar ul#color li.color15 a { background:url(/spc/images/img_index/bg_color.gif) no-repeat;}  */

#sidebar p { padding:8px 0 20px 10px;}

/* sidebar_aid */
#sidebar_aid {
float:left;
width:225px;
/*padding-top:16px;*/
/*background:url(/spc/images/img_index/header_side_menu.gif) no-repeat top left;*/
}

#sidebar_aid h3 { padding:0 0 0px 0px;}

#sidebar_aid ul { margin-left:10px; line-height:1.5em; padding-top:12px; padding-bottom: 26px;}


#sidebar_aid ul#category li a {font-size:11px; display:block;}
#sidebar_aid ul#category li a:hover { }


#sideba_aid ul#color { width:180px;}
#sidebar_aid ul#color li { float:left; width:21px; height:21px; padding:0 8px 8px 0;}
/* #sidebar_aid ul#color li a { display:block; width:19px; height:19px; border:1px solid #000; text-indent:-9999px;}
#sidebar_aid ul#color li.color1 a { background:#ffffff;}
#sidebar_aid ul#color li.color2 a { background:#808080;}
#sidebar_aid ul#color li.color3 a { background:#000000;}
#sidebar_aid ul#color li.color4 a { background:#00b300;}
#sidebar_aid ul#color li.color5 a { background:#628834;}
#sidebar_aid ul#color li.color6 a { background:#0071bc;}
#sidebar_aid ul#color li.color7 a { background:#662d91;}
#sidebar_aid ul#color li.color8 a { background:#e60012;}
#sidebar_aid ul#color li.color9 a { background:#ec73a8;}
#sidebar_aid ul#color li.color10 a { background:#fbb03b;}
#sidebar_aid ul#color li.color11 a { background:#fff791;}
#sidebar_aid ul#color li.color12 a { background:#f3f1e1;}
#sidebar_aid ul#color li.color13 a { background:#f5b962;}
#sidebar_aid ul#color li.color14 a { background:#603813;}
#sidebar_aid ul#color li.color15 a { background:url(/spc/images/img_index/bg_color.gif) no-repeat;} */

/* #sidebar_aid p { padding:8px 0 20px 10px;} */


/* contents */
#contents { float:left; padding:14px 0 0 5px; text-align: left;}

#contents ul#banner { width:770px; padding:8px 0 0 25px; margin:0;}
#contents ul#banner li { float:left; width:250px; padding:5px 5px 0 0; margin:0;}
#contents ul#banner li.right { padding:0; margin:0;}

#contents .goodslist { width:795px; margin:11px 0 20px;}
#contents .goodslist h3 { padding:7px 0 6px 13px;}
#contents .goodslist ul { width:730px; margin:0; padding-left:45px;}
#contents .goodslist li { float:left; width:120px; padding:0 10px;}
#contents .goodslist li a { display:block; font-size:11px; text-align:center; line-height:1.4em;}
#contents .goodslist li a span { display:block; text-align:center; padding-top:5px;} 
/*#contents .goodslist li a img { background:#fff;}*/

#contents .goodslist-index { width:793px; padding-bottom:12px; margin-top:11px;}
#contents .goodslist-index h3 { padding:7px 0 6px 13px;}
#contents .goodslist-index ul { width:720px; padding-left:53px;}
#contents .goodslist-index li { float:left; width:126px; padding:0 8px;}
#contents .goodslist-index li a { display:block; font-size:11px; text-align:center; line-height:1.4em;}
#contents .goodslist-index li a span { display:block; text-align:center; padding-top:5px;} 
/*#contents .goodslist-index li a img { background:#fff;}*/

#contents #ranking { }
#contents #ranking p { padding:0px 0px 5px 14px; ;}
#contents #ranking ul{ }
#contents #ranking li{float:left; list-style-type: none; ;}

#contents #checkitems {width:795px;}
#contents #checkitems ul{list-style-type: none;margin:0;padding:0 0 0 60px;width:730px;}
#contents #checkitems li {float:left;width:130px;margin:0;padding:0px 0px 5px 10px;}
/*ie6*/
	*html #contents #checkitems {width:795px;}
	*html #contents #checkitems ul{list-style-type: none;margin:0;padding:0 0 0 40px;width:750px;}
	*html #contents #checkitems li {float:left;width:120px;margin:0;padding:0px 0px 5px 0px;}

/* footer */
#footer { text-align:center; margin:0 0 0 230px; padding: 0px 0px 50px 0px;}
#footer p { padding-top:5px;}

/* footer indexページ以外 */
#footer_center { text-align:center; margin:10px 0px 0px 0px; padding: 0px 0px 50px 0px;}
#footer_center p { padding-top:5px;}

/*追加*/
#banner_top h3 {
padding:0 0 0 13px;
}
#main_con {
margin:5px 0 0 0;
width:1027px;
}
#slide_area {
width:795px;
height:260px;
}
.sidebnr_top {
	margin: 10px 0 10px 0;
}



/*リニューアル追加*/
.side_cotegory_title { padding: 22px 0 5px 10px;}

.viewall { padding: 8px 0 5px 0;}

#live-demo {
	width: 201px;
	border: 2px solid #000;
	overflow: hidden;
}

.title_facebook {
	padding: 10px 0px 0px 0px !important;
	border-top :2px solid #000;
	border-left :2px solid #000;
	border-right :2px solid #000;
}

.margin-top-left3 {
	text-align: left;
}