@charset "UTF-8";

/*--------------ui--------------------------*/
.ui-accordion .ui-accordion-content{ overflow:hidden !important; }


/*--------------- ヘッダ部分 ---------------*/
#header {
	margin:0;
	background-image: url(../images/head-line.png);
	background-repear: repeat-x;
	height:28px;
	color:#696969;
}

#navi{
	height:75px;
	margin:0;
}

#logininfo{
	float:left;
	margin-left: 5px;
	margin-top: 5px;
	text-align: left;
}

#itemsearch{
	float:right;
	margin-right: 10px;
	text-align: left;
}
#itemsearch a{
	color:#CD3278;
}

#headernavi{
	float:right;
	margin-top: 5px;
	margin-right: 10px;
	text-align: left;
}
#headernavi a{
	color:#696969;
}


/*--------------- ナビ部分 ---------------*/
#navi-box {
	float:left;
	margin-right:-400px;
	margin-top: 2px;
	padding-left: 5px;
}
#navi-bar{
	padding: 0px;
	marginp: 0px;
	list-style-type:none;
/*
	behavior: url("csshover.htc");/* IE6 */
*/
behavior: url("/biz/css/csshover3.htc");/* IE6 */
}

#navi-bar li {
	position: relative;
	list-style-type: none;
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 2.5;
	margin-right:2px;
}
#navi-bar li a {
	display: block;
	height: 30px;
	width: 104px;
	background-image: url(../images/navi_btn.png);
	background-repeat:no-repeat;
	background-position: bottom;
	text-decoration: none;
	color: #ffffff;
}
#navi-bar li a:hover {
	height: 30px;
	width: 104px;
	background-image: url(../images/navi_btn_c.png);
	background-repeat:no-repeat;
	background-position: bottom;
	border : none;
	color: #ffffff;
}

#navi-current {
	display: block;
	height: 30px;
	width: 104px;
	background-image: url(../images/navi_btn_c.png);
	background-repeat:no-repeat;
	background-position: bottom;
	text-decoration: none;
	color: #ffffff;
}

#submenu-box{
	background-image: url(../images/sub_line.png);
	background-repear: repeat-x;
	height:30px;
	line-height: 2.5;
	color: #27408B;
	text-align:left;
}
.submenu{
	margin-left:10px;
}
.submenu a{
	color:#27408B;
	text-decoration: none;
}
.submenu a:hover{
	color:#CD6090;
	text-decoration: none;
}
.submenu_c{
	margin-left:10px;
	color:#CD6090;
	font-weight:bold;
}
.submenu_c a{
	color:#CD6090;
	font-weight:bold;
}


/*--------------- ページタイトル ---------------*/
.page-title{
	height:32px;
	line-height:32px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#696969;
/*	border-bottom:2px solid #A2B5CD;*/
	border-left:8px solid #96CDCD;/*#A2B5CD;*/
	margin:3px;
	text-align:left;
	background: url(../images/page-title.png) left top no-repeat;

}

.page-title img{
	margin-left:5px;
 	vertical-align:bottom;
}

.page-title-box{
	background-color:#4F94CD;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
	vertical-align:middle;
}

.order-title-box{
	background-color:#FFC1C1;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
	vertical-align:middle;
}

/*--------------- 登録系アプリタイトル ---------------*/
.app-title{
	font-size:16px;
	color:#00334d;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px dotted #00334d;
}

.app-title-mini{
	font-size:14px;
	color:#00334d;
	margin-left:7px;
	margin-right:7px;
	border-bottom:1px dotted #00334d;
}

/*--------------- ボタン部 ---------------*/
.box-button{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

.box-button-right{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}

.box-button-left{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}

/*--------------- BOX ---------------*/
.common-box {
	border: #ccc 1px solid;
	background: #e3e9f2; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e9f2', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e9f2), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#e3e9f2,#ffffff); /* for firefox 3.6+ */
	padding: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px
}
.common-title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#666666;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	text-align:left;
}


.msg-box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 20px;
	width:70%;
	height:100px;
	background-color:#F0F8FF;
	border: 1px solid #27408B;
	text-align: center;
}

/*-------------ログイン関連------------------*/
#loginhead {
	width:100%;
	padding:5px;
}

#loginmain {
	width: 100%;
	float: left;
	margin-right: -220px;
	padding-left: 5px;
}

#loginside {
	width:200px;
	float:right;
	margin-left: 15px;
}

#loginmain-box {
	margin-right: 225px;
}
.login-box{
	border: #535b9d 2px solid;
	background: #E0EEEE; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe4f1', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#dfe4f1), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#dfe4f1,#ffffff); /* for firefox 3.6+ */
	padding-bottom: 5px; margin: 10px; 
	padding-left: 5px; padding-right: 5px; 
	padding-top: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px;
}
.login-title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#666666;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	text-align:left;
}

.login-button{
	background:url(../images/btn_login.png) left top no-repeat;
	border:none;
	width:94px;
	height:33px;
/*
	text-indent: -9999px;
*/
	cursor: pointer;
}

.entry-box{
	border: #eb952d 2px solid;
	background: #E0EEEE; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4dc9f', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f4dc9f), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#f4dc9f,#ffffff); /* for firefox 3.6+ */
	padding-bottom: 5px; margin: 10px; 
	padding-left: 5px; padding-right: 5px; 
	padding-top: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px;
}

.info-title{
	font-weight:bold;
	font-size:14px;
	margin-top:10px;
	margin-bottom:5px;
	color:#5F9EA0;
	border-bottom:1px solid #5F9EA0;
	padding-left:10px;
	padding-bottom:3px;
	text-align:left;
}

.banner-box{
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

.banner-box-main{
	width: 235px;
	margin-top: 3px;
	float:left;
	text-align:center;
}

.banner-box-full{
	width: 700px;
	margin: auto;
	padding-bottom: 5px;
}

/*-------------TOPページ--------------*/
.top-charge-box {
	border: #79CDCD 1px solid;
	background: #D1EEEE; 
	padding-bottom: 5px; margin: 5px; 
	padding-left: 5px; padding-right: 5px; 
	padding-top: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px;
}
.top-charge-title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#006699;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	text-align:center;
}
.top-message-box {
	border: #FFAEB9 1px solid;
	background: #FFF0F5; 
	padding-bottom: 5px; margin: 5px; 
	padding-left: 5px; padding-right: 5px; 
	padding-top: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px;
}
.top-message-title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#ea4770;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	text-align:center;
}

/*-------------会員登録関連------------------*/
.policy-box {
	border: #ccc 1px solid;
	background: #FAF0E6; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF0E6', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FAF0E6), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#FAF0E6,#ffffff); /* for firefox 3.6+ */
	padding: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px
}
.policy-title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#666666;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	text-align:left;
}
.member-box {
	border: #ccc 1px solid;
	background: #FAF0E6; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF0E6', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FAF0E6), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#FAF0E6,#ffffff); /* for firefox 3.6+ */
	padding: 10px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px
}
.member-title{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#666666;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	text-align:left;
}


/*-------------商品一覧関連------------------*/
#goodsmain {
	width: 100%;
	float: right;
	margin-left: -200px;
	padding-right: 5px;
}

#goodsside {
	width:180px;
	float:left;
	margin-left: 15px;
}

#goodsmain-box {
	margin-left: 205px;
}

.list-box{
	width:98%;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF; 
	border-top:solid 1px #ccc;
}
.category-box{
	margin:0px 0px 10px 0px;
	border:solid 1px #ccc;
}
.category-box a{
	color:#436EEE;
}
.category-box a:hover{
	color:#BA55D3;
}
.category-box-title{
	padding:2px;
	background: #B9D3EE; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B9D3EE', endColorstr='#E6F7FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#B9D3EE), to(#E6F7FF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#B9D3EE,#E6F7FF); /* for firefox 3.6+ */
	text-align:center;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #ccc;
	color:#473C8B;
}
.category-box-body{
	padding:3px;
	background: #F5F5F5;
}

.search-box{
	margin:0px 0px 10px 0px;
	border:solid 1px #ccc;
}
.search-box-title{
	padding:2px;
	background: #EEE0E5; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC1C1', endColorstr='#FFE8EF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC1C1), to(#FFE8EF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#FFC1C1,#FFE8EF); /* for firefox 3.6+ */
	text-align:center;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #ccc;
	color:#8B1C62;
}
.search-box-body{
	padding:3px;
	background: #F5F5F5;
}
.current-select{
	font-weight:bold;
	color:#FF7256;
}

/*--------------- 注文ナビ ---------------*/
#cart-step{
	text-align:right;
}
.cart-now{
	border:1px solid #3366cc;
	padding:5px;
	font-family:"HG創英角ｺﾞｼｯｸUB",Verdana;
	color: #ffffff;
	background:#3366cc;
}
.cart-other{
	border:1px dotted #3366cc;
	padding:5px;
	font-family:"HG創英角ｺﾞｼｯｸUB",Verdana;
}

/*---------------注文処理----------------------*/
.order-page-title{
	height:32px;
	line-height:32px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#696969;
	border-left:8px solid #FFC1C1;
	margin:3px;
	text-align:left;
	background: url(../images/order-page-title.png) left top no-repeat;

}
.order-page-title img{
	margin-left:5px;
 	vertical-align:bottom;
}

.order-title{
	font-size:16px;font-weight:bold;color:#ff658c;border-bottom:2px solid #ff658c;margin-bottom:3px;height:35px;
}
.tbl-cart {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	border-collapse:collapse;
}
.tbl-cart th,
.tbl-cart td {
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	height:20px;
}
.tbl-cart th {
	background-color:#E0EEE0;
	color:#333333;
	text-align:center;
}
.tbl-cart td {
	color:#333333;
}
.tbl-cart-line1{
    background-color:#f8fff8;
}
.tbl-cart-line2{
    background-color:#eeeeee;
}
.tbl-cart-line-total{
    background-color:#FFE4E1;
	font-weight:bold;
}
.cart-info-box {
	border-bottom: #ccc 1px solid;
	background: #eeeeee; 
	filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#eeeeee', endcolorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#eeeeee,#ffffff); /* for firefox 3.6+ */
	border-left: #ccc 1px solid; padding-bottom: 5px; margin: 0px 5px 10px; 
	padding-left: 5px; padding-right: 5px; 
	border-top: #ccc 1px solid; 
	border-right: #ccc 1px solid; 
	padding-top: 5px; 
/*	
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px
*/
}

.cart-info-box .title{
	color:#FA8072;
	font-weight:bold;
	margin:3px;
}

.order-end-box{
	border: #ccc 1px solid;
	background: #E0EEEE; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#EEEEEE,#ffffff); /* for firefox 3.6+ */
	padding-bottom: 5px; margin: 0px 5px 10px; 
	padding-left: 5px; padding-right: 5px; 
	padding-top: 5px; 
	border-radius: 5px;
	behavior: url(./border-radius.htc); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px
}

/*---------------画像ボタン----------------------*/
.button-s-s{
	border: 0px;
	width: 77px;
	height: 25px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	cursor: pointer;
	background: url(../images/btn_s_s.png) left top no-repeat;
	vertical-align:middle;
}
.button-s-s-w{
	border: 0px;
	width: 77px;
	height: 25px;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	cursor: pointer;
	background: url(../images/btn_s_s_w.png) left top no-repeat;
	vertical-align:middle;
}
.button-s-m{
	border: 0px;
	width: 82px;
	height: 23px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	cursor: pointer;
	background: url(../images/btn_s_m.png) left top no-repeat;
	vertical-align:middle;
}

/*--------------- 注文ナビ ---------------*/
#cart-step{
	text-align:right;
}
.cart-now{
	border:1px solid #3366cc;
	padding:5px;
	font-family:"HG創英角ｺﾞｼｯｸUB",Verdana;
	color: #ffffff;
	background:#3366cc;
}
.cart-other{
	border:1px dotted #3366cc;
	padding:5px;
	font-family:"HG創英角ｺﾞｼｯｸUB",Verdana;
}

/*--------------- 検索条件アコーディオン ---------------*/
#search-condition{
	color: #666666;
	font-size:12px;
}


/*--------------- 入力サイズ（システム共通） ---------------*/
.input-quant {
	width:40px;
	ime-mode:disabled; 
}

.input-client-cd {
	width:150px;
	ime-mode:disabled; 
}

.input-goods-id {
	width:100px;
	ime-mode:disabled; 
}

/*--------------- サブ画面タイトル---------------*/

.subwin-title{
	font-size:16px;
	font-weight:bold;
	color:#F09629;
	margin-left:2px;
	margin-right:2px;
	border-bottom:1px solid #F09629;
}