@charset "utf-8";

/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box12 { width: 96px; }	/*W12*/
.box18 { width: 138px; }	/*W18*/
.box19 { width: 145px; }	/*W19*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box47 { width: 341px; }	/*W47*/
.area40 { width: 302px; height: 134px; }
.area45 { width: 337px; height: 290px; }
.area46 { width: 337px; height: 134px; }
.area50 { width: 372px; height: 290px; }
.area55 { width: 407px; height: 290px; }
.area60 { width: 425px; height: 290px; }
.area65 { width: 444px; height: 290px; }
.area68 { width: 498px; height: 134px; }
.area80 { width: 572px; height: 134px; }
.area80_2 { width: 99%; height: 420px; }
.area92 { width: 666px; height: 160px; }
.area96 { width: 694px; height: 420px; }
.area96_2 { width: 694px; height: 160px; }

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.small { font-size:smaller;}
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.bluest { color: #006486; font-weight: bold; }
.mysqlstore { color: #3a75af; }
.mysqlstorest { color: #3a75af; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }

.srs_red { color: #FF0000; }
.navicat_green {color:#99CC00;}
.uni_purple {color:#990099;}
.oem_blue {color: #3a75af;}
.support_blue {color: #0064A5;}

p.space {	height: 100px; width: 100%; }
p.space_mini {	height: 20px; width: 100%; }

/* カレンダー
----------------------------------------------- */
#block-calendar {
}

#block-calendar table {
	border-collapse: collapse;
	margin: 10px 0px 10px 10px;
	text-align:center;
	float: left; 
}

#block-calendar th, #block-calendar td {
    padding: 2px;
    border: 1px solid #DDDDDD;
}

#block-calendar th {
    background: #3a75af;
    color: #FFFFFF;
    font-size:smaller;
}

#block-calendar .off {
    background: #FF9900;
    color: #FFFFFF;
}

#block-calendar caption {
    color: #000066;
    font-weight: bold;
    text-align:left;
}

/* Additional Style
--------------------------------------------------------------------*/

/* General */

*{
	margin: 0;
	padding: 0;
	}

html{
	}

body{
	font-size:small;
	_font-size:80%;
	color:#333333;
	font-family: verdana, 'trebuchet ms', sans-serif;
	text-align: center;
	margin: 0;
	padding: 0px;
	background: #FFFFFF url(../packages/ossstore/img/wrap.jpg) repeat-x;
	}

table{
	font-size: 100%;
	}

.table{
	margin-top: 8px;
	}

.table tr td{
	padding: 5px;
	}

th a:link, th a:active, th a:visited{
	}

hr{
	}

img{
	border: 0px;
	}

p{
	padding: 0;
	margin: 0.5em 0;
	}

h1,h2,h3,h4{

	}

h4{
	}


/* Link */

a:link, a:active{
	color: #3A75AF;
	}

a:visited{
	color: #3A75AF;
	}

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


/* Form */

form {
	margin:0;
	padding:0;
	}

textarea{
	font-size: 100%;
	}

/* List  */

ul	{
	margin: 0 1.8em;
	padding: 0px;
	}

ol	{
	margin: 0 1.8em;
	padding: 0px;
	}

li	{
	line-height: 1.4em;
	}

/* Layout  */

#wrap {
	width: 880px;
	margin: 0 auto;
	text-align: left;
	}


/* Header */

#header {
	position:relative;
	margin: 0 auto;
	width: 880px;
	height: 93px;
	background: #FFFFFF url(../packages/ossstore/img/header.jpg) no-repeat top;
	}

#header_left {
	padding: 0px 0px 0px 10px;
	width: 240px;
	float:left;
	display: block;
	clear: left;
	position: relative;
	margin: 0px;
	}

#header_left h1 {
	position:static;
	background: url(../packages/ossstore/img/logo.gif) no-repeat;
	margin:0;
	float:left;
	width: 174px;
	padding: 0;
	}

#header_left .logo a {
	display: block;
	height: 64px;
	}

#header_left span{
	display: none;
	}

#header_left p.slogan {
	display:block;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	font-size:10px;
	clear: left;
	text-align: left;
	white-space: nowrap;
	}

#header_right {
	display: block;
	padding: 0px 10px 0px 0px;
	width: 540px;
	position: relative;
	float:right;
	clear:right;
	margin: 0px;
	}

#header_right p.ss {
	display:block;
	float:right;
	width: 500px;
	height:20px;
	margin: 0px;
	padding: 2px 5px 0px 0px;
	font-size:9px;
	text-align: right;
	white-space: nowrap;
	}

#header_right p.logo {
	width: 100px;
	display:block;
	float:right;
	clear: right;
	margin: 0px;
	padding-right: 10px;
	}

#header_right p.logo a {
	display: block;
	width: 100px;
	height: 24px;
	text-indent: -9999px;
	background: url(../packages/ossstore/img/logo_smartstyle.gif) no-repeat;
	}

#header a:link,#header a:visited {
	color: #000;
	text-decoration: none;
	}

#usernavi{
	margin: 0px;
	width: 380px;
	height: 32px;
	float:right;
	clear: right;
	padding: 15px 0px 0px 0px;
	display: block;
	}

#usernavi ul{
	margin: 0px;
	width: 380px;
	padding: 0px;
	list-style: none;
	display: inline;
	}

#usernavi li{
	float:left;
	}
	
#usernavi .mypage a{
	background: url(../packages/ossstore/img/mypage.jpg);
	width: 92px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .mypage a:hover{
	background: url(../packages/ossstore/img/mypage.jpg) 0 -32px no-repeat;
	}

#usernavi .about a{
	background: url(../packages/ossstore/img/about.jpg);
	width: 92px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .about a:hover{
	background: url(../packages/ossstore/img/about.jpg) 0 -32px no-repeat;
	}

#usernavi .guide a{
	background: url(../packages/ossstore/img/guide.jpg);
	width: 92px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .guide a:hover{
	background: url(../packages/ossstore/img/guide.jpg) 0 -32px no-repeat;
	}

#usernavi .contact a{
	background: url(../packages/ossstore/img/contact.jpg);
	width: 92px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	}

#usernavi .contact a:hover{
	background: url(../packages/ossstore/img/contact.jpg) 0 -32px no-repeat;
	}

/* Search */

#search {
	margin: 0 auto;
	width: 860px;
	height: 40px;
	background: #05779f;
	text-align: left;
	line-height:40px;
	color: #FFFFFF;
	}

form#search_form {
	display: block;
	clear: left;
	float: left;
	padding-left: 214px;
}

#search div{
  display:table-cell;
  vertical-align:middle;
	}

* html #search div{/* IE 6 */
  display:inline;
  zoom:1;
	}

*:first-child+html #search div{/* IE 7 */
  display:inline;
  zoom:1;
	}

#search span{
	display: block;
	width: 142px;
	height: 34px;
	clear: right;
	float: right;
	margin-right: 14px;
	margin-top: 3px;
	}

#search a.viewcart{
	background: url(../packages/ossstore/img/viewcart.jpg);
	width: 142px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	}

#search a.viewcart:hover{
	background: url(../packages/ossstore/img/viewcart.jpg) 0 -34px no-repeat;
	}


/* Container */

#container_bg{
	width: 872px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 0px 12px;
	background-position: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 860px;
	padding: 0px;
	background-position: 0px;
	}

.container_bg_dc{
	background-image: url(../packages/ossstore/img/main_bg.jpg);
	}

.container_bg_lc{
	/*background-image: url(../packages/ossstore/img/main_bg_l.jpg);*/
	}

.container_bg_rc{
	background-image: url(../packages/ossstore/img/main_bg_r.jpg);
	}

.container_bg_nc{
	}

#container{
	float: right;
	text-align: left;
	display: inline; /* IE Fix */
	padding: 0px;
	margin: 0px;
	}

.cont_width_dc{ /* double column 860 (225+635)  */
	width: 635px;
	}

.cont_width_lc{ /* left column */
	width: 635px;
	}

.cont_width_rc{ /* right column */
	width: 860px;
	}

.cont_width_nc{ /* no column */
	width: 860px;
	}


/* Left Column  */

#leftcolumn{
	float: left;
	width: 225px;
	padding: 5px 0px 0px;
	text-align: left;
	background-position: right;
	position:relative;
	overflow:hidden;
	margin: 0px;
	}

#leftcolumn .Content{
	margin: 0px;
	padding: 0px;
	}

#blockCat .Content{
	font-size:small;
	_font-size: 80%;
	padding: 0px;
	}

#leftcolumn table{
	}


/* Center Column */

#centercolumn{
	float: left;
	margin-bottom: 2em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position:relative;
	overflow:hidden;
	}

.width_dc{ /* double column */
	width: 404px;
	}

.width_lc{ /* single column */
	width: 635px;
	}

.width_rc{ /* single column */
	width: 635px;
	}

.width_nc{ /* no column */
	width: 860px;
	}

#centercolumn  .blockTitle{
	background: #0059A2 url(../packages/ossstore/img/blocktitle_center.gif);
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

#centercolumn  h2{
	background: #00506F;
	padding: 3px 10px 3px 10px;
	line-height: 130%;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #9BBCFF;
	}

#centercolumn .blockContent{
	margin: 0 0 .5em 0;
	padding: 6px 8px;
	}

#centercontents{
	}

#image_abouts{
	background: #FFFFFF url(../packages/ossstore/img/image_abouts.jpg) no-repeat center bottom;
	width: 586px;
	margin: 10px 0px 0px;
	padding: 0px;
	clear: both;
	height: 337px;
	}

#image_abouts span{
	display: none;
	}

/* history */
table.history td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}

div.pmark{
	margin: 20px 5px 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	}


/* Right Column */

#rightcolumn{
	float: right;
	width: 178px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	position:relative;
	overflow:hidden;
	}

#rightcolumn .Content{
	margin: 0px 0px 0.5em;
	padding: 8px 6px 6px;
	}

.c-both{
	clear: both;
	}

/* Footer */

#pagetop{
	background: #FFFFFF url(../packages/ossstore/img/pagetop_bg.jpg) no-repeat bottom center;
	width: 880px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	clear: both;
	}

#pagetop a{
	background: url(../packages/ossstore/img/pagetop.gif);
	width: 117px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	padding:0;
	float: right;
	margin-top: 8px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#footer{
	background: url(../packages/ossstore/img/footer.jpg) no-repeat bottom center;
	color: #333;
	font-size:11px;
	line-height: 2.5em;
	padding: 0px;
	width: 880px;
	height: 70px;
	margin: 0px;
	clear: both;
	}

#footer_left {
	padding: 0px 0px 0px 24px;
	width: 650px;
	float:left;
	display: block;
	clear: left;
	position: relative;
	text-align: left;
	margin: 0px;
	}

#footer_left p.f_menu {
	display:block;
	float:left;
	margin: 10px 0px 0px;
	padding: 0;
	font-size:10px;
	clear: left;
}


#footer_left p.copyright {
	display:block;
	float:left;
	margin: 0px;
	padding: 0;
	font-size:10px;
	clear: left;
	white-space: nowrap;
	line-height: 120%;
}

#footer_right {
	padding: 0px;
	width: 122px;
	float:right;
	display: block;
	clear: right;
	position: relative;
	}

#footer_right p {
	position:static;
	background: url(../packages/ossstore/img/logo_smartstyle.gif) no-repeat;
	margin:28px 0px 0px;
	float:left;
	width: 100px;
	padding: 0;
	}

#footer_right .logo a {
	display: block;
	height: 24px;
	}

#footer_right span{
	display: none;
	}

#footer a:link, #footer a:visited, #footer a:active{
	text-decoration: none;
	}

#footer a:hover{
	}


/* Blocks
---------------*/

.Title{
	background: #0059A2 url(../packages/ossstore/img/title_back.gif) repeat-x;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	}

.left{
	float: left;
	width: 10px;
	height: 28px;
	background: url(../packages/ossstore/img/title_Left.gif) no-repeat;
	}

.right{
	float: right;
	width: 10px;
	height: 28px;
	background: url(../packages/ossstore/img/title_Right.gif) no-repeat;
	}

#blockLogin{
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#blockLogin .blockLoginTitle{
	background-image: url(../packages/ossstore/img/bloc_login.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	text-indent: -9999px;
	background-color: #FFFFFF;
	}

#blockLogin .blockMypageTitle{
	background-image: url(../packages/ossstore/img/bloc_mypage.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	text-indent: -9999px;
	background-color: #FFFFFF;
	}


#blockLogin .blockMypageTitle a{
	display: block;
	height: 20px;
	width: 100%;
	}

#blockLogin .logout{
	padding: 0px;
	margin: 0px auto;
	background-image: url(../packages/ossstore/img/bloc_bt_logout.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width:81px;
	}

#blockLogin .logout a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 81px;
	
	}

#blockLogin .logout a:hover{
	background: url(../packages/ossstore/img/bloc_bt_logout.gif) 0 -28px no-repeat;
	}

#blockLogin .Content{
	text-align: center;
	}

#blockSearch{
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#blockSearch .blockSearchTitle{
	background-image: url(../packages/ossstore/img/bloc_search.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	text-indent: -9999px;
	background-color: #FFFFFF;
	}

#blockSearch .Content{
	}

#blockCart{
	display: block;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#blockCart .blockCartTitle{
	background-image: url(../packages/ossstore/img/bloc_cart.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	text-indent: -9999px;
	background-color: #FFFFFF;
	}

#blockCart .cartNumber{
	padding: 2px 0;
	}

#blockCart .cartTotal{
	border-top: 1px dotted #CCC;
	color: #FF0000;
	padding: 2px 0;
	}

#blockCart .cartQuantity{
	font-size: 11px;
	}

#blockCart .cartView{
	padding: 0px;
	text-align: center;
	margin: 0px auto;
	background-image: url(../packages/ossstore/img/bloc_bt_viewcart.gif);
	background-repeat: no-repeat;
	width: 120px;
	text-indent: -9999px;
	}

#blockCart .cartView a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 120px;
	}

#blockCart .cartView a:hover{
	background: url(../packages/ossstore/img/bloc_bt_viewcart.gif) 0 -28px no-repeat;
	}

#blockCat{
	display: block;
	padding: 0px;
	margin: 5px 0px 0px;
	}

#blockCat a:hover{
	background-color: #FFBB55;
}

#blockCat .blockCatTitle{
	background-image: url(../packages/ossstore/img/bloc_category.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 0px;
	text-indent: -9999px;
	background-color: #FFFFFF;
	}

#blockNews{
	text-align: left;
	}

#blockNews h2{
	padding: 0;
	}

#blockNews a.feed{
	background: url(../packages/ossstore/img/feedicon.gif) no-repeat 2% 0%;
	padding-left: 30px;
	text-decoration: none;
	height: 16px;
	display: block;
	}

#blockNews .newsbox{
	border: 1px solid #7F9DB9;
	width: 100%;
	height: 150px;
	padding: 0px;
	overflow: auto;
	margin: 0px 0px 20px;
	}

#blockNews dl{
	margin: 0;
	border: 1px solid #cccccc;
	border-top: none;
	}

#blockNews dt{
	font-family: Arial, Helvetica, sans-serif;
	color: #004A6F;
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	border-top: 1px solid #cccccc;
	width: 7em;
	float: left;
	}

#blockNews dd{
	background: #FFF;
	margin: 0 0 0 7em;
	padding: 0.5em 1em 0.5em 1em;
	border-top: 1px solid #cccccc;
	}

#blockNews dd p{
	padding: 0.5em 0;
	}

#blockPickup{
	margin-top: 5px;
	}
	
#blockPickup h2{
	padding: 0;
	}

#blockPickup p{
	text-align: left;
	}

#blockPickup .bseparate{
	clear: both;
	height: 15px;
	width: 460px;
}
#blockPickup .bsectionBox{
	float: left;
	width: 460px;
}
#blockPickup .bsection{
	float: left;
	width: 395px;
	padding: 0px 0px 5px;
	margin: 0px;
}

#blockPickup img{
	float: left;
	padding: 0px;
	margin: 0px;
}
#blockPickup p.bgoodsName{
	float: right;
	width: 340px;
	margin: 0px;
	margin-bottom: 5px;
}
#blockPickup p.bgoodsName img{
	margin-right: 5px;
}
#blockPickup p.bgoodsPrice{
	clear: right;
	width: 335px;
	margin-bottom: 2px;
}
#blockPickup p.bgoodsInfo{
	float: right;
	width: 140px;
	margin-bottom: 7px;
}
#blockPickup p.bgoodsInfo img{
	margin: 2px 2px 0px 0px;
}
#blockPickup p.bgoodsEx{
	clear: both;
	width: 390px;
	font-size: smaller;
}

#blockDay{
	display: block;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#blockDay .Comment{
	text-align: left;
	font-size: small;
	margin-right: 4px;
	margin-left: 0px;
	float: right;
	margin-top: 30px;
	margin-bottom: 0px;
	}

a
#blockEnterprise .navicat a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 170px;
	}

#blockEnterprise .enterprise{
	padding: 0px;
	margin: 5px auto;
	background-image: url(../packages/ossstore/img/b_enterprise.gif);
	width: 170px;
	text-indent: -9999px;
	}

#blockEnterprise .enterprise a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 170px;
	}

#blockLicenseBanner{
	display: block;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#blockLicenseBanner .license{
	padding: 0px;
	margin: 0px auto;
	background-image: url(../packages/ossstore/img/b_license.jpg);
	width: 170px;
	text-indent: -9999px;
	}

#blockLicenseBanner .license a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 170px;
	}

#blockBanner{
	display: block;
	padding: 0px;
	margin: 0px;
	}

#blockBanner .contact{
	padding: 0px;
	margin: 0px;
	background-image: url(../packages/ossstore/img/b_contactus.jpg);
	width: 220px;
	text-indent: -9999px;
	}

#blockBanner .contact a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 175px;
	width: 220px;
	}

#blockBanner .Comment{
	text-align: left;
	font-size: smaller;
	margin-right: 4px;
	margin-left: 4px;
	}

#blockBanner .Comment strong{
	font-size: 12px;
	}

#blockPartner{
	display: block;
	padding: 0px;
	margin: 30px 0px 0px;
	}

#blockPartner .blockPartnerImage{
	margin: 0px auto 10px;
	padding: 0px;
	width: 110px;
	height: 80px;
	background-image: url(../packages/ossstore/img/mysql_enterprise_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}

#blockPartner .Comment{
	text-align: left;
	font-size: smaller;
	margin-right: 4px;
	margin-left: 4px;
	}

#blockSSL{
	display: block;
	padding: 0px;
	margin: 30px 0px 0px;
	}

#blockSSL .blockSSLImage{
	margin: 0px 0px 10px;
	padding: 0px;
	text-align: center;
	}

#blockSSL .Comment{
	text-align: left;
	font-size: smaller;
	margin-right: 4px;
	margin-left: 4px;
	}

#blockPmark{
	display: block;
	padding: 0px;
	margin: 30px 0px 0px;
	}

#blockPmark .blockPmarkImage{
	margin: 0px auto 10px;
	padding: 0px;
	width: 75px;
	height: 75px;
	background-image: url(../packages/ossstore/img/10821048_03_75_JP.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}

#blockPmark .blockPmarkImage a{
	width: 75px;
	height: 75px;
	display: block;
	}

#blockPmark .Comment{
	text-align: left;
	font-size: smaller;
	margin-right: 4px;
	margin-left: 4px;
	}

/* Goods
---------------*/

.section{
	margin: 1em 0;
	padding: 1em 0;
	border-bottom: 1px dotted #CCC;
	}

.goodsPhoto{
	width: 150px;
	float: left;
	text-align: center;
	height: 200px;
	}

.goodsPhoto img{
	border: 1px solid #CCC;
	padding: 3px;
	margin: 3px;
	}

.goodsName{
	margin-bottom: 7px;
	font-size: 16px;
	padding: 0 10px;
	}

.goodsName a:link, .goodsName a:visited{
	text-decoration: none;
	}

.goodsStatus{
	margin-bottom: 2px;
	}

.goodsPrice{
	/*color: #CC0000;*/
	margin-bottom: 1em;
	text-align: left;
	}

.goodsBDatil{
	padding: 0px;
	margin: 0px 0px 0px 145px;
	background-image: url(../packages/ossstore/img/b_detail.gif);
	background-repeat: no-repeat;
	width: 300px;
	text-indent: -9999px;
	}

.goodsBDatil a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 300px;
	}

.goodsBDatil a:hover{
	background: url(../packages/ossstore/img/b_detail.gif) 0 -45px no-repeat;
	}

.goodsInfo{
	}

.goodsEx{
	border: 1px solid #4AA4C1;
	background: #FFFFFF;
	margin-left: 150px;
	padding: 5px;
	text-align: right;
	line-height: 200%;
	font-weight: bold;
	color: #666666;
	}

.goodsDetail{
	}

.goodsCart{
	padding: 5px;
	}

.goodsCart input{
	margin: 3px 0;
	}

.goodsQuery{
	padding: 5px;
	}

.goodsQuery .floatright{
	float:right;
	}

/* Detail
-------------*/

#detailBox{
	padding: 1em 0;
	}

#detailPicture{
	float:left;
	width: 280px;
	text-align: center;
	}

#picture img{
	border: 1px solid #CCC;
	}

#detailData{
	float:right;
	width: 350px;
	}

#detailData th{
	border-bottom: 1px dotted #CCC;
	padding: 4px;
	font-size: 80%;
	}

#detailData td{
	border-bottom: 1px dotted #CCC;
	padding: 4px;
	}

.detailMaincom{
	padding: 0em 1em;
	line-height: 1.5;
	}

p.products span.products_subtitle {
	font-size: 110%;
	font-weight: bold;
	}

p.pickup {
	border: 1px dashed #FF0000;
	padding: 10px;
	background-color: #FFDDDD;
	}
	
p.education {
	border: 1px dashed #99CC00;
	padding: 10px;
	background-color: #E4FFCA;
	}

.license_mail{
	font-style: italic;
	margin: 10px;
	display: block;
	color: #6699CC;
}

table.mysql_flow {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	}

table.products {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

table.products th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #3D7396;
	font-weight: bold;
	color: #FFFFFF;
	}

table.products td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

table.products_navicat {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

table.products_navicat th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #009900;
	font-weight: bold;
	color: #FFFFFF;
	}

table.products_navicat td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

table.products_navicatp {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

table.products_navicatp th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #36A6A7;
	font-weight: bold;
	color: #FFFFFF;
	}

table.products_navicatp td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

table.products_navicato {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

table.products_navicato th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #D2002B;
	font-weight: bold;
	color: #FFFFFF;
	}

table.products_navicato td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

table.products_navicatpr {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	}

table.products_navicatpr th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #ECBD00;
	font-weight: bold;
	color: #FFFFFF;
	}

table.products_navicatpr td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

div.license_mail{
	background-color: #D0DFFF;
	padding: 5px;
	margin: 4px 4px 14px;
	border-top: 5px solid #6666FF;
	border-right: 5px none;
	border-bottom: 5px solid #6666FF;
	border-left: 5px none;
}
div.license_mail strong{
	color: #003366;
	font-size: larger;
}

div.detailSubcom{
	padding: 1em;
	line-height: 1.5;
	}
	
div.detailSubcom li{
	margin-bottom: 5px;
}

#customerVoice{
	padding: 1em 0em 1em 1em;
	}

#customerVoice .head{
	background: #8CB9CA url(../packages/ossstore/img/title_goods_2.gif) no-repeat;
	padding: 0 10px 0 28px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#customerVoice .write{
	text-align: right;
	padding: 5px 0;
	}

#customerVoice .small{
	font-size: 11px;
	}

#customerVoice dd{
	padding: 10px;
	}

#detailPickup {
	padding: 1em;
	line-height: 1.5;
}

#detailPickup   h2{
	background: #00506F url(../packages/ossstore/img/title_goods.gif) no-repeat;
	padding: 0 10px 0 28px;
	height: 28px;
	line-height: 28px;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#detailPickup p{
	text-align: left;
	}

#detailPickup .bseparate{
	clear: both;
	height: 15px;
	width: 520px;
}
#detailPickup .bsectionBox{
	float: left;
	width: 520px;
}

#detailPickup .bsection{
	float: left;
	width: 285px;
	padding: 0px 5px 5px 0px;
	margin: 0px;
}

#detailPickup img{
	float: left;
	padding: 0px;
	margin: 0px;
}
#detailPickup p.bgoodsName{
	float: right;
	width: 210px;
	margin-bottom: 7px;
}
#detailPickup p.bgoodsName img{
	margin-right: 5px;
}
#detailPickup p.bgoodsPrice{
	float: right;
	width: 210px;
	margin-bottom: 2px;
}
#detailPickup p.bgoodsInfo{
	float: right;
	width: 210px;
	margin-bottom: 7px;
}
#detailPickup p.bgoodsInfo img{
	margin: 2px 2px 0px 0px;
}
#detailPickup p.bgoodsEx{
	clear: both;
	width: 280px;
}

/* Page
---------------------------*/

#page{
	margin-top: 8px;
}

#page h3{
	background: url(../packages/ossstore/img/mypage_history.gif);
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	}

#page h4{
	margin: 20px 0 1em 0;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	color: #666666;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CCFF;
	background-color: #F5F5F5;
	}

#page .important{
	margin: 1em 0;
	padding: 10px;
	}

#page .submit{
	text-align: center;
	padding: 1em;
	}

#page p.sendbox {
	display: block;
	padding: 5px;
	border: 1px dashed #FF9900;
	background-color: #FFEBBF;
	}

#page ul.pdf {
	list-style-type: none;
	list-style-image: url(../packages/ossstore/img/pdf.gif);
	list-style-position: inside;
	}
	
#page ul.pdf li {
	margin-bottom: 5px;
	}

/* My Page
---------------------------*/

#mypage{
	}

#mypage h2{
	background: url(../packages/ossstore/img/mypage_h2.gif);
	margin-bottom: 1em;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	}

#mypage h3{
	background: url(../packages/ossstore/img/mypage_history.gif);
	margin: 0 0 1em 0;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	}

#mypage .history{
	}

#mypage .leftbox{
	float: left;
	width: 180px;
	}

#mypage .rightbox{
	float: right;
	width: 596px;
	}

#mypage .buydate{
	background: #FFDFD0;
	padding: 10px;
	font-style: italic;
	}

#mypage .important{
	margin: 1em 0;
	padding: 10px;
	}

#mypage .submit{
	text-align: center;
	padding: 1em;
	}

#mypage .table{
	background: #CCCCCC;
	}

#mypage .table tr td{
	padding: 5px;
	}

#mypage .notfound{
	border: 1px solid #CCCCCC;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	}

#mypage .paddingbox{
	padding: 0em 2em 0.5em;
	}

#mypage .frame{
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px;
	}

#mypage .frame2{
	background: #FFF;
	border: 5px solid #CCC;
	margin: 20px 40px;
	padding: 10px;
	}

#mypage .loginbox{
	padding: 20px 60px;
	}

#mypage .welcome{
	background: url(../packages/ossstore/img/welcome.gif) no-repeat;
	height: 44px;
	padding: 5px 0 0 10px;
	line-height: 1.5;
	color: #FFFFFF;
	}

#navi {
	margin: 0 0 6px 0;
	padding: 0;
	}

#navi li{
	list-style: none;
	}

#navi a{
	display: block;
	width: 170px;
	height: 31px;
	text-indent: -999px;
	}

/*--guide.tpl--*/
#navi a.about:link, #navi a.about:visited, #navi a.about:active{
	background: url(../packages/ossstore/img/about.gif) no-repeat;
	}

/*
#navi a.about:hover{
	background: url(../packages/ossstore/img/about_on.gif) no-repeat;
	}

#navi a.about_on:link, #navi a.about_on:visited, #navi a.about_on:active{
	background: url(../packages/ossstore/img/about_on.gif) no-repeat;
	}
*/

#navi a.contact:link, #navi a.contact:visited, #navi a.contact:active{
	background: url(../packages/ossstore/img/contact.gif) no-repeat;
	}

/*
#navi a.contact:hover{
	background: url(../packages/ossstore/img/contact_on.gif) no-repeat;
	}

#navi a.contact_on:link, #navi a.contact_on:visited, #navi a.contact_on:active{
	background: url(../packages/ossstore/img/contact_on.gif) no-repeat;
	}
*/

/*
#navi a.order:link, #navi a.order:visited, #navi a.order:active{
	background: url(../packages/ossstore/img/low.gif) no-repeat;
	}

#navi a.order:hover{
	background: url(../packages/ossstore/img/low_on.gif) no-repeat;
	}

#navi a.order_on:link, #navi a.order_on:visited, #navi a.order_on:active{
	background: url(../packages/ossstore/img/low_on.gif) no-repeat;
	}
*/

/*--navi.tpl--*/
#navi a.navi01:link, #navi a.navi01:visited, #navi a.navi01:active{
	background: url(../packages/ossstore/img/navi01.gif) no-repeat;
	}

#navi a.navi01:hover{
	background: url(../packages/ossstore/img/navi01_on.gif) no-repeat;
	}

#navi a.navi01_on:link, #navi a.navi01_on:visited, #navi a.navi01_on:active{
	background: url(../packages/ossstore/img/navi01_on.gif) no-repeat;
	}

#navi a.navi02:link, #navi a.navi02:visited, #navi a.navi02:active{
	background: url(../packages/ossstore/img/navi02.gif) no-repeat;
	}

#navi a.navi02:hover{
	background: url(../packages/ossstore/img/navi02_on.gif) no-repeat;
	}

#navi a.navi02_on:link, #navi a.navi02_on:visited, #navi a.navi02_on:active{
	background: url(../packages/ossstore/img/navi02_on.gif) no-repeat;
	}

#navi a.navi03:link, #navi a.navi03:visited, #navi a.navi03:active{
	background: url(../packages/ossstore/img/navi03.gif) no-repeat;
	}

#navi a.navi03:hover{
	background: url(../packages/ossstore/img/navi03_on.gif) no-repeat;
	}

#navi a.navi03_on:link, #navi a.navi03_on:visited, #navi a.navi03_on:active{
	background: url(../packages/ossstore/img/navi03_on.gif) no-repeat;
	}

#navi a.navi04:link, #navi a.navi04:visited, #navi a.navi04:active{
	background: url(../packages/ossstore/img/navi04.gif) no-repeat;
	height: 32px;
	}

#navi a.navi04:hover{
	background: url(../packages/ossstore/img/navi04_on.gif) no-repeat;
	height: 32px;
	}

#navi a.navi04_on:link, #navi a.navi04_on:visited, #navi a.navi04_on:active{
	background: url(../packages/ossstore/img/navi04_on.gif) no-repeat;
	height: 32px;
	}

#mypage .flow{
	text-align: center;
	padding: 20px 0;
	}

#mypage .add_deliv{
	padding: 10px 0;
	}

#mypage .thanks{
	line-height: 2;
	}


/* Forgot --------------------------*/

#miniwin{
	background: #FFFFFF;
	border-top: 3px solid #666666;
	border-bottom: 3px solid #666666;
	margin: 2em;
	padding: 2em;
	text-align: left;
	}

#miniwin h2{
	background: url(../packages/ossstore/img/mypage_h2.gif);
	margin-bottom: 1em;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	}

#miniwin .frame{
	border: 3px solid #CCC;
	text-align: center;
	margin: 1em 0;
	padding: 4em 0;
	}

#miniwin .submit{
	text-align: center;
	padding: 1em;
	}

/* Top PR --------------------------*/

#promotion_navicat9{
	background: url(../packages/ossstore/img/top_navicat9.jpg);
	width: 635px;
	height: 146px;
	text-indent: -9999px;
	margin: 5px 0px 0px;
	float: left;
	}

#promotion_navicat9 a{
	width: 635px;
	height: 200px;
	display: block;
	}

#promotion_enterprise{
	background: url(../packages/ossstore/img/top_enterprise.jpg);
	width: 265px;
	height: 300px;
	text-indent: -9999px;
	margin: 5px 5px 0px 0px;
	float: left;
	}

#promotion_enterprise a{
	width: 265px;
	height: 300px;
	display: block;
	}

#promotion_enterprise_t{
	width: 265px;
	margin: 0px 5px 0px 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

#promotion_oem{
	background: url(../packages/ossstore/img/top_oem.jpg);
	width: 180px;
	height: 300px;
	margin: 5px 5px 0px 0px;
	text-indent: -9999px;
	float: left;
	}

#promotion_oem a{
	width: 180px;
	height: 300px;
	display: block;
	}

#promotion_oem_t{
	width: 180px;
	margin: 0px 5px 0px 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

#promotion_navicat{
	background: url(../packages/ossstore/img/top_navicat.jpg);
	width: 180px;
	height: 300px;
	margin: 5px 0px 0px;
	text-indent: -9999px;
	float: left;
	}

#promotion_navicat a{
	width: 180px;
	height: 300px;
	display: block;
	}

#promotion_navicat_t{
	width: 180px;
	margin: 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

#promotion_clusterpro{
	background: url(../packages/ossstore/img/top_clusterpro.jpg);
	width: 155px;
	height: 120px;
	margin: 5px 5px 0px 0px;
	text-indent: -9999px;
	float: left;
	}

#promotion_clusterpro a{
	width: 155px;
	height: 120px;
	display: block;
	}

#promotion_clusterpro_t{
	width: 155px;
	margin: 0px 5px 0px 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

#promotion_suse{
	background: url(../packages/ossstore/img/top_suse.jpg);
	width: 155px;
	height: 120px;
	margin: 5px 5px 0px 0px;
	text-indent: -9999px;
	float: left;
	}

#promotion_suse a{
	width: 155px;
	height: 120px;
	display: block;
	}

#promotion_suse_t{
	width: 155px;
	margin: 0px 5px 0px 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

#promotion_mitsumori{
	background: url(../packages/ossstore/img/top_mitsumori.gif);
	width: 155px;
	height: 120px;
	margin: 5px 5px 0px 0px;
	text-indent: -9999px;
	float: left;
	}

#promotion_mitsumori a{
	width: 155px;
	height: 120px;
	display: block;
	}

#promotion_mitsumori_t{
	width: 155px;
	margin: 0px 5px 0px 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

#promotion_discount{
	background: url(../packages/ossstore/img/top_discount.gif);
	width: 155px;
	height: 120px;
	margin: 5px 0px 0px;
	text-indent: -9999px;
	float: left;
	}

#promotion_discount a{
	width: 155px;
	height: 120px;
	display: block;
	}

#promotion_discount_t{
	width: 155px;
	margin: 0px;
	float: left;
	font-size: smaller;
	text-align: center;
	}

div.check_support{display: none;}

/*campaign*/
table#campaign {
	margin: 0px;
	padding: 0px;
	background-color: #DDFFC8;
}
table#campaign td {
	margin: 0px;
	padding: 5px;
}
table#campaign td strong {
	background-color: #99CC00;
	display: block;
	padding: 2px 0px 2px 5px;
	width: 100%;
	color: #FFFFFF;
}

/*category*/
#category_menu{
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 220px;
	list-style-type: none;
	text-align: left;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
#category_menu li.parent{
	background-color: #EEEEEE;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
#category_menu li.parent a{
	color: #666666;
	display: block;
}
#category_menu li.parent_open{
	background-color: #EEEEEE;
	padding-left: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding-bottom: 5px;
}
#category_menu li.parent_open a{
	color: #666666;
}
#category_menu li.sub{
	font-size: smaller;
	background-color: #FFFFFF;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../packages/ossstore/img/arrow_off.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}

/* New Products */
fieldset{
	border: 1px solid #CCCCCC;
	padding: 10px 20px 20px;
}
legend{
	color: #000000;
	font-weight: bold;
}
h3.sub_title{
	display:block;
	background:url(../packages/ossstore/img/bg_lead.gif) no-repeat;
	font-size:12px;
	height:34px;
	width:100%;
	padding-top:5px;
	padding-left:5px;
	margin-top: 30px;
	margin-bottom: 0px;
	clear:both;
}
img.in {float:left; margin-right:10px; margin-bottom:30px;}
dl.flow {
	width: 600px;
}
dl.flow dt {
	display: block;
	padding: 5px;
	width:100px;
	float: left;
}
dl.flow dd {
	display: block;
	padding: 5px 0px 5px 5px;
	width:320px;
	float: right;
}
dl.flow_support {
	width: 600px;
}
dl.flow_support dt {
	display: block;
	padding: 5px;
	width:100px;
	float: left;
}
dl.flow_support dd {
	display: block;
	padding: 5px 0px 5px 5px;
	width:320px;
	float: right;
}
li.arrow01{
	list-style-position: outside;
	list-style-image: url(../packages/ossstore/img/img_arrow01.gif);
	list-style-type: none;
}
li.arrow02{
	list-style-position: outside;
	list-style-image: url(../packages/ossstore/img/img_arrow02.gif);
	list-style-type: none;
}
li.arrow03{
	list-style-position: outside;
	list-style-image: url(../packages/ossstore/img/img_arrow03.gif);
	list-style-type: none;
}
li.arrow04{
	list-style-position: outside;
	list-style-image: url(../packages/ossstore/img/img_arrow04.gif);
	list-style-type: none;
}
li.arrow05{
	list-style-position: outside;
	list-style-image: url(../packages/ossstore/img/img_arrow05.gif);
	list-style-type: none;
}
li.arrow06{
	list-style-position: outside;
	list-style-image: url(../packages/ossstore/img/img_arrow06.gif);
	list-style-type: none;
}
.detailMaincom li{
	margin-bottom: 5px;
}