@import"common/css/ie_style.css";

/* リセット
============================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td{
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6{
font-size:100%;
}

fieldset, img{
border:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption, th{
text-align:left;
}

address, caption, cite, code, dfn, em, strong, th, var{
font-style:normal;
font-weight:normal;
}

a{outline: none;}

/* 基本設定
============================================================*/
html{
margin:0px auto;
}

body{
text-align:center;
margin:0px auto;
color:#000000;
line-height:1;
fon-size:100%;
font-family:"Lucida Sans",'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

img{
border:none;
}

a:link,a:active,a:visited{
color:#cc9900;
text-decoration:none;
}

a:hover{
color:#666666;
text-decoration:underline;
}

/* 共通設定
============================================================*/
div#base_container{
width:930px;
margin:0 auto;
padding:0 25px;
font-size:75%;
position:relative;
text-align:left;
}

div#container{
width:930px;
margin:0 auto;
}

.indexFrame,
.contentsframe{
width:auto;
float:left;
position:relative;
}

.left{
clear:both;
width:auto;
float:left;
}

.right{
width:auto;
float:left;
}

.pagetop a{
float:right;
width:71px;
height:11px;
display:block;
background:url(common/images/pagetop.gif) right top no-repeat;
}

.pagetop a:hover{
background-position:right bottom;
}

/* ヘッダー
============================================================*/
div#header{
width:930px;
}

div#header h1{
margin:0 0 22px 0;
height:63px;
}

/* メニュー
============================================================*/
ul#menu{
width:930px;
list-style:none;
margin:0 0 24px 0;
float:left;
}

ul#menu li{
float:left;
height:11px;
}
ul#menu li a{
display:block;
height:11px;
background:url(common/images/menu.gif) 0 0 no-repeat;
}
ul#menu li a span{
display:none;
}

/*メニューロールオーバー（トップ）*/
ul#menu li a.top{
width:95px;
background-position:0px 0px;
}
ul#menu li a:hover.top{
background-position:0px -11px;
}

/*メニューロールオーバー（トピックス）*/
ul#menu li a.topics{
width:117px;
background-position:-95px 0px;
}
ul#menu li a:hover.topics{
background-position:-95px -11px;
}

/*メニューロールオーバー（コレクション）*/
ul#menu li a.collection{
width:155px;
background-position:-212px 0px;
}
ul#menu li a:hover.collection{
background-position:-212px -11px;
}

/*メニューロールオーバー（ショップリスト）*/
ul#menu li a.shopList{
width:140px;
background-position:-367px 0px;
}
ul#menu li a:hover.shopList{
background-position:-367px -11px;
}

/*メニューロールオーバー（オンラインショップ）*/
ul#menu li a.onlineShop{
width:158px;
background-position:-507px 0px;
}
ul#menu li a:hover.onlineShop{
background-position:-507px -11px;
}

/*メニューロールオーバー（シーズンテーマ）*/
ul#menu li a.seasonTheme{
width:169px;
background-position:-665px 0px;
}
ul#menu li a:hover.seasonTheme{
background-position:-665px -11px;
}

/*メニューロールオーバー（スキャパホーム）*/
ul#menu li a.scapaHome{
width:96px;
background-position:-834px 0px;
}
ul#menu li a:hover.scapaHome{
background-position:-834px -11px;
}

/* フッター
============================================================*/
div#footer{
width:930px;
padding:25px 0;
float:left;
}

/*contact・privacy policy*/
.footerMenu{
width:auto;
list-style:none;
float:left;
}
.footerMenu li{
float:left;
height:11px;
}
.footerMenu li a{
display:block;
height:11px;
background:url(common/images/footer.gif) 0 0 no-repeat;
}
.footerMenu li a span{
display:none;
}

.footerMenu li a.contact{
width:106px;
background-position:0px 0px;
}
.footerMenu li a:hover.contact{
background-position:0px -11px;
}

.footerMenu li a.privacy{
width:136px;
background-position:-106px 0px;
}
.footerMenu li a:hover.privacy{
background-position:-106px -11px;
}

/*copyright*/
.copyright{
float:right;
width:auto;
}

/* flash playerダウンロード
============================================================*/
.frame_attention{
width:910px;
padding:0 10px;
}

.frame_attention h2{
margin:0 0 15px 0;
padding:18px 0 9px 5px;
background:url(common/images/h2line_long.gif) left bottom no-repeat;
}

.frame_attention p{
line-height:1.8;
margin:0 0 15px 0;
}

/* TOPページ
============================================================*/
#frame_top{
width:930px;
height:750px;
background:no-repeat;
position:relative;
z-index:10;
}

#frame_top .right{
float:right;
width:418px;
height:750px;
background: url(images/content_bg.png) repeat-y left;
/*background-color:#99FFFF;*/
}

#top_entry{
height:703px;
overflow:hidden;
/*background-color:#FFFF99;*/
}

/*タイトルナビ*/
.right #top_topics_title{
width:340px;
height:13px;
margin:40px 0 0 78px;
padding-bottom:9px;
background: url(images/title_line.png) no-repeat left bottom;
}

#top_topics_title h2{
height:13px;
float:left;
margin-left:8px;
_margin-left:3px;
}

#top_topics_title .t_topics_navi{
width:125px;
margin-top:3px;
list-style:none;
float:right;
}

.t_topics_navi li{
float:left;
margin-left:10px;
_margin-left:7px;
height:11px;
}

.topics_btn a{
display:block;
width:92px;
height:11px;
background:url(images/next_topics.gif) no-repeat 0 0;
}
.rss_icon a{
display:block;
width:12px;
height:11px;
background:url(images/next_rss.gif) no-repeat 0 0;
}

.topics_btn a:hover,
.rss_icon a:hover{
background-position:0 -11px;
}

/*TOPICS 詳細*********************************************/
.top_topics_area{
width:340px;
margin:0 0 40px 78px;
overflow: hidden;
/*background-color:#FF99CC;*/
}

.top_topics_area .topics_ttl{
font-weight:normal;
margin:0;
padding:5px 10px 0 0;
font-size:10px;
display:block;
}

.top_topics_area .topics_ttl a{color:#000;}
.top_topics_area .topics_ttl a:hover{ color:#999; text-decoration:none;}

.top_topics_area .entry{
width:340px;
float:left;
padding:10px 0 15px 8px;
background:url(topics/images/line_dot.gif) left bottom no-repeat;
}

.top_topics_area .date{
color:#333;
font-size:12px;
font-weight: bold;
}

.top_topics_area .entry .new{ margin-left:10px;}

/*safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.top_topics_area .date{ font-size:11.4px; }
}

/*商品詳細*********************************************/

.top_pickup_area{
width:348px;
margin-left:70px;
/*background-color:#33FFFF;*/
}

.pickup_box{
width:348px;
margin-bottom:30px;
/*background-color:#66FFFF;*/}

/*商品詳細*********************************************/
.top_pickup_area dl{
width:225px;
margin-left:8px;
_width:244px;
_margin-left:3px;
height:69px;
line-height:1.5;
float:left;
clear:both;
padding-right:20px;
}

.top_pickup_area dt{
height:15px;
margin-bottom:4px;
}

.top_pickup_area .pickup_txt{
padding:0 0 3px 10px;
height:33px;
line-height:1.4;
font-size:10px;
}

/*******************/
.next_btn a{
display:block;
width:34px;
height:10px;
float:right;
background:url(images/next_btn.gif) no-repeat 0 0;
}

.next_btn a:hover{
background-position:0 -10px;
}

/*******************/
.kids_banner a{
margin-left:78px;
display:block;
width:340px;
height:40px;
background:url(images/kids_banner.png) no-repeat 0 0;
/*background-color:#66FF99;*/
}

.kids_banner a:hover{
background-position:0 -40px;
}

/* IE6 background */
.iepngfix {
behavior:expression(IEPNGFIX.fix(this));
margin:0px;
padding:0px;
}


/* ショップリスト
============================================================*/
.frame_shoplist{
width:910px;
padding:0 10px;
}

.frame_shoplist h2{
margin:0 0 15px 0;
padding:18px 0 9px 5px;
background:url(common/images/h2line_long.gif) left bottom no-repeat;
}

.frame_shoplist .left{
width:184px;
padding:0 0 0 5px;
}

.frame_shoplist h3{
clear:both;
margin:0 0 16px 0;
}

.frame_shoplist h4{
clear:both;
float:left;
width:170px;
}

.frame_shoplist .pagetop{
clear:both;
width:721px;
margin:0 0 20px 0;
padding:0 0 18px 0;
background:url(common/images/line722.gif) right bottom no-repeat;
}

/*店舗リスト*/
.area{
float:left;
width:551px;
list-style:none;
margin:0 0 40px 0;
}

.area li{
clear:both;
padding:0 0 9px 0;
margin:0 0 11px 0;
background:url(shop-list/images/line_dot.gif) right bottom no-repeat;
}

.area li.noline{
clear:both;
padding:0;
margin:0;
background:none;
}

.area li h5{
float:left;
width:209px;
font-weight:normal;
}

.area li .tel{
float:left;
width:161px;
display:block;
}

.area li .note{
color:#ff0000;
}

/*上メニュー（サイズ）*/
ul.sizemenu{
list-style:none;
width:522px;
position:absolute;
top:18px;
left:199px;
}

ul.sizemenu li{
float:left;
height:14px;
}
ul.sizemenu li a{
display:block;
height:14px;
background:url(shop-list/images/sizemenu.gif) 0 0 no-repeat;
}
ul.sizemenu li a span{
display:none;
}

ul.sizemenu li a.regular{
width:164px;
background-position:0 0;
}
ul.sizemenu li a:hover.regular{
width:164px;
background-position:0 -14px;
}

ul.sizemenu li a.large{
width:124px;
background-position:-164px 0;
}
ul.sizemenu li a:hover.large{
width:124px;
background-position:-164px -14px;
}

ul.sizemenu li a.small{
width:125px;
background-position:-288px 0;
}
ul.sizemenu li a:hover.small{
width:125px;
background-position:-288px -14px;
}

ul.sizemenu li a.online{
width:109px;
background-position:-413px 0;
}
ul.sizemenu li a:hover.online{
width:109px;
background-position:-413px -14px;
}

/*左メニュー（地域）*/
ul.areamenu{
list-style:none;
float:left;
width:105px;
}

ul.areamenu li a{
display:block;
background:url(shop-list/images/areamenu.gif);
}
ul.areamenu li a span{
display:none;
}

ul.areamenu li a.kanto{
height:30px;
background-position:0 0;
}
ul.areamenu li a:hover.kanto{
height:30px;
background-position:-105px 0;
}

ul.areamenu li a.hokkaido{
height:30px;
background-position:0 -30px;
}
ul.areamenu li a:hover.hokkaido{
height:30px;
background-position:-105px -30px;
}

ul.areamenu li a.koshinetsu{
height:31px;
background-position:0 -60px;
}
ul.areamenu li a:hover.koshinetsu{
height:31px;
background-position:-105px -60px;
}

ul.areamenu li a.tokai{
height:30px;
background-position:0 -91px;
}
ul.areamenu li a:hover.tokai{
height:30px;
background-position:-105px -91px;
}

ul.areamenu li a.chugoku{
height:29px;
background-position:0 -121px;
}
ul.areamenu li a:hover.chugoku{
height:29px;
background-position:-105px -121px;
}

ul.areamenu li a.kyushu{
height:30px;
background-position:0 -150px;
}
ul.areamenu li a:hover.kyushu{
height:30px;
background-position:-105px -150px;
}

ul.areamenu li a.online{
height:12px;
background-position:0 -180px;
}
ul.areamenu li a:hover.online{
height:12px;
background-position:-105px -180px;
}

/* スキャパ・ホーム/シーズンテーマ共通
============================================================*/
.frame_home_theme{
width:897px;
float:left;
padding:0 16px;
margin:18px 0 0 0;
}

.frame_home_theme img.mainimage{
width:549px;
float:left;
margin:0 26px 0 0;
border:1px solid #eeeeee;
}

.frame_home_theme h2,
.frame_home_theme #cat_shoplist dt{
width:313px;
float:left;
padding:1px 0 8px 7px;
margin:0 0 15px 0;
background:url(common/images/h2line_short.gif) right bottom no-repeat;
}

.frame_home_theme .entry{
width:313px;
float:left;
padding:0 0 0 7px;
}

.frame_home_theme .entry h3{
font-weight:bold;
padding:0 0 0 13px;
margin:0 0 10px 0;
background:url(season-theme/images/h3.gif) 0 center no-repeat;
}

.frame_home_theme .entry p{
line-height:1.6;
}

/* コレクション
============================================================*/

/*イメージ画像エリア*****************************************/
.frame_home_theme .left_cat{
width:549px;
height:730px;
margin:0 26px 0 0;
border:#ddd solid 1px;
float:left;
}

#catalog_image{
top:0px;
left:0px;
width:549px;
height:730px;
overflow:hidden;
position:relative;
background:#fff url(catalog/images/loading.gif) 264px 313px no-repeat;
}

#catalog_image img{
width:100%;
height:100%;
z-index:0;
position:absolute;
border-width:0;
}

#catalog_zoom{
width:40px;
margin:10px;
z-index:1;
position:absolute;
visibility:inherit;
}


/*サムネイル******************************************/
.frame_home_theme .right{
width:320px;
margin:0 0 35px 0;
}

ul#cat_thumbnail{
height:194px;
clear:both;
}

ul#cat_thumbnail li{
width:70px;
height:88px;
list-style-type: none;
float:left;
margin:0 0 9px 9px;
_margin:0 8px 8px 0;
}

ul#cat_thumbnail li.cat_thum_on a,
ul#cat_thumbnail li a:hover{
width:70px;
height:88px;
float:left;
clear:none;
border:solid #ddd 1px;
}

ul#cat_thumbnail li a{
width:70px;
height:88px;
float:left;
border:solid #eee 1px;
list-style-type: none;
}


/*商品詳細*********************************************/
.frame_home_theme .right .cat_list{
width:309px;
margin:0;
padding:10px 0;
line-height:1.5;
float:left;
clear:both;
}

.frame_home_theme .right .cat_list dt{
padding-left:10px;
/*height:21px;*/
margin-bottom:4px;
background: url(common/images/h3.gif) no-repeat left;
}

.frame_home_theme .right .price{
width:160px;
height:15px;
/*margin-bottom:1px;*/
float:left;
}
.frame_home_theme .right .online_btn{
height:15px;
float:right;
}

.frame_home_theme .right .online_btn a{
display:block;
width:130px;
height:16px;
background: url(collection/images/online_btn_off.gif) no-repeat top;
text-indent:-9999px;
text-decoration:none;
}
.frame_home_theme .right .online_btn a:hover{
background: url(collection/images/online_btn_on.gif) no-repeat top;
}


/*Shop list*****************************************/
.frame_home_theme #cat_shoplist dt{
padding:20px 0 9px 0;
margin-bottom:19px;
clear:both;
}

.frame_home_theme #cat_shoplist dd{
margin-top:8px;
height:17px;
clear:both;
}

.frame_home_theme #cat_shoplist dd img{
margin-right:15px;
float:left;
}


/* コンタクト・プライバシーポリシー共通
============================================================*/
.frame_contact_policy{
width:910px;
padding:0 10px;
}

.frame_contact_policy h2{
margin:0 0 15px 0;
padding:18px 0 9px 5px;
background:url(common/images/h2line_long.gif) left bottom no-repeat;
}

.frame_contact_policy .entry{
width:905px;
line-height:1.6;
padding:0 0 20px 5px;
}

.frame_contact_policy .entry b,
.frame_contact_policy .entry strong{
font-weight:bold;
}

/* 子供地球基金
============================================================*/
.frame_child{
width:897px;
padding:0 18px 0 15px;
}

.frame_child h2{
margin:0 0 20px 0;
padding:18px 0 45px 0;
background:url(common/images/h2line_897.gif) right bottom no-repeat;
}

.frame_child h3{
font-weight:normal;
margin:0 0 0 7px;
padding:1px 0 6px 7px;
background:url(kids/images/h3.gif) 0 0 no-repeat;
}

.frame_child .entry{
margin:0 0 30px 7px;
line-height:1.8;
letter-spacing:0.1pt;
}

.frame_child a.kids_link{
display:block;
margin:-20px 0 30px 7px;
}

/*トピックス
============================================================*/
.frame_topics{
width:910px;
padding:0 10px;
}

.frame_topics h2{
margin:0 0 20px 0;
width:910px;
padding:18px 0 9px 5px;
background:url(common/images/h2line_long.gif) left bottom no-repeat;
}

.topics_area{
width:910px;
clear:both;
float:left;
padding:0 0 20px 0;
margin:0 0 20px 0;
background:url(topics/images/line_dot.gif) left bottom no-repeat;
}

.topics_icon{
float:left;
width:74px;
height:74px;
margin-right:15px;
padding-right:15px;
border-right:1px solid #cc9900;
}

.frame_topics .entry{
width:800px;
min-height:74px;
float:left;
}

.top_topics_area .entry .date,
.frame_topics .entry .date{padding-right:5px;}

.top_topics_area .entry .new,
.frame_topics .entry .new{display: none;}

.topics_ttl{
font-weight:bold;
padding-top:12px;
display:block;
}

.topics_txt{
line-height:18px;
padding-top:3px;
display:block;
}


/* topics 詳細ページ*/
.topics_navi{
width:910px;
float:right;
text-align:right;
margin-bottom:17px;
position:absolute;
top:24px;
right:5px;
list-style:none;
}

.topics_navi li{
float:right;
}

a.topics_prev{
background:url(topics/images/arrow_prev.gif) left no-repeat;
padding:0 11px 0 10px;
border-right:1px solid #cc9900;
}

a.topics_all{
padding:0 10px;
}

a.topics_next{
background:url(topics/images/arrow_next.gif) right no-repeat;
padding:0 10px 0 11px;

margin:0 10px 0 0;
border-left:1px solid #cc9900;
}

.rss{
display:block;
width:33px;
height:11px;
background:url(topics/images/rss.gif) right no-repeat;
}

.frame_topics h3{
border-left:1px solid #cc9900;
padding-left:15px;
margin:0 0 28px 5px;
font-weight:normal;
}

.frame_topics h3 .topics_ttl{
font-size:150%;
padding-top:8px;
}

.frame_topics h3 span.date{
padding-right:2px;
font-weight:normal;
}

.frame_topics h3 .new{
    display:none;
}

.frame_topics .entry p{
clear:both;
width:894px;
line-height:21px;
padding-left:16px;
}

.frame_topics .pagetop{
clear:both;
width:910px;
margin:15px 0 19px 0;
}


/* 調整用css
============================================================*/
.bgnone{background:none;}

.bordernone{border:none;}

.none{display:none;}

.last{margin:0;}

.clear{clear:both;}