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


#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/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 .pan{
margin-bottom:10px;
}


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

.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 .design_btn03{
clear:both;
padding:0px;
width:169px;
}





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




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

h2#service{
background:url('../img/meishi/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/meishi/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/meishi/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{
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;
margin-bottom:30px;
}


/*000020
------------------------------------------------------------ */
/*名刺一覧
----------------------- */

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

.designs ul{
width:723px;
margin-right:-8px;
}

.designs li{
float:left;
width:172px;
padding-right:8px;
}


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

div.design_box{
margin-bottom:20px;
text-align:center;
}

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

.design_btn01{
width:114px;
float:left;

}

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

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

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

/*一時トレイ
----------------------- */

#tray{
clear:both;
width:205px;
background:url('../img/tray_bg.gif');
text-align:center;
}

div.trays{
width:172px;
margin:0px auto;
overflow:hidden;
padding:15px 0px 10px;
}

.trays ul{
width:172px;
}

.trays li{
width:172px;
padding-bottom:20px;
}

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

.trays .alldelete{
float:right;
margin-bottom:20px;
}

.trays .alldelete2{
clear:both;
float:right;
margin:0;
padding:0;
}

/*category
----------------------- */
#category{
margin:10px 0px;
clear:both;
}

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

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


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

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

.pagenavi{
margin:-1px 0px 10px;
width:713px;
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;}


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

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

#previewarea #meishi,#previewarea2 #meishi{
width:346px;
margin:auto;
padding:20px 0px 0px;
text-align:center;
}

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

}

.preview{
width:346px;
margin:10px auto;
}

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

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

/*フォーム
----------------------- */
.form_tbl{
width:790px;
font-size:12px;
margin:0 auto;
}

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

/*↓以下第二階層共通
------------------------------------------------------------ */

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

#mstep{
clear:both;
width:950px;
height:103px;
background:url('../img/meishi/mstep_bg.gif');
background-repeat: no-repeat;
margin:15px auto;
}

#mstep ul{
float:left;
}

#mstep 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:715px;

}

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


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

/*btnarea*/

.btnarea{
padding-bottom:5px;
}

.btnarea ul{
float:right;
padding:0px;
}

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

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

}

#previewarea60u{
clear:both;
width:950px;
background:url('../img/preview60u_bg.gif');
background-color:#f6f5f5;
padding-bottom:10px;

}

#previewarea60o .meishi,#previewarea60u .meishi{
width:346px;
float:left;
margin-bottom:10px;
text-align:center;
}

#previewarea60o .left{
width:302px;
float:left;
padding:0px;
}

#previewarea60u .left{
width:302px;
height:210px;
float:left;
padding:0px;
position:relative;
}

.left .navibtn{
width:162px;
clear:both;
padding-right:20px;
margin-bottom:5px;
float:right;
}

#previewarea60u .left .uradelete{
width:162px;
clear:both;
bottom:0px;
position:absolute;bottom:0px; right:20px;
}



#previewarea60o .right,#previewarea60u .right{
width:302px;
float:left;
padding:0px;
}

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

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



#previewarea60o .preview_btn,#previewarea60u .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;
}



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

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

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

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

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

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


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

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

/*000070
------------------------------------------------------------ */

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

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

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

}