@charset "utf-8";

/* システム用スタイルシート(原則変更不可) */

/****************************
	全体
 ****************************/
a{
	outline: none; 
}
a:hover{
	outline: none; 
}
form	{
	margin: 0;
	padding: 0;
}

body{
	margin: 0 auto;
	padding:0;
	line-height: 1.3;
	font-family: "Osaka",sans-serif;
	font-size: small;
	text-align: center;
}

h2,h3,h4	{
	margin: 0;
}

p	{
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

img	{
	border: none;
}

hr	{
	margin: 15px 0 15px 0;
}


/* フローティングブロックの末端処理 */

div.sys_block_bottom	{
	clear: both;
	font-size: 1px;
}

/* 共通リンクアイコン用 */

a.sys_link_jump	{
}

/* 共通［戻る］ボタン */
div.sys_goback a	{
	display: block;
	width: 120px;
	height: 20px;
	margin: 20px auto 20px auto;
	background: url(../images/sys_goback.gif) no-repeat center;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}

/* エラー表示用 */

.sys_error1	{
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px 8px;
	border: solid 1px #000000;
	background-color: #fffde4;
	color: #f26522;
	font-weight: bold;
}

.sys_error2	{
	color: #f26522;
	font-weight: bold;
}

/****************************
	ページコンテナ
 ****************************/

#sys_container	{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	/*background: url(../images/sys_contents-bg.gif) repeat-y center;*/
	text-align:left;
}


/****************************
	共通ヘッダ
 ****************************/

#sys_header	{
	width: 860px;
	background-color: #ffffff;
  text-align: left;
}

/* ヘッダ（１）タイトルブロック */

h1	{
	width:850px;
	height: 17px;
	margin: 0;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #666666;
	color: #ffffff;
	font-size:small;
	font-weight: normal;
}

.sys_headerlogin h2{
	width: 302px;
	height:111px;
	float: left;
}
 .sys_headerlogin h2 img{
 	margin-top:10px;
	vertical-align: bottom;
}
/**html .sys_headerlogin h2 img{
	margin:0 0 0 0;
	vertical-align: bottom;	
}
*:first-child+html .sys_headerlogin h2 img{
	margin:0 0 0 0;
	vertical-align: bottom;	
}
*/

/* ヘッダ（２）ログインブロック */
#sys_subhead_wrap{
	float: right;
	width: 540px;
	text-align:right;
}

.sys_headerlogin	{
	background-color: #ffffff;
}

.sys_loginbox	{
	margin-right:10px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.sys_loginbox label	{
	margin-left: 2px;
	margin-right: 2px;
}

.sys_sbox	{
	width: 100px;
	margin: 0px;
	padding: 0;
	border: 1px solid #cccccc;
}

.sys_login	{
	height: 20px;
}

.sys_reminder	{
	background-image: url(../images/header-img7.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	display: block;
	font-size: 12px;
	height: 25px;
	padding-top: 10px;
	width:170px;
	margin-right: 0px;
	margin-left: auto;
}

/* カート用リンク等 */

.sys_headertxtmenu	{
	margin:0 0px 10px 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: right;
	background-image: url(../images/bg_sys_headertxtmenu.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.sys_headertxtmenu a	{
	padding: 4px 0 4px 20px;
}

.sys_headertxtmenu a#sys_link_confirm_order	{
	background: url(../images/header-img3.gif) no-repeat left;
}

.sys_headertxtmenu a#sys_link_cart	{
	background: url(../images/header-img4.gif) no-repeat left;
}

/* ヘッダ（３）グローバルメニュー */

.sys_globalnavi	{
	width: 860px;
	height:54px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.sys_globalnavi ul	{
	margin:0px;
	padding: 0px;
}

.sys_globalnavi li	{
	display: block;
	list-style-type: none;
	float: left;
	width: 108px;
	height: 54px;
	margin: 0px;
	padding: 0px;
/*	background: url(../images/sys_headernavi.png) no-repeat;*/
	text-indent: -9999px;
}

.sys_globalnavi li#sys_hn01 {
	width: 104px;
	background-position: 0px -54px;
}

.sys_globalnavi li#sys_hn02	{
	background-position: -104px -54px;
}
.sys_globalnavi li#sys_hn03	{
	background-position: -212px -54px;
}
.sys_globalnavi li#sys_hn04	{
	background-position: -320px -54px;
}
.sys_globalnavi li#sys_hn05	{
	background-position: -428px -54px;
}
.sys_globalnavi li#sys_hn06	{
	background-position: -536px -54px;
}
.sys_globalnavi li#sys_hn07	{
	background-position: -644px -54px;
}
.sys_globalnavi li#sys_hn08	{
	background-position: -752px -54px;
}

.sys_globalnavi li a	{
	display :block;
	list-style-type: none;
	float: left;
	width: 108px;
	height: 54px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/sys_headernavi.png) no-repeat;
	text-indent: -9999px;
}

.sys_globalnavi li#sys_hn01 a{
	width: 104px;
	background-position: 0 0;
}
.sys_globalnavi li#sys_hn04 a	{
	background-position: -104px 0;
}
.sys_globalnavi li#sys_hn02 a	{
	background-position: -212px 0;
}
.sys_globalnavi li#sys_hn03 a	{
	background-position: -320px 0;
}
.sys_globalnavi li#sys_hn05 a	{
	background-position: -428px 0;
}
.sys_globalnavi li#sys_hn06 a	{
	background-position: -536px 0;
}
.sys_globalnavi li#sys_hn07 a	{
	background-position: -644px 0;
}
.sys_globalnavi li#sys_hn08 a	{
	background-position: -752px 0;
}

.sys_globalnavi li#sys_hn01 a:hover	{
	width: 104px;
	background-position: 0 -54px;
}
.sys_globalnavi li#sys_hn04 a:hover	{
	background-position: -104px -54px;
}
.sys_globalnavi li#sys_hn02 a:hover	{
	background-position: -212px -54px;
}
.sys_globalnavi li#sys_hn03 a:hover	{
	background-position: -320px -54px;
}
.sys_globalnavi li#sys_hn05 a:hover	{
	background-position: -428px -54px;
}
.sys_globalnavi li#sys_hn06 a:hover	{
	background-position: -536px -54px;
}
.sys_globalnavi li#sys_hn07 a:hover	{
	background-position: -644px -54px;
}
.sys_globalnavi li#sys_hn08 a:hover	{
	background-position: -752px -54px;
}

/* 補足情報行 */

#sys_additional_note	{
	width: 850px;
	height: 5px;
	background-color: #ffffff;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}

/***************************
	Ｅネットプリント フッタ
 ***************************/

#footer2 {
	clear:left;
	width:840px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: #FFFFFF;
	color: #777777;
	text-align:center;
	padding-right: 10px;
	margin: 0px;
	font-size: 12px;
	text-decoration: none;
	border-top-width: 5px;
	border-top-style: ridge;
	border-top-color: #A7DD85;
}
#footer2 img {
	float:left;
}
#footer2 p {
	width:75%;
	float:left;
	text-align:center
}
#footer2 p a {
	color:#4CBD09;
	/*background-image: url(../images/futter-yajirushi.gif);
	background-position: left center;
	padding-left: 15px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;*/
	margin-left: 5px;
	margin-right:5px;
}
#footer2 a:link {
	text-decoration: none;
}

#footer2 a:visited {

	color: #666666;
	text-decoration: none;
}

/***************************
	共通フッタ
 ***************************/

#sys_footer	{
	clear: both;
	width: 840px;
	margin: 0;
	padding: 15px 10px;
	background-color: #ffffff;
	line-height: 1.2em;
	color: #777777;
	text-align:right;
	font-size:0.8em;
	border-top:5px ridge #009900;
}

*html #sys_footer {
	font-size:9px;

}

#sys_footer ul	{
	height: 1.2em;
	width:460px;
	margin: 10px 0 10px auto;
	padding: 0;
	
}
*html #sys_footer ul{
	width:500px;
}
#sys_footer li	{
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 2px;
	/*border-right: solid 1px #777777;*/
	line-height: 1.2em;
}

#sys_footer li.sys_footer_top	{
	/*border-left: solid 1px #777777;*/
}

#sys_footer a:link	{
	text-decoration: underline;
	color:#666666;
}
#sys_footer a:visited	{
  text-decoration:underline;
	color:#666666;
}
#sys_footer a:hover	{
	color:#666666;
}
#sys_footer a:active	{
	color:#666666;
}

#sys_footer p	{
	clear: both;
	margin-top: 0;
}



/*****************************
	コンテンツブロック
 *****************************/

#sys_contents	{
	text-align:	left;
}

/*****************************
	ローカルナビゲーション
 *****************************/

#sys_localnavi	{
	float: left;
	width: 150px;
	padding: 10px 10px 6em 10px;
	/*border-top: solid 1px #999999;*/
}

#sys_localnavi ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sys_localnavi li	{
	margin-bottom: 2px;
}

/*
#sys_localnavi li a:link	{
	text-decoration:underline;
	color:#333333;
}
#sys_localnavi li a:visited	{
	text-decoration:underline;
	color:#333333;
}
#sys_localnavi li a:hover	{
	text-decoration:none;
	color:#333333;
}
#sys_localnavi li a:active	{
	text-decoration:none;
	color:#333333;
}
 */

/* サービスメニュー　注：動的生成 */

h4.sys_servicemenu_title	{
	height: 29px;
	background-image:url(../images/navi-img4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.sys_servicelist	{
	width:138px;
	margin-bottom: 10px;
	padding: 10px 5px 10px 5px;
	background-color: #ffffff;
	border-right: 1px solid #39CB31;
	border-left: 1px solid #39CB31;
	border-bottom: 1px solid #39CB31;
	border-top: 1px solid #39CB31;
}

.sys_service_retrievebox	{
	margin-top: 10px;
	margin-bottom: 0px;
}

/* サービスメニュー　階層表示 */

.sys_servicelist li	{
	padding-left: 0;
	background: none;
	border-bottom:1px dotted #39CB31;
	padding-bottom:5px;
}

.sys_servicelist li.sys_lclass1	{
	padding-left: 0;
}

.sys_servicelist li.sys_lclass2	{
	padding-left: 10px;
}

.sys_servicelist li.sys_lclass3	{
	padding-left: 20px;
}

.sys_servicelist li span.sys_lminus	{
	display: block;
	float: left;
	width: 12px;
	background: url(../images/sys_listmark2.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}

.sys_servicelist li span.sys_lplus	{
	display: block;
	float: left;
	width: 12px;
	background: url(../images/sys_listmark.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}
span.sys_lplus{
	display: block;
	float: left;
	width: 12px;
	background: url(../images/sys_listmark.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}


div.foot-submanu-main{
	margin-bottom:10px;
	background-image: url(../images/kadori-green.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-indent: -9999px;
	vertical-align: text-top;
}
div.foot-submanu-template{
	margin-bottom:10px;
	background-image: url(../images/kadori-orange.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-indent: -9999px;
	vertical-align: text-top;
}
div.foot-submanu-company{
	margin-bottom:10px;
	background-image: url(../images/kadori-grey.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-indent: -9999px;
	vertical-align: text-top;
}
/* オプション説明 */

h4.sys_option-listtitle	{
	height: 26px;
	background-image:url(../images/navi-img7.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.sys_optionnavibox{
	width: 138px;
	padding: 10px 5px 10px 5px;
	margin-bottom:10px;
	border: solid 1px #39CB31;
	border-top: none;
	background-color: #ffffff;
}

.sys_optionnavibox li{
	border-bottom:1px dotted #39CB31;
	padding-bottom:5px;
}

/*対応状況・テンプレート*/

h4.sys_template-listtitle	{
	height: 26px;
	background-image:url(../images/navi-img9-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/*.sys_templatenavibox{
	width: 138px;
	padding: 10px 5px 10px 5px;
	border: solid 1px #cccccc;
	border-top: none;
	background-color: #ffffff;
}*/
.sys_templatenavibox{
	width: 138px;
	padding: 10px 5px 10px 5px;
	border: solid 1px #39CB31;
	border-top: none;
	background-color: #ffffff;
	margin-bottom:10px;
}

/* 会社情報 */

h4.sys_company-infotitle	{
	height: 26px;
	background-image:url(../images/navi-img3-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.sys_localnavibox{
	width: 138px;
	padding: 10px 5px 10px 5px;
	margin-bottom:10px;
	border: solid 1px #cccccc;
	border-top: none;
	background-color: #ffffff;
}
/********************************
	メイン表示部（本文）
*********************************/

div#sys_body	{
	float: left;
	width: 630px;
	margin-left: 30px;
	padding-top:18px;
}

/* タイトル */

h3.sys_body-title	{
	width: 630px;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 16px;
	background: url(../images/sys_body-title.gif) no-repeat left top;
	line-height: 27px;
	color: #000080;
	font-size: 14px;
	font-weight: bold;
}


/********************************
	k201 注文トップ
	k202-n 商品トップ
*********************************/

/* ジャンル一覧（自動生成部） */

ul.sys_genre-list	{
	clear: both;
	width: 630px;
	margin: 0 auto 32px auto;
	padding: 0;
}

.sys_genre-list li	{
	float: left;
	list-style-type: none;
	position: relative;
	width: 188px;
	height: 56px;
	margin: 0 10px 10px 0;
	padding: 0;
/*	border: 1px solid #999999; */
/*	background-color: #f1fff0; */
}

/* アイコン */

.sys_genre-list a.sys_gmicon	{
	display: block;		/* またはnone */
	float: left;
}

/* 初期
.sys_genre-list a.sys_gmicon img	{
	width: 50px;
	height: 46px;
	padding: 5px;
}
*/

.sys_genre-list a.sys_gmicon img	{
	width: 187px;
	height: 52px;
	padding: 0;
}

.sys_genre-list a.sys_gnlink	{
	display: block;		/* またはnone */
	display: none;
	margin-top: 4px;
	font-weight: bold;
}
.sys_genre-list a.sys_btn_go	{
	display: block;		/* またはnone */
	display: none;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* 商品サイズ一覧（自動生成部） */

table.sys_sizelist	{
	width:100%;
	clear: both;
	margin-bottom:20px;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

.sys_sizelist caption	{
	padding: 5px;
	border: solid 1px #b0b0b0;
	background-color: #f6f6f6;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.sys_sizelist caption .sys_note	{
	font-size: 12px;
	font-weight: normal;
	margin-left: 1em;
}

.sys_sizelist th	{
	width: 40%;
	padding: 5px;
	border: solid 1px #b0b0b0;
/*	background-color: #f0faff;*/
	background-color: #f1fff0;
	font-weight: bold;
	text-align: left;
}

.sys_sizelist tr.sys_ihead th	{
	background-color: #999999;
	color: #ffffff;
	text-align: center;
}

.sys_sizelist td	{
	padding: 5px;
	border: solid 1px #b0b0b0;
}

tr.sys_category_note p	{
	padding: 4px 0;
}

/* ページトップへ */
.sys_page-top a	{
	display: block;
	float: right;
	width: 75px;
	height: 16px;
	outline: none;
	background: url(../images/sys_page-top.gif) no-repeat;
	text-indent: -9999px;
}

/* 商品トップ 商品タイトル */

h3.sys_k202_title	{
	margin-top: -9px;
	padding-top: 0;
}



/********************************
	k203 価格表
*********************************/

/* ステップガイド */

div.sys_stepguide	{
	width: 100%;
	margin: 0 auto 16px auto;
	padding: 0;
}

.sys_stepguide ul	{
	margin: 0;
	padding: 0;
}

.sys_stepguide li	{
	list-style-type: none;
	float: left;
	width: 122px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(../images/sys_stepguide.gif);
	background-repeat:	no-repeat;
	text-indent: -9999px;
	outline: none;
}

.sys_stepguide li a	{
	display: block;
	width: 122px;
	height: 20px;
	background-image: url(../images/sys_stepguide.gif);
	background-repeat:	no-repeat;
	text-indent: -9999px;
	outline: none;
}

.sys_step1	{
	background-position: 0 0px;
}

.sys_step2	{
	background-position: -122px 0px;
}

.sys_step3	{
	background-position: -244px 0px;
}

.sys_step4	{
	background-position: -366px 0px;
}

li.sys_step5	{
	width: 130px;
	background-position: -493px 0px;
}

.sys_step1_on	{
	background-position: 0 -20px;
}

.sys_step2_on	{
	background-position: -122px -20px;
}

.sys_step3_on	{
	background-position: -244px -20px;
}

.sys_step4_on	{
	background-position: -366px -20px;
}

li.sys_step5_on	{
	width: 130px;
	background-position: -493px -20px;
}

.sys_step1 a	{
	background-position: 0 0;
}

.sys_step2 a	{
	background-position: -122px 0;
}

.sys_step3 a	{
	background-position: -244px 0;
}

.sys_step4 a	{
	background-position: -366px 0;
}

.sys_step5 a	{
	width: 130px;
	background-position: -493px 0;
}


/* 商品の選択 */


.k203 fieldset	{
	margin-bottom: 20px;
}

.k203 legend	{
	font-weight: bold;
}

.k203 fieldset p	{
	margin: 6px 5px;
	padding-left: 10px;
}

.k203 fieldset p.sys_gitem_name	{
	background-color: #c9e7ff;
	line-height: 2;
	color: #000000;
	font-size: medeium;
	font-weight: bold;
}

.k203 dl	{
	margin-top: 10px;
	margin-bottom: 0;
}

.k203 dt	{
	float: left;
	width: 8em;
	height: 1.6em;
	padding: 3px;
	font-weight: bold;
}

.k203 dd	{
	height: 1.6em;
	padding: 3px;
}

.k203 dd.sys_dvtime a	{
	display: block;
	float: left;
	width: 5em;
	border-left: solid 1px #000000;
	text-align: center;
}


/* 価格表テーブル */

.k203 table.sys_pricetable	{
	clear: both;
	width: 100%;
	margin-bottom: 16px;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

.k203 table.sys_pricetable caption	{
	padding: 4px 8px;
	border: solid 1px #b0b0b0;
/*	background-color: #f0faff; */
	background-color: #f1fff0;
	text-align: left;
	color: #000080;
	font-weight: bold;
}

.k203 table.sys_pricetable th	{
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
	font-weight: normal;
	text-align: center;
}

.k203 tr.sys_pricetable_header th	{
	background-color: #ebebeb;
}

.k203 table.sys_pricetable td	{
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
	text-align: center;
}

.k203 span.sys_discount	{
	text-decoration: line-through;
}

tr.sys_even	{
	background-color: #f4f4f4;
}

tr.sys_odd	{
	background-color: #ffffff;
}


/********************************
	k204 オプションの選択
 ********************************/

/* オプション選択ペイン */

dl#sys_option-body	{
	float: left;
	width: 430px;
	margin-bottom: 40px;
}

#sys_option-body dt	{
	float: left;
	width: 100%;
	height: 20px;
	margin: 10px 0 0 0;
	padding: 0;
/*	background-color: #f0faff; */
	background-color: #f1fff0;
	color: #000060;
	font-weight: bold;
	text-indent: 0.5em;
}

#sys_option-body dd	{
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
}

#sys_option-body img	{
	float: left;
	width: 110px;
	margin: 8px 8px 0 0;
}

#sys_option-body form	{
	float: left;
	width: 310px;
	margin: 8px 0 0 0;
	padding:0;
}

.sys_opt_essential	{
	margin-left: 1em;
	color: #ff0000;
	font-weight: bold;
}


/* 追加されたオプション */

#sys_choosed_options{
	width: 180px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}

#sys_choosed_options h3{
	width:180px;
	height:29px;
	background: url(../images/sys_opt_choosed-title.gif) no-repeat left top;
	text-indent: -9999px;
}

#sys_optlist-box{
	width: 162px;
	margin: 0;
	padding: 8px;
	background-color: #FFFFFF;
	border: solid 1px #999999;
	border-top: none;
}

#sys_optlist-box ul	{
	list-style-type: none;
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	padding-bottom: 4px;
	border-bottom: solid 1px #000000;
}

#sys_optlist-box ul.sys_opt_spec	{
	border-bottom-style: dotted;
}

#sys_optlist-box form	{
	margin: 8px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 2px #000000;
}

#sys_optlist-box form p	{
	line-height: 2;
}

#sys_optlist-box .sys_incart	{
	display: block;
	width: 115px;
	height: 30px;
	margin: 0 auto 10px;
	background: url(../images/sys_btn-cart.jpg) no-repeat center;
	text-indent: -9999px;
	outline: none;
	border: none;
}
/* 選択されたオプションの色替え */

dl#sys_option-body dt.sys_option_added	{
	background-color: #00a000;
	color: #ffffff;
}


/********************************
	m501 商品比較注文メイン画面
 ********************************/

/* キャプション */

h4.sys_m501	{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

p.sys_m501_note	{
	margin: 0 0 12px 1.5em;
}


/* 印刷仕様テーブル */

table.sys_cmp_spectable	{
	width: 630px;
	margin-bottom: 26px;
	border-collapse: collapse;
}

table.sys_cmp_spectable caption	{
	padding-bottom: 8px;
	text-align: left;
}

table.sys_cmp_spectable caption span	{
	color: #000080;
	font-weight: bold;
}

table.sys_cmp_spectable th	{
	clear: right;
	width: 164px;
	padding: 2px 4px;
	border-right: solid 3px #ffffff;
	background-color: #72CC39;
	text-align: left;
	vertical-align: top;
}

table.sys_cmp_spectable th button.sys_copy	{
	display: block;
	float: right;
	height: 22px;
	line-height: 16px;
	padding: 0 2px;
	cursor: pointer;
}

table.sys_cmp_spectable th.sys_optionname	{
	width: 110px;
	background-color: #ffffff;
}

table.sys_cmp_spectable td	{
	padding: 2px 4px;
	border-right: solid 3px #ffffff;
	background-color:#DFEFCD;
}

table.sys_cmp_spectable td select	{
	width: 160px;
}

/* 数値入力テーブル */

table.sys_cmp_quantity	{
	width: 630px;
	margin-bottom: 26px;
	border-collapse: collapse;
}

table.sys_cmp_quantity th	{
	width: 98px;
	padding: 2px 4px;
	border-right: solid 3px #ffffff;
	background-color:#72CC39;
	text-align: left;
}

table.sys_cmp_quantity td	{
	padding: 2px 4px;
	border-right: solid 3px #ffffff;
	background-color: #DFEFCD;
}

/* 価格計算 */
input.sys_cmp_calc	{
	color: #000080;
	font-weight: bold;
	vertical-align: middle;
}


/********************************
	m502 商品比較価格表画面
 ********************************/

/* 印刷仕様テーブル */

table.sys_fixed_spectable	{
	width: 630px;
	margin-bottom: 8px;
	border-collapse: collapse;
}

table.sys_fixed_spectable th	{
	clear: right;
	width: 153px;
	padding: 2px 4px;
	border-right: solid 3px #ffffff;
	background-color: #c0c0c0;
	text-align: center;
	vertical-align: top;
}

table.sys_fixed_spectable th.sys_optionname	{
	width: 145px;
	background-color: #ffffff;
}

table.sys_fixed_spectable td	{
	padding: 2px 4px;
	border-right: solid 3px #ffffff;
	background-color: #f0f0f0;
}

table.sys_fixed_spectable span.sys_opt_name	{
	font-weight: bold;
}

/* 比較価格表 */

table.sys_cmp_pricetable	{
	width: 630px;
	margin-top: 4px;
	margin-bottom: 8px;
	border-collapse: collapse;
	border: solid 1px #808080;
}

table.sys_cmp_pricetable th	{
	width: 150px;
	padding: 4px 4px;
	border: solid 1px #a0a0a0;
	background-color: #ffdf8c;
	text-align: center;
}

table.sys_cmp_pricetable th.sys_quantities	{
	width: 143px;
}

table.sys_cmp_pricetable td	{
	padding: 4px 4px;
	border: solid 1px #a0a0a0;
	text-align: center;
}

table.sys_cmp_pricetable tr.sys_odd th	{
	background-color: #fdebbd;
}

table.sys_cmp_pricetable tr.sys_even th	{
	background-color: #ffdf8c;
}

table.sys_cmp_pricetable tr.sys_odd td	{
	background-color: #ffffff;
}

table.sys_cmp_pricetable tr.sys_even td	{
	background-color: #fff5db;
}

table.sys_cmp_pricetable tr.sys_odd td.sys_m502_rnum	{
	background-color: #e0e0e0;
}

table.sys_cmp_pricetable tr.sys_even td.sys_m502_rnum	{
	background-color: #e0e0e0;
}

/********************************
	n103 商品・入稿方法選択
 ********************************/

/* 画面説明（共通） */

div.sys_du_expbox ul	{
	margin-top: 0;
	margin-bottom: 0;
}

.sys_du_expbox p.sys_expbox_attention	{
	margin-top: 8px;
	color: #ff0000;
}

/* 商品選択テーブル */

table.sys_cmn_itemtable	{
	width: 100%;
	margin-top: 8px;
	margin-bottom: 2px;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

table.sys_cmn_itemtable th	{
	border: solid 1px #b0b0b0;
	background-color: #73CA3F;
	text-align: center;
}

table.sys_cmn_itemtable th.sys_chk_item	{
	background-color: #ffd163;
}

table.sys_cmn_itemtable td	{
	padding: 6px 8px;
	border: solid 1px #b0b0b0;
}

table.sys_cmn_itemtable td.sys_chk_item	{
	background-color: #ffd163;
	text-align: center;
}

/* 詳細（虫眼鏡） */

a.sys_show_item	{
/*
	padding-left:16px;
	background: url(../images/sys_loupe_s.gif) no-repeat left;
*/
}

p.sys_flip_page	{
	margin-bottom: 20px;
}

p.sys_flip_page a	{
	padding-right: 4px;
	padding-left: 4px;
	text-decoration: none;
}

/* セル内書式（共通） */

.sys_date	{
	font-weight: bold;
	text-align: right;
}

.sys_fixednum	{
	text-align: right;
}

.sys_status	{
	text-align: center;
}

.sys_nodata	{
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

.sys_uploaded	{
	color: #0000ff;
	font-weight: bold;
	text-align: center;
}

/* 入稿方法選択 */

table.sys_switch_upload	{
	width: 100%;
	margin-top: 8px;
	margin-bottom: 20px;
}

table.sys_switch_upload tr	{
	vertical-align: top;
}

table.sys_switch_upload th	{
	padding-bottom: 8px;
	padding-right: 8px;
}

table.sys_switch_upload th input	{
	width: 120px;
	padding-right: 8px;
	padding-left: 8px;
}

table.sys_switch_upload td	{
	padding-bottom: 8px;
}


/* ［データ入稿TOPへ］ボタン */
div.sys_go_upload_top	{
	width: 150px;
	height: 20px;
	margin: 20px auto 20px auto;
	background: url(../images/sys_go_upload_top.gif) no-repeat center;
}

div.sys_go_upload_top	a {
	display: block;
	width: 150px;
	height: 24px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}


/********************************
	m301 WEB確認一覧
 ********************************/

h4.sys_m301	{
	margin: 20px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

a.sys_pr_confirm	{
	padding-left:16px;
	background: url(../images/sys_mail_s.gif) no-repeat left;
}

hr.sys_m301	{
	margin-top: 30px;
}

/********************************
	m302 WEB確認一覧
 ********************************/

table.sys_m302_fixed th	{
	background-color: #c0c0c0;
}

table.sys_m302_fixed td	{
	background-color: #f8f8f8;
}

form.sys_m302	{
	margin: 0;
}

form.sys_m302 fieldset	{
	margin-top: 8px;
	padding: 8px;
}

.sys_m302 fieldset p	{
	clear: both;
	width: 580px;
	margin: 8px auto;
}

.sys_m302 fieldset label	{
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
}

.sys_m302 fieldset textarea	{
	width: 320px;
}

.sys_m302 div.sys_m302_sendback	{
	width: 200px;
	margin: 16px auto 8px auto;
}

.sys_m302 div.sys_m302_sendback input	{
	width: 100%;
}


/********************************
	m601 ポイント購入
 ********************************/

p.sys_m601_step1	{
	margin: 4px 0 20px 1.5em;
}

a.sys_point_rules	{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	background: url(../images/sys_icn_doc.gif) no-repeat left;
}

table.sys_cmn_itemtable tr.sys_m601_total td	{
	border-top: double 3px #b0b0b0;
	background-color: #ffd663;
	font-size: middle;
	font-weight: bold;
}

div.sys_m601_next	{
	width: 180px;
	margin: 20px auto 8px auto;
}

div.sys_m601_next a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 20px;
	background: url(../images/sys_btn_forbg_wide.gif) no-repeat center;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
}

p.sys_m601_note	{
	text-align: center;
}


/********************************
	m602 ポイント購入確認
 ********************************/

table.sys_m602_table	{
	width: 400px;
	margin: 12px auto 20px auto;
}

table.sys_m602_table th	{
	width: 60%;
}

p.sys_m602_point_rules	{
	text-align: right;
}

/********************************
	s902 送付先情報の入力
 ********************************/

/* ★共通ナビ（ボタン２つ型） */

div.sys_pagenav_box	{
	float: left;
	width: 315px;
	height: 20px;
	margin: 10px 0 25px 0;
	padding: 0;
}

div.sys_pagenav_box a, div.sys_pagenav_box input	{
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 20px;
	border: none;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

/* 共通ナビ用 通常ボタン */

div.sys_pagenav_box .sys_btn_prv	{
	margin-left: auto;
	margin-right: 8px;
	background: url(../images/sys_btn_prvbg.gif) no-repeat center;
}

div.sys_pagenav_box .sys_btn_for	{
	margin-left: 8px;
	margin-right: auto;
	background: url(../images/sys_btn_forbg.gif) no-repeat center;
}

/* 共通ナビ用 幅色ボタン */

div.sys_pagenav_box .sys_btn_prv_wide	{
	width: 180px;
	margin-left: auto;
	margin-right: 8px;
	background: url(../images/sys_btn_prvbg_wide.gif) no-repeat center;
}

div.sys_pagenav_box .sys_btn_for_wide	{
	width: 180px;
	margin-left: 8px;
	margin-right: auto;
	background: url(../images/sys_btn_forbg_wide.gif) no-repeat center;
}

/* ステップガイド（資料請求） */

div.sys_stepguide_pr	{
	width: 100%;
	margin: 0 auto 16px auto;
	padding: 0;
}

.sys_stepguide_pr ul{
	margin: 0;
	padding: 0;
}

.sys_stepguide_pr li{
	list-style-type: none;
	float: left;
	width: 122px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(../images/sys_stepguide_pr.gif);
	background-repeat:	no-repeat;
	text-indent: -9999px;
	outline: none;
	display: block;
	background-repeat:	no-repeat;
}
.sys_stepguide_pr li a{
	width: 122px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(../images/sys_stepguide_pr.gif);
	background-repeat:	no-repeat;
	text-indent: -9999px;
	outline: none;
	display: block;
	background-repeat:	no-repeat;
}

div.sys_stepguide_pr .sys_pr_step1{
	width:146px;
	background-position: 0 0px;
}

.sys_pr_step2	{
	background-position: -146px 0px;
}

.sys_pr_step3	{
	background-position: -268px 0px;
}

.sys_pr_step4	{
	background-position: -390px 0px;
}

div.sys_stepguide_pr .sys_pr_step1_on	{
	width:146px;
	background-position: 0 -20px;
}

.sys_pr_step2_on	{
	background-position: -146px -20px;
}

.sys_pr_step3_on	{
	background-position: -268px -20px;
}

.sys_pr_step4_on	{
	background-position: -390px -20px;
}


div.sys_stepguide_pr .sys_pr_step1 a	{
	width:146px;
	background-position: 0 0;
}

.sys_pr_step2 a	{
	background-position: -146px 0;
}

.sys_pr_step3 a	{
	background-position: -268px 0;
}

.sys_pr_step4 a	{
	background-position: -390px 0;
}


/* 入力フォーム */

table.sys_s902_form	{
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

table.sys_s902_form input#sys_s301-06{
	width:100px;
}

table.sys_s902_form input#sys_s302-06{
	width:100px;
}
input#sys_s902-02{
	width:60px;
}

input#sys_s902-08{
	width:100px;
}
.sys_m_must	{
	color: #ff636c;
	font-size: 10px;
}

.sys_m_option	{
	visibility: hidden;
	font-size: 10px;
}

a.sys_show_doc	{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	background: url(../images/sys_icn_doc.gif) no-repeat left;
}

.sys_s902_form span.sys_note	{
	padding-left: 1em;
	color: #606060;
	font-weight: normal;
}

.sys_s902_form th	{
	padding: 6px 8px;
	background-color: #c8efc6;
	border-bottom: solid 2px #ffffff;
}

.sys_s902_form td	{
	padding: 6px 8px;
/*	background-color: #f0f9fa; */
	background-color: #f1fff0;
	border-bottom: solid 2px #ffffff;
}


/********************************
	s903 入力内容の確認
 ********************************/

table.sys_s903	{
	width: 560px;
	margin: 0 auto;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

table.sys_s903 caption	{
	width: 561px;
	margin: 16px auto 0 auto;
	padding: 6px 8px;
	border: solid 1px #b0b0b0;
	background-color: #a3dfb6;
	font-weight: bold;
}

table.sys_s903 th	{
	width: 130px;
	padding: 6px 8px;
	border: solid 1px #b0b0b0;
	background-color: #e2ffef;
}

table.sys_s903 td	{
	padding: 6px 8px;
	border: solid 1px #b0b0b0;
}

table.sys_s903top	{
	margin-top: 16px;
}

ul.sys_s903	{
	margin-left: 1.5em;
}

ul.sys_s903 li	{
	margin-bottom: 8px;
}


/********************************
	s301 注文前のお問い合わせ
 ********************************/

p.sys_s301_exp	{
	margin-bottom: 16px;
}

table.sys_s301 th	{
	background-color: #f0e99c;
}

table.sys_s301 td	{
	background-color: #f6f3d7;
}

/********************************
	s302 注文後のお問い合わせ
 ********************************/

table.sys_s302 th	{
	background-color: #f2e3e4;
}

table.sys_s302 td	{
	background-color: #f9f2f3;
}

/********************************
	s303 お問い合わせ内容の確認
 ********************************/

table.sys_s303before, table.sys_s303after	{
	width: 100%;
	margin-top: 20px;
	margin-left: 0;
}

table.sys_s303before th	{
	background-color: #f4efbe;
}

table.sys_s303after th	{
	background-color: #f4e7e9;
}


/********************************
	m101 会員ページトップ
 ********************************/

div.sys_m101 p{
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F0FAFF;
}

h4.sys_m101{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_m101 table{
	margin: 20px 0 20px 0;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

div.sys_m101 th{
	width:140px;
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
	background-color: #F1FFF0;
	font-weight: normal;
	text-align: left;
}

div.sys_m101 td	{
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
}


/********************************
	m603 ポイント購入画面（完了通知）
 ********************************/
 
div.sys_m603_point_info{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F0FAFF;
} 
 
div.sys_go_to_memberpage_button{
	width: 200px;
	margin:20px auto 20px auto;
	padding: 3px 0 3px 0;
	text-align: center;
	border: 1px solid #999999;
	background-color: #2CADFF;
	font-weight: bold;
}
 
div.sys_go_to_memberpage_button a{
	display: block;
	width:200px;
	color:#FFFFFF;
	text-decoration:none;
} 
 
div.sys_point_bankname{
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
} 

div.sys_m603_member_top{
	width: 180px;
	margin: 20px auto 8px auto;
}

div.sys_m603_member_top a{
	display: block;
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/sys_gobtn_bg.gif) no-repeat center;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
}


/********************************
	n101 データ入稿トップ画面
 ********************************/ 

h4.sys_n101{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}
 
div.sys_n101 h5{
	background-color: #f1fff0;
	font-size: small;
}

div.sys_n101_sys_receiving_a_manuscript{
	width: 180px;
	margin: 20px auto 8px auto;
}
 
div.sys_n101_sys_receiving_a_manuscript a{
	display: block;
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/sys_gobtn_bg.gif) no-repeat center;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
} 

/* 入稿メディアフォーマットテーブル（n101,n107,n108共用） */

table.sys_mediaformat_table	{
	width: 100%;
	margin-top: 2px;
	margin-bottom: 4px;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

table.sys_mediaformat_table td	{
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
	vertical-align:top;
	font-size:small;
}

.sys_n101_login_request	{
	text-align:center;
}

 
/********************************
	n102 注文照会画面
 ********************************/ 

div.sys_n102 dl	{
	margin-top: 10px 0 0 0;
}

div.sys_n102 dt	{
	float: left;
	width: 100px;
	height: 30px;
	padding: 3px;
	font-weight: bold;
}

div.sys_n102 dd	{
	height: 30px;
	margin-left:0px;
	padding: 3px;
}

div.sys_order_inquiry_button{
	margin: 20px 0 20px 0;
	text-align: center;
} 

.sys_order_inquiry_box{
	width: 350px;
	margin: 0px;
	padding: 0;
	border: 1px solid #cccccc;
}

 
/********************************
	n104 WEB入稿画面
 ********************************/ 

h4.sys_n104{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_n104 dl	{
	margin: 10px 0 0 0;
}

div.sys_n104 dt	{
	float: left;
	width: 8em;
	height: 1.6em;
	padding: 3px;
	font-weight: bold;
	text-align:right;
}

div.sys_n104 dd	{
	height: 1.6em;
	margin-left:0px;
	padding: 3px;
}

div.sys_web_button{
	margin: 20px 0 20px 0;
	text-align: center;
} 

.sys_web_version_box{
	width: 200px;
	margin: 0px;
	padding: 0;
	border: 1px solid #cccccc;
}

.sys_web_file_box{
	width: 400px;
	margin: 0px;
	padding: 0;
	border: 1px solid #cccccc;
}

.sys_web_uploadbutton{
	margin: 20px 0 20px 0;
	text-align: center;
}

.sys_n104_xfer h4	{
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 2px;
	border: solid 1px #808000;
	background-color: #ffffd0;
	font-size: medium;
	color: #f00000;
	text-align: center;
}

.sys_n104_xfer h4 span	{
	font-size: small;
	font-weight: normal;
}

.sys_n104_xfer p	{
	margin-top: 8px;
	margin-bottom: 8px;
}

.sys_n104_xfer table	{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: solid 1px #a0a0a0;
}

.sys_n104_xfer caption	{
	background-color: #e0f0ff;
}

.sys_n104_xfer th, .sys_n104_xfer td	{
	width: 33%;
	text-align: center;
	border: solid 1px #a0a0a0;
}

.sys_n104_xfer th	{
	background-color: #b0e0ef;
}


/********************************
	n105 FTP入稿画面
 ********************************/ 
 
h4.sys_n105{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

h4 span.sys_femp	{
	color: #ff2020;
}

.sys_n105 h5	{
	margin: 4px 0 4px 20px;
	color: #0000c0;
}

.sys_n105 h5 span	{
	color: #ff2020;
}

.sys_n105 p.sys_ftpexp	{
	margin-left: 5em;
	text-indent: -1em;
}

.sys_n105 p.sys_ftpexp2	{
	margin: 6px 0 10px 2em;
}

.sys_n105 table	{
	width: 540px;
	margin: 8px auto 8px 5em;
	border-collapse: collapse;
	border: solid 1px #909090;
	font-size: medium;
}

.sys_n105 th	{
	padding: 2px 4px;
	border: solid 1px #909090;
}

.sys_n105 td	{
	padding: 2px 4px;
	border-bottom: solid 1px #909090;
}

.sys_n105 td.sys_fnote	{
	padding-left: 8pxem;
	font-size: x-small;
}


div.sys_open_ftp{
	width: 180px;
	margin: 4px auto 20px auto;
}

div.sys_open_ftp a{
	display: block;
	width: 180px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../images/sys_gobtn_bg.gif) no-repeat center;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
}

/********************************
	n106 メール入稿画面
 ********************************/ 

h4.sys_n106{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

.sys_n106_send_mailaddress	{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align:center;
}


/********************************
	n107 メディア入稿画面
 ********************************/ 

h4.sys_n107{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_media_add{
	margin: 15px 20px 15px 20px;
	padding: 15px;
	border: 1px solid #CCCCCC;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;

}

/*n108と共通使用*/
p.sys_download_txt{
	text-align:right;
}


/********************************
	n108 店頭持ち込み入稿画面
 ********************************/ 

h4.sys_n108{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_shop_add{
	margin: 15px 20px 15px 20px;
	padding: 15px;
	border: 1px solid #CCCCCC;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;

}

/********************************
	s501 ご利用方法トップ画面
 ********************************/ 

div.sys_s501 ul{
	list-style-type: none;
	line-height: 180%;
}

div.sys_s501 li a{
	padding-left: 20px;
	background: url(../images/sys_user_guide_icon.gif) no-repeat left center;
}

/********************************
	s502 注文～発送までの流れ
 ********************************/ 
h4.sys_s502{
	margin: 8px 0 20px 0;
	padding: 0 0 0 5px;
	border-left:solid 2px #009900;
	color: #000080;
	font-size: small;
}

div.sys_s502 h5{
	margin: 0 0 5px 0;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-size: small;
}

div.sys_s502 p{
	margin: 10px 0 15px 0;
}

div.sys_mail_and_link_box{
	padding: 10px;
	margin: 0px 10px 30px 10px;
	border: 1px solid #CCCCCC;
}

div.sys_mail_and_link_box ul{
	list-style-type: none;
	margin: 0px;
	padding: 5px 5px 0 5px;
	line-height: 120%;
}

div.sys_mail_and_link_box li{
	padding-left: 15px;
	background-image: url(../images/icon-square.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.sys_caution_box{
	margin: 0px 10px 15px 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFDF;
}


/********************************
	s503 入稿方法
 ********************************/ 
h4.sys_s503{
	margin: 8px 0 0;
	padding:0 0px 0 5px;
	border-left:solid 2px #009900;
	color: #000080;
	font-size: small;
}

div.sys_s503 h5{
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-size: small;
}
 
/********************************
	s504 お支払いについて
 ********************************/ 

h4.sys_s504{
	margin: 24px 0 8px;
	padding:0 0px 0 5px;
	border-left:solid 2px #009900;
	color: #000080;
	font-size: small;
}

div.sys_s504 h5{
	background-color: #F1FFF0;
	font-size: small;
}

div.sys_s504_list_title {
	margin: 8px 8px 0;
	font-weight: bold;
}

div.sys_s504_card_list {
	margin: 8px 0 0;
	padding: 0 8px 0;
	font-weight: bold;
}

div.sys_s504_card_list ul{
	margin-top: 3px;
	font-weight: normal;
}

div.sys_s504_card_list dl{
	margin-top: 3px;
	padding: 0 24px 0;
	font-weight: normal;
}

div.sys_s504_card_list dt{
	float: left;
	width: 7em;
	font-weight: bold;
	text-align:left;
}
div.sys_s504_card_list dt.card1{
	height: 30px;	
}

div.sys_s504_bank dl{
	margin-top: 3px;
	padding: 0 24px 0;
	font-weight: normal;
}

div.sys_s504_bank dt{
	float: left;
	width: 7em;
	font-weight: bold;
	text-align:left;
}

div.sys_s540_caution_box {
	margin: 3px 5px 20px 8px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFDF;
}

.sys_s504_receip_list dt{
	font-weight: bold;
}

.sys_s504_receip_list dd{
	margin: 0 20px 12px;
}

/********************************
	s505 配送について
 ********************************/ 
h4.sys_s505{
	margin: 8px 0 0;
	padding:0 0px 0 5px;
	border-left:solid 2px #009900;
	color: #000080;
	font-size: small;
}

div.sys_s505 h5{
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-size: small;
}

/********************************
	s506 発送までの納期について
 ********************************/
h4.sys_s506{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_s506 h5{
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-size: small;
}

table.sys_deliverydate_table caption{
	margin-top:10px;
	padding: 4px 8px;
	border: solid 1px #b0b0b0;
/*	background-color: #f0faff; */
	background-color: #f1fff0;
	text-align: left;
	color: #000080;
	font-weight: bold;
}

table.sys_deliverydate_table{
	margin: 20px 0 20px 0;
	border-collapse: collapse;
}

table.sys_deliverydate_table th{
	width:80px;
	padding: 3px 4px;
	font-weight: normal;
	text-align: left;
	vertical-align:top;
}

table.sys_deliverydate_table td{
	width:440px;
	padding: 3px 4px;
}

/********************************
	s507 キャンセル・変更について
 ********************************/ 
h4.sys_s507{
	margin: 8px 0 0;
	padding:0 0px 0 5px;
	border-left:solid 2px #009900;
	color: #000080;
	font-size: small;
}

div.sys_s507 h5{
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-size: small;
}

div.sys_s507 p{
	margin-bottom:15px;
}

/********************************
	s508 データチェックについて
 ********************************/ 
h4.sys_s508{
	margin: 8px 0 0;
	padding:0 0px 0 5px;
	border-left:solid 2px #0099FF;
	color: #000080;
	font-size: small;
}
.sys_s508 p	{
	margin-top: 8px;
	margin-bottom: 16px;
}


div.sys_s508 h5{
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-size: small;
}


/********************************
	s401 サポート情報トップ画面
 ********************************/  
 
h4.sys_s401{
	margin-top: 15px;
	padding-left: 15px;
/*	background: #F0FAFF url(../images/shopimg/blue_square.gif) no-repeat 2px center; */
	background: #f1fff0 url(../images/shopimg/blue_square.gif) no-repeat 2px center;
	font-size: small;
} 
 
 
/********************************
	s901 資料請求トップ画面
 ********************************/ 

/*資料請求ステップガイドここから*/
div.sys_stepguide_material{
	width: 100%;
	margin: 0 auto 16px auto;
	padding: 0;
}

.sys_stepguide_material ul{
	margin: 0;
	padding: 0;
}

.sys_stepguide_material li{
	display: block;
	list-style-type: none;
	float: left;
	width: 155px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url(../images/sys_material_stepguide.gif);
	background-repeat:	no-repeat;
	text-indent: -9999px;
	outline: none;
}

.sys_stepguide_material li a{
	display: block;
	width: 155px;
	height: 20px;
	background-image: url(../images/sys_material_stepguide.gif);
	background-repeat:	no-repeat;
	text-indent: -9999px;
	outline: none;
}

.sys_material_step1{
	background-position: 0 0px;
}

.sys_material_step2{
	background-position: -155px 0px;
}

.sys_material_step3{
	background-position: -310px 0px;
}

.sys_material_step4{
	background-position: -465px 0px;
}

.sys_material_step1_on{
	background-position: 0 -20px;
}

.sys_material_step2_on{
	background-position: -155px -20px;
}

.sys_material_step3_on{
	background-position: -310px -20px;
}

.sys_material_step4_on{
	background-position: -465px -20px;
}

.sys_material_step1 a{
	background-position: 0 0;
}

.sys_material_step2 a{
	background-position: -155px 0;
}

.sys_material_step3 a{
	background-position: -310px 0;
}

.sys_material_step4 a{
	background-position: -465px 0;
}
/*資料請求ステップガイドここまで*/

div.sys_material_info{
	width: 578px;
	margin: 12px 10px 0 10px;
	padding: 15px;
	border: 1px solid #CCCCCC;
}

.sys_material_img{
	float:right;
	margin: 10px;
}

div.sys_material_request{
	margin-top:15px;
	text-align:center;
}
 
div.sys_material_request p{
	margin-bottom:15px;
} 

div.sys_material_request_button{
 margin: 0 auto 0 auto;
}

div.sys_material_request_button a{
 display: block;
 width:200px;
 height:25px;
 margin: 0 auto;
 background:url(../images/sys_material_request.jpg) no-repeat;
 text-indent: -9999px;
 outline: none;
}

div.sys_material_request_button a:hover{
 background:url(../images/sys_material_request_f2.jpg) no-repeat;
}

.sys_s901_sampleimgleft {
	float: left;
	display: block;
}
.sys_s901_sampledivright {
	width: 340px;
	float: left;
}



/********************************
	s904 申込完了画面
 ********************************/

div.sys_s904_info{
	margin: 20px 0 20px 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
}

div.sys_go_to_toppage{
	width: 180px;
	margin: 20px auto 8px auto;
}
 
div.sys_go_to_toppage a{
	display: block;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 20px;
	background: url(../images/sys_gobtn_bg.gif) no-repeat center;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	outline: none;
} 

/********************************
	s101 お問い合わせTOP画面
 ********************************/ 
h4.sys_s101{
	clear: left;
	margin: 8px 0 15px 0;
	padding:0 0px 0 5px;
	border-left:solid 2px #0099FF;
	color: #000080;
	font-size: small;
}

div.sys_s101 ul{
	list-style-type: none;
	line-height: 180%;
	padding-left: 0px;
	margin-left: 25px;
}

div.sys_s101 li{
	padding-left: 20px;
	background-image: url(../images/sys_icon-square.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.sys_s101_tel{
	width: 300px;
	margin: 10px 10px 20px 10px;
	padding: 10px;
	border: 1px solid #999999;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
}

div.sys_s101_tel .sys_s101_num	{
	font-weight: bold;
	font-size: large;
}

div.sys_s101_tel .sys_s101_name	{
	font-size: large;
}


div.sys_s101_go_form_button{
	clear: left;
	padding: 10px;
	margin: 0px;
}

.sys_s101_button_img{
	float:left;
	margin: 0 10px 20px 0;
}

div.sys_s101_add{
	width: 400px;
	margin: 10px 10px 20px 10px;
	padding: 10px;
	border: 1px solid #999999;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
}

/********************************
	s201 よくある質問（FAQ)TOP画面
 ********************************/ 
h4.sys_s201{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_s201 ul{
	list-style-type: none;
	line-height: 180%;
}

div.sys_s201 li{
	padding-left: 20px;
	background: url(../images/sys_user_guide_icon.gif) no-repeat left center;
}

/********************************
	s2xx よくある質問（FAQ）個別画面
 ********************************/ 
h4.sys_s2xx{
	margin: 8px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_s2xx table{
	margin: 20px 0 20px 0;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

div.sys_s2xx th{
	width:30px;
	padding: 3px 4px;
	font-weight: normal;
	text-align: left;
	vertical-align:top;
}

div.sys_s2xx td	{
	width:570px;
	padding: 3px 4px;
}

/********************************
	k901 会社概要画面
 ********************************/

div.sys_company_information table{
	margin:20px 0 20px 0;
	border-collapse: collapse;
	border: solid 1px #b0b0b0;
}

div.sys_company_information th{
	width:120px;
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
	font-weight: bold;
	text-align: left;
}

div.sys_company_information td{
	padding: 3px 4px;
	border: solid 1px #b0b0b0;
}

/********************************
	k902 当社へのアクセス
 ********************************/

.sys_k902 p	{
	margin-bottom: 20px;
}

.sys_k902 h4	{
	margin: 0 0 12px 0;
	padding: 2px 4px;
	background-color: #0e95cd;
	line-height: 1.2;
	color: #ffffff;
	font-size: middle;
	font-weight: bold;
}

.sys_k902 table	{
	margin: 0 0 16px 0;
}

.sys_k902 table th	{
	padding: 4px;
	vertical-align: top;
}

.sys_k902 table td	{
	padding: 4px;
}

.sys_k902 table img	{
	margin: 8px;
	border: solid 1px #b0b0b0;
}



/********************************
	k904 プライバシーポリシー
 ********************************/


div.sys_k904 h4{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-size: small;
	background-color: #f1fff0;
}

div.sys_k904 p{
	margin-bottom:0;
	margin-left: 2em;
}

div.sys_k904 ol	{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 6em;
	padding: 0;
}

div.sys_k904 ol li	{
	margin-top: 0;
	margin-bottom: 4px;
	padding: 0;
}

div.sys_privacy_policy_date{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:right;
}

/********************************
	k905 ご利用規約（ポイント規約）
 ********************************/
 
h4.sys_k905{
	margin-top:15px;
	font-size:small;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
}

div.sys_k905 h6{
	margin:0px;
	font-size:small;
} 
 
div.sys_k905 ul{
	margin-top:0px;
}
 
div.sys_agree{
	margin:10px auto 10px auto;
	padding:25px;
}

div.sys_agreement_no{
	float:left;
	width:150px;
	margin-left:40px;
}

div.sys_agreement_no a{
	display:block;
	float:left;
	width:150px;
	height:25px;
	background:url(../images/sys_agree-no.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
 
div.sys_agreement_yes{
	float:left;
	width:150px;
	margin-left:80px;
} 
 
div.sys_agreement_yes a{
	display:block;
	float:left;
	width:150px;
	height:25px;
	background:url(../images/sys_agree-yes.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
} 


/********************************
	m902 （退会）本人確認画面
 ********************************/

div.sys_m902 h4	{
	margin: 20px 0 0 0;
	color: #000080;
	font-size: small;
	text-align: left;
}

div.sys_m902 dl	{
	width: 400px;
	margin: 10px auto 0 auto;
	padding-top:10px;
/*	background-color: #f0f9fa; */
	background-color: #f1fff0;
}

div.sys_m902 dt	{
	float: left;
	width: 5em;
	height:45px;
	margin-left: 20px;
	padding: 3px;
	font-weight: bold;
}

div.sys_m902 dd	{
	height:45px;
	margin-left:0px;
	padding: 3px;
}

div.sys_withdraw_button input{
	display: block;
	width: 120px;
	margin: 20px auto 20px auto;
	text-align: center;
} 

.sys_withdraw_box{
	width: 200px;
	margin: 0px;
	padding: 0;
	border: 1px solid #cccccc;
}

/********************************
	m701 注文時の入力設定
 ********************************/

/* ★共通ナビ（ボタン１つ型） */

div.sys_pagenav_single	{
	margin-top: 16px;
	margin-bottom: 16px;
}

div.sys_pagenav_single a, div.sys_pagenav_single input	{
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 120px;
	height: 20px;
	border: none;
	background: url(../images/sys_btn_forbg.gif) no-repeat center;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

a.sys_iedit	{
	padding-left: 13px;
	background: url(../images/sys_icn_edit.gif) no-repeat left;
}

a.sys_add_item	{
	padding-left: 13px;
	background: url(../images/sys_icn_add_item.gif) no-repeat left;
}



/*toppage*/
#sys_body2{
	float: left;
	width: 660px;
	margin-left: 30px;
}
#con_wrap{
	float: left;
	width: 490px;
}
#con_wrap3{
	margin:0;
	padding:0;
	width:150px;
	float:right;
}
.sys-registration-method{
	margin-bottom:15px;
	background-image: url(../images/navi-img1-2.gif);
	height: 55px;
	width: 150px;
	text-indent: -9999px;
}
.sys-Member-registration{
	margin-bottom:15px;
	background-image: url(../images/navi-img2-2gif.gif);
	height: 76px;
	width: 150px;
	text-indent: -9999px;
}
.calendar{
	width: 150px;
	text-indent: -9999px;
	background: url(../images/calender.gif) no-repeat;
	height: 189px;
	margin-bottom:10px;
}
.explain {
font-size:0.8em;
line-height:1.4em;
margin:0px 5px 40px;
}
h4.privacy {
background-image:url(../images/navi-img5-1.gif);
background-repeat:no-repeat;
height:75px;
text-indent:-9999px;
}
.privacypolicy {
margin:0px 0px 30px;
text-align:center;
}

.con_mainimg img{
	margin-top:10px;
	margin-bottom:10px;
}
h3.news-headline-title {
background-image:url(../images/Contents-img4-1.gif);
background-repeat:no-repeat;
height:25px;
margin-bottom:0px;
margin-top:20px;
text-indent:-9999px;
}
.news-date {
color:#FF0000;
}
.newsheadlinebox {
padding:15px 15px 10px;
width:448px;
}
.news-all {
text-align:right;
}
.news-headline {
border-bottom:1px dotted #39CB39;
margin-bottom:10px;
padding-bottom:5px;
}
/*右端*/
#con_wrap3 h3{
	width:132px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	}

h3.delivery a {
background-image:url(../images/sab-img1.gif);
background-repeat:no-repeat;
display:block;
height:151px;
margin-bottom:10px;
text-indent:-9999px;
width:131px;
}
h3.freesample a {
background-image:url(../images/sab-img2.jpg);
background-repeat:no-repeat;
display:block;
height:149px;
margin-bottom:10px;
text-indent:-9999px;
width:131px;
}
h3.leader-blog a {
background-image:url(../images/sab-img3-2.gif);
background-repeat:no-repeat;
display:block;
height:61px;
margin-bottom:10px;
text-indent:-9999px;
width:131px;
}
h3.from-factory a {
background-image:url(../images/sab-img4-2.gif);
background-repeat:no-repeat;
display:block;
height:61px;
margin-bottom:10px;
text-indent:-9999px;
width:131px;
}
h3.customer-voice a {
background-image:url(../images/sab-img5-2.gif);
background-repeat:no-repeat;
display:block;
height:61px;
margin-bottom:10px;
text-indent:-9999px;
width:131px;
}
h3.credit-card a {
background-image:url(../images/sab-img6.gif);
background-repeat:no-repeat;
display:block;
height:151px;
margin-bottom:10px;
text-indent:-9999px;
width:131px;
}



/********************************
	m702 配送先情報の編集
 ********************************/

a.sys_del_daddress	{
	padding-top: 3px;
	padding-left: 18px;
	background: url(../images/sys_icn_f_delete.gif) no-repeat left;
	line-height: 24px;
}


/********************************
	Ｉ型画面用　ページコンテナ
 ********************************/

#sys_container_typei	{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	background: none;
	text-align:left;
}

/********************************
	Ｉ型画面用　メイン表示部
 ********************************/

#sys_container_typei	{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	background: none;
	text-align:left;
}

div#sys_body_typei	{
	width: 630px;
	margin-left: auto;
	margin-right: auto;
}

/********************************
	3カラム型画面用　メイン表示部
 ********************************/
 #sys_container_type3	{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
	background: url(../images/sys_contents-bg3.gif) repeat-y;
	text-align:left;
}


/********************************
	k103-ニュース一覧
 ********************************/
 .sys_news{
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 7px;
	color: #333333;
	background-color: #E6FFE6;
	border: 3px solid #ECE9D8;
	padding: 10px;
 	
 } 
 
 /********************************
	k999-エラーページ
 ********************************/

div.k999{
	background-color:#EFFFE8;
	border:1px solid #C0C0C0;
	margin:16px auto 25px;
	padding:15px 8px;
	width:95%;
}

div.k999 p{
	float:right;
	width:85%
	
}

div.k999 img{
	float:left;
	}

.sys_k999_error	{
	margin-top: 20px;
}

.sys_k999_btm	{
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: solid 1px #808080;
}
/*---------k906私たちが生産しています。-----------*/
div.divboxtick{
	height:200px;
}
div.divboxtick img{
	float:left;
}
div.divboxshow{
	margin: 0 0 20px 0;
	padding:0;
}
div.divboxbuy{
	width:45%;
	margin-right:30px;
	float:left;
}

span.charge{
	padding-left:10px;
	display:block;
	color: #FFFFFF;
	background-color: #FF9900;
	font-weight: bold;
	font-size:15px;
}
span.charge2{
	display:block;
	text-align:right;
	color:#666666;
}
p.charge{
	display:block;
	width:65%;
	float:right;
}
p.basictextstyle{
	clear:both;
	margin-top: 8px;
	color:#666666;
	font-size:12px;
}

/********************************
	サイトマップ
 ********************************/
div#sitemap_body{
}

h3.sys_sitemap-title{
	background-color: #F6F2EB;
	border-top: 1px solid #009966;
	border-right: 10px solid #009966;
	border-bottom: 1px solid #009966;
	border-left: 10px solid #009966;
	padding-left: 5px;
	margin-bottom: 10px;
	
}
p.sitemap_text1{
	margin-bottom:20px;
}
div.sitemap1 h4{
	font-size: 15px;
	color: #663333;
	background-color: #F1FFEC;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #009999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009999;
	padding-left: 5px;
	margin-bottom: 10px;
}
div.sitemap1 h4 a{
	color: #663333;
	text-decoration: none;
}

div.sitemap1 h4 a:hover{
	color: #663333;
	text-decoration: underline;
 }



/********************************
	k501-モバイル用アドレスの転送
 ********************************/

div.k501 p	{
	margin-top: 10px;
	margin-bottom: 10px;
}
	
.k501 p.sys_cp_note	{
	width: 580px;
	margin: 10px auto 30px auto;
	padding: 8px;
	border: solid 1px #ecec76;
	background-color: #ffffc2;
}

.k501 span.sys_pcdomain	{
	font-size: medium;
	font-weight: bold;
}

.k501 form.sys_cpform	{
	width: 520px;
	margin: 8px auto;
	padding: 20px 40px;
	background-color: #e9ffe9;
}

.k501 label.sys_lbl_cp_adr	{
	font-weight: bold;
}

.k501 p.sys_id_pword_check	{
	margin-left: 160px;
}

.k501 p.sys_id_pword_note	{
	margin-left: 160px;
	font-size: 9px;
}

.k501 p.sys_cp_adrsend	{
	text-align: center;
}

.k501 fieldset	{
	margin-top: 16px;
	margin-bottom: 20px;
	padding: 4px 16px;
}