@charset "utf-8";

/* --------------------------------
concept.css
-------------------------------- */
#message2004 a {background: url(../img/message_img01_o.jpg) no-repeat 0 0;}
#message2007 a {background: url(../img/message_img02_o.jpg) no-repeat 0 0;}
#messageLink a {display: block;}
* html #messageLink a:hover {background-color: #fff;}
#messageLink a:hover img {visibility:hidden;}

.view {display: none;}
#view1 {display: block;}

.view .read {float: right;width: 579px;padding-top: 10px;}
.viewNav {color: #CCC;}
.viewNav img {vertical-align: middle;}
.viewNav a {color: #191919;font-weight: bold;text-decoration: none;}
.viewNav span {color: #666;font-weight: bold;}
.viewNav a:hover, .viewNav a:active {color: #7f0019;}
.tab {float: left;width: 283px;}
.tab ul {margin-top: 13px;padding: 0 21px 13px 3px;border: 3px solid #666;}
.tab li {float: right;padding:10px 0 0 22px;}

#area01{background: url(/ie/concept/img/area01img.gif) no-repeat 284px 84px;}

.view1 a {background: url(../img/pov_menu01_o.gif) no-repeat 0 0;}
.view2 a {background: url(../img/pov_menu02_o.gif) no-repeat 0 0;}
.view3 a {background: url(../img/pov_menu03_o.gif) no-repeat 0 0;}
.view4 a {background: url(../img/pov_menu04_o.gif) no-repeat 0 0;}
.view5 a {background: url(../img/pov_menu05_o.gif) no-repeat 0 0;}
.view6 a {background: url(../img/pov_menu06_o.gif) no-repeat 0 0;}

.tab li a {display: block;}
* html .tab li a:hover {background-color: #fff;}
.tab li a:hover img {visibility:hidden;}

/* --------------------------------
clearfix
-------------------------------- */
.tab ul:after, .view:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
* html .tab ul,
* html .view{height:1%;}
.tab ul, .view{zoom:1;}



@media screen and (max-width: 767px) {	
.view .read {
  float: none;
  width: 100%;
  padding-top: 10px;
}

.tab {
  float: none;
  width: 100%;
}

.view .read {
  float: none;
  width: 100%;
  padding-top: 10px;
}
/**/

}