@charset "Shift_JIS";

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

all

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

* {
padding:0;
margin:0;
}

body {
font-size: 12px;
line-height: 1.4;
}

table {
font-size: 12px;
line-height: 1.4;
}

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

.clearfix {
zoom: 1;
}

/* Hides from IE-mac \*/
.clearfix {display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
clear: both;
}

img {
border:none;
}

a:link,
a:visited {
color: #0b99e2;
text-decoration: underline;
}

a:hover {
color: #0b99e2;
background-color: #e6f7ff;
}

p {
padding:0;
margin:0 0 15px 0;
}

.pagetop {
clear:both;
text-align:right;
margin-bottom: 0;
}

.headLine .line01 {
background-color: #00A85B;
}

.headLine .line02 {
background: url(/image/pop_ber1.gif);
}

.headLine .logo {
margin: 3px 10px;
}

.footLine {
background-color:#D6D6D6;
}

iframe {
border: none;
}


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

header

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

div#header {
margin-top: 1px;
position: relative;
width: 740px;
}

h1 {
width: 129px;
position: absolute;
top: 0;
left: 0;
}

div#header ul.serchnavi {
	margin: 0;
	position: absolute;
	top: 3px;
	right: 5px;
}

div#header ul.serchnavi li {
	list-style-type: none;
	float: left;
	margin-left: 5px;
}


div#header p.read {
margin: 0;
padding-left: 129px
}

div#header .navi img {
vertical-align: bottom;
}

body#index div#header .navi,
body.common div#header .navi {
padding-bottom: 4px;
background: url(../../image/header_bk_bt.gif) no-repeat bottom;
}

div#header .navi li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
line-height: 0;
vertical-align: bottom;
}

div#header div.subNavi {
padding-bottom: 5px;
position: relative;
}

div#header div.subNavi ul {
width:734px;
_width:740px;
padding: 6px 0 1px 6px;
}

body.mall01 div#header div.subNavi {
background: url(/mall/01/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall01 div#header div.subNavi ul {
background: url(/mall/01/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall02 div#header div.subNavi {
background: url(/mall/02/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall02 div#header div.subNavi ul {
background: url(/mall/02/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall03 div#header div.subNavi {
background: url(/mall/03/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall03 div#header div.subNavi ul {
background: url(/mall/03/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall04 div#header div.subNavi {
background: url(/mall/04/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall04 div#header div.subNavi ul {
background: url(/mall/04/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall05 div#header div.subNavi {
background: url(/mall/05/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall05 div#header div.subNavi ul {
background: url(/mall/05/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall06 div#header div.subNavi {
background: url(/mall/06/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall06 div#header div.subNavi ul {
background: url(/mall/06/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall07 div#header div.subNavi {
background: url(/mall/07/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall07 div#header div.subNavi ul {
background: url(/mall/07/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall08 div#header div.subNavi {
background: url(/mall/08/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall08 div#header div.subNavi ul {
background: url(/mall/08/image/sideNavi_bk01.gif) repeat-y top left;
}

body.mall09 div#header div.subNavi {
background: url(/mall/09/image/sideNavi_bk02.gif) no-repeat bottom left;
}

body.mall09 div#header div.subNavi ul {
background: url(/mall/09/image/sideNavi_bk01.gif) repeat-y top left;
}

div#header div.subNavi ul li {
padding: 0px 13px;
font-size: 12px;
display: inline;
border-right: 1px solid #ffffff;
}

div#header div.subNavi ul li a:link,
div#header div.subNavi ul li a:visited {
color:#ffffff;
}

div#header div.subNavi ul li a:hover {
background: none;
text-decoration: none;
}

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

content

-----------------------------------------------*/
div#content {
margin-bottom: 30px;
padding: 1px 0;
background: url(/mall/image/content_bk01.gif) repeat-y left top;
}

div#content .topicPath {
margin: 10px 0 0 12px;
}

div#content div#utilities {
margin: 9px 8px 0 12px;
}

body#index div#content div#utilities {
margin: 9px 14px 0 12px;
}


div#content div#utilities h2 {
padding:0 0 7px 0;
clear:both;
}

div#content div#utilities div.section {
margin-bottom: 14px;
}

/*--shopList---*/
div#content div#utilities ul.shopList {
margin-bottom: 10px;
padding:2px 0px;
}

div#content div#utilities ul.shopList li{
margin: 0 0 2px 12px;
width: 130px;
float: left;
list-style-type: none;
display: inline;
}

div#content div#utilities ul.shopList li a {
padding: 0 0 0 13px;
display: block;
position: relative;
background-repeat: no-repeat;
background-position: left 3px;
}

div#content div#utilities ul.shopList li img {
margin: 0 2px 2px 0;
vertical-align: bottom;}

body.mall01 div#content div#utilities ul.shopList li a {
background-image: url(/mall/01/image/icon_shopListarrow.gif);
}

body.mall02 div#content div#utilities ul.shopList li a {
background-image: url(/mall/02/image/icon_shopListarrow.gif);
}

body.mall03 div#content div#utilities ul.shopList li a {
background-image: url(/mall/03/image/icon_shopListarrow.gif);
}

body.mall04 div#content div#utilities ul.shopList li a {
background-image: url(/mall/04/image/icon_shopListarrow.gif);
}

body.mall05 div#content div#utilities ul.shopList li a {
background-image: url(/mall/05/image/icon_shopListarrow.gif);
}

body.mall06 div#content div#utilities ul.shopList li a {
background-image: url(/mall/06/image/icon_shopListarrow.gif);
}

body.mall07 div#content div#utilities ul.shopList li a {
background-image: url(/mall/07/image/icon_shopListarrow.gif);
}

body.mall08 div#content div#utilities ul.shopList li a {
background-image: url(/mall/08/image/icon_shopListarrow.gif);
}

body.mall09 div#content div#utilities ul.shopList li a {
background-image: url(/mall/09/image/icon_shopListarrow.gif);
}

div#content div#utilities ul.shopList li a:hover {
background-color: #ffffff;
}

div#content div#utilities ul li.pointUp{
font-size: 10px;
color: #666666;
list-style-type: none;
margin: 0 0 10px 12px;
padding-left: 32px;
background-image:url(/mall/image/point_up.gif);
background-repeat: no-repeat;
}


/*--powerPush---*/

div#content div#utilities div#powerPush div.pushArea {
background: url(/mall/image/push_bk02.gif) repeat-y;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner {
background: url(/mall/image/push_bk01.gif) no-repeat top left;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText {
padding: 19px 18px 4px 19px;
_padding-bottom: 4px;
background: url(/mall/image/push_bk03.gif) no-repeat bottom left;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText p.mainImage {
margin-right: 11px;
width: 234px;
float: left;
display: inline;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes {
width: 280px;
float: left;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes div#push01 p {
margin-bottom:8px;
padding-bottom:0;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes div#push02 p {
margin-top:0;
padding-top:0;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes div.push {
margin-bottom: 9px;
border: 1px solid #e3e3e3;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes p.pushImage {
margin: 5px 5px 5px 8px;
width: 88px;
float: right;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText dl {
margin-left: 10px;
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText dt {
margin-bottom: 2px;
padding: 10px 0px 3px 32px;
background: url(/mall/image/topics_icon2.gif) no-repeat left center;
font-weight: bold
}

div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText dd {
margin-bottom: 5px;
font-size: 10px;
}

/*--topics---*/

div#content div#utilities div#topics div.topicsArea {
padding-bottom: 17px;
background: url(/mall/image/topics_bk02.gif) no-repeat bottom left;
}

div#content div#utilities div#topics div.topicsArea ul {
padding-top: 15px;
list-style-type: none;
background: url(/mall/image/topics_bk01.gif) no-repeat top left;
}

div#content div#utilities div#topics div.topicsArea ul li {
margin: 0 19px 3px;
padding: 2px 0 3px 20px;
border-bottom: 1px dashed #969696;
background: url(/mall/image/icon_arrowO.gif) no-repeat 5px 3px;
}

div#content div#utilities div#topics div.topicsArea ul.new-inner {
width:100%;
padding-top: 0;
list-style-type: none;
background:none;
}

div#content div#utilities div#topics div.topicsArea ul.new-inner li {
margin: 0 19px 0 0;
padding: 2px 0 1px 0;
border-bottom:none;
background:none;
}

/*--pickUp---*/
div#content div#utilities div#pickUp {
margin-bottom: 5px;
}

div#content div#utilities div#pickUp .topicA{
padding: 8px 0 0 3px;
clear:both;
}

div#content div#utilities div#pickUp .topicB{
padding: 0 0 0 3px;
clear:both;
}

div#content div#utilities div#pickUp .leftBox {
	clear:both;
	width:181px;
	float:left;
	margin-right:7px;
	height: 100px;
}

div#content div#utilities div#pickUp .centerBox {
	width:181px;
	float:left;
	margin-right:7px;
	height: 100px;
}

div#content div#utilities div#pickUp .rightBox {
	width:181px;
	float:left;
	height: 100px;
}

div#content div#utilities div#pickUp .leftBox p.banner,
div#content div#utilities div#pickUp .centerBox p.banner,
div#content div#utilities div#pickUp .rightBox p.banner {
margin:0;
padding-bottom: 10px;
float:left;
}

div#content div#utilities div#pickUp .leftBox p.point,
div#content div#utilities div#pickUp .centerBox p.point,
div#content div#utilities div#pickUp .rightBox p.point {
float:right;
}




/*--category---*/
div#content div#utilities div#category div.categoryArea {
margin-bottom: 8px;
background: url(/mall/image/category_bk02.gif) no-repeat bottom left;
}

div#content div#utilities div#category div.categoryArea .categoryItem {
margin-right: 7px;
padding-bottom: 2px;
_padding-bottom: 5px;
width: 182px;
float: left;
display: inline;
}

div#content div#utilities div#category div.categoryArea .categoryItem.rightEnd {
margin-right: 0;
}

div#content div#utilities div#category div.categoryArea h3 {
padding:10px 0 5px 10px;
background: url(/mall/image/category_bk01.gif) no-repeat top left;
}

div#content div#utilities div#category div.categoryArea p.categoryImg {
margin: 0 0 3px 5px;
width: 60px;
float: left;
display: inline;
}

div#content div#utilities div#category div.categoryArea ul {
margin-top: 3px;
padding-bottom: 4px;
padding-right:5px;
width:100px;
float:right;
}

div#content div#utilities div#category div.categoryArea li {
width:100px;
list-style-type: none;
margin-left: 5px;
_margin-left: 0;
}


/*--kanaArea---*/
div#content div#utilities div#kanaArea ul.kanaList {
list-style-type: none;
}

div#content div#utilities div#kanaArea ul.kanaList li{
margin-right: 7px;
width: 50px;
height: 32px;
float: left;
text-align: center;
background: url(/mall/image/kana_bk01.gif) no-repeat left top;
}

div#content div#utilities div#kanaArea ul.kanaList li.rightEnd {
margin-right: -1px;
}

div#content div#utilities div#kanaArea ul.kanaList li a:link,
div#content div#utilities div#kanaArea ul.kanaList li a:visited {
padding: 7px 0 5px;
display: block;
position: relative;
}

div#content div#utilities div#kanaArea ul.kanaList li a:hover {
background: none;
text-decoration: none;
display: block;
}





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

attention

-----------------------------------------------*/
div#content div#utilities div.attentionArea {
padding: 10px;
height: 300px;
overflow: auto;
clear: both;
}

div#content div#utilities div.attentionArea h2 {
font-size:120%;
color:#EE3439;
padding-bottom:15px;
margin:0;
}

div#content div#utilities div.attentionArea h3 {
font-size:100%;
padding-bottom:5px;
margin:0;
}

div#content div#utilities div.attentionArea ol {
margin-bottom:15px;
margin-left:25px;
list-style-type:decimal;
list-style-image:none;
font-weight:normal;
}

div#content div#utilities div.attentionArea li {
margin-bottom:6px;
}

div#content div#utilities div.attentionArea ul {
list-style:url(/mall/guide/image/icon_3.gif);
padding-left:25px;
margin-top:8px;
font-weight:normal;
}

div#content div#utilities div.attentionArea .attentionPoint {
clear: both;
font-size: 120%;
}

div#content div#utilities div.attentionArea .attentionPoint a {
padding-left: 1em;
color: #FF0000;
text-decoration: none;
background: url(../../topics/images/icon_arrow.gif) no-repeat left center;
}

div#content div#utilities div.attentionArea .attentionPoint a:hover {
text-decoration: underline;
}
div#content #utilities #pickUp .ichiranhakochira {
	position: relative;
	top: -27px;
	left: 170px;
}




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

sideArea

-----------------------------------------------*/
div#content div#sideArea {
padding-top: 20px;
width: 150px;
text-align: center;
}


body#index div#content div#sideArea {
padding-top: 9px;
}

div#content div#sideArea * {
text-align: left;
}

div#content div#sideArea ul {
list-style-type: none;
}

div#content div#sideArea #guideArea {
margin: 0 auto;
width: 138px;
background: url(/mall/image/side_guideCen2.gif) repeat-y top left;
}

div#content div#sideArea .guideInner {
background: url(/mall/image/side_guideCen.gif) no-repeat top left;
}

div#content div#sideArea div#guideArea p {
margin-bottom: 0;
padding: 3px 0 10px;
text-align: center;
background: url(/mall/image/side_guideBtm.gif) no-repeat bottom left;
}

div#content div#sideArea #guideArea ul {
padding: 4px 0 0;
}

div#content div#sideArea #guideArea li {
margin: 0 0 0 13px;
}

div#content div#sideArea div.sidePeace {
margin: 4px auto;
width: 132px;
background: url(/mall/image/side_BkCen.gif) repeat-y left top;
}

div#content div#sideArea div.sidePeace ul {
padding: 4px 0;
background: url(/mall/image/side_BkBtm.gif) no-repeat bottom left;
}

div#content div#sideArea div#jcard ul {
padding-top: 6px;
}

div#content div#sideArea div.sidePeace li {
margin: 0 0 0 10px;
}

div#content div#sideArea div.bnr li {
margin: 0;
text-align: center;
}

td {
vertical-align: top;
}


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

guideAreaText

-----------------------------------------------*/
div#guideAreaText {
margin-top: 10px;
}

div#guideAreaText li {
margin-bottom:6px;
}

div#guideAreaText ul.list1 {
list-style:url(/mall/guide/image/icon_1.gif);
padding-left:18px;
font-weight:bold;
}

div#guideAreaText ul.list2 {
list-style:url(/mall/guide/image/icon_2.gif);
padding-left:25px;
margin-bottom:15px;
font-weight:normal;
}

div#guideAreaText ul.list3 {
list-style:url(/mall/guide/image/icon_3.gif);
padding-left:25px;
margin-top:8px;
font-weight:normal;
}

div#guideAreaText ol.list4 {
margin-bottom:15px;
margin-left:25px;
list-style-type:decimal;
list-style-image:none;
font-weight:normal;
}

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

shoppingArea

-----------------------------------------------*/
div#content div#utilities div#shoppingArea {
width: 570px;
}

div#content div#utilities div#shoppingArea .dot {
width:550px;
height:18px;
margin-left:10px;
background-image: url(/mall/image/dot1.gif);
background-repeat: repeat-x;
background-position: left 8px;
clear:both;
}

body#campaign100716_sale div#content div#utilities div#shoppingArea .dot {
width:550px;
height:10px;
margin-left:10px;
margin-bottom:20px;
background-image: url(/mall/image/dot1.gif);
background-repeat: repeat-x;
background-position: left 8px;
clear:both;
}

div#content div#utilities div#shoppingArea .heading {
margin-bottom: 10px;
}

body.mall01 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/01/image/ttl_shop01.gif) no-repeat top;
background-color: #95a1ef;
}

body.mall02 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/02/image/ttl_shop01.gif) no-repeat top;
background-color: #52c6d6;
}

body.mall03 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/03/image/ttl_shop01.gif) no-repeat top;
background-color: #6bd384;
}

body.mall04 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/04/image/ttl_shop01.gif) no-repeat top;
background-color: #9cce23;
}

body.mall05 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/05/image/ttl_shop01.gif) no-repeat top;
background-color: #d7cb37;
}

body.mall06 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/06/image/ttl_shop01.gif) no-repeat top;
background-color: #ffbb2a;
}

body.mall07 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/07/image/ttl_shop01.gif) no-repeat top;
background-color: #f07376;
}

body.mall08 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/08/image/ttl_shop01.gif) no-repeat top;
background-color: #f66cca;
}

body.mall09 div#content div#utilities div#shoppingArea .heading {
background: url(/mall/09/image/ttl_shop01.gif) no-repeat top;
background-color: #b47fe0;
}

div#content div#utilities div#shoppingArea h3 {
padding: 3px 0 3px 10px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
}

div#content div#utilities div#shoppingArea h3 a:link,
div#content div#utilities div#shoppingArea h3 a:visited {
color: #ffffff;
text-decoration: none;
display: block;
}

div#content div#utilities div#shoppingArea h3 a:hover {
background: none;
display: block;
}

body.mall01 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/01/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall02 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/02/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall03 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/03/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall04 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/04/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall05 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/05/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall06 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/06/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall07 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/07/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall08 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/08/image/ttl_shop02.gif) no-repeat bottom;
}

body.mall09 div#content div#utilities div#shoppingArea h3 {
background: url(/mall/09/image/ttl_shop02.gif) no-repeat bottom;
}

div#content div#utilities #shoppingArea .leftBox {
width:280px;
float:left;
}

div#content div#utilities #shoppingArea .rightBox {
width:280px;
float:right;
}

div#content div#utilities div#shoppingArea .txtBox {
width: 144px;
float: right;
}

div#content div#utilities div#shoppingArea .txtBox p {
margin-bottom: 10px;
}

div#content div#utilities div#shoppingArea .txtBox li {
line-height: 1;
margin-bottom: 3px;
list-style-type: none;
}

div#content div#utilities #shoppingArea .iregulartxtBox {
width:280px;
float:left;
margin-top:0;
}

div#content div#utilities div#shoppingArea .imgBox {
margin-right: 8px;
width:125px;
float:left;
display: inline;
}

div#content div#utilities div#shoppingArea .imgBox p {
margin-bottom: 7px;
}

div#content div#utilities #shoppingArea #nextback .back {
float:left;
}

div#content div#utilities #shoppingArea #nextback .next {
float:right;
}

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

popup

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

#popup .ttl {
font-weight:bold;
color:#EE3439;
}


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

topicsArea01

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



#topicsArea01 ul {
list-style:none;
padding-left:15px;
margin:0;
}

#topicsArea01 li {
float:left;
padding-right:18px;
margin:0;
}

#topicsArea01 li.down {
clear:both;
}

#topicsArea01 li.last {
padding-bottom:20px;
}


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

topicsArea02

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



#topicsArea02 h2 {
padding:0;
margin:0;
}

#topicsArea02 p.txt {
margin:0;
padding:15px 15px 0px 15px;
}

#topicsArea02 p.site {
font-size:100%;
margin-bottom:10px 0px;
padding:0;
font-weight:bold;
}

#topicsArea02 .campaign {
width:550px;
margin-left:10px;
padding-bottom:10px;
}

#topicsArea02 .campaign .leftBox {
clear:both;
width:181px;
float:left;
margin-right:10px;
}

#topicsArea02 .campaign .centerBox {
clear:both;
width:320px;
float:left;
margin-right:10px;
}

#topicsArea02 .campaign .rightBox {
width:355px;
float:left;
}

#topicsArea02 .campaign .leftBox p.banner,
#topicsArea02 .campaign .centerBox p.banner,
#topicsArea02 .campaign .rightBox p.banner {
margin:0;
padding-bottom:10px;
float:left;
}

#topicsArea02 .campaign .leftBox p.point,
#topicsArea02 .campaign .centerBox p.point,
#topicsArea02 .campaign .rightBox p.point {
margin:0;
padding:0;
float:right;
}


#topicsArea02 p.attn {
clear:both;
padding-bottom:18px;
_padding-bottom:0px;
margin:0;
}

#topicsArea02 .borderB {
width:550px;
border-bottom:solid 1px #59ccf9;
margin-left:10px;
margin-bottom:18px;
}
#topicsArea02 .borderP {
width:550px;
border-bottom:solid 1px #ff9ec2;
margin-left:10px;
margin-bottom:18px;
}

#topicsArea02 p.period {
padding-left:52px;
}

.textBox {
border: 1px solid #cb131b;
margin-bottom: 16px;
}


body#campaign100716_sale #topicsArea02 p.txt {
margin:0;
padding:15px 15px 15px 15px;
}


/*---topics 2�J����---*/

#topicsArea02 .topic2Box .left{
margin-right:10px;
width:280px;
float:left;
}

#topicsArea02 .topic2Box .right{
width:280px;
float:left;
}

#topicsArea02 .topic2Box .pointArea p{
float:left;
}

#topicsArea02 .topic2Box .pointArea p.banner{
margin-right:10px;
}

#topicsArea02 .topic2Box h4{
size:12px;
font-weight:normal;
color:#000000;
}

#topicsArea02 .topic2Box .recommend .recommendBox{
width:276px;
width:264px;
padding-left:12px;
background:url(/mall/topics/images/0808_cosmetic/reco_bg.gif) repeat-y center #000000;
}

#topicsArea02 .topic2Box .recommend .recommendBox .left{
width:120px;
margin-right:12px;
float:left;
}
#topicsArea02 .topic2Box .recommend .recommendBox .right{
width:120px;
float:left;
}
#topicsArea02 .topicsindex {
	margin-bottom: 10px;
	text-align:center;
}
#topicsArea02 .topicsindex li {
	display: inline;
}
#topicsArea02 .topicsindex img {
	margin-left: 2px;
	margin-right: 2px;
}



/*---------------------------
	otherSite
---------------------------*/


.listStyle01{
margin-bottom: 10px;
list-style-type: none;
}

.listStyle01 li {
margin: 0 35px 20px 10px;
width: 120px;
float:left;
display: inline;
}

.listStyle01 a {
text-decoration: none;
}

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

attention

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

#attention h3 {
font-size:120%;
color:#EE3439;
padding-bottom:15px;
margin:0;
}

#attention h4 {
font-size:100%;
padding-bottom:5px;
margin:0;
}

#attention ol {
margin-bottom:15px;
margin-left:25px;
list-style-type:decimal;
list-style-image:none;
font-weight:normal;
}

#attention li {
margin-bottom:6px;
}

#attention ul {
list-style:url(/mall/guide/image/icon_3.gif);
padding-left:25px;
margin-top:8px;
font-weight:normal;
}

.attentionPoint {
clear: both;
font-size: 120%;
}

.attentionPoint a {
padding-left: 1em;
color: #FF0000;
text-decoration: none;
background: url(../../topics/images/icon_arrow.gif) no-repeat left center;
}

.attentionPoint a:hover {
text-decoration: underline;
}

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

   serchKanaArea

------------------------------ */
#serchKanaArea table{
margin-left:0;
width:560px;
border-spacing:0;
border-collapse:collapse;
border-style:solid;
border-color:#b0b2b6;
border-width:1px 0 1px 1px;
}

#serchKanaArea table.cap{
margin-left:0;
width:560px;
border-spacing:0;
border-collapse:collapse;
border-style:solid;
border-color:#b0b2b6;
border-width:0 0 1px 0;
}

#serchKanaArea table th{
padding:2px;
font-weight: normal;
vertical-align:top;
border-style:solid;
border-color:#b0b2b6;
border-width:0 1px 0 0;
}

#serchKanaArea table.cap th{
padding:2px;
font-weight: normal;
vertical-align:top;
border-style:solid;
border-color:#b0b2b6;
border-width:1px;
}

#serchKanaArea table.cap th.cap{
padding:2px 0 2px 5px;
font-weight: normal;
text-align: left;
vertical-align:top;
border-style:solid;
border-color:#b0b2b6;
border-width:1px;

}

#serchKanaArea table td{
border-style:solid;
border-color:#b0b2b6;
border-width:0 1px 0 0;
margin: 0px;
padding-left: 5px;
/*white-space: nowrap;*/
}

#serchKanaArea table.cap td.cap{
padding: 2px;
white-space: nowrap;
}

#serchKanaArea table td.list01{
background-color:#f7f7f7;
}


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

   pointup_area


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

#pointup .pointup_area {
	margin-left: 40px;
	margin-top: 20px;
	line-height: 1em;
	width: 510px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 7em;
	padding-top: 10px;
	padding-left: 20px;
}
#pointup {
	width: 570px;
}


#pointup .pointup_area .leftbox {
	float: left;
}

#pointup .pointup_area .rightbox{
	float: left;
	margin-left: 20px;
	width: 330px;
}
#pointup .pointup_area .rightbox .pointup_01 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top:2px;
}
#pointup .pointup_area .rightbox .pointup_02 {
	margin-top: 10px;
	color: #666666;
	font-size: 1em;
}
#pointup .pointup_area .rightbox .pointup_03 {
	font-size: 1.2em;
	font-weight: bold;
}
#pointup .pointup_area .rightbox .pointup_03 .pointup_04,
#pointup .pointup_area .rightbox .specialPoint {
	color: #FF0000;
	font-size: 1.7em;
	font-weight: bolder;
}


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

   ninki_area(09/07/28)


------------------------------ */
#popularityShop table p{
margin:0;
}

#popularityShop table.lyt-shop{
margin-bottom:15px;
}

#popularityShop table.lyt-shop table.shopData{
margin:5px;
}

#popularityShop table.lyt-shop table.shopData p{
}

#popularityShop table.lyt-shop table.shopData p.shopName{
margin-bottom:7px;
}

#popularityShop table.lyt-shop table.shopData p.pointUp{
margin-top:0.3em;
color:#EE3439;
font-size:10px;
}

#popularityShop table.lyt-shop td.infoMsg p{
margin:0 5px 5px;
text-align:right;
}



/* clear
------------------------------------------- */

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

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

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

****edit(090317)****

for 3 banner style(1big+2small)

-----------------------------------------------*/
div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes {
float:left;
width:260px;
}
div#content div#utilities div#powerPush div.pushArea div.pushInner div.pushText div.pushes div#push01 p {
margin-bottom:4px;
padding-bottom:0;
}

/*---bracket---*/
em.bracket {
font-style: normal;
}
em.bracket::before {
content: '【';
display: inline;
}
em.bracket::after {
content: '】';
display: inline;
}
.title_01 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.title_02 {
font-size: 20px;
margin-top: 40px;
margin-bottom: 20px;
}