@charset "utf-8";
/* CSS Document */

/**
* --------------------------------------------------
* 外枠
*/
#page {
	text-align: center;
}
#outline {
	width: 980px;
	margin:0 auto;
	text-align: left;
}


/**
* --------------------------------------------------
* ヘッダ
*/
#hdr_area {
	position: relative;
	height: 52px;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
#hdr_area img {
	vertical-align: bottom;
}
#logo_area {
	position: absolute;
	left: 5px;
	bottom: 5px;
}
#hdr_area .auth {
	position:relative;
	top: -24px;
	left: -150px;
	vertical-align: bottom; /* for IE */
	font-size: 141%;
	font-weight: bold;
	padding: 0 5px;
}
#cart_area {
	position: absolute;
	right: 5px;
	bottom: 5px;
	background-image: url(../images/cart_bg.gif);
	background-repeat: repeat-x;
}
#cart_area .stat {
	vertical-align: 5px;
	font-size: 121%;
}
#cart_area .amt {
	font-weight: bold;
	color: #ff4901;
}


/**
* --------------------------------------------------
* グローバルナビ
*/
#gnavi {
	position: relative;
	height: 55px;
	background-image: url(../images/gnavi_bg.gif);
	background-repeat: repeat-x;
	clear: both;
}
#gnavi ul {
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#gnavi li {
	display: block;
	position: absolute;
	bottom: 0px;
	height: 55px;
}
#gnavi li a {
	display: block;
	overflow: hidden;
	height: 55px;
	background-color: transparent;
	background-position: bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#gnavi li a:hover {
	background-color: transparent;
	text-decoration: none;
}

#gnavi .srch {
	left: 6px;
	width: 121px;
}
#gnavi .srch a {
	background-image: url(../images/gnavi_srch.gif);
}
#gnavi .srch a:hover, #gnavi .srch a.sel {
	background-image: url(../images/gnavi_srch_o.gif);
}

#gnavi .srch_freeword {
	left: 145px;
	width: 71px;
}
#gnavi .srch_freeword a {
	background-image: url(../images/gnavi_srch_freeword.gif);
}

#gnavi .freeword {
	left: 225px;
	bottom: 11px;
	height: 27px;
}
#gnavi .freeword .bg {
	float:left;
	width: 233px;
	height: 27px;
	background-image: url(../images/gnavi_freeword_bg.gif);
	background-repeat: no-repeat;
}
#gnavi .freeword .txt {
	width:215px;
	height: 21px;
	padding: 5px 3px 3px 5px;
	border-width: 0;
	border-style: none;
	background: transparent;
}

#gnavi .favo {
	left: 520px;
	width: 101px;
}
#gnavi .favo a {
	background-image: url(../images/gnavi_favo.gif);
}
#gnavi .favo a:hover, #gnavi .favo a.sel {
	background-image: url(../images/gnavi_favo_o.gif);
}

#gnavi .odr_histories {
	left: 625px;
	width: 101px;
}
#gnavi .odr_histories a {
	background-image: url(../images/gnavi_odr_histories.gif);
}
#gnavi .odr_histories a:hover, #gnavi .odr_histories a.sel {
	background-image: url(../images/gnavi_odr_histories_o.gif);
}

#gnavi .appr {
	left: 730px;
	width: 101px;
}
#gnavi .appr a {
	background-image: url(../images/gnavi_appr.gif);
}
#gnavi .appr a:hover, #gnavi .appr a.sel {
	background-image: url(../images/gnavi_appr_o.gif);
}

#gnavi .exam {
	left: 835px;
	width: 121px;
}
#gnavi .exam a {
	background-image: url(../images/gnavi_exam.gif);
}
#gnavi .exam a:hover, #gnavi .exam a.sel {
	background-image: url(../images/gnavi_exam_o.gif);
}
/**
* --------------------------------------------------
* 主表示エリア
*/
#main {
	position: relative;
	clear: both;
}


/**
* --------------------------------------------------
* メニュー
*/
#menu {
	float: left;
}
#main.no_menu #menu {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
#menu .list {
	position: relative;
	left: 6px;
	top: 0;
	width: 227px;
	padding: 0 0 9px 0;
	background-image: url(../images/menu_catalog_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#menu .list ul {
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 1px 0 0 0;
	background-image: url(../images/menu_catalog_top.gif);
	background-repeat: no-repeat;
}
#menu .list li {
	padding: 0 2px;
	background-image: url(../images/menu_catalog_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
}
#menu .list li a {
	display: block;
	padding: 16px 3px 1px 5px;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}
#menu .list li a:hover {
	color: #fff300;
	background-color: #0055a5;
	text-decoration: none;
}
#menu .sub_list {
	position: absolute;
	left: 232px;
	top: 0;
	width: 227px;
	padding: 0 0 9px 0;
	background-image: url(../images/menu_catalog_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	display: none;
}
#menu .sub_list ul {
	list-style-type: none;
	overflow: hidden;
	margin: 0;
	padding: 1px 0 0 0;
	background-image: url(../images/menu_catalog_top.gif);
	background-repeat: no-repeat;
}
#menu .sub_list li {
	padding: 0 2px;
	background-image: url(../images/menu_catalog_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
}
#menu .sub_list li a {
	display: block;
	padding: 16px 3px 1px 5px;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}
#menu .sub_list li a:hover {
	color: #fff300;
	background-color: #0055a5;
	text-decoration: none;
}

/**
* --------------------------------------------------
* コンテンツ
*/
#contents {
	/*float: left;*/
	/*width: 480px;*/
	/*padding: 16px 250px 16px 250px;*/
	padding-left: 16px;
	padding-top: 11px;
	/*margin-left: 240px;*/
	/*margin-right: 240px;*/
	/*clear: both;*/
	overflow: hidden;
}
#main.no_menu #contents {
	/*padding-left: 16px;*/
	/*margin-left: 0px;*/
}
#main.no_pr #contents {
	/*padding-right: 16px;*/
	/*margin-right: 0px;*/
}

.hdr {
	padding-bottom: 6px;
	margin-bottom: 11px;
	border-style: solid;
	border-color: #cedfef;
	border-width: 0 0 1px 0;
}
.hdr .title {
	float: left;
	padding-left: 21px;
	background-image: url(../images/icon_title.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.hdr h3.title {
	font-size: 0.88rem;
}
.hdr .suppl {
	float: right;
}

table.info {
	border-collapse: collapse;
	empty-cells: show;
}
table.info th, table.info td {
	margin: 0;
	padding: 3px 0 1px 0;
	font-weight: normal;
	background-color: transparent;
}
table.info td {
	padding-left: 15px;
}
table.info .date {
	width: 3.5em;
}
table.info .stamp {
	width: 7em;
}

.list_blk .to {
	padding-left: 11px;
	background-image: url(../images/icon_to.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.spacer_16 {
	margin-top: 15px;
}

.spacer_32 {
	margin-top: 31px;
}

.center {
	text-align: center;
}
.center .center_box {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.right {
	text-align: right;
}

.attn {
	color: #ff5555;
	font-weight: bold;
}
.alert {
	color: #ff5555;
	background-color: #ffff66;
	font-weight: bold;
}
.errmsg {
	color: #ff0000;
	font-weight: bold;
}
.none {
	display: none;
}


/**
* --------------------------------------------------
* 商品一覧（ブロック左上詰め）
*/
.prod_list {
	margin: 0;
	padding: 5px 0;
	clear: both;
	list-style: none;
}
.prod_list .unit_frame {
	display: inline-block;
	*display: inline; /* for IE */
	*zoom: 1; /* for IE */
	/*width: 235px;*/
	width: 230px;
	/*overflow: hidden;*/
	padding: 8px 0;
	border-style: dotted;
	border-color: #cedfef;
	border-width: 0 1px 0 0;
	text-align:center;
	vertical-align: top;
}
.prod_list .prod {
	width: 200px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.prod_list .prod .img_box {
	width: 126px;
	height: 126px;
	display: block;
	margin: 0 auto;
}
.prod_list .prod .is_new {
	float: left;
}
.prod_list .txt_box {
	text-align: left;
}
.prod_list .price_row {
	text-align: right;
}
.prod_list .price_row .price {
	font-weight: bold;
	color: #c10000;
}
.prod_list .add_favo {
	float: left;
}
.prod_list .add_favo a {
	display:block;
	width: 89px;
	height: 25px;
	background-image: url(../images/btn_add_favo.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_list .rm_favo {
	float: left;
}
.prod_list .rm_favo a {
	display:block;
	width: 89px;
	height: 25px;
	background-image: url(../images/btn_rm_favo.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_list .add_cart {
	float: right;
}
.prod_list .add_cart a {
	display:block;
	width: 107px;
	height: 25px;
	background-image: url(../images/btn_add_cart.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_list .dl_odr_sheet {
	float: right;
}
.prod_list .dl_odr_sheet a {
	display:block;
	width: 107px;
	height: 25px;
	background-image: url(../images/btn_dl_odr_sheet.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_list .add_favo a:hover,
		.prod_list .rm_favo a:hover,
		.prod_list .add_cart a:hover,
		.prod_list .dl_odr_sheet a:hover
{
	background-color: transparent;
	text-decoration: none;
}

#srch .hdr .title {
	padding-left: 0;
	background-image: none;
	font-weight: bold;
	color: #ff4901;
}

#srch_detail .center_box {
	width: 840px;
}
#srch_detail .hdr .title {
	padding-left: 0;
	background-image: none;
	font-weight: bold;
	color: #ff4901;
}

.prod_detail {
	margin: 0;
	padding: 5px 0;
	clear: both;
}
.prod_detail .img_blk {
	float: left;
	width: 330px;
	height: 330px;
	border: 1px solid #bdbdbd;
}
.prod_detail .img_blk img {
	margin: 5px;
}
.prod_detail .img_blk .disp_large_img {
	text-align: right;
	padding-right: 5px;
}
.prod_detail .doc_blk {
	float: left;
	width: 390px;
	padding-left: 20px;
}
.prod_detail .detail_blk table {
	width: 100%;
	table-layout: fixed;
}
.prod_detail .detail_blk table th,
	.prod_detail .detail_blk table td
{
	padding: 5px 8px 5px 8px;
	border-width: 1px;
	border-color: #ff4901;
	border-style: none none solid none;
}
.prod_detail .detail_blk table th {
	width: 95px;
	font-weight: normal;
	text-align: left;
}
.prod_detail .price_blk {
	position: relative;
	width: 390px;
}
.prod_detail .price_blk .prop {
	padding-right: 135px;
	text-align: right;
}
.prod_detail .price_blk .prop .price_wt_row {
	font-size: 141%;
}
.prod_detail .price_blk .prop .price_wt_row .price {
	color: #c10000;
	font-size: 152%;
	font-weight: bold;
}
.prod_detail .price_blk .prop .price_row {
	font-size: 121%;
}
.prod_detail .price_blk .prop .shipping_row {
	font-size: 121%;
}
.prod_detail .price_blk .add_favo {
	position: absolute;
	right: 0;
	bottom: 0;
}
.prod_detail .price_blk .add_favo a {
	display:block;
	width: 115px;
	height: 25px;
	background-image: url(../images/btn_add_favo2.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_detail .price_blk .add_cart {
	position: absolute;
	right: 0;
	top: 0;
}
.prod_detail .price_blk .add_cart a {
	display:block;
	width: 115px;
	height: 25px;
	background-image: url(../images/btn_add_cart2.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_detail .price_blk .dl_odr_sheet {
	position: absolute;
	right: 0;
	top: 0;
}
.prod_detail .price_blk .dl_odr_sheet a {
	display:block;
	width: 115px;
	height: 25px;
	background-image: url(../images/btn_dl_odr_sheet2.gif);
	text-indent: -9999px;
	text-decoration: none;
}
.prod_detail .price_blk .add_favo a:hover,
		.prod_list .price_blk .add_cart a:hover,
		.prod_list .price_blk .dl_odr_sheet a:hover
{
	background-color: transparent;
	text-decoration: none;
}

/**
* --------------------------------------------------
* 一覧・入力フォーム
*/
table.list-a {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
table.list-a th, table.list-a td {
	padding: 5px 6px 5px 6px;
	border: 1px solid #bdbdbd;
}
table.list-a th {
	background-color: #fbdf7c;
	/*background-color: #f7f7f7;*/
	text-align: center;
}
table.list-a .noline {
	background-color: transparent;
	border-style: none;
}
table.list-a .underline {
	border-style: none none solid none;
}

table.form-a {
	width: 100%;
	border: 1px solid #bdbdbd;
	border-collapse: collapse;
}
table.form-a .name {
	width: 180px;
	padding: 8px 16px 8px 32px;
	background-color: #f7f7f7;
	border-bottom: 1px dotted #bdbdbd;
	text-align: left;
	white-space: nowrap;
}
table.form-a .must {
	background-image: url(../images/icon_must.gif);
	background-position: right;
	background-repeat: no-repeat;
}
table.form-a .val {
	padding: 8px 0 8px 16px;
	border-bottom: 1px dotted #bdbdbd;
    border-left: 1px solid #bdbdbd;
}
table.form-a .footer {
	padding-top: 11px;
	padding-bottom: 8px;
}
table.form-a .annot {
	color: #aa5555;
	font-size: 91%;
}


/**
* --------------------------------------------------
* 伝票・カート・注文
*/
.slip .title {
	padding: 0 0 5px 0;
}

.slip table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.slip table th, .slip table td {
	padding: 5px 8px 5px 8px;
	border: 1px solid #bdbdbd;
}
.slip table th {
	background-color: #fbdf7c;
	text-align: center;
}
.slip table .noline {
	background-color: transparent;
	border-style: none;
}
.slip table .underline {
	border-style: none none solid none;
}

.slip table th.prod_name {
	width: 240px;
}
.slip table th.unitage {
	width: 65px;
}
.slip table th.qty {
	width: 65px;
}
.slip table th.del {
	width: 39px;
}

#cart .center_box {
	width: 680px;
}
#cart .cmd_area {
	padding: 11px 39px 8px 0;
}
#cart .cmd_area input {
	float: right;
	padding: 0 6px;
}
#cart .cmd_area .errmsg {
	text-align: right;
	padding-bottom: 5px;
}
#cart .slip .title {
	padding-right: 39px;
}

#odr .center_box {
	width: 680px;
}
#odr .cmd_area {
	padding: 11px 0 8px 0;
}
#odr .cmd_area input {
	float: right;
	padding: 0 6px;
}


/**
* --------------------------------------------------
* ご注文履歴
*/
#odr_histories {
	width: 710px;
}
#odr_histories .list-a .odr_slip_id {
	width: 41px;
}
#odr_histories .list-a .new_stamp {
	width: 101px;
}
#odr_histories .list-a .receiver_name {
	width: 145px;
}
#odr_histories .list-a .buyer_name {
	width: 145px;
}
/*#odr_histories .list-a .catalog_name {
	width: 155px;
}*/
#odr_histories .list-a .prods_qty {
	width: 52px;
}
#odr_histories .list-a .amt {
	width: 65px;
}
#odr_histories .list-a .detail {
	width: 41px;
}
#odr_histories .srch {
	padding: 11px 0;
}
#odr_histories .srch .srch_conds div {
	float: left;
	padding-right: 8px;
}
#odr_histories .sort {
	color: #414141;
	text-decoration: none;
}
#odr_histories .sort:hover {
	color: #414141;
	background-color: transparent;
	text-decoration: underline;
}

#odr_histories_detail {
	width: 680px;
}
#odr_histories_detail .cmd_area {
	padding: 11px 0 8px 0;
}
#odr_histories_detail .cmd_area input {
	float: right;
	padding: 0 6px;
}


/**
* --------------------------------------------------
* ご注文申請状況
*/
#appr {
	width: 910px;
}
#appr .list-a .odr_slip_id {
	width: 41px;
}
#appr .list-a .new_stamp {
	width: 101px;
}
#appr .list-a .receiver_name {
	width: 145px;
}
#appr .list-a .buyer_name {
	width: 145px;
}
/*#appr .list-a .catalog_name {
	width: 155px;
}*/
#appr .list-a .prods_qty {
	width: 52px;
}
#appr .list-a .amt {
	width: 65px;
}
#appr .list-a .appr_stat {
	width: 65px;
}
#appr .list-a .appr_limit {
	width: 101px;
}
#appr .list-a .detail {
	width: 41px;
}
#appr .srch {
	padding: 11px 0;
}
#appr .srch .srch_conds div {
	float: left;
	padding-right: 8px;
}
#appr .sort {
	color: #414141;
	text-decoration: none;
}
#appr .sort:hover {
	color: #414141;
	background-color: transparent;
	text-decoration: underline;
}

#appr_detail {
	width: 680px;
}
#appr_detail .cmd_area {
	padding: 11px 0 8px 0;
}
#appr_detail .cmd_area form {
	float: right;
	padding: 0 6px;
}

#appr_chg_stat {
	width: 680px;
}
#appr_chg_stat .cmd_area {
	padding: 11px 0 8px 0;
}
#appr_chg_stat .cmd_area input {
	float: right;
	padding: 0 6px;
}

#stat_events {
	width: 640px;
}


/**
* --------------------------------------------------
* 本部からのお知らせ
*/
#info {
	width: 680px;
}

#info_detail {
	width: 680px;
}


/**
* --------------------------------------------------
* サイトマップ
*/
#sitemap {
	width: 680px;
}

#sitemap dl.map {
	/* nothing */
}

#sitemap dl.map dt {
	padding-left: 21px;
	background-image: url(../images/icon_to.gif);
	background-position: 8px center;
	background-repeat: no-repeat;
}


/**
* --------------------------------------------------
* ピックアップ商品
*/
#pickup {
	clear: both;
	padding-left: 16px;
	padding-right: 16px;
}
#outline.no_pickup #pickup {
	display: none;
}


/**
* --------------------------------------------------
* PR
*/
#pr {
	float: right;
	width: 230px;
	padding-top: 6px;
	text-align: right;
}
#main.no_pr #pr {
	display: none;
}


/**
* --------------------------------------------------
* フッタ
*/
#footer {
	position: relative;
	padding: 13px 3px 8px 3px;
	border-style: solid;
	border-color: #cedfef;
	border-width: 1px 0 0 0;
	clear: both;
}
#outline.no_footer #footer {
	display: none;
}
#footer .right_box {
	position: absolute;
	right: 0;
}
#footer .menu {
	padding-right: 6px;
}
#footer .copyright {
	padding-left: 6px;
}


/**
* --------------------------------------------------
* ログイン
*/
#login {
	width:600px;
	margin: 0 auto;
	text-align: left;
}
#login .header {
	width:100%;
	height:100px;
	background: url(../images/header_bn.jpg);
	background-position: top;
	margin-bottom: 10px;
	text-align: center;
}
#login .header h1 {
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 100px;
}
#login .to_remind {
	padding-left: 11px;
	background-image: url(../images/icon_to.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#login_footer{
	text-align:center;
	width:100%;
	padding-top: 10px;
	border-top: 1px #DBDBDB solid;
}