@charset "UTF-8";
@import url(http://www.ifqd.com/css/base.css);

/* Site Top Page Styles CSS (styles-index.css) */


/*** HEADER ***/

#header{
  width:100%;
  background-color:#B3B3B3;
  }

h1{
  color:#fff;
  width:960px;
  font-size: 10px;
  font-weight:normal;
  line-height:150%;
  margin:0 auto;
  padding:10px 0;
  }

#topSubNav {
  background-color:#8db826;
  height:20px;
  overflow:hidden;
  }

#kore {
  width:950px;
  display:block;
  margin:0 auto;
  text-align:left;
  padding-top:4px;
  }

#topSubNav ul{
  width:385px;
  float:right;
  text-align:left;
  }

#topSubNav li{
  float:left;
  margin-right:15px;
  }

#topSubNav li a {
  display:block;
  width:68px;
  height:12px;
  text-indent:-9999em;
  background-position:left top;
  background-repeat: no-repeat;
  }

#topSubNav li a:hover{background-position:left -12px;}


#topSubNav .tsn00 a{background-image: url(http://www.ifqd.com/imgs/top_navi-members.gif);}

#topSubNav .tsn01 a{background-image: url(http://www.ifqd.com/imgs/top_navi-concept.gif);}

#topSubNav .tsn02, #topSubNav .tsn02 a{width:70px;}
#topSubNav .tsn02 a{background-image: url(http://www.ifqd.com/imgs/top_navi-company.gif);}

#topSubNav .tsn03, #topSubNav .tsn03 a{width:60px;}
#topSubNav .tsn03 a{background-image: url(http://www.ifqd.com/imgs/top_navi-recruit.gif);}

#topSubNav .tsn04, #topSubNav .tsn04 a{width:59px;}
#topSubNav .tsn04{margin-right:0;}
#topSubNav .tsn04 a{background-image: url(http://www.ifqd.com/imgs/top_navi-contact.gif);}



/*** CONTAINER ***/


#container {
  width: 965px;
  margin:0 auto;
  overflow:hidden;
  }



/** MAIN **/

#main{
  float:left;
  width:795px;
  overflow:hidden;
  }

#main .banner{
  float:left;
  width:195px;
  height:60px;
  padding-right:5px;
  padding-bottom:5px;
  overflow:hidden;
  }

#main .banner a:hover img, 
#main .newsBox:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
  }

#main .newsBox{
  width:795px;
  height:55px;
  padding-bottom:5px;
  background:url(http://www.ifqd.com/imgs/news_back.jpg) no-repeat 0 0;
  overflow:hidden;
  }

#main .newsBox a{
  display:block;
  text-decoration:none;
  width:125px;
  height:21px;
  color:#fff;
  font-size:13px;
  font-weight:normal;
  text-align:left;
  letter-spacing:1px;
  line-height:21px;
  padding:19px 5px 15px 665px;
  overflow:hidden;
  }

#main .newsBox span{
  padding-left:2px;
  }



#main .contents{
  float:left;
  width:195px;
  height:737px;
  padding-right:5px;
  overflow:hidden;
  }

#main .none{
  display:none;
  width:0;
  height:0;
  }


#main .boxB, #main .boxS{
  width:175px;
  font-size:10px;
  margin-bottom:5px;
  padding:9px;
  background:#fff;
  border:1px solid #ccc;
  overflow:hidden;
  }

#main .boxB:hover, #main .boxS:hover{
  background:#efefef;
  }

#main .boxB{height:230px;}
#main .boxS{height:200px;}

#main .boxB img, #main .boxS img{margin-bottom:5px;}

#main .topImage{
  width:175px;
  height:110px;
  margin-bottom:5px;
  text-indent:-100000px;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
  }

#main .contents h3{
  font-size:11px;
  font-weight:bold;
  line-height:18px;
  padding-bottom:5px;
  }

#main .contents h3 span{width:18px;height:18px;padding-right:5px;}
#main .point9, #main .rakuten{color:#BF0000;}
#main .flyer{color:#231815;}
#main .category, #main .point5, #main .point7, #main .point8{color:#73BA24;}
#main .blog, #main .point1, #main .point2, #main .point4, #main .point6{color:#408EC8;}


#main .boxBody{
  line-height:12px;
  padding-bottom:10px;
  }

#main .boxBody, 
#main .boxImageBody{overflow:hidden;}

#main .boxB .boxBody{height:48px;}
#main .boxS .boxBody{height:24px;}

#main .boxB .boxImageBody{height:200px;}
#main .boxS .boxImageBody{height:170px;}


#main .contents .days{
  color:#E60F1B;
  font-weight:bold;
  padding-bottom:2px;
  }

#main .contents .writtenby{
  font-weight:bold;
  }


/* BannerList */

#bannerList{
  width:795px;
  height:88px;
  padding:15px 0 7px;
  overflow:hidden;
  clear:both;
  }

#bannerList .gift, #bannerList .gift a, 
#bannerList .bridal, #bannerList .bridal a{
  width:395px;
  height:88px;
  }

#bannerList a{
  display:block;
  }

#bannerList .gift, #bannerList .bridal{
  text-indent:-100000px;
  overflow:hidden;
  }

#bannerList .gift{float:left;background:url(http://www.ifqd.com/imgs/banner-gift.jpg) no-repeat 0 0;}
#bannerList .bridal{float:right;background:url(http://www.ifqd.com/imgs/banner-bridal.jpg) no-repeat 0 0;}


#bannerList a:hover{
  background:#fff;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
  }




/* Link Station */

#LinkStation{
  width:786px;
  height:285px;
  text-align:left;
  padding:0 5px 0 4px;
  background: url(http://www.ifqd.com/imgs/linkstation-back.jpg) no-repeat 0 0;
  clear:both;
  overflow:hidden;
  }

#LinkStation h3{
  width:795px;
  height:28px;
  text-indent:-1000000px;
  overflow:hidden;
  }

#LinkStation a{display:block;}

#LinkStation .links, #LinkStation .etc{
  text-indent:-1000000px;
  overflow:hidden;
  }

#LinkStation .links, #LinkStation .links a{
  width:393px;
  height:65px;
  }

#LinkStation .links{float:left;}

#LinkStation .etc, #LinkStation .etc a{
  width:795px;
  height:65px;
  clear:both;
  }

#LinkStation a:hover{
background:#fff;
  filter: alpha(opacity=10);
  -moz-opacity:0.1;
  opacity:0.1;
  }