﻿@charset "utf-8";


/*-----toppage setting-----*/

.contentbox_top{
position:relative;
margin:0px;
padding:0px;
width:850px;
height:55px;
background-image:url(../images/contents/ordercake_cb_t_bg.png);
background-repeat:no-repeat;
}

.maincontents{
position:relative;
margin:0px auto;
padding:0px;
text-align:center;
width:840px;
}

.order_about{
position:relative;
margin:0px;
padding:0px;
width:840px;
height:390px;
background-image:url(../images/contents/ordercake/about_order_bg.png);
background-position:0px;
background-repeat:no-repeat;
text-align:left;
}

.cake_word{
display:block;
position:absolute;
margin:58px 0px 0px 250px;
padding:0px;
color:#C7A000;
}


.oc_txt_h{
position:absolute;
width:455px;
height:65px;
margin:80px 0px 0px 10px;
padding:0px;
}

.oc_txt{
display:block;
position:relative;
margin:140px 0px 0px 10px;
padding:0px;
text-align:left;
width:430px;
height:190px;
font-size:12px;
line-height:18px;
}

.oc_points{
position:relative;
width:840px;
height:65px;
background-image:url(../images/contents/ordercake/points_head.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-align:left;
}

.points_word{
display:block;
position:absolute;
margin:34px 0px 0px 150px;
padding:0px;
color:#C7A000;
}

.oc_point01{
position:relative;
width:820px;
height:250px;
background-image:url(../images/contents/ordercake/oc_point01.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
text-align:left;
float:left;
}

.oc_point02{
position:relative;
width:820px;
height:250px;
background-image:url(../images/contents/ordercake/oc_point02.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px auto;
padding:0px;
text-align:left;
float:left;
}

.point_txt01{
display:block;
position:relative;
margin:45px 0px 0px 230px;
padding:0px;
font-size:12px;
line-height:18px;
}

.point_txt02{
display:block;
position:relative;
margin:45px 0px 0px 230px;
padding:0px;
font-size:12px;
line-height:18px;
}

.ocp_sub_t01{
display:block;
height:25px;
line-height:25px;
font-size:14px;
background-color:#EDCD48;
margin:0px 0px 0px -19px;
padding:0px 0px 0px 5px;
}

.ocp_sub_t02{
display:block;
height:25px;
line-height:25px;
font-size:14px;
background-color:#F6B065;
margin:0px 0px 0px -19px;
padding:0px 0px 0px 5px;
}

.ordersheet_memo{
position:relative;
margin:0px;
padding:0px;
width:840px;
min-height:300px;
background-image:url(../images/contents/ordercake/order_memo_h_bg.png);
background-position:1px 0px 0px 0px;
background-repeat:no-repeat;
text-align:left;
border-top:dotted 1px #555555;
}

.ordersheet_txt{
display:block;
position:relative;
width:565px;
margin:10px 0px 0px 10px;
padding:0px;
font-size:12px;
float:left;
}

.oc_copy_box{
display:block;
position:relative;
width:455px;
height:385px;
background-image:url(../images/contents/ordercake/oc_fax_bg.png);
background-position:0px;
background-repeat:no-repeat;
text-align:left;
margin:10px 0px 0px 53px;
padding:0px;
font-size:12px;
}

.oc_copy_txt{
display:block;
position:absolute;
width:380px;
height:350px;
text-align:left;
margin:19px 0px 0px 53px;
padding:0px;
font-size:12px;
line-height:15px;
}

/*-----sample price setting-----*/

.sample_price{
position:relative;
display:block;
width:220px;
height:auto;
margin:100px 5px 0px 20px;
z-index:12;
float:left;
font-size:12px;
}

.t_sprice{
border:1px dotted #555555;
}

.t_cap{
height:30px;
background-color:#BAE67B;
text-align:center;
line-height:30px;
border:1px dotted #555555;
}

.t_name{
width:60px;
height:30px;
background-color:#BAE67B;
text-align:center;
vertical-align:middle;
border-top:1px solid #ffffff;
border-right:4px solid #ffffff;
}

.t_answer{
width:160px;
height:30px;
background-color:#ffffff;
text-align:left;
vertical-align:middle;
border-top:1px solid #ffffff;
}

/*-----FAXsheet setting-----*/

.get_faxsheetbox{
position:relative;
display:block;
width:220px;
height:150px;
margin:25px 5px 0px 20px;
z-index:12;
float:left;
font-size:12px;
}

.btn_faxpapger{
position:relative;
display:block;
width:100%;
height:120px;
margin:10px 0px 0px 0px;
z-index:12;
text-align: center;
}

.btn_faxpapger a{
display:inline-block;
width:85px;
height:105px;
background-image:url(../images/contents/ordercake/faxsheet_img.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.btn_faxpapger a:hover{
display:inline-block;
width:85px;
height:105px;
background-image:url(../images/contents/ordercake/faxsheet_img.png);
background-position:0px -105px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

/*-----Order Button setting-----*/

.go_order{
position:relative;
display:block;
width:250px;
height:60px;
margin:0px 0px 0px 155px;
z-index:15;
text-align:center;
float:left;
}

.go_order a{
display:block;
width:250px;
height:55px;
background-image:url(../images/contents/ordercake/btn_order.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.go_order a:hover{
display:block;
width:250px;
height:55px;
background-image:url(../images/contents/ordercake/btn_order.png);
background-position:0px -55px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

/*-----OC works bottom setting-----*/

.go_works{
position:relative;
display:block;
width:250px;
height:90px;
background-image:url(../images/contents/ordercake/go_works_bg.png);
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-size:12px;
text-align:left;
z-index:12;
float:right;
color:#ff0000;
}

.go_works_txt{
color:#ff0000
position:absolute;
display:block;
width:180px;
height:20px;
margin-left:17px;
padding:0px;
font-size:12px;
text-align:left;
line-height:90px;
}

/*-----OC bottom setting-----*/

.contentbox_bottom{
position:relative;
margin:0px;
padding:0px;
width:850px;
height:90px;
background-image:url(../images/contents/ordercake/order_memo_b_bg.png);
background-repeat:no-repeat;
}
