@charset "utf-8";
/*------------------------------------------------------------------------------
- Adjustment + component
URL: http://

------------------------------------------------------------------------------*/

/* ClearFix
----------------------------------------------------*/

/* modern browsers */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* IE7 */
.clearfix {
display: inline-block;
}

/* legacy IE \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End of ClearFix */	

/* popup
----------------------------------------------------*/
/* voice-confirm */
body#voice-confirm{
margin:20px;
}

body#voice-confirm div#document{
width:340px;
background:url(../../goods/popup/images/voice-confirm_bg01.gif) no-repeat left top;
}

body#voice-confirm div#document p{
padding:30px 20px 0; 
font-weight:bold;
}

body#voice-confirm div.formarea{
background:url(../../goods/popup/images/voice-confirm_bg01.gif) no-repeat left bottom;
}

body#voice-confirm div.formarea form,
body#voice-confirm div#document div.formarea p.close{
text-align:center; 
padding:30px 0;
cursor:pointer;
}
/* ingredient */
body#ingredient{
margin:10px;
}

body#ingredient div#document{
width:360px;
}

body#ingredient div#document h1{
margin:20px 0 0;
line-height:1;
font-weight:bold;
border-left:10px solid #bebebe;
}

body#ingredient div#document table.womenData{
width:100%;
border:1px solid #e3a9c7;
margin-top:10px;
}

body#ingredient div#document table.womenData th,
body#ingredient div#document table.womenData td{
text-align:center;
border:1px solid #e3a9c7;
padding:2px 14px;
font-size:93%;
}

body#ingredient div#document table.womenData th{
font-weight:bold;
background:#e3a9c7;
color:#FFF;
}

body#ingredient div#document table.womenData td{
width:25%;
border:1px solid #e3a9c7;
background:#f8eaf1;
}

body#ingredient div#document table.menData{
width:100%;
border:1px solid #a9b7e3;
margin-top:10px;
}

body#ingredient div#document table.menData th,
body#ingredient div#document table.menData td{
text-align:center;
border:1px solid #a9b7e3;
padding:2px 14px;
font-size:93%;
}

body#ingredient div#document table.menData th{
font-weight:bold;
background:#a9b7e3;
color:#FFF;
}

body#ingredient div#document table.menData td{
width:25%;
border:1px solid #a9b7e3;
background:#f6f8fc;
}

body#ingredient div#document ul.note{
margin-top:10px;
font-size:93%;
}
/*----------------------------------------------------

----------------------------------------------------*/
/* text-align */
#main p.textLeft,
#main th.textLeft,
#main td.textLeft {
text-align: left;
}

#main p.textRight,
#main th.textRight,
#main td.textRight {
text-align: right;
}

#main p.textCenter,
#main th.textCenter,
#main td.textCenter {
text-align: center;
}

/* vertical-align */
#main th.textTop,
#main td.textTop {
vertical-align: top;
}

#main th.textMiddle,
#main td.textMiddle {
vertical-align: middle;
}

#main th.textBottom,
#main td.textBottom {
vertical-align: bottom;
}

/*----------------------------------------------------
banner orderArea
----------------------------------------------------*/
#banner div.orderArea{
width:634px;
}

#banner div.orderArea ul.orderBtnA01{
position:absolute;
width:351px;
top:0;
left:603px;
background:url(../images/orderBtn_bg01.gif) no-repeat 0 0;
}

#banner div.orderArea ul.orderBtnA02{
position:absolute;
width:325px;
top:0;
left:629px;
background:url(../images/orderBtn_bg02.gif) no-repeat 0 0;
}

#banner div.orderArea ul.orderBtnA01 li,
#banner div.orderArea ul.orderBtnA02 li{
float:left;
display:inline;
}

#banner div.orderArea ul.orderBtnA01 li a,
#banner div.orderArea ul.orderBtnA02 li a{
display:block;
font-size:0;
}

#banner div.orderArea ul.orderBtnA01 li.login,
#banner div.orderArea ul.orderBtnA02 li.logout{
margin-left:4px;
}

#banner div.orderArea ul.orderBtnA01 li.register,
#banner div.orderArea ul.orderBtnA02 li.mypage{
margin-left:10px;
}

#banner div.orderArea ul.orderBtnA01 li.cart,
#banner div.orderArea ul.orderBtnA02 li.cart{
margin-left:10px;
}

#banner div.orderArea div#orderTextAreaA01,
#banner div.orderArea div#orderTextAreaA02{
width:420px;
padding:18px 0 0 340px;
font-weight:bold;
font-size:93%;
}

#banner div.orderArea div#orderTextAreaA01 p.name,
#banner div.orderArea div#orderTextAreaA02 p.name{
font-size:108%;
}

#banner div.orderArea div#orderTextAreaA01 p.name span,
#banner div.orderArea div#orderTextAreaA02 p.name span{
color:#fd7b00;
}

#banner div.orderArea div#orderTextAreaA01 .point,
#banner div.orderArea div#orderTextAreaA02 .point{
color:#FF4D77;
}

/*----------------------------------------------------
topicpath
----------------------------------------------------*/
div#topicPath{
width:719px;
margin:0 -13px;
background:url(../images/topicPath_bg01.jpg) no-repeat left top;
padding-top:9px;
position:relative;
} 

div#topicPath p{
background:url(../images/topicPath_bg01.jpg) no-repeat left bottom;
padding:0 0 10px 50px;
}

div#topicPath span{
position:absolute;
top:-14px;
left:14px;
}

div#topicPath p a{
color:#fd7b00;
} 

/*----------------------------------------------------
subNavigationA01
----------------------------------------------------*/
div.subNavigationA01{
width:693px;
margin-top:10px;
background:url(../images/subNav_A01_bg02.gif) no-repeat left bottom;
}

div.subNavigationA01 ul{
width:693px;
padding-top:10px;
background:url(../images/subNav_A01_bg01.gif) no-repeat left top;
}

div.subNavigationA01 ul li{
float:left;
display:inline;
line-height:1.2;
margin-left:10px;
margin-right:40px;
padding-bottom:10px;
}

div.subNavigationA01 ul li a{
padding-left:16px;
background:url(../images/ico02.gif) no-repeat 0 0;
}

/*----------------------------------------------------
textNavlistA01
----------------------------------------------------*/
ul.textNavlistA01{
margin:14px 0 0;
text-align:right;
}

ul.textNavlistA01 li{
display:inline;
background:url(../images/ico02.gif) no-repeat 0 50%;
padding-left:16px;
margin-left:20px;
}

/*----------------------------------------------------
textlistA01
----------------------------------------------------*/
ul.textNavlistB01{

}

ul.textNavlistB01 li{

}

/*----------------------------------------------------
figureBoxA01
----------------------------------------------------*/
.figureBoxA01{
width:100%;
display:table;
}

.figureBoxA01 div.image{
padding-right:20px;
display:table-cell;
vertical-align:top;
width:1%;
/width:auto;
/float:left; /* IE 6, 7 */
} 

.figureBoxA01 div.text{
display: table-cell;
vertical-align: top;
/zoom:1; /* IE 6, 7 */
}

/*----------------------------------------------------
figureBoxB01
----------------------------------------------------*/
.figureBoxB01{
width:100%;
display:table;
direction:rtl;
text-align:right;
}

.figureBoxB01 div.image{
margin:0;
display:table-cell;
vertical-align:top;
width:1%;
/width:auto;
/float:right; /* IE 6, 7 */
} 

.figureBoxB01 div.text{
padding-right:20px;
display:table-cell;
vertical-align:top;
/zoom:1; /* IE 6, 7 */
direction:ltr;
text-align:left;
}

/*----------------------------------------------------
tableA01
----------------------------------------------------*/
div.tableBlockA01{
width:653px;
background:url(../images/table_bg03.gif) no-repeat left bottom; 
padding-bottom:6px;
}

table.tableA01{
width:100%;
font-size:108%;
}

table.tableA01 th {
width:200px;
padding:10px 20px 0 10px;
vertical-align:top;
background:url(../images/table_bg01.gif) no-repeat left top;
}

table.tableA01 td {
padding:10px 20px 0 0;
background:url(../images/table_bg01.gif) no-repeat right top;
}

table.tableA01 tr.first-line th {
padding-top:6px;
background:url(../images/table_bg02.gif) no-repeat left top;
}

table.tableA01 tr.first-line td {
padding-top:6px;
background:url(../images/table_bg02.gif) no-repeat right top;
}

/*----------------------------------------------------
pagenationA01
----------------------------------------------------*/
p.pagenationA01{
margin-top:20px;
text-align:center;
}