@charset "UTF-8";

/*名入れサービス用
------------------------------------------------------------ */
#mainarea .pan{
margin-bottom:10px;
}

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

.btnarea{
padding-bottom:20px;
}

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

.pdf_dl{
margin:10px auto;
clear:both;
}

.pdf_dl2{
margin:40px auto;
clear:both;
}

.pdf_dl3{
clear:both;
margin:10px auto;

text-align:center;
}

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

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

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

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

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

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


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


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

.step_box{
clear:both;
width:700px;
margin:0px auto 15px;
}

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

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

.btn_bk{
padding:16px 0px 20px 0px;
border-top:#ccc 1px dotted;
}


/*タオル名入れ
------------------------------------------------------------ */

.taoru_box ul{
width:700px;
margin:0px;
}

.taoru_box li{
display:block;
float:left;
width:320px;
height:240px;
margin:10px 15px 0px 10px;
}

.taoru_box li.box2{
display:block;
float:left;
width:320px;
height:260px;
margin:10px 15px 0px 10px;
}

.taoru_box li.box3{
display:block;
float:left;
width:320px;
height:130px;
margin:10px 15px 0px 10px;
}

.taoru_box li.line{
display:block;
width:650px;
height:1px;
border-bottom:#ccc dotted 1px
}

.name{
font-size:14px;
font-weight:bold;
padding-bottom:3px;
}

.taoru_box2{
width:320px;
height:110px;
margin:5px auto;
}

.taoru_box2 table{
width:320px;
}

.taoru_box2 td{
vertical-align:top;
}

.taoru_box3 li{
display:block;
float:left;
width:210px;
height:210px;
margin:10px 5px 0px 5px;
}


/*スリッパ名入れ
------------------------------------------------------------ */

div.slipper{
width:660px;
margin:30px auto 0px;
}

.slipper li{
display:block;
float:left;
width:160px;
margin-bottom:10px;
}

.slipper_l{
width:250px;
vertical-align:top;
}

.slipper_r{
width:370px;
vertical-align:top;
}

.slipper_box2 li{
display:block;
float:left;
width:210px;
height:280px;
margin:10px 5px 0px 5px;
}

.slipper_box3{
width:700px;
height:115px;
margin:0px;
}

.slipper_box3 p{
width:520px;
}

/*ゼブラボールペン名入れ
------------------------------------------------------------ */
.sstep_zebra{
clear:both;
width:714px;
height:103px;
background:url('../img/naire/zebra/step_bg_zebra.gif');
background-repeat: no-repeat;
margin-bottom:5px;
}

.sstep_zebra ul{
float:left;
}

.sstep_zebra li{
display:block;
float:left;
margin-left:11px;
margin-top:42px;
}

.type_menu{
width:714px;

padding-top:5px;
}


.type_menu a{
background:url('../img/guide/int_pagelink.gif') no-repeat;
padding-left:15px;
margin-top:5px;
}

#type1,#type2{
width:709px;
height:18px;

padding:4px 0px 0px 5px;
margin-top:8px;
font-size:12px;
color:#ffffff;
font-weight:bold;
}


#type1{
background-color:#2b97e2;
}


#type2{
background-color:#fe8402;
}


div.zebra_topbox,div.zebra_box,div.zebra_box2{
clear:both;
width:710px;

margin:5px auto 0px;
padding:0px;

}


div.zebra_topbox ul,div.zebra_box ul,div.zebra_box2 ul{
width:720px;

margin-right:-10px;
}


div.zebra_box li,div.zebra_box2 li{

display:block;
float:left;

margin-right:10px;

width:230px;

text-align:center;

}

div.zebra_topbox li{

display:block;
float:left;

margin-right:10px;

width:350px;

text-align:center;

}

div.type_box{
width:348px;
height:310px;

border:solid 1px #cccccc;

}

.type_ttl{

margin-top:4px;

}


.type_img{
margin-top:2px;
height:165px;

}


p.type_txt{
margin-top:15px;

padding:0px 5px;

font-size:12px;

line-height:1.1;

text-align:left;
height:3.5em;

}


.type_btn{
margin-top:4px;

margin-bottom:8px;

}

.type_ttl{

margin:4px auto;

}


div.step2_box{
position:relative;
width:228px;
height:215px;

border:solid 1px #cccccc;

}
 
div.step2_box_s{
position:relative;
width:228px;
height:195px;

border:solid 1px #cccccc;

}



div.step2_box_l{
position:relative;
width:228px;
height:235px;

border:solid 1px #cccccc;

}

p.lineup_ttl{

padding:7px 2px 4px 4px;
font-weight:bold;

font-size:12px;

line-height:1.0;

text-align:left;

}

p.lineup_txt{
position:absolute;
top:25px;
left:0px;
padding:0px 4px;

font-size:12px;

line-height:1.1;

text-align:left;
color:#4c6c82;

z-index:1;
}

.lineup_img{

position:absolute;
top:55px;
left:9px;
}


.type_zoom_l{
position:absolute;
bottom:7px;
left:5px;

}

.type_zoom_r{
position:absolute;
background-image:url(../img/naire/zebra/zoom.gif);
background-repeat:no-repeat;
height:1.3em;
padding-left:13px;
bottom:20px;
right:5px;

}

.type_zoom{
background-image:url(../img/naire/zebra/zoom.gif);
background-repeat:no-repeat;
height:1.3em;
padding-left:13px;
}

.lineup_new{

position:absolute;
top:52px;
right:5px;
}


div.zebra_box2 .subttl{
width:706px;
height:17px;
margin-bottom:8px;
padding-left:5px;
padding-top:4px;
font-size:12px;
background-color:#c8fc90;
}

div.zebraop_box{
width:678px;
height:35px;
margin:0px auto;
padding:8px 5px;

border:solid 1px #cccccc;

}

div.zebra_op{
float:left;
background-image:url(../img/int_o.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-bottom:6px;
margin-right:20px;
}


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

#sstep{
clear:both;
width:950px;
height:103px;
background:url('../img/naire/step_bg.gif');
background-repeat: no-repeat;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}

#sstep ul{
float:left;
}

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

.btn_select{
width:790px;
margin:-30px auto 0px;
text-align:right;
}


.selectbtn_c{
float:none;
width:230px;
padding:20px 150px;
}


/*クリアーホルダー名入れ
------------------------------------------------------------ */
.sstep_folder{
clear:both;
width:714px;
height:103px;
background:url('../img/naire/folder/step_bg_folder.gif');
background-repeat: no-repeat;
margin-bottom:5px;
}

.sstep_folder ul{
float:left;
}

.sstep_folder li{
display:block;
float:left;
margin-left:11px;
margin-top:42px;
}



#folder_type1,#folder_type2,#folder_type3,#folder_type4,#folder_type5,#folder_type6{
width:715px;
height:18px;
background-color:#c8fc90;


padding:4px 0px 0px 5px;
margin-top:8px;
font-size:12px;
color:#000000;
font-weight:bold;
}

#folder_other{
width:715px;
height:18px;
background-color:#fe8402;


padding:4px 0px 0px 5px;
margin-top:8px;
font-size:12px;
color:#ffffff;
font-weight:bold;
}