@charset "utf-8";

/* --------------------------------------------------
 Parts
 		- Utility Parts
 		- Icon Parts
 		- Text Style Parts
 		- Section Parts
  		- Layout Parts
 		- Frames Parts
-------------------------------------------------- */
/* --------------------------------------------------
   Utility Parts
-------------------------------------------------- */
/* Float Clear
-------------------------------------------------- */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* Margin
-------------------------------------------------- */
.mt05px { margin-top: 5px;}
.mt10px { margin-top:10px;}
.mt15px { margin-top:15px;}
.mt20px { margin-top:20px;}
.mt25px { margin-top:25px;}
.mt30px { margin-top:30px;}
.mt35px { margin-top:35px;}
.mt40px { margin-top:40px;}
.mt45px { margin-top:45px;}
.mt50px { margin-top:50px;}

/* Margin
-------------------------------------------------- */
.alignT { vertical-align:top; }
.alignB { vertical-align:bottom; }
.alignC { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }

/* Indent Box
-------------------------------------------------- */
.indentBox {
margin-right:20px;
margin-left:20px;
}

/* Image Border
-------------------------------------------------- */
img.imgborder {
border:1px solid #ece9d8;
}
a:link img.imgborder,
a:visited img.imgborder {
border-color:#ece9d8;
}
a:hover img.imgborder,
a:active img.imgborder {
border-color:#91521f;
}

/* Page Top Anchor
-------------------------------------------------- */
div.pagetopAnchor {
clear: both;
margin-top:10px;
}
#mainField div.pagetopAnchor {
margin-top:25px;
/*padding-bottom:5px;
border-bottom:1px solid #e5d9a8;*/
}
div.pagetopAnchor:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.pagetopAnchor {display:inline-block;}
/* Hides from IE-mac \*/
* html div.pagetopAnchor {height:1%;}
div.pagetopAnchor {display:block;}
/* End hide from IE-mac */
div.pagetopAnchor div {
float:right;
padding-left:10px;
background:url(../images/inLink_ico_02.gif) no-repeat scroll 0 0.5em;
font-size:86%;
}


div.complementAnchor {
clear: both;
}
div.complementAnchor:after {content:"."; display:block; height:0.1px; clear:both; visibility:hidden;}
div.complementAnchor {display:inline-block;}
/* Hides from IE-mac \*/
* html div.complementAnchor {height:1%;}
div.complementAnchor {display:block;}
/* End hide from IE-mac */
div.complementAnchor ul.inLinkIco li {
float:right;
}

/* --------------------------------------------------
	Icon Parts
-------------------------------------------------- */
/* Disc Icon
-------------------------------------------------- */
.discIco li,
li.discIco {
padding-left:10px;
background:url(../images/disc_ico_01.gif) no-repeat scroll 0 0.5em;
zoom:1;
}

/* Circle Link Icon
-------------------------------------------------- */
.circleLinkIco li,
li.circleLinkIco {
padding-left:15px;
background:url(../images/circleLink_ico_01.gif) no-repeat scroll 0 0.3em;
zoom:1;
}

.frameTitle .circleLinkIco {
padding-left:15px;
background:url(../images/circleLink_ico_01.gif) no-repeat scroll 0 0.3em;
zoom:1;
}
.frameTitle .circleLinkIco a {
display: block;
color:#512A07;
zoom:1;
}
.frameTitle .circleLinkIco a:visited {
color:#551a8b;
}
.roundTitle .circleLinkIco {
padding-left:15px;
background:url(../images/circleLink_ico_01.gif) no-repeat scroll 0 0.3em;
zoom:1;
}
.roundTitle .circleLinkIco a {
display: block;
color:#512A07;
zoom:1;
}
.roundTitle .circleLinkIco a:visited {
color:#551a8b;
}
.titleLogo {
float: right;
}

/* Link Icon
-------------------------------------------------- */
.inLinkIco li,
li.inLinkIco{
padding-left:10px;
background:url(../images/inLink_ico_01.gif) no-repeat scroll 0 0.5em;
zoom:1;
}
a.inLinkIco {
padding-left:10px;
background:url(../images/inLink_ico_01.gif) no-repeat scroll 0 0.5em;
background-position: 0 0.4em;
}
.exLinkIco li,
li.exLinkIco {
padding-left:15px;
background:url(../images/exLink_ico_01.gif) no-repeat scroll 0 0.4em;
zoom:1;
}
.anLinkIco li,
li.anLinkIco {
padding-left:10px;
background:url(../images/inLink_ico_03.gif) no-repeat scroll 0 0.6em;
zoom:1;
}

/* Symbol Icon
-------------------------------------------------- */
.symbolIco li,
li.symbolIco {
zoom:1;
}
.symbolIco li em.icon,
li.symbolIco em.icon {
float:left;
}
.symbolIco li span.text,
li.symbolIco span.text {
display: block;
overflow: auto;
zoom:1;
}
/* Order List
-------------------------------------------------- */
ol.orderList {
padding-left:26px;
list-style-type: decimal;
}

/* --------------------------------------------------
	Text Style Parts
-------------------------------------------------- */
*.emphasis {
font-weight: bold;
}
*.strong {
font-weight: bold;
font-size:115%;
}
*.huge {
font-weight: bold;
font-size: 143%;
}
html>body *.huge {
font-weight: normal;
}
*.heading {
font-weight: bold;
font-size:115%;
}
*.pageHeading {
font-weight: bold;
font-size:129%;
}

/* Small type */
*.notes {
color:#333333;
font-size:86%;
}

*.notes02 {
font-size:86%;
}

/* Color type */
*.attention {
color:#d81501;
}
*.notice {
color:#F46500;
}
*.caution {
color:#F0001F;
}
*.lead {
color:#A17E3A;
}

/* --------------------------------------------------
	Section Parts
-------------------------------------------------- */
/* Section Margin
-------------------------------------------------- */
.leadSec {
margin-top:20px;
}
.generalSec {
margin-top:30px;
}
.generalSec .secInner{
margin-top:20px;
}

.borderSec {
margin-top:30px;
}
.borderSec .borderTitle {
padding-bottom: 5px;
border-bottom: 2px solid #e5d9a8;
zoom:1;
}
.borderSec .secInner{
margin-top:10px;
}

.asideSec .secInner {
margin-top:10px;
}


/* Anchor Module
-------------------------------------------------- */
.anchorMod dt {
float: left;
margin-right:10px;
}
.anchorMod dd {
float: left;
}
.anchorMod dd li {
float: left;
margin-right:10px;
}

.anchorMod .anchorInline li {
float: left;
margin-right:50px;
white-space: nowrap;
}
.anchorMod .anchorTree .treeItem ul ul {
margin-top:10px;
padding-left:10px;
}


.anchorMod .anchorTree .treeItem {
float: left;
width:300px;
margin-right:10px;
}
.anchorMod .anchorTree .treeItem ul ul {
margin-top:10px;
padding-left:10px;
}

/* --------------------------------------------------
	Layout Parts
-------------------------------------------------- */
/* Column Layout
-------------------------------------------------- */
.colLayout-2 .colItem {
float: left;
width:370px;
margin-left:20px;
}
.colLayout-3 .colItem {
float: left;
width:240px;
margin-left:20px;
}
.colLayout-3 .col2Item {
float: left;
width:500px;
margin-left:20px;
}
.colLayout-2 .firstItem,
.colLayout-3 .firstItem {
margin-left:0px;
}

/* Inline Product Row
-------------------------------------------------- */
.inlineProductRow {
padding-top:21px;
background: url(../images/lineH_bg_01.gif) repeat-x top left;
}
.inlineProductRow.firstRow {
padding-top:0;
background: none;
}
.inlineProductRow .inlineItem {
float:left;
width:136px;
margin-left:20px;
}
.inlineProductRow .inlineItem.firstItem {
margin-left:0;
}
.inlineProductRow .inlineItem dt {
display: block;
padding:5px;
background: #faf5e3;
font-size:86%;
text-align: center;
}
.inlineProductRow .inlineItem .inlineItemBtn {
text-align: center;
}

.inlineProductRow .inlineItem a,
.inlineProductRow .inlineItem del {
vertical-align: middle;
}
img.mailOrderIco {
margin-right:5px;
vertical-align: middle;
}
img.discountIco {
margin-left:5px;
vertical-align: middle;
}


/* News Item
-------------------------------------------------- */
.newsItem {
padding-top:10px;
padding-bottom:11px;
background: url(/template/images/lineH_bg_01.gif) repeat-x bottom left;
}
.newsItem img.newsIco {
margin-left:8px;
}
.newsItem dd {
margin-top:5px;
}

/* --------------------------------------------------
	Frames Parts
-------------------------------------------------- */
/* Title Side Link
-------------------------------------------------- */
.titleText {
float:left;
}
.titleSide {
float:right;
zoom:1;
}
/* FrameContent (padding)
-------------------------------------------------- */
.frameContent {
padding:15px;
}
.frameContent.frameSeparate {
border-top:1px solid #e5d9a8;
}

/* Frame Page Title
-------------------------------------------------- */
.framePageTitle { background: url(../images/framePageTitle_bg_01.gif) repeat-x top left #f8f4e4; zoom:1; }
.framePageTitle .frameB { background: url(../images/framePageTitle_bgB_01.gif) repeat-x bottom left; zoom:1; }
.framePageTitle .frameML { background: url(../images/framePageTitle_bgM_01.gif) repeat-y top left; zoom:1; }
.framePageTitle .frameMR { background: url(../images/framePageTitle_bgM_01.gif) repeat-y top right; zoom:1; }
.framePageTitle .frameTL { background: url(../images/framePageTitle_bgTL_01.gif) no-repeat top left; zoom:1; }
.framePageTitle .frameTR { background: url(../images/framePageTitle_bgTR_01.gif) no-repeat top right; zoom:1; }
.framePageTitle .frameBL { background: url(../images/framePageTitle_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.framePageTitle .frameBR { background: url(../images/framePageTitle_bgBR_01.gif) no-repeat bottom right; padding:20px 15px; zoom:1; }

/* Frame Title
-------------------------------------------------- */
.frameTitle { background: url(../images/frameTitle_bg_01.gif) repeat-x top left #f9f5ea; zoom:1; }
.frameTitle .frameB { background: url(../images/frameTitle_bgB_01.gif) repeat-x bottom left; zoom:1; }
.frameTitle .frameML { background: url(../images/frameTitle_bgM_01.gif) repeat-y top left; zoom:1; }
.frameTitle .frameMR { background: url(../images/frameTitle_bgM_01.gif) repeat-y top right; zoom:1; }
.frameTitle .frameTL { background: url(../images/frameTitle_bgTL_01.gif) no-repeat top left; zoom:1; }
.frameTitle .frameTR { background: url(../images/frameTitle_bgTR_01.gif) no-repeat top right; zoom:1; }
.frameTitle .frameBL { background: url(../images/frameTitle_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.frameTitle .frameBR { background: url(../images/frameTitle_bgBR_01.gif) no-repeat bottom right; padding:12px 20px; zoom:1; }

/* Round Frame
-------------------------------------------------- */
.roundFrame .frameT { background: url(../images/roundFrame_bgC_01.gif) repeat-x top left #fefdfa; zoom:1; }
.roundFrame .frameR { background: url(../images/roundFrame_bgM_01.gif) repeat-y top right; zoom:1; }
.roundFrame .frameB { background: url(../images/roundFrame_bgC_01.gif) repeat-x bottom left; zoom:1; }
.roundFrame .frameL { background: url(../images/roundFrame_bgM_01.gif) repeat-y top left; zoom:1; }
.roundFrame .frameTL { background: url(../images/roundFrame_bgTL_01.gif) no-repeat top left; zoom:1; }
.roundFrame .frameTR { background: url(../images/roundFrame_bgTR_01.gif) no-repeat top right; zoom:1; }
.roundFrame .frameBL { background: url(../images/roundFrame_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.roundFrame .frameBR { background: url(../images/roundFrame_bgBR_01.gif) no-repeat bottom right; zoom:1; }

/* Round Deep Frame
-------------------------------------------------- */
.roundDeepFrame .frameT { background: url(../images/roundDeepFrame_bgC_01.gif) repeat-x top left #fbf5e3; zoom:1; }
.roundDeepFrame .frameR { background: url(../images/roundDeepFrame_bgM_01.gif) repeat-y top right; zoom:1; }
.roundDeepFrame .frameB { background: url(../images/roundDeepFrame_bgC_01.gif) repeat-x bottom left; zoom:1; }
.roundDeepFrame .frameL { background: url(../images/roundFrame_bgM_01.gif) repeat-y top left; zoom:1; }
.roundDeepFrame .frameTL { background: url(../images/roundDeepFrame_bgTL_01.gif) no-repeat top left; zoom:1; }
.roundDeepFrame .frameTR { background: url(../images/roundDeepFrame_bgTR_01.gif) no-repeat top right; zoom:1; }
.roundDeepFrame .frameBL { background: url(../images/roundDeepFrame_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.roundDeepFrame .frameBR { background: url(../images/roundDeepFrame_bgBR_01.gif) no-repeat bottom right; zoom:1; }

/* Round Title
-------------------------------------------------- */
.roundTitle { border-bottom: 1px solid #eae0b7; }
.roundTitle .frameT { background: url(../images/roundTitle_bgT_01.gif) repeat-x top left #f8f4e4; zoom:1; }
.roundTitle .frameR { background: url(../images/roundTitle_bgM_01.gif) repeat-y top right; zoom:1; }
.roundTitle .frameL { background: url(../images/roundTitle_bgM_01.gif) repeat-y top left; zoom:1; }
.roundTitle .frameTL { background: url(../images/roundTitle_bgTL_01.gif) no-repeat top left; zoom:1; }
.roundTitle .frameTR { background: url(../images/roundTitle_bgTR_01.gif) no-repeat top right; padding:12px 20px; zoom:1; }

/* Expand Frame
-------------------------------------------------- */
.expandFrame .frameR { background: url(../images/expandFrame_bgM_01.gif) repeat-y top right #fefdf9; zoom:1; }
.expandFrame .frameB { background: url(../images/expandFrame_bgC_01.gif) repeat-x bottom left; zoom:1; }
.expandFrame .frameL { background: url(../images/expandFrame_bgM_01.gif) repeat-y top left; zoom:1; }
.expandFrame .frameBL { background: url(../images/expandFrame_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.expandFrame .frameBR { background: url(../images/expandFrame_bgBR_01.gif) no-repeat bottom right; zoom:1; }
.expandFrame .frameContent {
padding:11px 10px 10px 10px;
}
.expandFrame .expandPanel {
margin-top:-1px;
}

/* Expand Title
-------------------------------------------------- */
.expandTitle { border-bottom: 1px solid #eae0b7; cursor:pointer; }
.expandTitle .frameT { background: url(../images/expandTitle_bgT_01.gif) repeat-x top left #fbf5e3; zoom:1; }
.expandTitle .frameR { background: url(../images/expandTitle_bgM_01.gif) repeat-y top right; zoom:1; }
.expandTitle .frameL { background: url(../images/expandTitle_bgM_01.gif) repeat-y top left; zoom:1; }
.expandTitle .frameTL { background: url(../images/expandTitle_bgTL_01.gif) no-repeat top left; zoom:1; }
.expandTitle .frameTR { background: url(../images/expandTitle_bgTR_01.gif) no-repeat top right; padding:5px 10px 4px; zoom:1; }
.expandTitle .expandIco{
padding-left:10px;
background: url(../images/inLink_ico_03.gif) no-repeat scroll 0 0.5em;
color:#1010e7;
text-decoration: underline;
zoom:1;
}

.expandTitle.hover { border-bottom: 1px solid #eae0b7; }
.expandTitle.hover .frameT { background: url(../images/expandTitle_bgT_01.gif) repeat-x top left #f5eed1; zoom:1; }
.expandTitle.hover .frameR { background: url(../images/expandTitle_bgM_01.gif) repeat-y top right; zoom:1; }
.expandTitle.hover .frameL { background: url(../images/expandTitle_bgM_01.gif) repeat-y top left; zoom:1; }
.expandTitle.hover .frameTL { background: url(../images/expandTitle_bgTL_01_o.gif) no-repeat top left; zoom:1; }
.expandTitle.hover .frameTR { background: url(../images/expandTitle_bgTR_01_o.gif) no-repeat top right; padding:5px 10px 4px; zoom:1; }
.expandTitle.hover .expandIco{
text-decoration: none;
}

.expandTitle.expand { border-bottom: 1px solid #eae0b7; }
.expandTitle.expand .frameT { background: url(../images/expandTitle_bgT_01.gif) repeat-x top left #e9ddaf; zoom:1; }
.expandTitle.expand .frameR { background: url(../images/expandTitle_bgM_01.gif) repeat-y top right; zoom:1; }
.expandTitle.expand .frameL { background: url(../images/expandTitle_bgM_01.gif) repeat-y top left; zoom:1; }
.expandTitle.expand .frameTL { background: url(../images/expandTitle_bgTL_01_s.gif) no-repeat top left; zoom:1; }
.expandTitle.expand .frameTR { background: url(../images/expandTitle_bgTR_01_s.gif) no-repeat top right; padding:5px 10px 4px; zoom:1; }
.expandTitle.expand .expandIco{
background: url(../images/inLink_ico_02.gif) no-repeat scroll 0 0.5em;
}

/* Round Grey Bacground
-------------------------------------------------- */
.roundGrey .frameTL { background: url(../images/roundGrey_bgTL_01.gif) no-repeat top left #f4f4f4; zoom:1; }
.roundGrey .frameTR { background: url(../images/roundGrey_bgTR_01.gif) no-repeat top right; zoom:1; }
.roundGrey .frameBL { background: url(../images/roundGrey_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.roundGrey .frameBR { background: url(../images/roundGrey_bgBR_01.gif) no-repeat bottom right; zoom:1; }

/* Round Beige Bacground
-------------------------------------------------- */
.roundBeige .frameTL { background: url(../images/roundBeige_bgTL_01.gif) no-repeat top left #fbf5e3; zoom:1; }
.roundBeige .frameTR { background: url(../images/roundBeige_bgTR_01.gif) no-repeat top right; zoom:1; }
.roundBeige .frameBL { background: url(../images/roundBeige_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.roundBeige .frameBR { background: url(../images/roundBeige_bgBR_01.gif) no-repeat bottom right; zoom:1; }

/* Round Aqua Bacground
-------------------------------------------------- */
.roundAqua .frameTL { background: url(../images/roundAqua_bgTL_01.gif) no-repeat top left #eff8f8; zoom:1; }
.roundAqua .frameTR { background: url(../images/roundAqua_bgTR_01.gif) no-repeat top right; zoom:1; }
.roundAqua .frameBL { background: url(../images/roundAqua_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.roundAqua .frameBR { background: url(../images/roundAqua_bgBR_01.gif) no-repeat bottom right; zoom:1; }


/* Box Frame
-------------------------------------------------- */
.boxFrame .boxTitle {
padding:10px 20px 8px 20px;
background: #EAE2BC;
}
.boxTitle span.titleNotes {
font-weight:normal;
font-size:86%;
color:#333;
margin-left:10px;
}
.boxFrame .boxContent {
padding: 4px;
border: 2px solid #EAE2BC;
}

/* Color Frame
-------------------------------------------------- */
.colorFrame {
background: #FCF5E3;
zoom:1;
}
.colorFrame .frameContent {
padding:20px 20px;
}

/* Inline Item
-------------------------------------------------- */
.campaignLinkArea .btnBox {
float:right;
}
.campaignLinkArea .txtBox {
margin-right: 134px;
}

/* Inline Item
-------------------------------------------------- */
.inlineItems li {
display: inline;
margin-right:20px;
}
.inlineFloatItems li {
float: left;
white-space: nowrap;
margin-right:20px;
line-height:2;
}
.inlineBtns li {
display: inline;
padding:0 20px;
}

/* Form Table
-------------------------------------------------- */
table.tableStyle th,
table.tableStyle td {
padding:12px 15px;
border-left: 1px solid #eae1ba;
background: url(/template/images/lineH_bg_02.gif) repeat-x top left
}
table.tableStyle  th {
background-color:#FBF6E3;
}
table.tableStyle td.errorCell {
background-color:#FFFFD5;
}
table.tableStyle th.cellBorder,
table.tableStyle td.cellBorder {
border-width:2px;
}
table.tableStyle th.noBorder,
table.tableStyle td.noBorder {
border-width:0;
}
table.tableStyle tr.firstRow th,
table.tableStyle tr.firstRow td {
background-image: none;
}
table.tableStyle tr.cartHeadRow th {
background:#eff8f8;
text-align: center;
}
table.tableStyle tr.cartFootRow td {
padding:0 15px 12px 15px;
background:#fcf5e3;
text-align: right;
}
table.tableStyle tr.cartFootRow.rowBorder td {
padding-top:12px;
}
table.tableStyle tr.rowBorder th,
table.tableStyle tr.rowBorder td {
border-top:2px solid #eae1ba;
}

table.tableStyle label {
margin-right:5px;
}
table.tableStyle .mustIco {
float:right;
margin:0 0 0 10px;
}
table.tableStyle .errorMsg {
padding-bottom:5px;
}

/* Login Table
-------------------------------------------------- */
table.loginTable th,
table.loginTable td {
padding:5px;
}

/* --------------------------------------------------
   Form parts
-------------------------------------------------- */
input.formStyle,
select.formStyle {
margin-right:10px;
padding:2px;
border:1px solid #CCCCCC;
}
input.formCheckbox,
input.formRadio {
padding:0;
vertical-align: baseline;
border:none;
}
input.formCheckbox.focus,
input.formRadio.focus {
background: none;
}

input.formStyle.focus,
select.formStyle.focus {
border-color:#76b5e1;
background-color:#e4f3f3;
}
textarea.formStyle {
padding:2px;
border:1px solid #CCCCCC;
}
textarea.formStyle.focus {
border-color:#76b5e1;
background-color:#e4f3f3;
}


/* Form parts Size
-------------------------------------------------- */
input.sizeLL {
width:390px;
}
input.sizeL {
width:250px;
}
input.sizeM {
width:165px;
}
input.sizeS {
width:80px;
}
input.sizeXS {
width:40px;
margin-right:0;
}
textarea.sizeM {
width:720px;
height:112px;
}
textarea.sizeS {
width:480px;
height:112px;
}

/* Pager Module
-------------------------------------------------- */
.pagerMod li {
display: inline;
}
.pagerMod li em,
.pagerMod li a {
border:1px solid #EAE0B8;
margin:0 3px;
padding:0.25em 0.4em;
text-decoration: none;
}
.pagerMod li em,
.pagerMod li a:hover,
.pagerMod li a:active {
background:#EAE0B8;
color:#512A07;
}
.pagerMod li.pagerPrev a {
margin-left:0px;
}
.pagerMod li.pagerNext a {
margin-right:0px;
}
.pagerMod li.pagerPrev a:link,
.pagerMod li.pagerPrev a:visited,
.pagerMod li.pagerNext a:link,
.pagerMod li.pagerNext a:visited {
border:1px solid #FFFFFF;
}
.pagerMod li.pagerPrev a:hover,
.pagerMod li.pagerPrev a:active,
.pagerMod li.pagerNext a:hover,
.pagerMod li.pagerNext a:active {
background: none;
text-decoration: underline;
color:#1010e7;
}



/* --------------------------------------------------
	Aside Parts
-------------------------------------------------- */
.asideSec {
font-size:86%;
}
/* FrameContent (padding)
-------------------------------------------------- */
.asideSec .frameContent {
padding:5px 10px;
}
.asideSec .frameContent.frameSeparate {
margin-top:10px;
padding-top:15px;
border-top:1px solid #e5d9a8;
}
.aside-borderTitle {
padding-bottom: 5px;
border-bottom: 2px solid #e5d9a8;
zoom:1;
}
.dotLine {
padding-top:11px;
background: url(../images/lineH_bg_01.gif) repeat-x top left;
}

/* No Frame
-------------------------------------------------- */
.aside-noFrame { padding:0 5px; }

/* Round Frame
-------------------------------------------------- */
.aside-roundFrame .frameT { background: url(../images/aside-roundFrame_bgT_01.png) no-repeat top left; padding-top:15px; zoom:1; }
.aside-roundFrame .frameB { background: url(../images/aside-roundFrame_bgB_01.png) no-repeat bottom left; padding-bottom:14px; zoom:1;  }
html>body .aside-roundFrame .frameB {padding-bottom:15px;}
.aside-roundFrame .frameM { background: url(../images/aside-roundFrame_bgM_01.png) repeat-y top right; padding:0 5px; zoom:1; }

.aside-roundTitle { position:relative; top: -10px; background : url(../images/aside-roundTitle_bg_01.png) no-repeat top left; margin-bottom:-10px; padding-top:10px; zoom:1; }
.aside-roundTitle .frameT { background: #e9ddaf; padding:0 10px 10px 10px; zoom:1; } 


/* Round Wide Frame
-------------------------------------------------- */
.aside-roundWideFrame .frameT { background: url(../images/aside-roundWideFrame_bgT_01.png) no-repeat top left; padding-top:15px; zoom:1; }
.aside-roundWideFrame .frameB { background: url(../images/aside-roundWideFrame_bgB_01.png) no-repeat bottom left; padding-bottom:14px; zoom:1;  }
html>body .aside-roundWideFrame .frameB {padding-bottom:15px;}
.aside-roundWideFrame .frameM { background: url(../images/aside-roundWideFrame_bgM_01.png) repeat-y top right; padding:0 5px; zoom:1; }


/* asideSec styles
-------------------------------------------------- */
#aside-telOrderSec.firstSec {
margin-top:5px;
}

/* #aside-periodicSec */
#aside-periodicSec {
margin-top:20px;
}
/* #aside-shopSec */
#aside-shopSec {
margin-top:30px;
}
/* #aside-telOrderSec */
#aside-telOrderSec {
margin-top:30px;
}

/* #aside-rankingSec */
#aside-rankingSec {
margin-top:30px;
}
#aside-rankingSec .rankingItem .rankingInfo {
float: right;
width:80px;
}
#aside-rankingSec .rankingItem .rankingThumb {
float: left;
width:60px;
}
 
/* #aside-cartView_on/offSec */

#aside-cartViewSec .shoppingBasket {
width:145px;
}
#aside-cartViewSec .shoppingBasket li {
text-align:right;
}
#aside-cartViewSec .shoppingBasket li.ttl {
text-align:left;
}
#aside-cartViewSec .shoppingBasket li span {
font-weight:bold;
}


/* #aside-mypage_on/offSec */

/* Round Frame
-------------------------------------------------- */
#aside-mypageSec .roundFrame .frameT { background: url(../images/roundFrame_bgC_01.gif) repeat-x top left #ffffff; padding:0; zoom:1; }
#aside-mypageSec .roundFrame .frameR { background: url(../images/roundFrame_bgM_01.gif) repeat-y top right; zoom:1; }
#aside-mypageSec .roundFrame .frameB { background: url(../images/roundFrame_bgC_01.gif) repeat-x bottom left; padding-bottom:0; zoom:1; }
#aside-mypageSec .roundFrame .frameL { background: url(../images/roundFrame_bgM_01.gif) repeat-y top left; zoom:1; }
#aside-mypageSec .roundFrame .frameTL { background: url(../images/roundFrame_bgTL_01.gif) no-repeat top left; zoom:1; }
#aside-mypageSec .roundFrame .frameTR { background: url(../images/roundFrame_bgTR_01.gif) no-repeat top right; zoom:1; }
#aside-mypageSec .roundFrame .frameBL { background: url(../images/roundFrame_bgBL_03.gif) no-repeat bottom left; zoom:1; }
#aside-mypageSec .roundFrame .frameBR { background: url(../images/roundFrame_bgBR_03.gif) no-repeat bottom right; zoom:1; }

/* Round Frame 02
-------------------------------------------------- */
#aside-mypageSec .roundFrame02 .frameT { background: #ffffff; padding:0; zoom:1; }
#aside-mypageSec .roundFrame02 .frameR { background: url(../images/roundFrame_bgM_01.gif) repeat-y top right; zoom:1; }
#aside-mypageSec .roundFrame02 .frameB { background: url(../images/roundFrame_bgC_01.gif) repeat-x bottom left; padding-bottom:0; zoom:1; }
#aside-mypageSec .roundFrame02 .frameL { background: url(../images/roundFrame_bgM_01.gif) repeat-y top left; zoom:1; }
#aside-mypageSec .roundFrame02 .frameTL { background: url(../images/roundFrame_bgTL_02.gif) no-repeat top left; zoom:1; }
#aside-mypageSec .roundFrame02 .frameTR { background: url(../images/roundFrame_bgTR_02.gif) no-repeat top right; zoom:1; }
#aside-mypageSec .roundFrame02 .frameBL { background: url(../images/roundFrame_bgBL_03.gif) no-repeat bottom left; zoom:1; }
#aside-mypageSec .roundFrame02 .frameBR { background: url(../images/roundFrame_bgBR_03.gif) no-repeat bottom right; zoom:1; }

/* Round Title
-------------------------------------------------- */
#aside-mypageSec .roundTitle { border-bottom: 1px solid #eae0b7; }
#aside-mypageSec .roundTitle .frameT { background: url(../images/roundTitle_bgT_01.gif) repeat-x top left #f8f4e4; zoom:1; }
#aside-mypageSec .roundTitle .frameR { background: url(../images/roundTitle_bgM_01.gif) repeat-y top right; zoom:1; }
#aside-mypageSec .roundTitle .frameL { background: url(../images/roundTitle_bgM_01.gif) repeat-y top left; zoom:1; }
#aside-mypageSec .roundTitle .frameTL { background: url(../images/roundTitle_bgTL_03.gif) no-repeat top left; zoom:1; }
#aside-mypageSec .roundTitle .frameTR { background: url(../images/roundTitle_bgTR_03.gif) no-repeat top right; padding:6px 9px 3px; zoom:1; }

/* Round White Bacground
-------------------------------------------------- */
.roundWhite .frameTL { background: url(../images/roundWhite_bgTL_01.gif) no-repeat top left #ffffff; zoom:1; }
.roundWhite .frameTR { background: url(../images/roundWhite_bgTR_01.gif) no-repeat top right; zoom:1; }
.roundWhite .frameBL { background: url(../images/roundWhite_bgBL_01.gif) no-repeat bottom left; zoom:1; }
.roundWhite .frameBR { background: url(../images/roundWhite_bgBR_01.gif) no-repeat bottom right; zoom:1; }

#aside-mypageSec.asideSec .frameContent02 {
padding:5px 9px 5px 10px;
}
	
#aside-mypageSec p span {
font-weight:bold;
}
#aside-mypageSec p span.names {
padding-right:5px;
font-size:117%;
}
#aside-mypageSec .pointNews {
padding:3px 10px;
}
#aside-mypageSec .pointNews ul li span {
padding-right:5px;
font-size:117%;
color:#AF8337;
font-weight:bold;
}
#aside-mypageSec .roundWhite .frameContent {
padding:8px 11px;
}
#aside-mypageSec.asideSec .roundFrame02 .frameContent02 {
padding:0 9px 7px;
}
	/* hack for IE6 */
	#aside-mypageSec.asideSec .roundFrame02 .frameContent02 {
	_padding:0 8px 7px;
	}

#aside-mypageSec.asideSec .roundFrame02 .frameContent02 ul li.word {
font-size:108%;
color:#AF8337;
font-weight:bold;
}
#aside-mypageSec.asideSec ul li.logout {
font-size:117%;
}
#aside-mypageSec.asideSec .roundFrame02 .frameContent02 .flowords li {
color:#666666;
font-size:96%;
line-height:1.3;
}

/* #aside-voiceSec */

#aside-voiceSec .roundWhite .udrBorder {
background:url(/template/images/lineH_bg_01.gif) repeat-x left bottom;
}
#aside-voiceSec .voiceContent {
padding:4px 8px;
}
#aside-voiceSec .roundWhite .frameContent {
padding:5px 4px;
}
#aside-voiceSec .voice {
padding-bottom:10px;
}
#aside-voiceSec ul li span {
font-size:92%;
}
#aside-voiceSec ul li strong,
#aside-voiceSec p strong {
font-weight:bold;
}

.mt0px { margin-top:0px;}

.pt0px { padding-top:0px;}