@charset "utf-8";

/* ****************************************************************
   トップページの独自設定
*************************************************************** */

/* ********************************
   中央カラム（#centerColumn）
******************************** */
#centerColumn{
float:left;
width:504px;
margin-right:16px;
padding-top:10px;
}

object{
line-height:0;
}

p#mainFlash{
margin-bottom:14px;
}

/* #lineUp */
#lineUp{
margin-bottom:16px;
}

#lineUp h2{
height:57px;
background:url(../images/ind_line_tit_bg.png) no-repeat 0% 0%;
}

#lineUp h2 img{
margin-top:30px;
margin-left:14px;
}

#productList{
height:190px;
background:url(../images/ind_line_bg.png) no-repeat 0% 0%;
text-align:center;
}

/* ul#itemTab */
ul#itemTab{
margin-left:4px;
}

ul#itemTab li{
display:inline;
position:relative;
float:left;
padding-top:4px;
text-align:left;
line-height:0;
}

ul#itemTab li a.btn{
position:absolute;
right:9px;
}

/* ul#itemTab li# */
li#tabLens,
li#tabLensCurrent{
width:163px;
height:24px;
background:url(../images/ind_tab_bg_lens.gif) no-repeat 0% 0%;
}
li#tabLensCurrent{
background:url(../images/ind_tab_bg_lens_o.gif) no-repeat 0% 0%;
}

li#tabCare,
li#tabCareCurrent{
width:163px;
height:24px;
margin-right:4px;
margin-left:3px;
background:url(../images/ind_tab_bg_care.gif) no-repeat 0% 0%;
}
li#tabCareCurrent{
background:url(../images/ind_tab_bg_care_o.gif) no-repeat 0% 0%;
}

li#tabGlass,
li#tabGlassCurrent{
width:163px;
height:24px;
background:url(../images/ind_tab_bg_glass.gif) no-repeat 0% 0%;
}
li#tabGlassCurrent{
background:url(../images/ind_tab_bg_glass_o.gif) no-repeat 0% 0%;
}

/* #itemListWrap */
#itemListWrap{
position:relative;
width:496px;
height:149px;
padding-top:7px;
margin:0 auto;
background:url(../images/ind_line_item_bg.gif) no-repeat 0% 0%;
text-align:left;
}

#itemListWrap .itembox,
#itemListWrap .itembox2,
#itemListWrap .itembox3{
position:absolute !important;
left:15px !important;
width:465px !important;
}

p#itemArrowL,
p#itemArrowR{
position:absolute;
width:15px;
z-index:1;
cursor:pointer;
}

p#itemArrowL{
left:0;
}

p#itemArrowR{
right:0;
margin-top:0 !important;
}

/* ul.itemList */
#itemListWrap ul.itemList{
float:left;
overflow:hidden;
}

#itemListWrap ul.itemList li{
float:left;
width:127px;
height:142px;
margin-right:6px;
margin-bottom:12px;
padding:0 12px;
background:url(../images/ind_line_list_bg.gif) no-repeat 0% 0%;
text-align:center;
overflow:hidden;
}

#itemListWrap ul.itemList p{
font-size:10px;
}

#itemListWrap ul.itemList p span{
display:block;
font-size:12px;
color:#005eb0;
font-weight:bold;
}

#itemListWrap ul.itemList p.img{
margin-bottom:6px;
padding-top:6px;
}

#itemListWrap ul.itemList p img{
display:block;
height:80px;
}

#itemListWrap ul.itemList p.text span{
margin-top:6px;
}

/* #news */
#news{
padding-bottom:6px;
background:url(../images/ind_news_btm.png) no-repeat 0% 100%;
}

#news #newsTitle{
position:relative;
height:39px;
background:url(../images/ind_news_tit_bg.png) no-repeat 0% 0%;
}

#newsTitle h2,
#newsTitle p{
position:absolute;
}
#newsTitle h2{
left:14px;
top:11px;
}
#newsTitle p{
left:407px;
top:9px;
}

#news dl{
margin-bottom:-1px;
padding:0 10px 6px 14px;
background:#ffffff;
}

#news dt,
#news dd{
padding-top:0.7em;
line-height: 1.3;
}

#news dt{
float:left;
width:6em;
}

#news dd{
padding-left:7em;
}

#news dd a{
display:block;
}

* html #news dd{
position:relative;
left:-3px;
height:1%;
padding-left:0;
}

/* #mainBanner 2010/09/21add */
div#mainBanner{
margin-bottom:14px;
width:504px;
height:332px;
background:transparent url(../images/ind_main_banner_bg.png) left top no-repeat;
position:relative;
}

#mainBanner .loading{
position:absolute;
top:22px;
left:12px;
padding:143px 0 142px 0;
width:481px;
height:13px;
background:#fff;
text-align:center;
line-height:288px;
}

#mainBanner .notice{
position:absolute;
top:22px;
left:12px;
padding:100px 15px;
width:451px;
height:95px;
background:#fff;
text-align:center;
line-height:1.7;
font-size:14px;
}

#mainBanner .loading img{
vertical-align:middle;
}

#mainImage,
#thumbnails{
display:none;
position:absolute;
}

#mainImage{
top:22px;
left:24px;
}

#mainImage li{
position:absolute;
top:0;
left:0;
}

#thumbnails{
width:458px;
height:46px;
top:263px;
left:25px !important;
overflow:hidden;
}

#thumbnails li{
float:left;
margin:0 1px 0 0;
height:46px !important;
position:relative;
}

#mainBanner .arrowR,
#mainBanner .arrowL{
position:absolute;
top:114px;
}

#mainBanner .arrowL{
left:12px;
}

#mainBanner .arrowR{
left:484px;
}

#mainBanner .arrowR a,
#mainBanner .arrowL a{
display:block;
width:9px;
height:51px;
text-indent:-9999px;
background-image:url(../images/ind_main_arrow.gif);
background-repeat:no-repeat;
}

#mainBanner .arrowL a{
background-position:0 0;
}

#mainBanner .arrowL a:hover{
background-position:0 -51px;
}

#mainBanner .arrowR a{
background-position:-9px 0;
}

#mainBanner .arrowR a:hover{
background-position:-9px -51px;
}

#mainBanner .hover{
display:block;
width:115px;
height:53px;
background:transparent url(../images/idx_main_hover.gif) left top no-repeat;
position:absolute;
top:257px;
left:24px;
z-index:100;
}

/* ********************************
   右カラム（#rightColumn）
******************************** */
#rightColumn{
float:left;
width:238px;
padding-top:10px;
}

ul#subContents{
padding-top:1px;
}

ul#subContents li{
margin-bottom:10px;
}

li#shopMap{
text-align:center;
}

li#shopMap p{
width:238px;
padding:4px 0;
background:url(../images/ind_map_bg.png) no-repeat 0% 0%;
}

/* li#netFlier */
li#netFlier .bgPng{
width:238px;
padding:7px 0;
background:url(../images/ind_flier_bg.png) no-repeat 0% 0%;
}

li#netFlier .bgPng p{
display:inline;
float:left;
margin-left:7px;
}

li#keywords{
padding-bottom:12px;
background:url(../images/ind_key_btm.png) no-repeat 0% 100%;
}

#keywordsCont{
padding:7px 5px 0 10px;
background:url(../images/ind_key_bg.gif) repeat-y 0% 0%;
margin-bottom:-1px;
}

#keywordsCont ul{
width:223px;
}

ul#subContents li#keywords li {
float:left;
margin-bottom:0;
padding-right:6px;
line-height:1.5;
word-break:keep-all;
}

/*#groupShop*/
#groupShop{
margin-bottom:14px;
}

ul#subContents #groupShop li{
margin-bottom:0;
padding-bottom:1px;
background:#ffffff url(../images/ind_group_line.gif) no-repeat 0% 100%;
text-align:center;
}

ul#subContents #groupShop li img{
vertical-align:middle;
}

ul#subContents #groupShop li.last{
padding-bottom:6px;
padding-left:13px;
background:#ffffff url(../images/ind_group_btm.png) no-repeat 0% 100%;
text-align:left;
}


/* ********************************
   左カラム（#leftColumn）
******************************** */
ul#bannerArea li{
margin-bottom:10px;
}



/* ********************************
   フッター（#footer）
******************************** */
/* #footerWrap */
#footerWrap02,
#footerWrap{
min-height:186px;
height:auto !important;
height:186px;
}

#footTopic{
padding-left:10px;
padding-bottom:20px;
}

#footTopic p.illust{
width:193px;
margin-top:-34px;
background:url(../images/ind_foot_line.png) no-repeat 100% 34px;
text-align:left;
}

#footTopic p.illust,
#footTopic .topic{
float:left;
}

#footTopic .topic{
margin:0;
padding:0;
background:url(../images/ind_foot_line.png) no-repeat 100% 0%;
}

#footTopic #footStore{
width:359px;
padding-left:16px;
}

#footTopic #footMail{
width:366px;
padding-left:16px;
}

#mailMagazineHome{
min-height:89px;
height:auto !important;
height:89px;
background:url(../images/ind_mail_img.png) no-repeat 0% 0%;
}

#mailAddress{
width:258px;
margin-left:92px;
margin-bottom:12px;
color:#c4c4c4;
}

#mailAddress .free{
background:url(../images/ind_mail_bg_btm.png) no-repeat 0% 100%;
}

#footNavi{
clear:left;
position:relative;
top:-24px;
}

#footNavi address{
padding-bottom:2em;
}