/* ------------------------------------------------------------------------------------- */
/* loupe-studio YahooShop Style
/* ------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
    parts' definition SearchIndex
   -----------------------------------------------------------------------------
   import files
   base setting
   header
   left nav
   footer
   content
    index cont
    item cont
   etc
------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- import files */
@import url("yhack.css");
@import url("keirou2011.css");
@import url("extra.css");
@import url("xmas.css");
@import url("xmas2010.css");
@import url("xmas2011.css");
@import url("mothers2011.css");
@import url("fathers2011.css");

/* ----------------------------------------------------------------------------- base setting */
a img{border:none;}
dl,dt,dd{margin:0;padding:0;}

ul{
     margin:0;padding:0;list-style:none;
}

a:link {
     color: #0c6699;
     text-decoration:none;
}

a:visited {
     color: #3a86b1;
     text-decoration:none;
}

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


/* ----------------------------------------------------------------------------- header */
body{font:100% normal "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;}
#head{width:98%; background:url("http://lib1.store.yahoo.co.jp/lib/loupe/ls-head-bg.jpg") right 0 no-repeat;}
/* ---#head{width:98%; background:url('http://shopping.c.yimg.jp/lib/loupe/ls-head-bg.jpg') right 0 no-repeat;}--- */
#logo{margin:0;padding:0;float:left;}
#head-info{float:right;}
#head-info a{float:left;}

#gnav{margin:0;padding:0;list-style:none;clear:both;}
#gnav li{float:left;}
#gnav img{border:none;}
/* ----------------------------------------------------------------------------- left nav */

/* --------------------------------------------nav main */
.l-nav{list-style:none;margin:0;padding:4px 5px 4px 4px;border:1px solid #004d2d;}


#cat-nav{width:198px;padding:0;margin:0;font-size:.85em;}
#cat-nav li,.fs3 li{width:198px;padding:0;margin:0;border-top:1px solid #999999;}

#cat-nav #ln01{background:#F9CFBD;border:none;}
#ln02{background:#F7EE81;}
#ln03{background:#DAEAB9;}
#ln04{background:#BFE3E2;}
#ln05{background:#BBC6E5;}
#ln06{background:#DBC0DC;}
#ln07{background:#F8D3E4;}

#ln01 ul{background:url("./img/parts/ln01-bg.gif");}
#ln02 ul{background:url("./img/parts/ln02-bg.gif");}
#ln03 ul{background:url("./img/parts/ln03-bg.gif");}
#ln04 ul{background:url("./img/parts/ln04-bg.gif");}
#ln05 ul{background:url("./img/parts/ln05-bg.gif");}
#ln06 ul{background:url("./img/parts/ln06-bg.gif");}
#ln07 ul{background:url("./img/parts/ln07-bg.gif");}

#cat-nav ul{margin:0;padding:0;background-color:#FFFFFF;background-position:0 0;background-repeat: repeat-y;list-style:none;}
#cat-nav ul li,.fs3 li{border-top:1px dashed #999999;background:url("./img/parts/cat-nav-li.gif") 9px 4px no-repeat;}

#cat-nav ul li a,.fs3 li a{padding:4px 8px 4px 20px;display:block;width:170px;}
#cat-nav ul li a:hover,.fs3 li a:hover{background:url("./img/parts/cat-nav-a.gif") 100% center no-repeat;}

#cat-nav li a{padding:0;display:block;width:100%;}

.fs3 .title,.fs3 .title2{padding:2px 0;border:none;background:none;text-indent:5px;}
.fs3 .title2{padding:3px 0;background:#FF9900;font-weight:bold;}
.fs3{margin:0 0 5px;padding:0;background:url("./img/parts/ln-fs3.gif") 0 0 repeat-y;list-style:none;font-size:.85em;}

/* --------------------------------------------nav others */
#cale{width:200px;height:420px;border:1px;}


/* ----------------------------------------------------------------------------- footer */
#footer{margin:0;}
#footer th{padding:5px 3px 3px;border:1px solid #004d2d;background:#004d2d url('./img/parts/pttext-bg.gif') 0 0 repeat-x;font-size:90%;color:#FFFFFF;}
#footer td{padding:5px;border:1px solid #004d2d;vertical-align:top;font-size:90%;}


#rakutomo{padding:5px;border:1px solid #CCCCCC;font-size:75%;background:#EEEEEE;}
#rakutomo p{margin:0;}
#BtmFreeSpace2 #rakutomo a{color:#666666;}
#BtmFreeSpace2 #rakutomo a:hover{color:#FF9900;}

/* ----------------------------------------------------------------------------- content */


/* --------------------------------------------index cont */
#topcopy{margin:0 0 .5em;font-size:.8em;}
#top-ri{width:100%;height:525px;border-bottom:1px dashed #CCCCCC;}
#ifrank{width:100%;height:430px;}
a img{border:none;}
.clv01 td{font-size:.8em;vertical-align:top;width:130px;}
.clv01 p{margin:.2em 0;}
/* --------------------------------------------items cont */
#i-content{font-size:110%;}

#deliver{width:307px;height:150px;margin:5px 0;}
#reitems{margin:0 0 0 0;float:left;}
#reitems table{border-collapse:separate;}
#reitems td{vertical-align:top;line-height:110%;}


#left-info{float:right;}
.recomend{width:72px;padding:0;margin:0;font-size:70%;text-align:center;word-break:break-all;}
.recomend img{border:1px solid #CCCCCC;}
.recomend a{margin:0 auto;text-align:left;display:block;}

#item-qr{width:308px;height:63px;padding:3px 5px;background:url("./img/parts/qr_bg.gif") 0 0 no-repeat;}
#item-qr img{width:60px;}

#infoitem td{vertical-align:top;}
.key{padding:3px;font-size:.85em;font-weight:normal;}
.key img{width:60px;}
td.key{width:235px;border:1px dotted #999999;}
#qrcode{width:230px;height:55px;display:none;visibility:hidden;}

#item-spe{margin:10px 0;padding:5px;border-bottom:1px solid #003333;}
.spec{width:94%;}
#CentItemAdditional2 .spec th,#CentItemAdditional2 .spec .th,
#CentFreeSpace1 .spec th,#CentFreeSpace1 .spec .th
{background:#004d2d  url('./img/parts/spec-th.gif') center repeat-x;color:#FFFFFF;text-align:center;font-weight:normal;
letter-spacing:.1em;}
.spec th,.spec td{padding:5px;border-bottom:1px solid #666666;border-right:1px solid #666666;}
.spec td{background:#EEEEEE;}

.spec2 {background:#777777; width:590px; margin:10px auto; border-spacing: 1px;}
.spec2 th,.spec2 .th{width:150px;background:#000000; color:#fff; font-weight:bold; padding:8px;}
.spec2 td{padding:3px;background:#fff; padding:8px;}
#CentItemCaption1 .spec2 th{color:#fff;}

.spec_t{border-collapse:separate;border:0;padding:0;background:#666;}
.spec_t th,.spec_t td{padding:5px;border-top:1px solid #FFF;border-left:1px solid #FFF;background:#CCC;}
.spec_t td{background:#EEE;}
.spec_t ul{padding:2px 0 2px 13px;list-style:disc;}


#scart {margin:10px 0;border-top:1px solid #666666;}
#scart td{padding:5px 0;border-bottom:1px dashed #666666;font-size:.8em;clear:both;}
#scart a img{margin:0 5px 0 0;padding:1px;border:1px solid #999999;float:left;}
.sicopy{padding:5px;background:#EEEEEE;margin:5px 0 0 150px;border:1px solid #666666;}


.subimg{margin:5px 5px 5px 0;padding:0;width:auto !important;width:255px;float:left;line-height:140%;}
.subimg p{mini-width:255px;display:inline-block;}
.subimg ul,.subimg ol{margin:0;padding:0 0 0 15px;list-style:outside disc;}
.subimg ul.max,.subimg ol.max{width:575px;}

.subimg img{margin:0 0 5px 0;float:none;}

ul.max {
width:550px;
list-style:inside;
list-style-type: square;
}

ol.max {
width:550px;
list-style:inside;
list-style-type: decimal;
}

.bb{color:#0000AA;font-size:120%;font-weight:bold;}
.rb{color:#CC0001;font-size:120%;font-weight:bold;}

/* --------------------------------------------info cont */
#CenterTop,#CentFreeSpace2 {font-size:85%;line-height:1.1em%;}
#CenterTop .info th,#CentFreeSpace2 .info th{color:#FFFFFF;}
div.info{width:90%;}
.info p{margin:3px 0;}
.info th{padding:3px;background:#004D2D;}
div.info,.info td{padding:3px;border:1px solid #999999;}

.info hr{height:1px;}

.s-title{width:100%;margin:10px 0 5px;border-bottom:1px solid #004D2D;font-size:110%;line-height:130%;display:block;}

/* --------------------------------------------fonts cont */
/* --------------------------------
   ?pNX
  --------------------------------- */

.max{width:590px;}

ul.max {
width:570px;
padding: 0 0 10px 0;
list-style:inside;
list-style-type: square;
}

ol.max {
width:570px;
padding: 0 0 10px 0;
list-style:inside;
list-style-type: decimal;
}

ol.max li,ul.max li {padding: 0 0 10px 0;}

dl.max dt{margin:10px 0 0 0;font-size:130%;font-weight:bold; color:#0000AA;}
dl.max dd{margin:5px 0 0 20px;width:550px;}
.cl{margin:5px 0 0;clear:both;}
.r{color:#990000;}
.g{color:#004D2D;}
.b,.blue{color:#0000AA;}
.bold{font-weight:bold;}

.waku{padding:3px;font-size:.85em;font-weight:normal;border:1px solid #888;}
.red{color:#CC0001;}
.s1{font-size:120%;}
.s2{font-size:110%;}
.s3{font-size:105%;}
.s4{font-size:80%;}
.key{font-size:65%;color:#666666;}
.d1{padding:20px 0 -5px 0;clear:both;color:#0000AA;font-size:130%;font-weight:bold;}
.gb{color:#004D2D;font-weight:bold;}
.right{text-align:right;}
.brwb{color:#64311A;font-size:120%;font-weight:bold; margin:10px 0 -5px 0;}
.brwsb{color:#64311A;font-size:80%;font-weight:bold; margin:10px 0 -5px 0;}
.bb{color:#0000AA;font-size:110%;font-weight:bold; margin:10px 0 -15px 0;line-height:90%;padding: 0 0 -10px 0;}
.rb{color:#CC0001;font-size:120%;font-weight:bold; margin:10px 0 -5px 0;}
.pb{color:#FF0084;font-size:120%;font-weight:bold; margin:10px 0 -5px 0;}
.psb{color:#FF0084;font-size:80%;font-weight:bold;}
.ppb{color:#933BFF; font-size:120%; font-weight:bold; }
/* ----------------------------------------------------------------------------- etc */
#use{font-size:.85em;}
#use strong{width:580px;padding:5px;background:#004d2d url('./img/parts/pttext-bg.gif') 0 0 repeat-x;color:#FFFFFF;display:block;}
#use ul{width:90%;margin:0;padding:0 0 0 10px;list-style:inside;}
#use li{padding:5px 0;border-bottom:1px dashed #666666;}
.personal{background:url("http://www.loupe-studio.com/img/use-bg-p.jpg") 90% 100% no-repeat;}
.works{background:url("http://www.loupe-studio.com/img/use-bg-w.jpg") 90% 100% no-repeat;}
.personal,.works{margin:15px 0 0;}

.pendant-top table{width:590px;border:none;}
.pendant-top h2{font-size:1em;margin:0;border-bottom:1px solid #999999;}
.pendant-top p{margin:0;font-size:.8em;}
.pendant-top a img{border:none;}
.pendant-link{}
.pendant-link a{display:block;padding:1px;border:1px solid #CC99FF;}
.pendant-link a:hover{border:1px solid #CC3399;}

/*---------------------------------------------huck */
.subimg:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .subimg {height: 1%;}
/* End hide from IE-mac */


/*---------------------------------------------picup */
body{
    margin:0; 
    padding:10px;
}

img, h1, dd{margin:0;padding:0;}



#binotop{
padding:160px 0 0;height /**/:160px;height: /*ie6*/0;
overflow:hidden;
text-decoration:none;
border:none;
background:url(http://lib.shopping.srv.yimg.jp/lib/loupe/sougankyoutop.jpg) no-repeat 0 0;
}



.category{width:590px;margin:10px;color:#555555;font-size:90%;}
.orange{color:#ff6347;font-weight:bold;font-size:20px;margin:25px 0 0 0;}
.ex{width:590px;margin:2px 0 10px 0;}


.osusume{margin:0 0 10px 0; padding:0; width:590px;overflow:hidden;}

.osusume ul{
padding:10px 0 10px 4px;
margin:0;
list-style:none;
clear:both;
}

.osusume li{
width:180px;
float:left;
font-size:90%;
margin:0 50px 0 0;

}

.osusume p{
     color:#3366FF;
     font-size:16px;
     margin:30px 0 0 0;
}

.a-red {
     display:block;
     color:#FF0000;
     clear:both;
     margin:0;
     padding:0;
}

table.syurui{
    border-top:1px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.syurui th{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    color:#333333;
    background-color:#FFD700;
    text-align:center;
}


.syurui img{
    display:block;
    width:180px;
    margin:0 auto;
}

.syurui td{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    padding:0;
}

.syurui .ex{
    padding:4px;
}

.dai{
    color:#00008B;
     font-weight:bold;
     font-size:19px;
     margin:15px 0 0 0;
}


/* --------------------------------
  bouenkyou
  --------------------------------- */


#topb{
padding:160px 0 0;height /**/:160px;height: /*ie6*/0;
margin-left:10px;
overflow:hidden;
text-decoration:none;
border:none;
background:url(http://lib.shopping.srv.yimg.jp/lib/loupe/bouenkyoutop.jpg) no-repeat 0 0;
}



.category{width:590px;color:#555555;font-size:90%;margin-left:10px;clear:both;}
.orange{color:#ff6347;font-weight:bold;font-size:20px;margin:25px 0 0 0;}
.ex{width:590px; margin:2px 0 5px 0;}



table.koukei{
    border-top:1px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
     padding:0;margin:0;
     width:590px;
}


.star{
     text-align:center;
     vertical-align:middle;
}


.starimg{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    color:#333333;
     width:80px;
     height:80px;
     text-align:center;
}


.telescope{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    color:#333333;
    background-color:#80D8FF;
    text-align:center;
     width:85px;
}


.koukei td{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    padding:0;
}



table.syuruib{
    border-top:1px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.syuruib th{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    color:#333333;
    background-color:#80D8FF;
    text-align:center;
}


.syuruib img{
   display:block;
   width:180px;
   margin:0 auto;
}

.syuruib td{
    border-right:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    padding:0;
}

.syuruib .ex{
    padding:4px;
}



.spec .th,.spec th{background:#004d2d;color:#FFFFFF;font-size:95%;}
.spec td,.spec th{border-bottom:1px solid #666666;border-right:1px solid #666666;}

/* newsページ用など */

.int{font-size:90%;margin:10px 0;padding:10px;background:#eeeeee;}
.holiday {width:830px; margin:0 auto;}

div#news {
     width:550px;
     margin:0 auto;
        line-height:120%;
     color:#222;
        font-size:90%;
     font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
     position:relative;
     overflow:hidden;
     _zoom:1;
}
#news .newst {
width:590px;
color:#002E14;
font-size:120%;
padding:5px 10px;
margin-top:1em;
background:#B8CDC2;}


/*商品ページ下部の「ご注文はこちら」ボタン*/
.crhere{width:320px; margin:50px auto;}

/*_________________________
地震
____________________*/
#jishin .d1 {margin:10px 0px;}
#jishin .space {margin:10px 0px;}
#jishin {line-height: 110%;}
#jishin .nomargin{margin:0;text-align:center;}
#jishin .wak{width:560px;padding:10px;border:none;background:#eee;}
#jishin .spec{width:850px;font-size:120%;}
#jishin .spec th,#spec td{padding:3px;font-size:.9em;vertical-align:middle;}
#jishin .spec th{background:#FFCC33;font-size:.8em;}
#jishin .spec td{background:#FFFFCC;border-bottom:1px dashed #999999;}
#jishin p{margin:10px;}
#jishin #content h2{margin:10px 0 0;font-size:120%;}
#jishin .bg{margin:10px 0;padding:5px 10px;background:#E0FE7A;}
#jishin ul{margin-top:5px;}
#jishin dl dt{font-size:1.2em;font-weight:bold;margin:5px 0;}
#jishin dl dd{font-size:0.9em;margin:5px;}


/*_________________________
敬老の日
____________________*/

#radtop .radtitle,#radtop .radgift a,#radcategory .radtitle,#radcategory a,#radpickup .radtitle,#radc1 .radtitle,.radcmain a,#radc2 .radtitle,#radc3 .radtitle,#radc4 .radtitle{
     overflow:hidden;display:block;text-decoration:none;border:none;
}

#radcategory p{overflow:hidden;_zoom:1;     
}

.right{clear:both;text-align:right;display:block;padding:15px 10px 0 0;}

.radmain{background-color:#FFFFE0;width:800px;text-align:left;margin:0 auto;padding-bottom:20px;}
.radmain li a{display:block;text-align:left;font-size:90%;}
.radmain li img{padding-bottom:5px;}

.radmain p{margin:0;}


#radc1 a,#radc2 a,#radc3 a,#radc4 a{
     color:#005B13;
}

#radc1 a:hover,#radc2 a:hover,#radc3 a:hover,#radc4 a:hover{
     color:#005B13;
     text-decoration:underline;
}


.tokka{color:#DC0000;font-weight:bold;font-size:115%;display:block;padding:3px 0 10px 0;}

#radtop {padding:0 0 25px;}

#radtop,#radtop .radtitle{background:url(http://www.loupe-studio.com/event/rad-2011/img/rad-main.jpg) 0 0 no-repeat;}
#radtop .radtitle{width:800px;padding:105px 0 0;height /**/:105px;height: /*ie6*/0;}

#radtop .radgift a,#radcategory .radtitle,#radcategory a,#radpickup .radtitle,#radc1 .radtitle,#radc2 .radtitle,#radc3 .radtitle,#radc4 .radtitle
{background:url(http://www.loupe-studio.com/event/rad-2011/img/rad-img.png) 0 0 no-repeat;}

#radtop .radgift a{margin:0 0 0 8px;width:440px;padding:110px 0 0;height /**/:110px;height: /*ie6*/0;background-position:0 -303px;}


#radcategory .radtitle{width:800px;padding:28px 0 0;height /**/:28px;height: /*ie6*/0;}

#radcategory a{margin:10px 0 0 20px;padding:130px 0 0;width:176px;height /**/:130px;height: /*ie6*/0;float:left;}

#radcategory .loupe{background-position:0 -413px;}
#radcategory .sunglass{background-position:-176px -413px;}
#radcategory .camera{background-position:-352px -413px;}
#radcategory .glasses{background-position:-528px -413px;}

#radpickup,#radc1,#radc2,#radc3,#radc4{margin-top:6px;overflow:auto;}

#radpickup .radtitle{padding:45px 0 0;width:800px;height /**/:45px;height: /*ie6*/0;background-position:0 -30px;}

#radpickup p{margin-bottom:3px;}

#radpickup .syouhin,#radpickup .osusumeimg{display:block;float:left;margin:10px 10px 0 10px;}

#radpickup .osusumeimg{margin:0 8px 0 0;}

#radpickup .syouhin{border-bottom:1px dashed #00811B; padding-bottom:10px;width:380px;}




#radc1 .radtitle{padding:57px 0 0 0;width:800px;height /**/:57px;height: /*ie6*/0;background-position:0 -75px;}
#radc2 .radtitle{padding:57px 0 0 0;width:800px;height /**/:57px;height: /*ie6*/0;background-position:0 -130px;}
#radc3 .radtitle{padding:57px 0 0 0;width:800px;height /**/:57px;height: /*ie6*/0;background-position:0 -187px;}
#radc4 .radtitle{padding:57px 0 0 0;width:800px;height /**/:57px;height: /*ie6*/0;background-position:0 -244px;}



#radc1 .radcmain{margin:0 0 0 10px;width:400px;float:left;
background:url(http://www.rakuten.ne.jp/gold/loupe-studio/event/rad-2011/img/glasses.jpg) 0 0 no-repeat;}

#radc2 .radcmain{margin:0 0 0 10px;width:400px;float:left;
background:url(http://www.rakuten.ne.jp/gold/loupe-studio/event/rad-2011/img/loupe.jpg) 0 0 no-repeat;}

#radc3 .radcmain{margin:0 0 0 10px;width:400px;float:left;
background:url(http://www.rakuten.ne.jp/gold/loupe-studio/event/rad-2011/img/gm.jpg) 0 0 no-repeat;}

#radc4 .radcmain{margin:0 0 0 10px;width:400px;float:left;
background:url(http://www.rakuten.ne.jp/gold/loupe-studio/event/rad-2011/img/health.jpg) 0 0 no-repeat;}



.radcmain a{width:388px;padding:257px 0 0;height /**/:258px;height: /*ie6*/0;}
.radcu ul{list-style:none;height:257px;padding:0;margin:10px 0 0 0;}
.radcu li{width:120px;float:left;text-align:center;margin:0 10px 10px 0;}

.radcd ul{list-style:none;margin:10px 10px;clear:both;}
.radcd li{width:120px;float:left;text-align:center;margin:0 10px 0 0;}