@charset "utf-8";

.pagebody{
	padding:0 10px;
}

.wrapper {
	margin: 0px auto 10px;
	border:1px solid #CCCCCC;
	width: 922px;
	height:auto;
	text-align: left;
	font-family: "Osaka",sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #000000;
	background: #ffffff;
}

.footWrap{
	position:relative;
	width:922px;
	margin:0 auto;
	padding:0px 0px 15px;
}

.stepbox ul {
	list-style: none;

}

/**************************************/
/*   ページ先頭ブロック（商品名等）   */
/**************************************/

/* ステップ名の並んだボックス ※１枚のGIFの表示位置を変えている */

.stepbox	{
	margin: 15px 15px;
}

.stepbox ul	{
	float: left;
	padding: 0;
}

.stepbox li	{
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.stepbox li a	{
	display: block;
	height: 30px;
	outline: none;
}


/* デザイン封筒 ステップガイド */

li.design_step0	{
	width: 63px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat 0px 0px;
}

li.design_step1	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -63px -30px;
}

li.design_step2	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -174px -30px;
}

li.design_step3	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -285px -30px;
}

li.design_step4	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -396px -30px;
}

li.design_step5	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -507px -30px;
}

li.design_step0_on	{
	width: 63px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat 0px 0px;
}

li.design_step1_on	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -63px 0px;
}

li.design_step2_on	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -174px 0px;
}

li.design_step3_on	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -285px 0px;
}

li.design_step4_on	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -396px 0px;
}

li.design_step5_on	{
	width: 111px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat -507px 0px;
}

/* データ入稿画面用　ステップガイド */
li.original_step0{
	width: 63px;
	background: url(../../images/dfuto/stepguide_futo.png) no-repeat 0px 0px;
}
li.original_step1{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -63px -30px;
}
li.original_step2{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -229px -30px;
}
li.original_step3{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -395px -30px;
}
li.original_step4{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -561px -30px;
}

li.original_step1_on{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -63px 0px;
}
li.original_step2_on{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -229px 0px;
}
li.original_step3_on{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -395px 0px;
}
li.original_step4_on{
	width: 166px;
	background: url(../../images/dfuto/stepguide_data.png) no-repeat -561px 0px;
}

/* ショッピングカート */

.stepbox li.cart	{
	width: 125px;
	height:30px;
	margin-left:0px;
	padding:5px 0 0 35px;
	background: url(../../images/dfuto/stepguide_cart.gif) no-repeat left;
	font-size: 10px;
	line-height: 12px;
	text-align:left;
	text-indent: 0px;
}

/**************************************/
/*   柱（手順名表示）                 */
/**************************************/

.stepbar	{
	clear: both;
	margin: 14px 0px 10px 0px;
	padding:0 8px;
}

.stepbar h2	{
	height: 25px;
	margin-bottom: 8px;
	padding-left: 8px;
	padding-top:5px;
	background: url(../../images/dfuto/img_stepbar.gif) repeat-x bottom;
	color: #33333;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

.stepbar p	{
	margin:0 15px;
}

p.color-attention	{
	margin-left: 16px;
	margin-top: 5px;
}

.group_header{
	margin-top: 24px;
	margin-bottom: 16px;
	padding-left: 8px;
	background-color: #D7D5A9;
	background-image: none;
	color:#000000;
	font-size: 12px;
	font-weight: normal;
}

.group_header_top	{
	margin-top: 0;
	margin-bottom: 16px;
	padding-left: 8px;
	background-color: #D7D5A9;
	background-image: none;
	color:#000000;
	font-size: 12px;
	font-weight: normal;
}


/**********************************/
/*       共通小見出し（タブ風）   */
/**********************************/

div.tabbox	{
	clear: both;
	padding: 0px;
}

.tabbox_body	{
	margin: 0 auto 12px auto;
	padding: 8px 15px;
	background-color: #F2F2EA;
}

h3.tab_short	{
	height: 26px;
	margin: 15px 0 0 0;
	padding-left: 13px;
	background: url(../../images/dfuto/img_tabbar.gif) no-repeat left bottom;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}

h3.tab_middle	{
	height: 27px;
	margin: 0 0 3px;
	padding-left: 13px;
	padding-top: 3px;
	background: url(../../images/dfuto/img_tabbar.gif) no-repeat left;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}

h3.tab_long	{
	height: 26px;
	margin: 0;
	padding-left: 13px;
	background: url(../../images/dfuto/img_tabbar.gif) no-repeat left bottom;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}

h3.tab_x-long	{
	height: 26px;
	padding-left: 13px;
	background: url(../../images/dfuto/img_tabbar.gif) no-repeat left;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}


/**********************************/
/*   ページナビゲーションボタン   */
/**********************************/

/* ナビゲーションボタンを囲うdiv */
.pagenav	{
	clear: both;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* ２つボタンのとき */

ul.navbutton	{
	width: 265px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
.navbutton_short	{
	width: 230px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#navbutton_short	{
	width: 90px;
}

.navbutton_n205	{	/* EV140 ボタン３つ */
	width: 430px;
	margin: 0px auto;
	padding: 0px;
}

.pagenav ul li	{
	display: inline;
	float: left;
	margin: 0 4px;	/* ボタン同士の左右のみ空ける */
	padding: 0;
	line-height: 22px;
}

/* １つボタンのとき（幅が狭い） */

ul.navbutton_single	{
	width: 130px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
.navbutton_single li	{
	float: left;
	margin: 0 4px;	/* ボタン同士の左右のみ空ける */
	padding: 0;
	text-indent: -9999px;	/* キャプション文字列を見えない場所に飛ばす（テキストリーダーでは読まれる） */
}

/* ナビゲーションボタン表記 */

input.btn_next	{	/* 次のステップ-Button */
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 20px;
	border: none;
	text-indent: -9999px;
	background: url(../../images/dfuto/btn_next.gif) no-repeat left;
	cursor: pointer;
}	

a.btn_back	{	/* 前のステップ-Link */
	display: block;
	margin: 0;
	width: 120px;
	height: 20px;
	border: none;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;	/* FireFoxでフォーカスが変になるのでフォーカスを消す（Text-indentの影響） */
	background: url(../../images/dfuto/btn_back.gif) no-repeat left;
	cursor: pointer;
}

a.btn_back_to_design	{	/* デザインを変更ボタン（EV140）-Link */
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 20px;
	border: none;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../../images/dfuto/btn_back_to_design.gif) no-repeat left;
	cursor: pointer;
}

input.btn_set_layout	{	/* この印刷内容で決定（EV140)-Button */
	display: block;
	width: 150px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../images/dfuto/btn_set_layout.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}

input.btn_cart	{	/* カートに入れる(EV101)-Button */
	display: block;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../images/dfuto/btn_cart.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}
input.btn_cart-1b{/* カートに入れる(EV101)-Button：ボタン1つ表示用 */
	display: block;
	width: 120px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: url(../../images/dfuto/btn_cart.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}
.close-btn2 .close {	/* 閉じる（EV011・EV150・EV151）-Link */
	display:block;
	width:90px;
	height:20px;
	border:none;
	background:url(../../images/dfuto/btn_close.gif) no-repeat center center;
	text-indent:-9999px;
	cursor:pointer;
}

/**************************************/
/*     EV101 枚数指定・価格確認       */
/**************************************/

h4.left_header	{
	clear:	both;
	float:	left;
	width: 120px;
	height: 20px;
	margin: 5px 8px 8px -5px;
	background: url(../../images/dfuto/img_h4index.gif) no-repeat center;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

h4.left_header_fixed	{
	float: left;
	width: 120px;
	height: 20px;
	margin: 0px 8px 0px 3px;
	background: url(../../images/dfuto/img_h4index_gray.gif) no-repeat center;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}

/*************************************************************/
div.specifications	{
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0;
}

div.ordered-Content {
	clear:	both;
	margin: 0 0 5px 0;
	padding: 0;
}
/*---右部内容表示---*/
div.ordered-Content div.con-area {
	float:left;
	width:700px;
	font-weight: 700;
	line-height: 1.5;
}
/*--商品画像に枠線表示--*/
div.con-area p.design_box img{
	border:1px solid #c0c0c0;
}


#ordered-design	{
	clear:	both;
	margin: 0;
	padding: 0;
}

#ordered-design p	{
	vertical-align: bottom;
}

#ordered-design p img	{
	display: inline;
	margin: 0;
	padding: 0;
}


a.btn_enlarge_s	{
	display: block;
	width: 62px;
	height: 18px;
	margin-top: 10px;
	border: none;
	background: url(../../images/dfuto/btn_enlarge-s.gif) no-repeat left;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

p.nav_note	{
	clear:both;
	color: #808080;
	font-size: 12px;
	text-align: right;
}

.right_body	{
	float:	left;
	margin-top:	5px;
	margin-bottom: 5px;
}

.right_body input, .right_body textarea	{
	margin-top: 8px;
	margin-left: 0;
}

.figureout_caption	{
	float: left;
	width: 330px;
	margin-top: 4px;
}

.figureout_control	{
	float: left;
	margin-top: 4px;
	margin-bottom:20px;
	line-height: 20px;
	text-align: left;
	vertical-align: baseline;
}

.figureout_control span	{
	display:	block;
	float:	left;
	height: 20px;
	vertical-align: bottom;
}

.figureout_control span#yen	{
	font-size: 14px;
	font-weight: bold;
}

/* 価格確認 */

input.price_button	{
	display: block;
	width: 120px;
	height: 20px;
	margin-left: 1.5em;
	margin-bottom: 8px;
	border: none;
	background: url(../../images/dfuto/btn_figureout_price.gif) no-repeat center;
	text-indent:-9999px;
	cursor: pointer;
}

.price_table_button	{
	float: right;
	height: 15px;
	background: url(../../images/dfuto/icn_small_arrow_gray.gif) no-repeat left;
	text-indent: 16px;
}

.price_box	{
	float: left;
	width: 130px;
	height:	20px;
	padding: 0px 4px;
	border:	solid 1px #a0a0a0;
	text-align: right;
	font-size: 16px;
	vertical-align: bottom;
}

p.lastline	{
	clear: both;
	margin: 0px 0px;
}
/*-- ナビボタン下、文言表示：（一度だけ押してください。） --*/
/*2つ表示の場合*/
p.pagenav_notice_right	{
	clear:both;
	margin-top: 4px;
	margin-left: 465px;
	color: #606060;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}
*html p.pagenav_notice_right	{
	margin-left: 460px;
}
/*1つ表示の場合*/
p.pagenav_notice_center	{
	margin-top: 4px;
	color: #606060;
	font-size: 11px;
	text-align: center;
}
/********************************/
/*     EV110 封筒デザイン選択   */
/********************************/

/* 価格表リンク */

p.mediainfo-link	{
	margin-bottom: 4px;
}

p.mediainfo-link a	{
	margin-left: 8px;
	padding-left: 18px;
	background: url(../../images/dfuto/top/ico-login2.jpg) no-repeat left;
}


/* ジャンル選択 */

h4#media_size	{
	margin-bottom:10px;
	padding: 0 0 0px 4px;
	background-color: #f0f0e9;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

div.design_genre {
	width: 897px;
	min-height: 72px;
	margin: 0 auto 10px auto;
}
*html div.design_genre {
	height: 40px;
}
.design_genre	li{
	display: block;
	float: left;
	width: 127px;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.design_genre a	{
	display: block;
	margin: 0;
	padding: 0 0 4px;
	border: solid 2px #808070;
	border-top: solid 2px #e8e8d9;
	border-left: solid 2px #e8e8d9;
	background: url(../../images/dfuto/img_gbtn_0.gif) repeat-y center;
	text-align: center;
	letter-spacing: -0.5px;
}

.design_genre a.s1	{
	background: url(../../images/dfuto/img_gbtn_s1.gif) no-repeat center;
}

.design_genre a.s2	{
	background: url(../../images/dfuto/img_gbtn_s2.gif) no-repeat center;
}

.design_genre a.s3	{
	background: url(../../images/dfuto/img_gbtn_s3.gif) no-repeat center;
}

.design_genre a.s4	{
	background: url(../../images/dfuto/img_gbtn_s4.gif) no-repeat center;
}

.design_genre a.s5	{
	background: url(../../images/dfuto/img_gbtn_s5.gif) no-repeat center;
}

.design_genre a.s6	{
	background: url(../../images/dfuto/img_gbtn_s6.gif) no-repeat center;
}


.design_genre a:link	{
	color: #000080;
	text-decoration: none;
}

.design_genre a:visited	{
	color: #000080;
	text-decoration: none;
}

.design_genre a:hover	{
	display: block;
	background: #ffffff;
	color: #0000FF;
	text-decoration: none;
}

/* -ジャンル特記事項(著作権注意事項など)- */

.n202-ex{
	margin-bottom: 15px;
	padding:10px 15px;
	border:1px solid #999999;
	background-color: #FFF5D7;
}

/* デザイン選択 */

div.design_frame	{
	display: inline;
	float: left;
	width: 100%;
}

h4#genre_name	{
	margin-bottom:10px;
	padding: 0 0 0px 4px;
	background-color: #f0f0e9;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

h4#genre_name span	{
	margin-left:15px;
	color: #a53a3a;
	font-weight: normal;
}

p.designs_caption	{
	padding-left: 12px;
}


/* デザイン選択ウィンドウ内 */

p.page_flip	{
	text-align: right;
}

p.page_flip span.pf_no	{
	margin-left: 1em;
	margin-right: 1em;
	font-weight: bold;
}

ul.designs {
	width: 100%;
	margin: 4px 0;
	padding: 0;
}

.designs li	{
	display:block;
	float: left;
	width: 210px;
	height: 330px;
	margin-right:12px;
	margin-top:15px;
	padding-top: 4px;
	border-top: solid 2px #e0e0e0;
}

.designs p.design_name	{
	height: 20px;
	font-weight: bold;
	text-align: left;
}

.designs p.design_name span	{
	display: block;
	float: left;
}

.designs p.design_name a	{
	display: block;
	float: left;
	width: 40px;
	height: 16px;
	margin-left: 4px;
	padding-left: 16px;
	background: url(../../images/dfuto/icn_loupe_s.gif) no-repeat left;
	color: #606060;
	font-weight: normal;
}

.designs p.design_name a:link	{
	color: #606060;
	text-decoration: none;
}

.designs p.design_name a:visited	{
	color: #606060;
	text-decoration: none;
}

.designs p.design_name a:hover	{
	color: #000000;
	text-decoration: underline;
}

.designs span.attention {
	width: 60px;
	height: 20px;
	margin: 0 0 0 8px;
	padding: 0;
	background: url(../../images/dfuto/icn_recommended_item.gif) no-repeat left;
	text-indent:-9999px;
	vertical-align: middle;
}

.designs p.design_box	{
	clear: both;
	text-align: center;
}

.designs p.design_box img	{
	margin: 4px auto 0px;
}

/* 選択ボタン */
p.n202-btnselect{
	margin-top: 5px;
	text-align: center;
}

p.n202-btnselect input {
	display: block;
	width: 102px;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	border:medium none;
	background-image: url(../../images/dfuto/btn_select-n202.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	cursor:pointer;
}


/*******************************/
/*  EV120 用紙・紙色選択       */
/*******************************/

div.envcolor_sample_box	{
	display: block;
	float: left;
	width: 280px;
	height: 300px;
	margin-right: 20px;
	margin-top: 8px;
}

div.envcolor_sample_box p.design_name	{
	font-weight: bold;
}

div.envcolor_sample_box p.design_box	{
	padding-top: 8px;
	text-align: center;
}

div.envcolor_menu_pane	{
	display: block;
	float: left;
	width: 600px;
	margin-top: 8px;
}

div.envcolor_menu_pane p.op_note	{
	text-indent: 1em;
}

ul.env_color_menu	{
	margin: 12px 8px 10px 1em;
}

ul.env_color_menu li	{
	float: left;
	width: 100%;
	height: 30px;
	margin: 0;
}

ul.env_color_menu li img	{
	margin-right: 8px;
	border: solid 1px #e0e0e0;
}


/*******************************/
/*        EV130 文字入力       */
/*******************************/

/* プレビューウィンドウ */

.preview_frame	{
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-left:0;
	margin-bottom: 8px;
	padding: 0;
}

.preview_body	{
	margin: 0;
	padding: 0 ;
	background-color: #ffffff;
	text-align: center;
}

/* プレビューボタン */

input.btn_preview	{
	display: block;
	width: 150px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: url(../../images/dfuto/btn_preview.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}

.preview_design-name	{
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	text-align: right;
}

.preview_design-name span.stars	{
	font-size: 10px;
	font-weight: normal;
}

.preview_image	{
	margin: 8px 0;
	padding: 0;
	border: solid 1px #808080;
}

.input_sender_frame	{
	clear: both;
	margin-right: 0;
}

.input_sender_body	{
	margin-top: 0px;
	padding: 8px 0px;
	background-color: #F2F2EA;
}

.input_sender_body select	{
	width: 91px;
}

.input_sender_body span.notice	{
	margin-left: 12px;
	color: #207040;
	font-size: 10px;
}

.font_body span.notice	{
	margin-left: 12px;
	color: #207040;
	font-size: 10px;
}

/* 必須項目 */

p.erase_example	{
	height: 24px;
	margin-top: 0;
	margin-bottom: 8px;
	padding: 0 15px 2px 15px;
	border-bottom: solid 1px #d2d2ba;
	color: #207040;
	font-size: 12px;
	line-height: 1.4;
	vertical-align: middle;
}

span.essential	{
	margin-right: 2px;
	font-size: 9px;
	vertical-align: middle;
}


/* 郵便番号・住所入力 */

table.address	{
	margin: 0 15px 0 15px;
	padding: 0;
	font-size: 12px;
	line-height: 24px;
}

table.address th	{
	width: 150px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

table.address td	{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

table.address td span#zipdirection	{
	float: right;
}

table.address td input.btn_retrieve_addr	{
	margin-left: 6px;
	cursor: pointer;
}


/* プレビューボタン2 */

.preview_button2	{
	width: 160px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
}

.preview_bottom	{
	margin-top: 16px;
}

/* 各種フィールド表示幅 */

.fld_zipcode	{	/* 郵便番号 */
	width: 110px;
}

.fld_address	{	/* 住所 */
	width: 460px;
}

.fld_apartment	{	/* アパート・マンション名 */
	width: 460px;
}

.fld_tel	{	/* 電話番号 */
	width: 195px;
}

.fld_addline	{	/* 追加行 */
	width: 460px;
}

.fld_company	{	/* 会社名 */
	width: 460px;
}

.hyouki1_text{
	width:70px;
	margin-right: 29px;
}

/* 詳細ボタン、デザイン選択ボタン */

p.btn_select_design	{
	float: left;
	width: 530px;
	height: 20px;
	margin-bottom: 8px;
}

.btn_details_s	{
	display: block;
	float: left;
	width: 56px;
	height: 16px;
	border: none;
	background: url(../../images/dfuto/btn_details-s.gif) no-repeat left;
	line-height: 16px;
	text-indent: -9999px;
	text-decoration: none;	/* 吹き飛ばしで横線が残ることがあるので */
	outline: none;
	cursor: pointer;
}

p.btn_select_design a.btn_select_design	{
	display: block;
	width: 150px;
	height: 20px;
	margin-left: auto;
	margin-right: 0;
	border: none;
	background: url(../../images/dfuto/btn_select_design.gif) no-repeat left;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

p.btn_select_design a.btn_details	{
	display: block;
	float: left;
	width: 70px;
	height: 16px;
	border: none;
	background: url(../../images/dfuto/btn_details-s.gif) no-repeat left;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

/* すべての項目を表示・基本項目のみ表示ボタン */

#btn_expansion,#btn_fold	{
	margin: 10px 0 0 0;
}

.btn_expansion-switch	{
	display: block;
	float: left;
	width: 150px;
	height: 20px;
	margin-left:10px;
	border: none;
	background: url(../../images/dfuto/btn_expansion.gif) no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
}

.btn_fold-switch	{
	display: block;
	width: 150px;
	height: 20px;
	margin-left:17px;
	border: none;
	background: url(../../images/dfuto/btn_fold.gif) no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
}


/* 外字入力ボタン付きヘッダ */

.group_header_withbtn{
	margin-top: 24px;
	margin-bottom: 16px;
	padding-left: 8px;
	background-color: #D7D5A9;
	background-image: none;
	color:#000000;
}

.group_header_withbtn h3	{
	float: left;
	width: 400px;
	margin-top: 2px;
	font-size: 12px;
	font-weight: normal;
}

.group_header_withbtn input	{
	float: right;
	margin: 1px 16px 1px auto;
	height: 20px;
}


/* フォント選択 */

.font_body {
	margin-top: 0px;
	padding: 8px;
	background-color: #F2F2EA;
}

.font_body ul	{
	margin-top: 8px;
}

.font_body li	{
	float:left;
	width: 40%;
	margin:0 0 5px 0;
}

.font_body li img	{
	margin-left: 1em;
	vertical-align:middle;
}

/* 印刷色選択 */

.printcolor_body {
	margin-top: 0px;
	padding: 8px;
	background-color: #F2F2EA;
}

.printcolor_body li {
	display: block;
	float: left;
	width: 200px;
	height: 30px;
	margin: 0;
}

.printcolor_body li img	{
	margin-right: 8px;
	border: solid 1px #e0e0e0;
}

.select_zip	{
	padding-bottom: 16px;
	border: solid 1px #000000;
}


/**********************************************/
/*   EV140 デザイン封筒-印刷内容の最終確認   */
/**********************************************/

.charactor_box img	{
	display: block;
	float: left;
}

.charactor_box div	{
	display: block;
	float: right;
	width: 790px;
	margin: 4px 4px;
	padding: 4px;
	background-color: #FFFCD4;
	border-top: solid 1px #EDEBC6;
	border-left: solid 1px #EDEBC6;
	border-right: solid 2px #EDEBC6;
	border-bottom: solid 2px #EDEBC6;
}

.charactor_box div ul	{
	font-size: 12px;
}

.charactor_box div li	{
	list-style-type: disc;
	margin-left: 20px;
}

/* プレビューボックス */

.final_preview	{
	clear: both;
	width: 100%;
	margin-top: 4px;
	margin-left:0;
	margin-bottom: 8px;
	padding: 0;
}

#c204_body	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 16px;
	background-color: #f4f4ec;
}

#c204_body_note	{
	margin-left: 16px;
	margin-top: 4px;
}

.final_preview_body	{
	margin: 16px auto 0 auto;
	padding: 0 8px;
	text-align: center;
}

div.uppernav	{
	margin-top: 8px;
	margin-bottom: 8px;
}

p.btn_print{	/* 印刷して確認ボタン */
	float: left;
	width: 110px;
	height: 20px;
	margin:0px;
}

p.btn_print input	{
	display: block;
	width: 110px;
	height: 20px;
	border: none;
	background: url(../../images/dfuto/btn_print.gif) no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
}

p.btn_adjust2	{ /* レイアウト自由編集 */
	float: left;
	width: 124px;
	height: 20px;
	margin: 0px 5px 0px 4px;
}

p.btn_adjust2 input	{
	display: block;
	width: 120px;
	height: 20px;
	border: none;
	background: url(../../images/dfuto/btn_layout_edit2.gif) no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
}

/* 郵便番号枠の色　注意書き */
.f204_zipnote_b	{
	color: #c94040;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 1px;
}

/* ナビゲーションボタンの下の注意書き */
p.pagenav_notice_n205	{
	margin-top: 4px;
	color: #606060;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}


/***************************************/
/*         EV150 商品詳細表示          */
/***************************************/

/* 商品情報 */

.item_spec table	{
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 0;
	border-collapse: collapse;
	border: solid 1px #C0C0C0;
	font-size:12px;
}

.item_spec table th	{
	width: 10em;
	margin: 0;
	padding: 2px;
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	background-color: #0099CC;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.item_spec table td	{
	margin: 0;
	padding: 2px 4px;
	border-top: solid 1px #D0D0D0;
	border-bottom: solid 1px #D0D0D0;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.item_spec table tr.media_name span	{
	margin-right: 1em;
}


/* ジャンル特記事項(著作権注意事項など) */
.n241-ex{
	margin: 0px 0 20px;
	padding: 10px 15px;
	border: 1px solid #999999;
	background-color: #FFF5D7;
}

/* デザイン拡大表示 */

.original_preview div.preview_body	{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

.original_preview img.preview_image	{
	border: solid 1px #a0a0a0;
}

.btn_select	{
	display: block;
	width: 100px;
	height: 20px;
	border: none;
	background: url(../../images/dfuto/btn_select.gif) no-repeat left;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;	/* FireFoxでフォーカスが変になるのでフォーカスを消す（Text-indentの影響） */
	cursor: pointer;
}


/***************************************/
/*    EV151 プレビュー拡大表示画面     */
/***************************************/

/* ボディ内側で、全ブロックを載せている一番大きい矩形 */
.wrapper_640 {
	width: 640px;
	margin: 10px auto;
	padding: 8px;
	background: #ffffff;
	color: #000000;
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
}

/* レイアウト拡大表示 */

.enlarge_preview div.preview_body	{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}


/***************************/
/*    EV011 封筒一覧表     */
/***************************/

.f111_original_exp h2	{
	width: 790px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 4px;
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	font-size: 14px;
	font-weight: bold;
	line-height: 42px;
	text-indent: 35px;
	vertical-align: middle;
}

.f111_original_exp h2.exp0	{
	height: 30px;
	background-color: #E8E6DC;
	text-indent: 0;
	line-height: 30px;
}

.f111_original_exp div	{
	width: 781px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	border-right: solid 1px #e8e6dc;
	border-bottom: solid 1px #e8e6dc;
	border-left: solid 1px #e8e6dc;
	background-color: #f4f4f4;
}

.f111_original_exp p	{
	margin-bottom: 0.5em;
}

.f111_original_exp table.exp1	{
	width: 770px;
	margin: 16px auto 16px auto;
	border-collapse: collapse;
	background-color: #ffffff;
	vertical-align: top;
}

.f111_original_exp table.exp1 th	{
	padding: 2px 4px;
	border-top: solid 1px #e0e0e0;
	border-left: solid 1px #e0e0e0;
	border-bottom: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	background-color: #C9C6B1;
	color: #000000;
	text-align: center;
}

.f111_original_exp table.exp1 td	{
	padding: 2px 4px;
	border: solid 1px #b0b0b0;
}

.f111_original_exp p.envelope_size{
	text-align: center;
}

ul.color_table_1c	{
	width: 700px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: none;
}

ul.color_table_1c li	{
	list-style-type: none;
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

ul.color_table_1c li img	{
	vertical-align: middle;
}

div.color_table_1c_bottom	{
	clear: both;
	width: auto;
	padding: 0;
	border: none;
	line-height: 2px;
}

table.env_exp_table	{
	width: 740px;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
}

table.env_exp_table th, table.env_exp_table td	{
	width: 148px;
	padding: 4px 0;
	text-align: center;
	vertical-align: top;
}

table.env_exp_table th	{
	padding: 0;
	border-right: solid 2px #f0f0f0;
	background-color: #dfdcb6;
}

table.env_exp_table tr.exp_env td	{
	padding-top: 8px;
	vertical-align: middle;
}

table.env_exp_table td p	{
	padding: 0 4px;
	text-align: left;
}

table.color_combination	{
	width: 740px;
	margin: 0 auto;
	border-collapse: collapse;
	border: solid 1px #808080;
}

table.color_combination td	{
	width: 36px;
	text-align: center;
}

table.color_combination tr.ctype th	{
	text-align: center;
	background-color: #C9C6B1;
}

table.color_combination tr.cname th	{
	padding: 0;
	border-top: solid 1px #808080;
	font-size: 8px;
	font-weight: normal;
	text-align: center;
}

table.color_combination .divider	{
	border-right: solid 1px #808080;
}

table.color_combination tr.rbottom th,table.color_combination tr.rbottom td	{
	border-bottom: solid 1px #808080;
}

table.color_combination th.ename	{
	padding-left: 4px;
	background-color: #efefe9;
}

ul.f111_note	{
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 16px;
}

dl.f111_note dt	{
	margin-bottom: 3px;
	font-weight: bold;
}


/* 封筒カラーの選択 */

.c_kraft	{
	background-color: #EFDDAE;
}

.c_kent	{
	background-color: #ffffff;
}

.c_r-gray	{
	background-color: #E2D8BF;
}

.c_r-cream	{
	background-color: #F4F1D9;
}

.c_r-sky	{
	background-color: #E6E1DD;
}

.c_blue	{
	background-color: #E2F2F6;
}

.c_gray	{
	background-color: #DDDDDD;
}

.c_pink	{
	background-color: #F9D4D1;
}

.c_green	{
	background-color: #DFEFD0;
}

.c_cream	{
	background-color: #FBFBD4;
}

.c_aqua	{
	background-color: #DED8E7;
}


/* 以下、封筒一覧表の印刷色の説明で使用 */

#c_ink1	{	/* 黒 */
	color:	#000000;
}

#c_ink1 img	{
	background-color: #000000;
}

#c_ink2	{	/* 茶 */
	color:	#7A694D;
}

#c_ink2 img	{
	background-color: #7A694D;
}

#c_ink3	{	/* 濃紺 */
	color:	#135A9A;
}

#c_ink3 img	{
	background-color: #135A9A;
}

#c_ink4	{	/* 青 */
	color:	#1872BE;
}

#c_ink4 img	{
	background-color: #1872BE;
}

#c_ink5	{	/* 赤 */
	color:	#E74D27;
}

#c_ink5 img	{
	background-color: #E74D27;
}

/* 以下、主版色・副版色の選択で使用 */

.c_ink1	{	/* 黒 */
	color:	#000000;
}

.c_ink1 img	{
	background-color: #000000;
}

.c_ink2	{	/* 茶 */
	color:	#7A694D;
}

.c_ink2 img	{
	background-color: #7A694D;
}

.c_ink3	{	/* 濃紺 */
	color:	#135A9A;
}

.c_ink3 img	{
	background-color: #135A9A;
}

.c_ink4	{	/* 青 */
	color:	#1872BE;
}

.c_ink4 img	{
	background-color: #1872BE;
}

.c_ink5	{	/* 赤 */
	color:	#E74D27;
}

.c_ink5 img	{
	background-color: #E74D27;
}

/*******************************************/
/*       　　　　データ入稿画面  　　　    */
/*******************************************/
/***********データ入稿トップ画面************/
.original_sign {
	margin-bottom:15px;
}
.original_sign h2{
	height:30px;
	margin-bottom:10px;
	padding:15px 40px 0;
	background-image: url(../../images/dfuto/data-mainhead.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size:16px;
}
.original_sign .datamainimg{
	float:right;
	width:500px;
}
.original_sign .datatop-maintext{
	float:left;
	width:380px;
}
.datatop-maintext h3{
	margin:0 0 10px;
	border-bottom:2px solid #666666;
	font-size:12px;
}
.datatop-maintext .softlist{
	margin:10px 0;
}
.datatop-maintext .softlist p{
	padding:2px 10px;
	background-color:#FF9900;
	border-bottom: 3px double #FF3300;
	font-weight:700;
}
.datatop-maintext .softlist ul{
	padding:10px;
	background-color:#FFFFCC;
	list-style: none;
}
/* 手順説明 */
.original_exp h2{
	height:35px;
	padding:5px 50px 0;
	background-image: url(../../images/dfuto/data-exhead.png);
	background-position: left;
	font-size:16px;
}

.original_exp div.exp{
	margin-bottom:15px;
	padding:5px 10px 10px;
	background-color:#F4F4F4;
}

/*-- 印刷色と用紙について --*/
.exp .details{
	margin-bottom:10px;
	padding:10px;
	background:#ffffff;
}
.exp .details table,
.exp .details th,
.exp .details td{
	border:1px solid #cccccc;
}
.exp .details table{
	width:860px;
	border-collapse:collapse;
	text-align:center;
}
.exp .details table .kamiiro th{
	background:#C0EBC8;
}
.exp .details table .kamisize{
	background:#CAEFF7;
}
.exp .details table  .none{
	background:#cccccc;
}

/*対応ソフトについて*/
ul.data-notes{
	margin-bottom:15px;
}
ul.data-notes li{
	margin-bottom:5px;
}
.original_exp p.acceptable {
	background-color:#FFFFFF;
	font-weight:bold;
	margin:8px;
	padding:4px;
}
div.app_templates {
	background-color:#FFFFFF;
	border:medium none;
	margin:8px;
	padding:4px;
}
.original_exp p {
	margin-bottom:10px;
}
.app_templates table ,
.app_templates table th,
.app_templates table td {
	border-collapse:collapse;
	border:1px solid #666666;
}

.app_templates table {
	margin:0pt auto;
	padding:0pt;
	border:medium none;
	font-size:12px;
	text-align:center;
}
.template_head td {
	background-color:#C6EEDA;
}
.app_templates th {
	width:200px;
	font-weight:borld;
}
.app_templates td.zip {
	width:200px;
	padding-left:50px;
	background:transparent url(../../images/dfuto/btn_dl_ZIP.gif) no-repeat scroll 5px center;
	text-align:left;
}
.app_templates td.sit {
	width:200px;
	padding-left:50px;
	background:transparent url(../../images/dfuto/btn_dl_SIT.gif) no-repeat scroll 5px center;
	text-align:left;
}
/* 画像の配置方法 */

.original_exp table.exp2 {
	background-color:#FFFFFF;
	border-collapse:collapse;
	margin:16px auto;
	vertical-align:top;
	width:770px;
}
.original_exp table.exp2 tr.figure td {
	text-align:center;
}
.original_exp table.exp2 tr.text td {
	font-size:12px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	vertical-align:top;
}
.original_exp table.exp2 th {
	background-color:#C9C6B1;
	border-color:#E0E0E0;
	border-style:solid;
	border-width:1px;
	color:#000000;
	padding:4px 8px;
	text-align:center;
}
.original_exp li{
	margin-left:20px;
	list-style-type: disc;
}

/* 注文までの流れ */
ul.step_exp{
	padding:10px 10px 10px 0;
	background-color:#ffffff;
}
ul.step_exp li{
	margin-bottom:15px;
	border-bottom:1px dashed #999999;
}
ul.step_exp li span{
	color:#0099cc;
	font-weight:700;
}

/*ナビボタン*/
.original_add_text p{
	margin-bottom:10px;
	font-size:14px;
	font-weight:700;
	color:#0099CC;
	text-align:center;
}
.original_add_text a{
	display:block;
	width:190px;
	height:20px;
	margin:0 auto;
	background-image: url(../../images/dfuto/btn_original_enter.gif);
	text-indent: -9999px;
}

/*********************************************/
/***********データ入稿仕様選択画面************/
/*********************************************/
/* 印刷色の種類選択 */
.printcolor-kind span{
	margin-right:20px;
}
.printcolor-kind input{
	margin-right:5px;
}
/* 1色・2色印刷色選択 */
.printcolor-title{
	margin:0 0 5px 0;
	border-bottom:2px solid #0099CC;
	font-weight:700;
}
.printcolor-wrap{
	margin-bottom:15px;
	padding:10px 10px 5px;
	background-color:#FFFFFF;
}
.printcolor {
	display: inline;
	float: left;
	width: 400px;
	height: 30px;
	margin: 0;
}
.printcolor img	{
	margin-right: 8px;
	border: solid 1px #e0e0e0;
}

/* 封筒の種類 */
.futo_kind{
	float:left;
	height:280px;
	width:150px;
	margin:10px;
	text-align:center;
}
.futo_kind img{
	margin-bottom:5px;
}
.futo_kind p{
	margin-top:10px;
	text-align:left;
}
/* 用紙の選択 */
.paperselection div{
	float:left;
	width:240px;
	margin:15px 20px 0;
	text-align:center;
}
.paperselection p{
	margin-top:10px;
	text-align:left;
}
/***********データ入稿原稿のアップロード画面************/

.tabbox_body li{
	margin-bottom:10px;
	list-style-position: inside;	
}
.attention_box{
	margin:15px 0;
	padding:10px 30px 0;
	border:1px solid #333333;
	background-color:#FFFFCC;
}
.attention_box li{
	list-style:disc;
}
div.upload_form {
	line-height:25px;
	padding:2px;
}
h4.small_index{
	padding:0 10px;
	background-color:#0099CC;
	color:#FFFFFF
}
.data_upload{
	margin-bottom:15px;
}
/*アップロードボタン*/
.btn_upload{
	display:block;
	height: 20px;
	width: 120px;
	border:none;
	background: url(../../images/meishi/btn_upload.gif) no-repeat center bottom;
	text-indent:-9999px;
}