@charset "UTF-8";


/*000010
------------------------------------------------------------ */

.detail{
clear:both;
background-image:url(../img/int_o.gif);
background-repeat:no-repeat;
padding-left:15px;
float:right;
margin:10px 0px;
width:65px;
}


/*更新履歴*/

.navi_inner{
width:205px;
margin:0px auto 10px;
}

.navi_ttl{
margin-bottom:10px;
}


.navi_inner li{
display:block;
background-image:url(../img/int_o.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
}

#updatearea_ttl{
clear:both;
padding-bottom:10px;
}

#updatearea ul{
width:200px;
margin:10px auto;
}

#updatearea li {
background:url('../img/arrow03.gif') no-repeat;
padding-left:14px;
margin-bottom:5px;
vertical-align:top;
line-height:1.2;
}

.btn_ykjtm{
width:171px;
margin:0px auto 5px;
}

#navi_contact{
width:209px;
height:174px;
background:url('../img/denpyo/navi_contactbg.gif');
background-repeat:no-repeat;
margin:10px auto 5px;
}

#navi_contact #ttl{
width:194px;
margin:0px auto 7px;
padding-top:5px;
}


#navi_contact #btn{
width:170px;
margin:5px auto 0px;
}

#navi_contact #text{
width:186px;
margin:0px auto 7px;
}


#mainarea .designs{
width:715px;
margin-top:10px;
overflow:hidden;
padding:15px 0px 5px;
border:0px;
}

#mainarea .design_btn03{
clear:both;
padding:0px;
width:169px;
}

.designs p.design_repeat{
font-size:12px;
text-align:left;
height:3em;
}

.repeat_btn01{
width:58px;
float:left;
padding-top:3px;
}

.repeat_btn02{
float:right;
width:104px;
}


#mainarea .designs ul{
width:723px;
margin-right:-8px;
margin-bottom:10px;
}

#mainarea .designs li{
width:350px;
height:340px;
float:left;
padding-right:6px;
}



#mainarea .design_name{
clear:both;
font-size:12px;
text-align:center;
height:2em;
}

#mainarea .design_box{
width:350px;
margin-bottom:10px;
text-align:center;
}

#mainarea .design_btns{
width:169px;
margin:0px auto;
}

#mainarea .design_btn03{
clear:both;
padding-top:10px;
width:169px;
}

#mainarea .pan{
margin-bottom:10px;
}

.m_campaign{
width:656px;
margin:10px auto 20px;
}

/*1023追加：注意事項*/
#important{
width:680px;
margin:10px auto 20px;
padding:15px;
border:1px dashed #ff0000;
}

#important h4{
	font-size:13px;
	line-height:1.1;
	height:21px;
	margin:0px 0px 10px;
	color:#e50118;
}


#mainarea #ttl{
clear:both;
width:714px;
margin:0px auto 5px;
color:#ffffff;
line-height:1;
font-weight:bold;
}

h2#service{
background:url('../img/denpyo/service_ttl.gif');
background-repeat:no-repeat;
padding:4px 0px 0px 30px;/*[上][右][下][左]*/
font-size:14px;
line-height:1.1;
height:21px;
margin-bottom:5px;
}

#mainarea h3{
margin:0px 0px 10px;
padding:0px;
}


h4#repeat{
background:url('../img/denpyo/repeat_ttl.gif');
background-repeat:no-repeat;
padding:5px 0px 0px 30px;/*[上][右][下][左]*/
font-size:13px;
line-height:1.1;
height:21px;
margin:10px 0px;
color:#6faf25;
}

h4#recom{
clear:both;
background:url('../img/denpyo/recom_ttl.gif');
background-repeat:no-repeat;
padding:5px 0px 0px 30px;/*[上][右][下][左]*/
font-size:13px;
line-height:1.1;
height:21px;
margin:10px 0px;
color:#6faf25;
}






#mainarea #subttl{
	font-size:14px;
	font-weight:bold;
	color:#101283;
	border-left:3px solid #101283;
	margin-top:10px;
	margin-bottom:10px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#mainarea #category{
margin:10px 0px 20px;
clear:both;
}


.attention{
margin-top:160px;
clear:both;
width:712px;
border:1px solid #27278f;
}

.a_inner{
width:700px;
margin:5px auto 10px;
}

.askul_tel{
width:482px;
margin:auto;
}

.pagetop{
float:right;
background:url('../img/int_pagetop.gif') no-repeat;
padding-left:20px;
font-size:11px;
padding-bottom:30px;
}


/*サイズ選択*/

#ftselect{
margin:10px 0px;
clear:both;
}

#ftselect ul{
width:715px;
float:left;
margin:-5px auto -150px;
}

#ftselect li{
display:block;
float:left;
margin:5px 0px;
height:315px;
width:350px;
}


#ftselect li.big{ padding-bottom: 30px;}


.sizename{
height:37px;
width:157px;
background:url('../img/denpyo/select_bg.gif');
background-repeat: no-repeat;
text-align:center;
padding-top:10px;
margin:auto;
}

.sizedetail{
width:157px;
text-align:center;
margin:0px auto;
}



/*step
----------------------- */

#dstep{
clear:both;
width:950px;
height:103px;
background:url('../img/denpyo/dstep_bg.gif');
background-repeat: no-repeat;
margin:15px auto 5px;
}

#dstep ul{
float:left;
}

#dstep li{
display:block;
float:left;
margin-left:11px;
margin-top:42px;
}

/*title
----------------------- */

#ttl{
clear:both;
width:950px;
margin:0px auto 10px;
color:#ffffff;
line-height:1;
font-weight:bold;
}

h1#step1{
background:url('../img/step1_ttl.gif');
background-repeat:no-repeat;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
height:21px;
}

h1#step2{
background:url('../img/step2_ttl.gif');
background-repeat: no-repeat;
height:21px;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
}

h1#step3{
background:url('../img/step3_ttl.gif');
background-repeat: no-repeat;
height:21px;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
}

h1#step4{
background:url('../img/step4_ttl.gif');
background-repeat: no-repeat;
height:21px;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
}

h1#step5{
background:url('../img/step5_ttl.gif');
background-repeat: no-repeat;
height:21px;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
}

h1#step6{
background:url('../img/step6_ttl.gif');
background-repeat: no-repeat;
height:21px;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
}

h1#step7{
background:url('../img/step7_ttl.gif');
background-repeat: no-repeat;
height:21px;
padding-left:67px;
padding-top:4px;
font-size:14px;
line-height:1.1;
}



/*main
----------------------- */
#main{
clear:both;
width:950px;
margin:0 auto 20px;

}


#main_l{
float:left;
width:735px;

}

#main_r{
float:left;
width:175px;
margin-left:30px;
}


p.text{
font-size:12px;
line-height:1.4;
padding-bottom:10px;
}

/*btnarea*/

.btnarea{
padding-bottom:5px;
}

.btnarea ul{
width:175px;
float:right;
padding:0px;
margin-bottom:10px;
}

.btnarea li{
display:block;
float:left;
margin-left:10px;
background-image:url(../img/int_o.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
}

#subttl{
	font-size:14px;
	font-weight:bold;
	color:#101283;
	border-left:3px solid #101283;
	margin-top:0px;
	margin-bottom:10px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/*サイズ選択*/

#dselect{
margin:10px 0px;
clear:both;
}

#dselect ul{
width:950px;
float:left;
margin-top:-5px;
padding:0px;
}

#dselect li{
display:block;
float:left;
height:37px;
width:157px;
background:url('../img/denpyo/dselect_bg.gif');
background-repeat: no-repeat;
text-align:center;
padding-top:10px;
}

#dselect li.on{
width:157px;
background:url('../img/denpyo/dselect_on.gif');
background-repeat: no-repeat;
text-align:center;
padding-top:10px;
color:#3257c2;
font-weight:bold;
}


.pagenavi{
margin:-1px 0px 10px;
width:948px;
border:1px solid #ccc;
background-color:#e8e8e8;
}

.pagenavi ul{
float:right;
margin-right:5px;
padding:0px;
}

.pagenavi li{
display:block;
float:left;
padding:5px 0px;

}

.pagenavi li.t{background:url('../img/arrow01.gif') left;background-repeat: no-repeat;padding-left:15px;padding-right:15px;}
.pagenavi li.b{background:url('../img/arrow02.gif') right;background-repeat: no-repeat;padding-left:15px;padding-right:15px;}



/*伝票一覧 000020
----------------------------------------------------------- */

.ex{
width:950px;
margin:0px auto 15px;
font-size:11px;
}


div.designs{
width:950px;
margin-top:10px;
border-bottom:1px dotted #ccc;
overflow:hidden;
padding:15px 0px 25px;
}

.designs ul{
width:970px;
margin-right:-30px;
}

.designs li{
float:left;
width:455px;
text-align:center;
padding-right:30px;
}


.designs p.design_name{
font-size:12px;
text-align:center;
height:2em;
}

div.design_box{
width:350px;
margin:0px auto 10px;
text-align:center;
}

.design_btn02{
float:right;
width:42px;
}

div.design_btns{
width:455px;
margin:0px auto;
}


.design_btn03{
clear:both;
padding-top:10px;
width:169px;
margin:auto;
}

/*封筒作成トップへボタン*/
.btn_bk{
margin-top:16px;
}

/*000021
------------------------------------------------------------ */

.popwrap{
clear:both;
width:90%;
margin: auto;
}

.popwrap #denpyo{
width:600px;
text-align:center;
margin:20px auto;
}

p.design_name{
font-size:12px;
text-align:center;
margin:20px auto 0px;
}

.close{
width:110px;
margin:30px auto 20px;
}

.pop_tbl{
width:600px;
margin:5px auto;
border:1px solid #ccc;
border-collapse: collapse;}


.pop_tbl th{
border:1px solid #ccc;
padding:10px;
background-color:#e6f9ad;
width:100px;
text-align:left;
}

.pop_tbl td{
border:1px solid #ccc;
padding:10px;
background-color:#ffffff;
}


/*000030
------------------------------------------------------------ */

h2.dname{
font-size:16px;
color:#333;
font-weight:bold;
margin-bottom:10px;
}

div.layout{
width:950px;
margin-top:10px;
border-bottom:1px dotted #ccc;
overflow:hidden;
padding:5px 0px 25px;
}

.layout ul{
width:970px;
margin-right:-30px;
}

.layout li{
float:left;
width:290px;
height:300px;
text-align:center;
padding-right:30px;
}


.layout p.design_name{
font-size:12px;
text-align:center;
height:2em;
}

.layout div.design_box{
width:290px;
margin:0px auto 10px;
text-align:center;
}

.layout .design_btn02{
float:right;
width:42px;
}

.layout div.design_btns{
width:290px;
margin:0px auto;
}


.layout .design_btn03{
clear:both;
padding-top:10px;
width:169px;
margin:auto;
}

/*00040
------------------------------------------------------------ */

/*プレビュー
----------------------- */
#previewarea{
clear:both;
width:950px;
background:url('../img/denpyo/preview40_bg.gif');
background-color:#f6f5f5;
}

#previewarea2{
clear:both;
width:950px;
background:url('../img/preview50_bg.gif');
background-color:#f6f5f5;
}

#previewarea #denpyo,#previewarea2 #denpyo{
width:506px;
margin:auto;
padding:15px 0px 0px;
text-align:center;
}

#previewarea #dname{
font-size:12px;
color:#333;
font-weight:bold;
margin:20px auto 0px;
text-align:center;
}

.preview{
width:506px;
margin:15px auto 5px;
}

.preview_l{
float:left;
width:162px;
}

.preview_r{
float:right;
width:169px;
}

.preview_btn{
width:169px;
margin:5px auto 10px;
}

.navi_btn{
width:950px;
margin:2px auto 0px;
padding:2px 0px;
background-color:#f6f5f5;
}

.navi_btn .btn_l{
float:left;
padding-top:12px;
padding-left:30px;
}

.navi_btn .btn_r{
height:41px;
float:right;
padding-right:30px;
padding-top:5px;
}

.navi_btn .btn_more{
height:41px;
float:right;
padding-right:60px;
padding-top:9px;
}

#guest{
width:910px;
padding:15px;
margin:10px auto 20px;
background-color:#ffffff;
border:3px solid #cccccc;

}

/*btnarea*/

.btn_op{
padding-bottom:5px;
width:805px;
margin:10px auto 0px;
}

.btn_op ul{
padding:0px;
}

.btn_op li{
display:block;
float:left;
margin-left:10px;
background-image:url(../img/int_o.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:5px;
}



/*フォーム
----------------------- */

.floatleft{
float:left;
margin-right:5px;
}

.floatleft2{
float:left;
margin-right:5px;
padding-top:5px;
}

.floatleft3{
float:left;
margin-right:15px;
}

.floatleft4{
float:left;
margin-right:15px;
padding-top:3px;
}

.checkbox{
vertical-align:middle;
margin-right:5px;
}

.line{
clear:left;
margin-bottom:10px;
}

#samplesyain{
}

.samplesyain_l{
float:left;
}

.samplesyain_r{
float:right;
}


.form_tbl{
clear:both;
width:790px;
font-size:12px;
margin:0 auto 10px;
}

.form_error{
width:790px;
font-size:12px;
margin:0 auto;
color:#ff0000;
}

.form_error th.caption{
background-color:#ff0000;
padding:7px;
font-weight:bold;
color:#fff;
text-align:left;
}


.form_tbl .caption{
background-color:#99c643;
font-weight:bold;
padding:7px;
}

.form_tbl .none{
background-color:#ffffff;
padding:7px;
}

.form_error td{
padding:10px;
border:1px dotted #ff0000;
}

.form_tbl td{
border-collapse: separate;
border-spacing: 10px;
padding:10px;
}


.form_tbl th{
width:265px;
background-color:#e6f9ad;
border-collapse: separate;
border-spacing: 5px;
padding:10px;
text-align:left;
}

.form_tbl th.error{
background-color:#fed3dd;
}

div.block{
width:170px;
float:left;
}

input{
font-size:12px;
line-height:1.2;
margin-bottom:2px;
}

.form_tbl p{
padding-top:10px;
}

.form_error p{
line-height:1.5;
}

.indent{
padding:0 0 0 20px; /*[上][右][下][左]*/
margin-top:0px;
}

div.placeplus{
width:740px;
margin:5px auto 0px;
background-image:url('../img/int_plus.gif');
background-repeat:no-repeat;
padding-left:40px;
padding-top:7px;
font-size:14px;
height:33px;
}

.formmore{
width:790px;
margin:10px auto;
}

.formmore ul{
width:790px;
clear:both;
}

.formmore li{
float:left;
width:148px;
height:50px;
padding-right:10px;
padding-bottom:10px;
}

/*書体選択*/
.fnt_name{
width:148px;
}

.fnt_name_l{
float:left;
width:20px;
}

.fnt_name_r{
float:left;
width:128px;
}

.fnt_name_r p{
margin-top:5px;
}

.option ul{
width:480px;
clear:both;
}

.option li{
float:left;
width:148px;
padding-right:10px;
padding-bottom:10px;
}

.small{
font-weight:normal;
font-size:11px;
margin-top:5px;
}

.option2 ul{
width:480px;
clear:both;
}

.option2 li{
float:left;
width:70px;
padding-right:10px;
padding-bottom:10px;
}

/*000050
------------------------------------------------------------ */
/*プレビュー
----------------------- */
#previewarea50{
clear:both;
width:950px;
background:url('../img/denpyo/preview50_bg.gif');
background-color:#f6f5f5;
padding-bottom:10px;

}

#previewarea50 #denpyo{
width:506px;
float:left;
margin-bottom:10px;
text-align:center;
}

#previewarea50 #denpyo img{
margin-bottom:10px;
}

#previewarea50 .left{
width:212px;
float:left;
padding:0px;
margin-top:65px;
}

.left .navibtn{
width:162px;
clear:both;
margin:0px auto 5px;
}

#previewarea50 .right{
width:232px;
float:right;
padding:0px;
margin-top:65px;
}

.right .attention{
border:1px dashed #ff0000;
padding:5px;
width:180px;
color:#ff0000;
margin:auto;
}

.right img{
margin-bottom:5px;
}



#previewarea50 .preview_btn{
width:169px;
margin:auto;
padding-top:15px;
margin-bottom:10px;
}

.add{
width:825px;
padding-left:120px;
}

.add p{
padding:25px 0px 15px;
}

.add .btn_r{
height:41px;
float:right;
padding-right:30px;
padding-top:40px;
}

/*000060
------------------------------------------------------------ */

.description{
margin:10px auto 20px;
width:780px;
}

.check_tbl img.pre{
margin-bottom:10px;
}

.check_tbl{
width:790px;
margin:0 auto 15px;
}

.check_tbl td{
border-collapse: separate;
border-spacing: 10px;
padding:10px;
font-size:12px;
width:525px;
}

.check_tbl th{
width:265px;
background-color:#e6f9ad;
border-collapse: separate;
border-spacing: 5px;
padding:10px;
text-align:left;
font-size:12px;
}

.check_tbl p{
padding-top:10px;
}

.check_tbl2{
width:790px;
margin:0 auto;
}

.check_tbl2 th.tbl2_l{
background-color:#e6f9ad;
border-collapse: separate;
border-spacing: 5px;
padding:10px;
text-align:left;
font-size:12px;
width:175px;
}

.check_tbl2 th.error{
background-color:#fed3dd;
border-collapse: separate;
border-spacing: 5px;
padding:10px;
text-align:left;
font-size:12px;
width:175px;
}

.check_tbl2 td{
border-collapse: separate;
border-spacing: 10px;
padding:10px;
font-size:12px;
width:525px;
vertical-align:middle;
}

.checkkakaku{
vertical-align:bottom;
margin-left:5px;
}

.check_tbl2 th .small{
font-weight:normal;
font-size:12px;
margin-top:5px;
}

.check_tbl2 td.kakaku{
background-color:#f6f5f5;
text-align:center;
width:265px;

}

.check_tbl2 td.option{
background-color:#f3ffcd;
text-align:center;
width:50px;
vertical-align:middle;
}

.check_tbl2 th.non{
background-color:#ffffff;
width:265px;
}

.check_tbl2 th.kakaku{
background-color:#ffb340;
font-size:14px;
width:265px;
}

.sum{
	width:350px;
	margin:auto;
	font-size:24px;
	font-weight:bold;
	border-style: double;
	border-color:#ff6600;
	text-align:right;
	padding-right: 10px;
}

.mk{
vertical-align:bottom;
margin-left:5px;

}


.no{
float:left;
margin-right:10px;
}

/*yd00060.html*/

.check_tbl2 th.cal{
background-color:#e6f9ad;
padding:10px;
text-align:left;
}

.check_tbl2 td.cal{
text-align:center;
width:265px;
}

div.cal{
	width:350px;
	margin:auto;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	padding-right: 10px;
}

/*yd0010*/



div.a_inner p.cap{
padding-left:1em;
text-indent:-1em;
font-size:12px;
line-height:1.4;
}

#mainarea #ttl2{
clear:both;
width:714px;
margin:0px auto 5px;
border-bottom:1px solid #CCCCCC;
padding-bottom:10px;
}


div#mainarea div#ttl2 p.cap{
padding-left:1em;
text-indent:-1em;
font-size:12px;
line-height:1.4;
}


div#mainarea div#ttl2 p.text{
font-size:12px;
line-height:1.4;
}