@charset "utf-8";
.pagebody{
	padding:0 10px;
}

/**************************************/
/*   ページ先頭ブロック（商品名等）   */
/**************************************/
/* ステップ名の並んだボックス ※１枚の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/meishi/stepguide_meishi.png) no-repeat 0px 0px;
}

li.design_step1	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -63px -30px;
}

li.design_step2	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -146px -30px;
}

li.design_step3	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -229px -30px;
}

li.design_step4	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -312px -30px;
}

li.design_step5	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -395px -30px;
}

li.design_step6	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -478px -30px;
}

li.design_step7	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -561px -30px;
}

li.design_step8	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -644px -30px;
}


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

li.design_step1_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -63px 0px;
}

li.design_step2_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -146px 0px;
}

li.design_step3_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -229px 0px;
}

li.design_step4_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -312px 0px;
}

li.design_step5_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -395px 0px;
}

li.design_step6_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -478px 0px;
}

li.design_step7_on	{
	width: 81px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -561px 0px;
}

li.design_step8_on	{
	width: 83px;
	background: url(../../images/meishi/stepguide_meishi.png) no-repeat -644px 0px;
}

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

li.original_step1_on{
	width: 166px;
	background: url(../../images/meishi/stepguide_data.png) no-repeat -63px 0px;
}
li.original_step2_on{
	width: 166px;
	background: url(../../images/meishi/stepguide_data.png) no-repeat -229px 0px;
}
li.original_step3_on{
	width: 166px;
	background: url(../../images/meishi/stepguide_data.png) no-repeat -395px 0px;
}
li.original_step4_on{
	width: 166px;
	background: url(../../images/meishi/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/meishi/stepguide_cart.gif) no-repeat left;
	font-size: 10px;
	line-height: 12px;
	text-align:left;
	text-indent: 0px;
}


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

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

.stepbar h2	{
	height: 25px;
	margin-bottom: 8px;
	padding-left: 8px;
	padding-top:5px;
	background: url(../../images/meishi/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;
	color:#000000;
	font-size: 12px;
	font-weight: normal;
}

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

div.tabbox	{
	clear: both;
	margin: 8px;
	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/meishi/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/meishi/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/meishi/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/meishi/img_tabbar.gif) no-repeat left;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}


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

.pagenav	{
	clear: both;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
}

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

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

.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;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/btn_next.gif) no-repeat left;
	text-indent: -9999px;
	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/meishi/btn_back.gif) no-repeat left;
	cursor: pointer;
}

input.btn_cart	{	/* カートに入れる(BC101)-Button */
	display: block;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/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/meishi/btn_cart.gif) no-repeat left;
	text-indent: -9999px;
	cursor: pointer;
}
/******************************/
/*        その他共通          */
/******************************/

/* 流し込み強制解除用 */

div.dum-clear	{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	line-height: 1px;
}

/**************************************/
/*      BC102 枚数指定-価格確認       */
/**************************************/

h4.left_header	{
	float: left;
	width: 120px;
	height: 20px;
	margin: 5px 8px 8px -5px;
	background: url(../../images/meishi/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/meishi/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;
}
/*--商品画像に枠線表示--*/
p.design_box img{
	border:1px solid #c0c0c0;
}


div.con-area #ordered-design	{
	clear:	both;
	margin: 0;
	padding: 0;
}

#ordered-design span.ordered-design_name	{
	font-weight: bold;
	line-height: 1.8;
}

#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/futo/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;
	max-height: 20px;
	margin-left: 1.5em;
	margin-bottom: 8px;
	padding-top: 40px;	/* テキスト追い出し用 */
	border: none;
	background: url(../../images/meishi/btn_figureout_price.gif) no-repeat center;
	cursor: pointer;
}

.price_table_button	{
	float: right;
	height: 15px;
	background: url(../../images/meishi/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;
	font-size: 16px;
	text-align: right;
	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;
}
/*1つ表示の場合*/
p.pagenav_notice_center	{
	margin-top: 4px;
	color: #606060;
	font-size: 11px;
	text-align: center;
}
/**********************************/
/*     BC110 表面デザイン選択     */
/*     BC140 裏面デザイン選択     */
/**********************************/
/* 「価格表」ボタン */
p.genre_price_button	{
	display:inline;
	float: right;
}

p.genre_price_button a{
	padding-left: 16px;
	background: url(../../images/meishi/icn_small_arrow_gray.gif) no-repeat left;
}

/* 色別価格表示 */

p.genre_price	{
	float: right;
}

p.genre_price .standard	{
	color: #ceccb6;
}

p.genre_price .s1	{
	color: #000000;
}

p.genre_price .s2	{
	color: #E60012;
}

p.genre_price .s3	{
	color: #3FAF35;
}

p.genre_price .s4	{
	color: #93318D;
}

p.genre_price .s5	{
	color: #DDB22A;
}
p.genre_price .s6	{
	color: #AA473D;
}

/* ジャンル選択 */

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: 112px;
	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/meishi/img_gbtn_0.gif) repeat-y center;
	text-align: center;
	letter-spacing: -0.5px;
}

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

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

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

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

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

.design_genre a.s6	{
	background: url(../../images/meishi/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:665px;
}

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

div.genre_caption	{	/* ジャンルの説明 */
	padding: 1px 3px;
	border: solid 1px #E1D76A;
	background-color: #f9ec00;
	color: #404030;
	font-weight: bold;
}

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

p.page_flip	{
	text-align: right;
}

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

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

.designs li	{
	display:inline;
	float: left;
	width: 210px;
	height: 260px;
	margin-right:13px;
	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/meishi/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/meishi/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;
	border: solid 1px #a0a0a0;
}

/* 一時トレイへボタン */

.designs p.design_name input {
	float: right;
	display: block;
	width: 105px;
	height: 19px;
	border: medium none;
	background-image: url(../../images/meishi/btn_go-tray.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor:pointer;
}

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

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


/* 一時トレイ */

#tray_contents{
	margin: 20px 0px 0px;
	background-image: url(../../images/meishi/bg_tray.gif);	/* 一時トレイの画像付き背景 */
	background-repeat: repeat-y;
	background-position: right;
}

p span.empty{
	display: block;
	width: 200px;
	margin: 20px auto ;
}
.temporary_tray{
	display: inline;
	float: right;
	width: 225px;
	height: auto;
	min-height: 500px;
}

.temporary_tray h4{
	width:50%;
	hight:25px;
	margin: 0;
	padding: 0 0 0 5px;
	float:left;
	font-size: 14px;
	color: #ffffff;
}

.all_delete{
	float:right;
	width: 100px;
	height: 25px;
}

.tray_head{
	height: 27px;
	margin: 0 1px 0 0;
	padding: 3px 0 0 0;
	background-color: #cc0000;
}

.tray_card{
	clear:both;
	width: 207px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

.tray_card h5{
	margin: 0;
	padding: 0;
	font-size: 12px;
}
	
.tray_card div.send{
	clear:both;
}

.send img{
	display:block;
	margin:5px auto 0;
	border: 1px solid #666666;
}

.tray_card .details{
	display: block;
	float: left;
	width:50px;
	height:20px;
	padding-top: 5px;
	background-image: url(../../images/meishi/icn_loupe_s.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
}

.tray_card .delete{
	display: block;
	float: right;
	width:50px;
	height:25px;
}

.temporary_tray input{
	cursor: pointer;
}


/***********************************/
/*       BC120 宛名面文字入力      */
/*       BC150 裏面文字入力        */
/***********************************/

/* フォント選択 */

.font_frame	{
	margin: 4px 0 8px 0;
	padding: 0;
}

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

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

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

.preview_body p.error1{
	margin-top:10px;
	padding: 10px 5px 10px;
	border: 1px solid #ECE9D8;
	background-color: #FBEFD5;
}

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

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

.sw_faceside	{	/* プレビュー背後の「おもて」表示 */
	background: url(../../images/meishi/img_show_face.png) no-repeat left;
}

.sw_reverseside	{	/* プレビュー背後の「うら」表示 */
	background: url(../../images/meishi/img_show_reverse.png) no-repeat left;
}

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

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

/* デザイン別注意書き */

div.explanation_box	{
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 2px 6px;
	border: solid 1px #606060;
	background-color: #ffdf36;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

/* 必須項目 */

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


/* 氏名・家族名入力 */

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

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

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

table.family td.td_lastname	{
	width: 140px;
}

table.family td.td_firstname	{
	width: 310px;
}


/* 各種フィールド表示幅 */
.fld_zipcode	{	/* 郵便番号 */
	width: 10em;
}

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

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

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

.fld_email	{	/* E-mail・URL */
	width: 432px;
}

.fld_url	{	/* URL */
	width: 432px;
}

.fld_catch	{	/* キャッチコピー */
	width: 432px;
}

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

.fld_lastname	{	/* 姓 */
	width: 110px;
}

.fld_firstname	{ /* 名 */
	width: 200px;
}

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

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

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

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

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

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

/* プレビューボタン（下）の枠 */

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

/* 隠しフィールドボタン */

#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/meishi/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/meishi/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;
	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;
	height: 20px;
	margin: 1px 16px 1px auto;
}



/**************************************/
/*      BC130 印刷内容の最終確認      */
/**************************************/

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

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

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

.final_preview_body	{
	margin: 0 0 30px 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

.final_preview_body input	{
	display: inline;
	padding-top: 8px;
}

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

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

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


#c204_body	{	/* プレビューボックスの背景（灰色） */
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 4px;
	padding-bottom: 16px;
	background-color: #f6f6f4;
}

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

#c204_body div.color	{	/* 背景に「カラー印刷」と加える処理 */
	background: url(../../images/meishi/img_note_color.gif) no-repeat left 30px;
}

#c204_body div.monochrome	{	/* 背景に「モノクロ印刷」と加える処理 */
	background: url(../../images/meishi/img_note_monochrome.gif) no-repeat left 30px;
}

ul.uppernav	{
	margin-left: 16px;
	margin-top: 14px;
	margin-bottom: 4px;
}

li.side_a	{	/* おもて用ボックスのヘッダ */
	float: left;
	width: 80px;
	height: 20px;
	margin-right: 40px;
	background: url(../../images/meishi/icn_side_a.gif) no-repeat left;
	text-indent: -9999px;
}

li.side_b	{	/* おもて用ボックスのヘッダ */
	float: left;
	width: 80px;
	height: 20px;
	margin-right: 40px;
	background: url(../../images/meishi/icn_side_b.gif) no-repeat left;
	text-indent: -9999px;
}

li.btn_backtodesign{	/* デザインを変更ボタン */
	float: left;
	width: 120px;
	height: 20px;
	margin: 0 4px;
}

.btn_backtodesign a	{
	display: block;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/btn_back_to_design.gif) no-repeat left;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

li.btn_backtotext{	/* 入力内容を変更ボタン */
	float: left;
	width: 120px;
	height: 20px;
	margin: 0 4px;
}

.btn_backtotext a	{
	display: block;
	width: 120px;
	height: 20px;
	max-height: 20px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/btn_back_to_text.gif) no-repeat left;
	text-indent: -9999px; 
	cursor: pointer;
}

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

li.btn_print input	{
	display: block;
	width: 120px;
	height: 20px;
	border: none;
	background: url(../../images/meishi/btn_print.gif) no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
	content: "　　　　　　　　　　　　　　" 	/* Operaでは先頭に空白を挿入して追い出す */
}

li.btn_adjust2	{ /* レイアウト自由編集 １行タイプ */
	float: left;
	width: 120px;
	height: 20px;
	margin: 0 4px;
	margin-left: 50px;
}

li.btn_adjust2 input	{
	display: block;
	width: 120px;
	height: 20px;
	border: none;
	background: url(../../images/meishi/btn_layout_edit2.gif) no-repeat center;
	text-indent: -9999px;
	cursor: pointer;
	content: "　　　　　　　　　　　　　　" 	/* Operaでは先頭に空白を挿入して追い出す */
}

dl.add_reverseside	{	/* 裏面を追加する */
	margin-left: 20px;
	margin-bottom: 30px;
}

dl.add_reverseside a	{
	display: block;
	float: left;
	width: 120px;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/btn_add_sideb.gif) no-repeat left;
	text-indent: -9999px; 
	cursor: pointer;
}

dl.add_reverseside dd	{
	float: left;
	height: 30px;
	line-height: 30px;
}

dl.no_reverseside	{	/* 裏面を追加できないデザイン */
	margin-left: 20px;
	margin-bottom: 30px;
}

dl.no_reverseside dt	{
	float: left;
	width: 120px;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/btn_no_sideb.gif) no-repeat left;
	text-indent: -9999px; 
}

dl.no_reverseside dd	{
	float: left;
	height: 30px;
	line-height: 30px;
}

div.del_reverseside	{	/* 裏面を削除 */
	margin-left: 20px;
	margin-bottom: 20px;
}

div.del_reverseside a	{
	display: block;
	width: 120px;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
	background: url(../../images/meishi/btn_del_sideb.gif) no-repeat left;
	text-indent: -9999px; 
	cursor: pointer;
}

/*ページナビボタンの下の文言*/
.pagenav_notice_bc130{
	text-align:center;
}


/********************************************/
/*   BC101 名刺用紙・オプション選択   */
/********************************************/

ul.choose_media, ul.choose_option	{
	width: 720px;
	margin: 16px auto 16px auto;
}

ul.choose_media li, ul.choose_option li	{
	float: left;
	width: 240px;
	margin: 0 auto 0 auto;
	text-align: center;
}

ul.choose_media li p.note, ul.choose_option li p.note	{
	margin: 10px 20px;
	padding: 4px;
	text-align: left;
}


/********************************************/
/*         BC160 商品詳細情報               */
/********************************************/

/* 商品情報 */

.item_spec table	{
	width: 100%;
	margin: 0 auto 20px auto;
	padding: 0;
	border-collapse: collapse;
	border: solid 1px #C72349;
	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: #C72349;
	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;
}

/* ジャンル特記事項(著作権注意事項など) */
.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/meishi/btn_select.gif) no-repeat left;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

/*******************************************/
/*       BC161 レイアウト拡大表示画面      */
/*******************************************/

.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;
}
/*******************************************/
/*       　　　　データ入稿画面  　　　    */
/*******************************************/

/***********データ入稿トップ画面************/
.original_sign {
	margin-bottom:15px;
}
.original_sign h2{
	height:30px;
	margin-bottom:10px;
	padding:15px 40px 0;
	background-image: url(../../images/meishi/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;
}
/*-- 手順説明 --*/
.original_exp h2{
	height:35px;
	padding:5px 50px 0;
	background-image: url(../../images/meishi/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:0 0 10px 0;
	padding:10px;
	background:#FFFFFF;
}

/*-- 対応ソフトについて --*/
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 {
	border:medium none;
	font-size:12px;
	margin:0pt;
	padding:0pt;
}
.app_templates th {
	width:200px;
	font-weight:normal;	
}
.app_templates td.zip {
	background:transparent url(../../images/meishi/btn_dl_ZIP.gif) no-repeat scroll left center;
	padding-left:42px;
}
.app_templates td.sit {
	background:transparent url(../../images/meishi/btn_dl_SIT.gif) no-repeat scroll left center;
	padding-left:42px;
}
/* 画像の配置方法 */

.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/meishi/btn_original_enter.gif);
	text-indent: -9999px;
}
/***********データ入稿仕様選択画面************/
/* 印刷色選択 */
.printcolor-kind input{
	margin-right:5px;
}
.printcolor-kind span{
	margin-right:20px;
}
/* 用紙の選択 */
.paperselection div{
	display:inline;
	float:left;
	width:240px;
	margin:15px 20px 0;
	text-align:center;
}
.paperselection p{
	margin-top:10px;
	text-align:left;
}
.paperselection img{
	margin-bottom:5px;
}
.paperselection input{
	margin-right:5px;
}
/* 商品オプション */
.option div.case{
	float:left;
	width:420px;
	margin:15px 0;
	text-align:center;
}
.option div.case img{
	margin-bottom:5px;	
}
.option div.case input{
	margin-right:5px;	
}
/***********データ入稿原稿のアップロード画面************/

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