@charset "UTF-8";



* { padding:0; }
html{ overflow:scroll-y; }
body {
	width:100%;
	height:100%;
	font-size:75%; /*fontsize 12px*/
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height:150%;
	color:#555555;
	margin:0;
	text-align:center;
}

ul li{ list-style:none; }

.fontsmall{ font-size:83.3%; } /*fontsize 10px */
.fontbig{ font-size:116.7%; } /*fontsize 14px */
.normalsize{ font-size:100%; line-height:150%; }
h1,	/* CI */
h2,	/* sitedescription */
h3, 
h4,	
h5,	
h6,	
h7{ font-weight:normal; }
p{ padding-bottom:1em; margin:0; }
img{ border:none; }

a:link,a:visited,a:active { color:#ff4889; text-decoration:underline; }
a:hover { color:#ff4889; text-decoration:none; }

input,textarea,select{ border-color:#D4D4D4 #EEEEEE #EEEEEE #D4D4D4; border-style:solid; border-width:1px; font-size:12px; }
input.none,textarea.none,select.none{ border:none; }
input.btn{ padding:3px; background-color:#DDD; border:none; }

.cFF0000{ color:#FF0000; }
.cFC4776{ color:#FC4776; }
.c000{ color:#000000; }
.cff4889{ color:#ff4889; }
.cFFF{ color:#FFFFFF; }

*html table{ font-size:100%; line-height:150%; }

/**/
#stage{ margin:0 auto; text-align:left; width:950px; }
#header{ border-bottom:5px solid #ff5092;  }
#header h1{ margin:0; float:left; width:201px; }
#header #home{ float:right; margin:38px 0 0 0;}
#header ul#gnavi{ height:25px; margin:38px 0 0; float:right; }
#header ul#gnavi li{ height:25px; float:left; }
#header ul#gnavi li img{ vertical-align:bottom; }
#header ul#menu{ float:left; width:725px; margin:0 0 0 24px; }
#header ul#menu img{ vertical-align:bottom; }
#header ul#menu li{ float:left; margin:0; padding:0; }
#header ul#menu li.pad{ margin-left:3px; }
#stage.second #header{ background:url(../common/header_under.gif) no-repeat bottom left; border:none; padding-bottom:21px; }


/* footer ---------------------------------- */
#footer{ border-top:5px solid #ef50a2; clear:both; display:block; }
#footer ul#fnavi{ float:left; margin:0; }
#footer ul#fnavi li{ float:left; margin:0; }
#footer div{ float:right; }

/* leftmenu ---------------------------------- */
#leftmenu{ float:left; width:210px; }
#leftmenu img.official{ margin:20px 0 50px 1px; }
#leftmenu h5{ margin:0; }
#leftmenu h5.news{ margin-top:10px; }

#leftmenu #search{ background:url(../images/topbg.gif) left bottom; padding:0px 0px 0px 9px; height:310px; margin-bottom:15px; }

#stage.second #leftmenu #search{ background:url(../common/secbg_left.gif) left bottom no-repeat; padding:0 0 0 4px; height:288px; margin-bottom:15px; }

#leftmenu #search dl#productsearch{ margin:0; padding:20px 0 0; width:199px; }
* html #leftmenu #search dl#productsearch{ margin-bottom:-10px; }
#stage.second #leftmenu #search dl#productsearch{ padding-top:5px; }
* html #stage.second #leftmenu #search dl#productsearch{ margin-bottom:-16px; }

#leftmenu #search dl#productsearch dt{ margin:0; padding:0; height:24px; }
#leftmenu #search dl#productsearch dt img{ vertical-align:bottom; }
#leftmenu #search dl#productsearch dt.sec{ margin-top:7px; }
#leftmenu #search dl#productsearch dd{ margin:0; padding:0; }
#leftmenu #search dl#productsearch dd.key{ height:37px; background:url(../common/skeyword_under.png); }
#leftmenu #search dl#productsearch dd.category{ height:53px; background:url(../common/sdata_category.png); }
#leftmenu #search dl#productsearch dd.color{ height:49px; background:url(../common/sdata_color.png); }
#leftmenu #search dl#productsearch dd.price{ height:49px; background:url(../common/sdata_price.png); }

#leftmenu #search dl#productsearch dd.key img{ margin:3px 0 0; }
#leftmenu #search dl#productsearch dd input.key { margin:7px 12px 0 12px; width:136px; float:left; }
#leftmenu #search dl#productsearch dd select.category{ margin:25px 12px 0 12px; width:175px; }
#leftmenu #search dl#productsearch dd select.category2{ margin:23px 12px 0 12px; width:175px; }

#leftmenu #category{ background:url(../common/scate_bg.gif); width:210px; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; }
#leftmenu #category #catemenu{ background:url(../common/scate_between.gif) top; clear:both; }
#leftmenu #category #catemenu.top{ background:url(../common/scate_top.gif) top; margin-top:5px; }
#leftmenu #category #catemenu img{ margin:7px 0 1px 11px; float:left; }
#leftmenu #category #catemenu ul{ margin:10px 0 5px 5px; float:left; width:126px; }
#leftmenu #category #catemenu li{ float:left; font-size:83.4%; margin-right:7px; width:55px; line-height:160%; }
#leftmenu #category #catemenu li.right{ margin-right:0; }
#leftmenu #category #catemenu li.title{ background:url(../common/scate_point.gif) no-repeat left center; color:#3f9144; padding-left:18px; clear:both; float:none; font-size:100%; width:108px; }
#leftmenu #category #catemenu li.title a:link,
#leftmenu #category #catemenu li.title a:visited,
#leftmenu #category #catemenu li.title a:active { color:#3f9144; text-decoration:none; }
#leftmenu #category #catemenu li.title a:hover { color:#3f9144; text-decoration:underline; }

#leftmenu #category #catemenubottom{ background:url(../common/scate_btm.gif); width:210px; height:7px; clear:both; margin:0; padding:0; }

#leftmenu #keyword { background:url(../common/skey_bg.gif); width:210px; font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif; margin-top:12px;}
#leftmenu #keyword ul { background:#FFFFFF; border:solid 1px #e0e0e0; margin:6px 8px 0;}
#leftmenu #keyword ul li { background:url(../common/dot_border.gif) repeat-x bottom; margin:0 5px; line-height:24px;}
#leftmenu #keyword ul li.none { background:none;}
#leftmenu #keyword ul li a { background:url(../common/dot_key.gif) no-repeat 0 5px; padding-left:15px;}
#leftmenu #keyword #bottom{ background:url(../common/skey_btm.gif); width:210px; height:7px; clear:both; margin:0; padding:0; }

#leftmenu dl#news{ width:210px; margin:5px 0 0; }
#leftmenu dl#news dt{ color:#ff8a00; padding:0 5px; margin:0 2px; }
#leftmenu dl#news dd{ margin:0 2px 5px; padding:0px 5px 8px; background:url(../common/dot_border.gif) repeat-x bottom;  }
#leftmenu dl#news dd p{ padding:0; margin:0; display:block; }

/* contents ------------------------------------- */
#contents{ float:right; width:740px; margin:0 0 20px; }
#contents #mainimage{ background:url(../images/topbg.gif) right bottom; height:310px; margin-bottom:15px; width:740px; }
#contents #mainimage img{ margin:20px 0 0 15px; }

/* login ---------------------------------------------------- */
#systemcontents{ margin:30px 0 30px 21px; width:909px; text-align:center; min-height:500px; height:auto !important; height:500px; }
#systemcontents h5{ margin:0 0 20px; }

#products{ margin:5px 0 0 20px; width:720px;  }
#products #logmenuhead{ padding-bottom:20px; }
#products #logmenuhead #path{ float:left; color:#ff5092; margin:45px 0 0 0; padding-left:5px; }
#products #logmenuhead #loginform{ float:right; width:316px; height:61px; background:url(../s03_product/images/loginbg.gif); }
#products #logmenuhead #loginform #login{ float:left; width:157px; height:43px; margin:17px 0 0 2px; display:inline; }
#products #logmenuhead #loginform #first{ float:left; margin:2px 0 0; text-align:center; width:156px; }

/* float */

.clearfix:after,
#stage:after,
#header:after,
#leftmenu #category:after,
#leftmenu #category #catemenu:after,
#products #logmenuhead:after,
#leftmenu #search:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix,
#stage,
#header,
#leftmenu #category,
#leftmenu #category #catemenu,
#products #logmenuhead,
#leftmenu #search{ display:inline-table; zoom:1; }
/* Mac IE  \*/
* html .clearfix,
* html #stage,
* html #header,
* html #leftmenu #category,
* html #leftmenu #category #catemenu,
* html #products #logmenuhead,
* html #leftmenu #search{ height:1px; zoom:1; }
.clearfix,
#stage,
#header,
#leftmenu #category,
#leftmenu #category #catemenu,
#products #logmenuhead,
#leftmenu #search{ display:block; }
/* */
/* float end */

/* PNG hac */
* html .iepngfix,
* html #leftmenu #search.top dl#productsearch dd.price {
  behavior: expression(IEPNGFIX.fix(this));
}

.csp {
	cursor: pointer;
}