@charset "UTF-8";

/*--------------------------------------------------
gift
--------------------------------------------------*/
div#main p.pic{
float: right;
margin: 0 30px 15px 15px;
display:inline;
}

div#main h3 {
margin:0 0 15px 0;
}

div#main h4 {
margin:0;
color:#A82D4A;
clear: both;
font-size: 1.2em;
margin-top: 15px;
}

div#main ul.dtl {
margin: 6px 0;
}

div#main .bdr {
padding:10px 0 0 0;
border-top:#999999 dotted 1px;
}

div#main table.price {
margin: 15px 0 0 0;
} 

div#main table.price td {
padding-right: 20px;
}

div#main table.price td.rightSide {
padding: 0;
}

div#main table.price td dl dt {
text-align: center;
}

div#main table.price td dl dd {
text-align: center;
}

div#main table.price td dl dd.price {
text-align: center;
font-size: 1.3em;
font-weight: bold;
margin: 8px 0;
}

div#main table.price td dl dd.btn {
text-align: center;
margin: 8px 0 15px 0;
}

/*--------------------------------------------------
gift form
--------------------------------------------------*/
div#main div.pic {
float: left;
}

div#main div.select {
float: right;
width: 450px;
margin-right: 80px;
}

div#main div.select table {
margin-top: 5px;
margin-bottom: 5px;
}

div#main div.select table td img {
margin-right: 2px;
margin-bottom: 2px;
}

div#main p.center {
text-align: center;
margin-bottom: 15px;
}

div#main div.kouza {
padding:0 0 15px 0;
/*border: #E6E6E6 solid 1px;*/
}

div#main div.kouza p {
font-size:small;
}

div#main div.kouza p span,
span.redbig {
font-size:large;
color:#A82D4A;
}

.bankbox {
border:#CCCCCC solid 2px;
margin:15px auto 15px auto;
padding:15px;
width:600px;
text-align:center;
font-size:medium;
}

ul.about {
list-style:disc;
margin:10px 0;
}

ul.about li {
margin:0 0 0 16px;
}

table.abouttable {
margin:10px auto 10px auto;
}

table.abouttable td {
padding:5px;
}

table.abouttable td.bd {
border-top:#CCCCCC solid 1px;
}

table.abouttable td.bdh {
border-left:#CCCCCC solid 1px;
}

/*--------------------------------------------------
gift index
--------------------------------------------------*/

div#main div#gift01,
div#main div#gift02,
div#main div#gift03,
div#main div#gift04 {
width:112px;
height:355px;
float:left;
margin:30px 20px 16px 0;
padding:18px 16px 0 16px;
position:relative;
}

div#main div#gift01 {
background:url(img/gift_bg01.jpg) no-repeat left top;
}

div#main div#gift02 {
background:url(img/gift_bg02.jpg) no-repeat left top;
}

div#main div#gift03 {
background:url(img/gift_bg03.jpg) no-repeat left top;
}

div#main div#gift04 {
	background:url(img/gift_bg04.jpg) no-repeat left top;
}

div#main div#gift01 h4,
div#main div#gift02 h4,
div#main div#gift03 h4,
div#main div#gift04 h4 {
height:40px;
margin:0;
}

#main p.bd {
position:absolute;
top:255px;
left:27px;
/*text-align:center;
margin:10px 0 0 0;*/
}

#main #gotop {
margin:16px 0 8px 0;
text-align:right;
clear:left;
}

#main div.gotop {
margin:16px 0 8px 0;
text-align:right;
clear:left;
}

/*--------------------------------------------------
gift qa
--------------------------------------------------*/
#container div.qa h4 {
background:url(img/qa_bg.gif) no-repeat left top;
heigt:20px;
padding:0 0 0 5px;
font-size:1.0em;
margin:0 0 10px 0;
color:#727171;
}

#container div.qa h4.qaGift {
margin:40px 0 10px 0;
}

div.qa ul {
margin:0 0 30px 0;
}

div.qa ul.qau a {
color:#727171;
}

div.qa dl dt {
color:#8F0D79;
}

div.qa dl dd {
margin:0 0 25px 0;
background:url(img/icon_answer.gif) no-repeat left 5px;
padding:0 0 0 12px;
}

div.qa dl a {
color:#E60012;
}

div.qa div.gotop2 {
margin:80px 0 35px 0;
text-align:right;
clear:left;
}

/*--------------------------------------------------
gift order
--------------------------------------------------*/
div.order div#trick {
position:relative;
margin:35px 0 20px 0;
}

div.order div#trick p.leftPic {
float:left;
width:320px;
margin:0 8px 0 0;
}

div.order div#trick p#t01 {
position:absolute;
top:18px;
left:329px;
width:325px;
}

div.order div#trick div#t02 {
background:#F2F2F2;
padding:10px;
position:absolute;
top:59px;
left:319px;
width:345px;
}

div.order div#trick p#t03 {
position:absolute;
top:326px;
left:329px;
width:325px;
}

div.order div#trick p#t04 {
position:absolute;
top:369px;
left:329px;
width:325px;
}

div.order div#trick p#t05 {
position:absolute;
top:451px;
left:329px;
width:325px;
}

div.order p.btnOrder {
margin:20px 0 0 0;
}



/*--------------------------------------------------
gift orderbox
--------------------------------------------------*/
div.orderBox table.ob {
margin:35px auto 0 auto;
width:626px;
}

div.orderBox table.ob tr td {
text-align:center;
padding:0 0 15px 0;
}

div.orderBox p.attention {
margin:0 0 0 38px;
}


/*--------------------------------------------------
gift adviser
--------------------------------------------------*/
#main h4.uc {
margin:130px 0 0 0;
text-align:center;
}

/*--------------------------------------------------
gift case
--------------------------------------------------*/
div.case h5 {
font-size:1.2em;
font-weight:bold;
}

div.case div {
margin:0 0 15px 0;
}

div.case div p {
float:left;
display:inline;
margin:60px 0 0 65px;
}

/*--------------------------------------------------
gift flow
--------------------------------------------------*/
div.flow div {
background:#F2F2F2;
margin:0 0 10px 0;
padding:10px;
}

div.flow div#flow06 {
background:#F2F2F2;
margin:0 0 30px 0;
padding:10px 0 10px 0;
width:274px;
}

#container div.flow div h4 {
color:#333;
margin:0;
padding:0 0 0 22px;
}

div.flow div h4#flow01 {
background:url(img/icon01.gif) no-repeat left top;
}

div.flow div h4#flow02 {
background:url(img/icon02.gif) no-repeat left top;
}

div.flow div h4#flow03 {
background:url(img/icon03.gif) no-repeat left top;
}

div.flow div h4#flow04 {
background:url(img/icon04.gif) no-repeat left top;
}

div.flow div h4#flow05 {
background:url(img/icon05.gif) no-repeat left top;
}

div.flow div#flow06 h4 {
background:url(img/icon06.gif) no-repeat left top;
margin:0 0 10px 10px;
}


div.flow div dl {
width:134px;
float:left;
margin:10px 0 0 0;
font-size:0.9em;
}

div.flow div dl dt {
width:134px;
margin:0 0 5px 0;
height:100px;
background:url(img/arrow_s.gif) no-repeat right center;
}

div.flow div dl dd {
width:120px;
text-align:center;
}

div.flow div dl.rightPic {
width:120px;
margin:10px 0 0 0;
}

div.flow div dl.rightPic dt {
background:none;
}

div.flow div#flow06 dl {
width:134px;
margin:0 0 0 10px;
background:none;
float:left;
display:inline;
}

div.flow div#flow06 dl.lastPic dt,
div.flow div#flow06 dl dt {
background:none;
height:100px;
margin:0 0 5px 0;
float:left;
width:120px;
}

div.flow div#flow06 dl.lastPic {
background:none;
width:120px;
margin:0;
float:left;
}

div.flow p.arrow {
margin:0 0 10px 10px;
}

div.flow ul {
margin:5px 0 0 0;
}

div.flow div#gotop {
background:#FFF;
}