@charset "utf-8";
@import "/css/droppy.css";
@import "/css/jquery-ui-1.7.2.custom.css";
/* ------------ all ------------ */
*{
  margin: 0;
  padding: 0;
}
img{
  border: none;
}
body {
  margin: 0px;
  padding: 0px;
  font-family:Arial,"宋体",Microsoft YaHei,Simsun,MS Song,MS Mincho, sans-serif;
  line-height:1.3;
  background: url(/images/bg.jpg) repeat;
  color: #333333;
}
p {
  font-size: 0.9em;
}
a:link {
  color: #fc2a80;
  text-decoration: none;
}
a:visited {
  color: #fc2a80;
  text-decoration: none;
}
a:hover{
  color: #fc2a80;
  text-decoration: underline;
}
td a span:hover{
  text-decoration: underline;
}/*firefox need--yu*/
td li a span:hover{
  text-decoration: none;
}
ul {
  padding: 0;
  margin:0;
}
li {
  font-size: 0.8em;
  color: #666666;
  list-style-type: none;
  padding:5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cbcbcb;
}

#all {
  width:950px;
  background-color: #ffffff;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

/* ------------ header ------------ */
#headline {
  width:950px;
  height:5px;
  background-color: #ee117e;
}
#header {
  width:950px;
  height:89px;
  background-color: #FFFFFF;
  border-top:#ee117e solid 5px;
}
#header_navi {
  padding-top: 20px;
  padding-right:40px;
  float:right;
  line-height:1.3;
  letter-spacing:0.01em
}
#navi_home{
  display:block;
  position:relative;
  float:left; 
  width:49px;
  height:48px;
  background:#2d2d2d url(../images/navi_home.gif) left top no-repeat;
}
#navi_home:hover{
  background:#e42d85 url(../images/navi_home_o.gif) left top no-repeat;
}
#navi_beginner{
  display:block;
  position:relative;
  float:left; 
  width:158px;
  height:38px;
  text-decoration:none;
  background:#2d2d2d url(../images/navi_new.png) left top no-repeat;
  padding-top:10px;

}
#navi_beginner:hover{
  background:#e42d85 url(../images/navi_o_new.png) left top no-repeat;
}
#navi_inquiry{
  display:block;
  position:relative;
  float:left; 
  width:158px;
  height:38px;
  text-decoration:none;
  background:#2d2d2d url(../images/navi_new.png) left top no-repeat;
  padding-top:10px;
}
#navi_inquiry:hover{
  background:#e42d85 url(../images/navi_o_new.png) left top no-repeat;
}
#navi_mail{
  display:block;
  position:relative;
  float:left; 
  width:157px;
  height:38px;
  text-decoration:none;
  background:#e42d85 url(../images/navi_o_new.png) left top no-repeat;
  padding-top:10px;
}
#navi_mail:hover{
  background:#2d2d2d url(../images/navi_new.png) left top no-repeat;
}
span.navi_big{
  font-size:14px;
  margin-left:42px;
  color:#FFF;
}
span.navi_big:hover{
  text-decoration:none;
  }
span.navi_small{
  font-size:11px;
  margin-left:42px;
  color:#DDD;
}
span.navi_small:hover{
  text-decoration:none;
  }
/* ------------ contents ------------ */
#main {
  width:950px;
  background-color: #FFFFFF;
}
.contents {
  width:870px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.black_weave{
  background:url(../images/black_weave.gif) repeat-x;
  height:25px;
  font-size:14px;
  color:#FFF;
  padding-left:8px;
  line-height:1.8;

}
.red_weave{
  background:url(../images/red_weave.gif) repeat-x;
  height:25px;
  font-size:14px;
  color:#FFF;
  padding-left:8px;
  line-height:1.8;

}
/* ------------ left ------------ */
.index_left {
  width:600px;
  float:left;
}
.top_about {
  width:600px;
  height:112px;
  background-image: url(../images/top_about_bg.gif);
  background-repeat: no-repeat;
  margin-bottom: 10px;
}  
.top_about_txt {
  font-size: 12px;
  line-height: 1.4;
  color: #666666;
  padding-top: 45px;
  padding-left: 20px;
}
.news_area {
  background-color: #FFFFFF;
  width: 558px;
}
.news_area_1 {
  background-color: #FFFFFF;
  width: 280px;
}

.new_waku {
  background-color: #ededed;
  width: 558px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #bcbcbc;
  border-bottom-color: #bcbcbc;
  border-left-color: #bcbcbc;
  margin-bottom: 10px;
}
.new_waku_1{
  width: 280px;
  background-color: #ededed;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #bcbcbc;
  border-bottom-color: #bcbcbc;
  border-left-color: #bcbcbc;
  margin-bottom: 10px;
}
p.new_waku_align{
padding:5px 0 0 25px;}
.new_tbl {
  width: 558px;
}
.new_td01 {
  width:147px;
}
.old_td01 {
  width:147px;
}
.new_td02 {
  width:117px;
}
.old_td02 {
  width:117px;
}
.new_td03 {
  padding-top:5px;
  font-size:10px;
  color:#ee117e;
}
.new_td04 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.new_td05 {
  padding-top:5px;
  padding-bottom:15px;
  font-size:10px;
  color:#ee117e;
}
.new_span05 {
  display:block;
  padding-top:5px;
  padding-bottom:15px;
  font-size:10px;
  color:#ee117e;
}
.old_span05 {
  display:block;
  padding-top:5px;
  padding-bottom:15px;
  font-size:10px;
  color:#ee117e;
}
.new_td06 {
  width:210px;
}
.new_td07 {
  width:93px;
}
.new_td08 {
  width:68px;
}
.new_td09 {
  width:116px;
  text-align: right;
}
.new_td10 {
  padding-top:5px;
  padding-bottom:17px;
  padding-left:30px;
  font-size:10px;
  color:#ee117e;
}
.new_td11 {
  padding-top:5px;
  font-size:10px;
  color:#ee117e;
}
.face_td01 {
  width: 55px;
  text-align: left;
  padding-bottom: 10px;
}
.face02 {
  background-image: url(../images/face_bg.gif);
  background-repeat: no-repeat;
  height: 51px;
  width: 224px;
  padding-bottom: 10px;
}
.face_date {
  font-size: 12px;
  font-weight: bold;
  color: #fc92c3;
  padding-top: 5px;
  padding-left: 5px;
}
.face_name {
  font-size: 12px;
  color: #d70063;
  padding-top: 5px;
  padding-left: 5px;
}
.face_comment {
  font-size: 12px;
  color: #383838;
  padding-top: 5px;
  padding-left: 5px;
}
p.img_info{
  position:absolute; 
  top:300px; 
  left:0; 
  background-color:#000; 
  padding:8px 0px; 
  font-size:18px; 
  color: #F93; 
  width:260px; 
  text-align:center;
  font-family:"微软雅黑", serif;
  }
p.img_info2{
  position:absolute; 
  top:150px; 
  left:0; 
  background-color:#000; 
  padding:8px 0px; 
  font-size:20px; 
  color: #F93; 
  width:260px; 
  text-align:center
  }
p.img_info3{
  position:absolute; 
  top:0px; 
  left:0; 
  padding:8px 0px 8px 12px; 
  font-size:18px; 
  color: #fff;
  font-weight:500;
  width:375px; 
  font-family:"微软雅黑", serif;
  display:none;
}
div.img_info4{
  position:absolute; 
  bottom:0; 
  left:0; 
  background-color:#000; 
  width:375px; 
  height:40px;
  display:none;
}
div#brandtags{
  padding:0 5px 10px 5px;
  }
div#brandtags span{
  padding:0 0 5px 0px ;
  
  }
div#brandtags span a{
  
  background-color:#FFF;
  display: inline-block;
  padding:0 5px;
  font-family:Arial, Helvetica, sans-serif;
  }
div#brandtags span a.tagc1{
  font-size:12px;
  color: #9AB8E8;
  }
div#brandtags span a.tagc2{
  font-size:16px;
  font-weight:400;
  color: #7397D1;
  }
div#brandtags span a.tagc3{
  font-size:20px;
  font-weight:500;
  color: #5182D1;
  }
div#brandtags span a.tagc4{
  font-size:24px;
  color:#1E51A2;
  }
div#brandtags span a:hover{
  text-decoration:none;
  color:#FFF;
  background-color:#1e50a2;
  }
/* ------------ right ------------ */
.index_right {
  width:260px;
  float:right;
}
.right_waku {
  background-color: #ededed;
  width: 238px;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #bcbcbc;
  border-bottom-color: #bcbcbc;
  border-left-color: #bcbcbc;
  margin-bottom: 10px;
}
.right_mag {
  margin-top:10px;
}
.right_mail {
  background-image: url(../images/mailmaga_bg.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  height: 87px;
  width: 260px;
}
.right_mailbt {
  padding-top: 57px;
  padding-left: 100px;
}
#magzinelink{
  font-size:12px;
  text-decoration:none;
}
#magzinelink:hover{
  color:#606060;
}
.right_title_link:link{
  color:#FFF;
  text-decoration:none;
}
.right_title_link:visited{
  color:#FFF;
  text-decoration:none;
}
.right_title_link:hover{
  color:#FFF;
  text-decoration:underline;
}



/* ------------ footer ------------ */
#footline {
  width:950px;
  background-color: #ee117e;
  
}
#footer {
  width:950px;
  height:51px;
  background: #FFFFFF url(../images/foot_bg.jpg) bottom repeat-x ;
  border-top:#ee117e solid 2px;
}
.foot_area {
  width:870px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}
.foot_left {
  float:left;
  font-size:12px;
  text-align:center;

}
.foot_left a{
  display:block;
  float:left;
  width:60px;
  height:20px;
  text-decoration:none;
  background:url(../images/footnavi_new.gif) left top no-repeat;
  padding-top:3px;
}
.foot_left a:hover{
  color:#F9C;
  
}
#footnavi_home{
  background:url(../images/footnavi_home_new.gif) left top no-repeat;
  width:61px;
}
.foot_right {
  float:right;
  padding-top:8px;
}
#footer_under{
  text-align:center;
  font-size:10px;
}
#footer_under a{
  color:#898989;
  text-decoration:none;
}
#pagetop_down{
  display:block;
  float:left;
  width:127px;
  height:26px;
  text-decoration:none;
  background:url(../images/totop.gif) left top no-repeat;
}
#pagetop_down:hover{
  background:url(../images/totop_o.gif) left top no-repeat;
}

/* ------------ decoration ------------ */
.float_left {
  float:left;
}
.txt_bold {
  font-weight: bold;
}

.txt_pink_bold {
  font-weight: bold;
  color: #db027b;
}
.txt_pink_bold2 {
  line-height: 2;
  font-weight: bold;
  color: #ee517d;
}

.mag_bottom5 {
  margin-bottom: 5px;
}
.mag_right11 {
  margin-right: 11px;
}
.mag_top10 {
  margin-top: 10px;
}
.imghover {
  margin: 0px;
  padding: 0px;
}
a:hover img.imghover, a:hover img.bana_mag, a:hover img.bana, a:hover img.mag_right11 {
   opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
   -ms-filter: "alpha(opacity=70)"; /* IE 8 */
   filter: alpha(opacity=70);       /* IE 4-7 */
}
#headerFlash{
  background-image: url(../images/bg.jpg);
  background-repeat: repeat;
  height:150px;
  width:950px;
}


/* ------------ news ------------ */
a.news {
    display:block;
    width:150px;
    height:112px;
    text-align:center;
    border:solid 1px #dddddd;
}
a.news:hover {
    border:solid 1px #ff0066;
}