@charset "utf-8";

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

/****************************
	全体
 ****************************/
a{
	outline: none; 
}

a:link{
	text-decoration:underline;
	color:#2255FF;
}

a:visited{ 
	text-decoration:underline;
	color:#2255FF;
}

a:hover{
	text-decoration:underline;
	color:red;
}

a:active{
	text-decoration:none;
	color:#33FFFF;
}

form	{
	margin: 0;
	padding: 0;
}


body{
	margin: 0 auto;
	padding:0;
	line-height: 1.3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	background-image: url(../images/back.gif);
	background-repeat: repeat-x;
	color: #333333;
}

h2,h3,h4	{
	margin: 0;
}

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

img	{
	border: none;
}

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

.sys_txt_caution	{
	color: #ff0000;
}


/* プレス・トーク　ダイレクト　カート系フッタ先頭部 */
div.sys_footer_head	{
	width: 800px;
	margin: 16px auto 0 auto;
	border-top: solid 1px #b0b0b0;
}

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

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

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

a.sys_link_jump	{
}

/* 共通［戻る］ボタン */
div.sys_goback a {
	display: block;
	width: 147px;
	height: 24px;
	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 #FFF4EF;
	border-left: solid 1px #FFF4EF;
	background-color:#FFFFFF;
	text-align:left;
}


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

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

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

h1	{
	width:850px;
	height: 17px;
	margin: 0;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	background-color:#FF4F0A;
	color: #ffffff;
	font-size:10px;
	font-weight: normal;
}
#sys_header h2{
	margin:0;
	padding:0;
}
#sys_header h2 a{
	height:108px;
	width:860px;
	margin:0;
	padding:0;
}
/* ヘッダ（２）ログインブロック */

.sys_headerlogin	{
	background-color: #ffffff;
	height:46px;
}
*html .sys_headerlogin{
	height:47px
}
*:first-child+html .sys_headerlogin{
	height:47px
}
.sys_loginbox	{
	float: left;
	width: 500px;
	height:35px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
*html .sys_loginbox	{
	/*padding-top: 0px;*/
	padding-bottom: 0px;
	margin:0;
}
.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	{
	font-size:10px;
}
*html .sys_reminder{
	font-size:8px;
	margin:0;
	padding:0;
}
/* カート用リンク等 */

.sys_headertxtmenu	{
	float: left;
	width: 320px;
	height: 30px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
}

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

.sys_headertxtmenu a#sys_link_confirm_order	{
	background: url(../images/icon-kakunin.jpg) no-repeat left;
}

.sys_headertxtmenu a#sys_link_cart	{
	background: url(../images/icon-kago.jpg) no-repeat left;
}

/* ヘッダ（３）グローバルメニュー */
/**html .sys_globalnavi{
	margin-top:3px;
}*/

.sys_globalnavi	{
	width: 860px;
	height:31px;
	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: 31px;
	margin: 0px;
	padding: 0px;
	/*background: url(../images/headernavi.png) no-repeat;*/
	text-indent: -9999px;
}

.sys_globalnavi li#sys_hn01 {
	width: 146px;
	background-position: 0px -41px;
}

.sys_globalnavi li#sys_hn02	{
	background-position: -146px -41px;
		width:102px;
}
.sys_globalnavi li#sys_hn03	{
	background-position: -248px -41px;
	width:102px;
}
.sys_globalnavi li#sys_hn04	{
	background-position: -349px -41px;
	width:101px;
}
.sys_globalnavi li#sys_hn05	{
	background-position: -451px -41px;
	width:102px;
}
.sys_globalnavi li#sys_hn06	{
	background-position: -553px -41px;
	width:102px;
}
.sys_globalnavi li#sys_hn07	{
	background-position: -655px -41px;
	width:102px;
}
.sys_globalnavi li#sys_hn08	{
	background-position: -758px -41px;
	width:103px;
}

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

.sys_globalnavi li#sys_hn01 a{
	width: 146px;
	background-position: 0 0;
}
.sys_globalnavi li#sys_hn02 a	{
	width:102px;
	background-position: -146px 0;
}
.sys_globalnavi li#sys_hn03 a	{
	width:102px;
	background-position: -248px 0;
}
.sys_globalnavi li#sys_hn04 a	{
	width:101px;
	background-position: -349px 0;
}
.sys_globalnavi li#sys_hn05 a	{
	width:102px;
	background-position: -451px 0;
}
.sys_globalnavi li#sys_hn06 a	{
	width:102px;
	background-position: -553px 0;
}
.sys_globalnavi li#sys_hn07 a	{
	width:102px;
	background-position: -655px 0;
}
.sys_globalnavi li#sys_hn08 a	{
	width:103px;
	background-position: -757px 0;
}

.sys_globalnavi li#sys_hn01 a:hover	{
	width: 146px;
	background-position: 0 -41px;
}
.sys_globalnavi li#sys_hn02 a:hover	{
	width:102px;
	background-position: -146px -41px;
}
.sys_globalnavi li#sys_hn03 a:hover	{
	width:102px;
	background-position: -248px -41px;
}
.sys_globalnavi li#sys_hn04 a:hover	{
	width:101px;
	background-position: -349px -41px;
}
.sys_globalnavi li#sys_hn05 a:hover	{
	width:102px;
	background-position: -451px -41px;
}
.sys_globalnavi li#sys_hn06 a:hover	{
	width:102px;
	background-position: -553px -41px;
}
.sys_globalnavi li#sys_hn07 a:hover	{
	width:102px;
	background-position: -655px -41px;
}
.sys_globalnavi li#sys_hn08 a:hover	{
	width:103px;
	background-position: -757px -41px;
}

/* 補足情報行 */

#sys_additional_note	{
	width: 850px;
	height: 3px;
	background-color: #ffffff;
	padding: 0;
	line-height: 3px;
}


/**********************************
	プレストーク・ダイレクト フッタ
 **********************************/

#footer{
	clear:left;
	width:840px;
	height: 90px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FF4F0A;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 160%;
	color: #ffffff;
	text-align:left;
	padding-right: 10px;
	margin: 0px;
}

#footer a:link{ color:#ffffff;
                text-decoration:underline;}
#footer a:visited{ color:#ffffff;
                text-decoration:underline;}
#footer a:hover{ color:#ffffff;
                text-decoration:none;}

#footer a:active{ color:#ffffff;
                text-decoration:none;}

#footer h3	{
	color:#ffffff;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}



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

#sys_footer	{
	clear: both;
	width: 840px;
	margin: 0;
	padding: 30px 10px 5px;
	background-image:url(../images/press-talk-foot.jpg);
	line-height: 1.4;
	color: #ffffff;
	text-align:left;
	background-position: bottom;
	background-repeat: no-repeat;
}

#sys_footer ul	{
	height: 1.2em;
	margin: 0 ;
	padding: 0;
}

#sys_footer li	{
	display: block;
	float: left;
	margin: 0;
	padding:0 15px 0 10px;
	border-right: solid 1px #ffffff;
	line-height: 1.2;
	list-style-type: none;
}

#sys_footer li.sys_footer_top	{
	border-left: solid 1px #ffffff;
}

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

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

#sys_footer ul,#sys_footer p{
	margin-left:220px;
}


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

#sys_contents	{
	text-align:	left;
	margin-top: 6px;	/* トップページのみ、補助クラスによりゼロにされる */
}


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

#sys_localnavi	{
	float: left;
	width: 160px;
	padding: 0px 10px 6em 10px;
}

#sys_localnavi ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*padding-left:20px;*/
}

#sys_localnavi li	{
	margin-bottom: 2px;
	/*list-style-image: url(../images/listmark.gif);*/
}

/*
#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{
	background-image:url(../images/list_syouhin.gif);
	
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h4.sys_servicemenu_title a{
	display:block;
	height: 23px;
	width: 160px;
}

.sys_servicelist	{
	width:148px;
	margin-bottom: 0px;
	padding: 10px 5px 10px 5px;
	border: solid 1px #FF4F0A;
	border-top: none;
	border-bottom-style: none;
	background-color: #FFF9E9;
}

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

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

.sys_servicelist ul	{
	margin-top: -4px;
}

.sys_servicelist li	{
	padding-left: 0;
	background: none;
}

.sys_servicelist li.sys_lclass1	{
	margin-top: 6px;
	padding-left: 0;
	font-weight: bold;
}
.sys_servicelist li.sys_lclass1 span.sys_lminus{
	width:20px;
	background: url(../images/ico_folder_3.gif) no-repeat left;
}
.sys_servicelist li.sys_lclass1 span.sys_lplus{
	width:20px;
	background: url(../images/ico_folder_2.gif) no-repeat left;
}
.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/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/listmark.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}

#sys_localnavi li a:link{
	text-decoration:none;
	color:#2255FF;
}

#sys_localnavi li a:visited{ 
	text-decoration:none;
	color:#2255FF;
}

#sys_localnavi li a:hover{
	text-decoration:underline;
	color:red;
}

#sys_localnavi li a:active{
	text-decoration:none;
	color:#33FFFF;
}


/* オプション説明 */

h4.sys_option-listtitle	{
	background-image: url(../images/list_option.gif);
	height: 23px;
	width: 160px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.sys_localnavibox{
	width: 148px;
	margin-bottom: 0px;
	padding: 10px 5px 10px 5px;
	border: solid 1px #FF4F0A;
	border-top: none;
	border-bottom: none;
	background-color: #FFF9E9;
}

/*ご利用に当たって*/
.sys_goriyou_listtitle{
	background-image: url(../images/list_goriyou.gif);
	height: 23px;
	width: 160px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* 会社情報 */

h4.sys_company-infotitle {
	background-image:url(../images/list_company.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h4.sys_company-infotitle a{
	display:block;
	height: 23px;
	width: 160px;
}

.sys_localnavi_company{
	padding:5px;
	border-top: none;
	border-right: solid 1px #666666;
	border-left: solid 1px #666666;
	border-bottom-style: none;
	line-height: 18px;
}

/* ボックスの角丸下側 */

.foot{
	margin-bottom: 8px;
	background-image: url(../images/list_kador.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
}
.foot2{
	background-image:url(../images/list_company_kador.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
}


/* 大豆インク */
.soyink	{
	width: 152px;
	margin-left: 3px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: x-small;
	text-align: center;
}

.soyink p	{
	text-align: left;
}

/* セキュリティシール */

#seal	{
	width: 152px;
	margin-left: 3px;
	margin-top: 15px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: x-small;
	text-align:center;
}

#seal img	{
	margin-right: 3px;
}

#seal p	{
	margin-top:10px;
	text-align: justify;
}

/* セキュリティシール（サイドメニューのない画面用） */
div#seal_i{
	float: left;
	width: 140px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #ffffff;
}

p#seal_i	{
	float: left;
	margin-top: 10px;
	text-align: left;
	font-size: x-small;
}

/* 禁止事項 */

.prohibit	{
	width: 152px;
	margin-left: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 3px;
	padding-left: 3px;
	font-size: x-small;
	text-align: justify;
}




/********************************
	メイン表示部（本文）
*********************************/

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

/* タイトル */

h3.sys_body-title	{
	height: 35px;
	margin-bottom: 12px;
	padding-left: 20px;
	background: url(../images/sys_body-title.gif) no-repeat left top;
	line-height: 37px;
	color: #000080;
	font-size: 20px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/********************************
	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;
	border: none;
/*	background-color: #f0faff; */
	background-color: #f1fff0;
}

/* アイコン */

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

.sys_genre-list a.sys_gmicon img	{
	width: 188px;
	height: 56px;
	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	{
	clear: both;
	width: 100%;
	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	{
	padding: 5px;
	border: solid 1px #b0b0b0;
/*	background-color: #f0faff;*/
	background-color: #fff8ec;
	font-weight: bold;
	text-align: left;
}
th.sys_iname{
	width: 40%;
}
th.sys_isize{
	width: 20%;
}
th.sys_inote{
}
.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/page-top.gif) no-repeat;
	text-indent: -9999px;
}

/********************************
	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: #ffddd0;
	line-height: 2;
	color: #000000;
	font-size: medeium;
	font-weight: bold;
}

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

.k203 dt	{
	float: left;
	width: 100px;
/*	height: 1.6em; */
	margin-right: 0;
	padding: 3px;
	font-weight: bold;
}

.k203 dd	{
/*	height: 1.6em; */
	float: left;
	width: 512px;
margin-left: 0;
	padding: 3px;
}

.k203 dd.sys_dvtime a	{
	display: block;
	float: left;
/*	width: 5em; */
	width: 90px;
	margin-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	border-left: solid 1px #000000;
	text-align: center;
}

/* 発送納期テーブル */

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

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

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

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

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

/* 価格表テーブル */

.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 dt.sys_option_added{
	background-color:#00A000;
	color:#FFFFFF;
}

#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{
	float: right;
	width: 180px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
}

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

#sys_optlist-box{
	width: 162px;
	margin: 0;
	padding: 8px 8px 0 8px;
	background-color: #FFFFFF;
	border-left: solid 1px #FF4F0A;
	border-right: solid 1px #FF4F0A;
}

#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 0 0;
	padding: 0 0 0 0;
}

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

#sys_optlist-box form.sys_incart_btnform	{
	padding-top: 8px;
	border-top: solid 2px #000000;
}


#sys_optlist-box a	{
	display: block;
	width: 115px;
	height: 30px;
	margin: 0 auto;
	background: url(../images/sys_btn-cart.jpg) no-repeat center;
	text-indent: -9999px;
	outline: none;
}

#sys_optlist-box .sys_incart {
	display:block;
	width:140px;
	height:40px;
	margin:0 auto 0px;
	border:medium none;
	background:transparent url(../images/sys_btn-cart.gif) no-repeat scroll center;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	cursor: pointer;
	text-indent:-9999px;
}

img.sys_incart_bottom	{
	margin: 0;
	padding: 0;
	height: 13px
}


/********************************
	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: #ff9d6f;
	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: #fdffd9;
}

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: #ff9d6f;
	text-align: left;
}

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

/* 価格計算 */
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: #ff9d6f;
	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: #ff9d6f;
	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: #ffddd0;
}

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

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

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

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: #ff9d6f;
	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: 24px;
	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: #ff8d6f;
}

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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.sys_pr_step4 a	{
	background-position: -366px 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:#feece0;
	border-bottom: solid 2px #ffffff;
}

.sys_s902_form td	{
	padding: 6px 8px;
/*	background-color: #f0f9fa; */
	background-color: #FFFCF7;
	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: #ff9d6f;
	font-weight: bold;
}

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

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


/********************************
	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 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: #fff8ec;
}

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: #fff8ec;
	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: #fff8ec;
} 
 
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: #fff8ec;
	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: 35px;
	padding: 3px;
	font-weight: bold;
}

div.sys_n102 dd	{
	height: 35px;
	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 メディア入稿画面
 ********************************/ 
#sys_container_typei {
	background:transparent none repeat scroll 0%;
	background-color:#FFFFFF;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:860px;
}

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



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: #fff8ec;

}

/*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: #fff8ec;

}

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

div.sys_s501 .bikou-txt	{
	font-size: x-small;
}

div.sys_s501 .bikou-title	{
	color: #d21e1e;
	font-size: normal;
	font-weight: bold;
	text-align: left;
}

.sys_s501 table.sys_img_panel a	{
	display: block;
	width: 315px;
	height: 31px;
	text-indent: -9999px;
	outline: none;
}

.sys_s501 a#guide_01	{
	background: url(../images/guide_01.gif) no-repeat left;
}

.sys_s501 a#guide_02	{
	background: url(../images/guide_02.gif) no-repeat left;
}

.sys_s501 a#guide_03	{
	background: url(../images/guide_03.gif) no-repeat left;
}

.sys_s501 a#guide_04	{
	background: url(../images/guide_04.gif) no-repeat left;
}

.sys_s501 a#guide_05	{
	background: url(../images/guide_05.gif) no-repeat left;
}

.sys_s501 a#guide_06	{
	background: url(../images/guide_06.gif) no-repeat left;
}

.sys_s501 a#guide_07	{
	background: url(../images/guide_07.gif) no-repeat left;
}

.sys_s501 a#guide_08	{
	background: url(../images/guide_08.gif) no-repeat left;
}

.sys_s501 a#guide_09	{
	background: url(../images/guide_09.gif) no-repeat left;
}

.sys_s501 a#guide_10	{
	background: url(../images/guide_10.gif) no-repeat left;
}

.sys_s501 a#guide_11	{
	background: url(../images/guide_11.gif) no-repeat left;
}

.sys_s501 a#guide_12	{
	background: url(../images/guide_12.gif) no-repeat left;
}

.sys_s501 a#guide_13	{
	background: url(../images/guide_13.gif) no-repeat left;
}

.sys_s501 a#guide_01:hover	{
	background: url(../images/guide_r_01.gif) no-repeat left;
}

.sys_s501 a#guide_02:hover	{
	background: url(../images/guide_r_02.gif) no-repeat left;
}

.sys_s501 a#guide_03:hover	{
	background: url(../images/guide_r_03.gif) no-repeat left;
}

.sys_s501 a#guide_04:hover	{
	background: url(../images/guide_r_04.gif) no-repeat left;
}

.sys_s501 a#guide_05:hover	{
	background: url(../images/guide_r_05.gif) no-repeat left;
}

.sys_s501 a#guide_06:hover	{
	background: url(../images/guide_r_06.gif) no-repeat left;
}

.sys_s501 a#guide_07:hover	{
	background: url(../images/guide_r_07.gif) no-repeat left;
}

.sys_s501 a#guide_08:hover	{
	background: url(../images/guide_r_08.gif) no-repeat left;
}

.sys_s501 a#guide_09:hover	{
	background: url(../images/guide_r_09.gif) no-repeat left;
}

.sys_s501 a#guide_10:hover	{
	background: url(../images/guide_r_10.gif) no-repeat left;
}

.sys_s501 a#guide_11:hover	{
	background: url(../images/guide_r_11.gif) no-repeat left;
}

.sys_s501 a#guide_12:hover	{
	background: url(../images/guide_r_12.gif) no-repeat left;
}

.sys_s501 a#guide_13:hover	{
	background: url(../images/guide_r_13.gif) no-repeat left;
}

/* 旧画面(2007.9.15まで)

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

div.sys_s501 li{
	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 #ff9d6f;
	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 #ff9d6f;
	color: #000080;
	font-size: small;
}

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

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

div.sys_s504 h5{
	background-color: #FFFCF7;
	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_bank {
	margin: 8px 0 0;
	padding: 0 8px 0;
	font-weight: bold;
}

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 #ff9d6f;
	color: #000080;
	font-size: small;
}

div.sys_s505 h5{
/*	background-color: #F0FAFF; */
	background-color: #FFFCF7;
	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: #FFF8EC;
	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: 14px 4px 3px 4px;
}

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

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

/********************************
	s509 ポイント還元について
 ********************************/ 
div.sys_s509_bank {
	margin: 8px 0 0;
	padding: 0 8px 0;
	font-weight: normal;
}

/********************************
	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{
	margin: 0 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;
}


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

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

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 #ff9d6f;
	color: #000080;
	font-size: small;
}

div.sys_s101 ul{
	line-height: 180%;
	padding-left:15px;
	margin-left: 10px;
	
}

div.sys_s101 li{
	vertical-align: middle;	
	list-style-type: none;
	list-style-image: url(../images/sys_icon-square.gif);
}

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

	font-size: medium;
}

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/icon-square.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:#FEECE0;
	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: #ff9d6f;
	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 p{
	margin-bottom:15px;
}

h4.sys_k904{
	padding-left: 5px;
	font-size: small;
/*	background-color: #F0FAFF; */
	background-color: #f1fff0;
}

div.sys_k904 ul{
	list-style-type: none;
}

div.sys_privacy_policy_date{
	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;
} 

div.terms-of-use-height{
	height: 300px;
	overflow: auto;
	border: 1px solid #cccccc;
	padding: 12px;
	margin-top: 8px;
}

/********************************
	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: #fff8ec;
}

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;
}

/********************************
	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;
}

/********************************
	k103-ニュース一覧
 ********************************/
 .sys_news{
	font-size: 12px;
	margin-bottom: 8px;
	margin-top: 7px;
	color: #333333;
	background-color: #FFFCF4;
	border: 3px solid #ECE9D8;
	padding: 10px;
 	
 } 
 
/********************************
	k999-エラーページ
 ********************************/
div.k999{
	background-color:#FDFFD9;
	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_btm	{
	padding-top: 20px;
	padding-bottom: 16px;
	border-bottom: solid 1px #ff731e;
}

/********************************
	k801-加工オプション
 ********************************/
div.k801_Processing{
	height:100px;
	margin-top:20px;
	clear:left;
	color:#333333;
}
 div.k801_Processing img{
 	float:left;
}
div.k801_Processing div{
	width:76%;
	margin-left:15px;
	float:left;
}
div.k801_Processing h4{
	background-color:#FFF8EC;
	margin-bottom:15px;
	padding-left:10px;
	border-bottom:solid #FF9D6F 1px;
	border-left:solid #FF9D6F 4px;
}
#sys_body ul.k801_Processing{
	margin:0 0 50px 0;
	padding:0;
	display:block;
	clear:both;
	color:#333333;
}

#sys_body ul.k801_Processing li{
	margin:5px 0 0 0;
	padding:0;
	display:block;
	list-style-type: none;
}
/********************************
	サイトマップ
 ********************************/
div#sitemap_body{
	

}
h3.sys_sitemap-title{
	padding-left: 15px;
	margin-bottom: 10px;
	background-image: url(../images/sys_body-title.gif);
	height: 30px;
	background-repeat: no-repeat;
	
}
p.sitemap_text1{
	margin-bottom:20px;
}
div.sitemap1 h4{
	font-size: 15px;
	color: #663333;
	background-color: #F9EAC6;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FF9966;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9966;
	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;
 }
 /*k807モバイル*/
h5.sys_k807 {
	background-color: #FFFAE8;
	padding-left: 10px;
	font-size: 14px;
	color: #555555;
}
#seal p {
	text-align: left;
}



/********************************
	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 #9fdfdc;
	background-color: #dff9ff;
}

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

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

.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;
}