@charset "utf-8";
@import url("module.css");

/**************************************************************************************************

STRUCTURE

**************************************************************************************************/

body{
text-align:center;
}

#header{
height:74px;
border-bottom:2px solid #02AEE0;
}

#header .inner{
position:relative;
width:948px;
margin:0 auto;
text-align:left;
}

#content{
width:948px;
margin:0 auto;
padding:20px 0 0;
text-align:left;
background:url(../img/content_bg_border.gif) repeat-y;
}

#content #mainColumn{
float:left;
width:688px;
}
#content #subColumn{
float:right;
width:242px;
}


/**************************************************************************************************

HEADER

**************************************************************************************************/

#header p#headerLogo{
position:absolute;
left:0;
top:0;
width:506px;
height:74px;
}
#header #headerLogo span{
position:absolute;
left:835px;
top:0;
width:95px;
height:112px;
}
#header .backToIndex{
position:absolute;
left:723px;
top:52px;
width:61px;
height:13px;
}
#header .goToAeonShop{
position:absolute;
left:561px;
top:52px;
width:128px;
height:13px;
}


/**************************************************************************************************

CONTENT

**************************************************************************************************/

#contentPagetop{
clear:both;
margin-left:565px;
}


/**************************************************************************************************

SUB COLUMN

**************************************************************************************************/

#subColumn h2{
margin:0 0 10px;
}
#subColumn .section{
padding:0 0 20px;
}


#subColumn .section a img,
#subColumn .section span img{
padding-left:17px;
}
#subColumn .section li a:hover img.rollover{
background:url(../img/bg_nav_hover.gif) repeat-y;
}
#subColumn .section li a img.current{
background:url(../img/bg_nav_current.gif) repeat-y;
}


#subColumn #subNavProduct{
padding:0 0 10px;
}
#subColumn #subNavProduct ul,
#subColumn #subNavProduct p{
margin:0 0 10px;
}
#subColumn #subNavProduct li{
margin:0;
}
#subColumn #subNavProduct li a:hover img.rollover{
background:none;
}



#subColumn #subNavContents h2{
margin:0;
}
#subColumn #subNavContents ul{
margin:0 0 20px;
}

#subColumn #subNavUtility li{
margin:0 0 10px;
}

#subColumn #swfBannerArea{
padding-left:17px;
}
#index #subColumn #swfBannerArea{
padding-left:0;
}


/**************************************************************************************************

FOOTER

**************************************************************************************************/

#footer{
border-top:1px solid #C2C2C2;
}
#footer .inner{
position:relative;
width:948px;
margin:0 auto;
text-align:left;
}

#footer p{
position:absolute;
left:0;
top:13px;
width:133px;
height:30px;
}
#footer ul{
position:absolute;
left:160px;
top:13px;
height:16px;
}
#footer li{
float:left;
margin:0 20px 0 0;
}
#footer address{
position:absolute;
left:804px;
top:13px;
width:144px;
height:16px;
}





/**************************************************************************************************

CLEARFIX CLASS

**************************************************************************************************/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.clearfix{
display:inline-table;
min-height:1%;
}
/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}
.clearfix{
display: block;
}
/* END OF FOR MAC IE */


/**************************************************************************************************

CLEARFIX 
ELEMENTS : #content

**************************************************************************************************/

#content:after,
#footer .inner:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
#content,
#footer .inner{
display:inline-table;
min-height:1%;
/* =========== DW DESIGN VIEW =========== */
/*overflow:hidden; */
/* ========= //DW DESIGN VIEW =========== */
}
/* FOR MAC IE \*/
* html #content,
* html #footer .inner{height:1%;}
#content,
#footer .inner{display: block;}
/* END OF FOR MAC IE */


/**************************************************************************************************

TEXT HIGH LIGHT

**************************************************************************************************/

::-moz-selection{
background:#000000;
color: #FFFFFF;
}

::selection{
background:#000000;
color: #FFFFFF;
}


/**************************************************************************************************

IE PNGFIX MODULE

**************************************************************************************************/

.iepngfix{
behavior: expression(IEPNGFIX.fix(this));
overflow:hidden;
}






/**************************************************************************************************

INDEX FORMAT
ID : #index

**************************************************************************************************/

#index #swfArea .section{
padding:20px 0 0;
background:#ffffff;
}
#index #swfArea p{
float:left;
width:484px;
margin:0;
}
#index #swfArea ul{
float:left;
width:218px;
margin:0;
}
#index #swfArea li{
margin:0;
}


#index #content{
padding:0;
text-align:left;
background:url(../../img/bg_content_border.gif) repeat-y;
}
#index #mainColumn{
position:relative;
width:702px;
margin:0 10px 0 0;
padding:0 0 40px;
}
#index #subColumn{
width:225px;
margin:20px 0 0;
}
#index #mainNavContents{
float:left;
width:474px;
}
#index #extraColumn{
float:right;
width:207px;
}

#index .section#mainNavRegularContents{
margin:0;
padding:0;
}

#index #mainNavRegularContents .grid01{
float:left;
width:227px;
margin-right:20px;
}


/* 
MAIN AND EXTRA COLUMN
-------------------------------------------------------------------------------------------------*/

#index #mainColumn h2{
margin:0;
}
#index #mainColumn ul,
#index #mainColumn li{
margin:0;
}

#index #mainNavContents li{
margin:0 0 5px;
}

#index #extraColumn .section{
padding:0 0 10px;
}
#index #extraColumn .section h3{
margin:0 0 6px;
}
#index #extraColumn .section li{
margin:0 0 10px;
}

#index #pickupArea dt{
position:relative;
line-height:1;
}
#index #pickupArea dd{
margin:0 0 10px;
}

#index #pickupArea dt span{
position:absolute;
left:106px;
top:-21px;
z-index:100;
}


/* 
RANKING
-------------------------------------------------------------------------------------------------*/

#index #rankingArea h2{
margin:0 0 2px;
}
#index #rankingArea p{
margin:0 0 10px;
}

#index #rankingArea dl{
position:relative;
margin:0 0 10px;
padding-bottom:1px;
background:url(../../img/bdr_horizontal_01.gif) no-repeat left bottom;
}
#index #rankingArea dt{
position:absolute;
left:41px;
top:1px;
width:38px;
height:37px;
text-indent:-9999px;
}
#index #rankingArea #rankingNo01 dt{
background:url(../../img/ranking_bullet_no01.gif) no-repeat;
}
#index #rankingArea #rankingNo02 dt{
background:url(../../img/ranking_bullet_no02.gif) no-repeat;
}
#index #rankingArea #rankingNo03 dt{
background:url(../../img/ranking_bullet_no03.gif) no-repeat;
}
#index #rankingArea dd a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}


/* 
MASCARA NEWS
-------------------------------------------------------------------------------------------------*/

#index #newsArea h2{
margin:0 0 5px;
}

#index #newsArea dt{
font-size:80%;
}
#index #newsArea dd{
margin:0 0 10px;
line-height:1.5;
font-size:90%;
}
#index #newsArea dd a{
text-decoration:none;
}
#index #newsArea dd a:hover{
text-decoration:underline;
}


/* 
SUB COLUMN
-------------------------------------------------------------------------------------------------*/

#index #subColumn .section a img{
padding-left:0;
}
#index #subColumn .section li a:hover img.rollover{
background:none;
}

/**************************************************************************************************

CLEARFIX 
ELEMENTS : #content

**************************************************************************************************/

#index #mainColumn:after,
.column04:after,
.useItemList:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
#index #mainColumn,
.column04,
.useItemList{
display:inline-table;
min-height:1%;
/* =========== DW DESIGN VIEW =========== */
/*overflow:hidden; */
/* ========= //DW DESIGN VIEW =========== */
}
/* FOR MAC IE \*/
* html #index #mainColumn,
* html .column04,
.useItemList
{height:1%;}

#index #mainColumn,
.column04,
.useItemList
{display:block;}
/* END OF FOR MAC IE */