@charset "utf-8";
/* CMS Template */

/* contents==========================

0.common
1.side navi
3.category top
4.common parts
5.particular case

*/

/* 0.common ==============================================*/
#in_page_left h2 a:hover img,
#in_page_left dd a:hover img,
#in_page_left a:hover img.in_left_banner{
opacity:0.7;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
background: #fff;
}
.pannavi {
margin: 0 0 14px 0;
font-size: 77%;
color: #929A0B;
}


a:link{
color: #5E5E5E;
text-decoration: underline;
}
a:visited{
color: #5E5E5E;
text-decoration: underline;
}
.pannavi a:hover {
text-decoration: none;
}

.pannavi span {
color: #5E5E5E;
}

#in_page_left {
float: left;
width: 223px;
display:inline;
}
#in_page_right {
font-size: 93%;
line-height: 1.5;
color: #555;
float: right;
width: 707px;
display:inline;
_overflow: hidden;
}

#in_page_right h1,
#in_page_right .jjpg {
margin-bottom: 30px;
}
 
#in_page_right a:link{
    color:#3D74B1;
}
#in_page_right a:visited{
    color:#3D74B1;
}
#in_page_right a:hover{
    color:#188cdd;
text-decoration:underline;
}
p.txtCaution{
font-size:11px;
}

/* 1.side navi ==============================================*/

/* Left nav */
#in_page_left ul.sideNav li{
font-weight:bold;
}
#in_page_left ul.sideNav a{
text-decoration:none !important;
}
#in_page_left ul.sideNav a:link{
    color:#7E7D6B;
text-decoration:none;
}
#in_page_left ul.sideNav a:visited{
    color:#7E7D6B;
text-decoration:underline;
}
#in_page_left ul.sideNav a:hover{
    color:#15bc4d;
text-decoration:none;
color:#2477B1;
}
#in_page_left ul.sideNav{
width:222px;
margin:7px 0 17px 0;
font-size:93%;/* 12px */
}

#in_page_left ul.sideNav li{
background:url(../img/bg_snavi_off.png) no-repeat;
display:block;
margin:0 0 4px 0;
border-bottom:1px solid #E6E6DA;
color:#7E7D6B !important;
zoom: 1;
}
#in_page_left ul.sideNav li.linkNon{
background:url(../img/bg_snavi_off2.png) no-repeat;
font-weight:bold;
}
#in_page_left ul.sideNav li a {
display:block;
width:222px;
}
* html #in_page_left ul.sideNav li a {
width:222px;/* IE6 */
}
#in_page_left ul.sideNav li a:hover{
display:block;
background:url(../img/bg_snavi_on.png) no-repeat top left;
}
#in_page_left ul.sideNav li span {
display:block;
padding:10px 0 7px 28px;
}
* html #in_page_left ul.sideNav li span{/* IE6 */
width:218px;
cursor: pointer;
}
*+html #in_page_left ul.sideNav li span{/* IE7 */
cursor: pointer;
}
#in_page_left ul.sideNav li.nolink a:hover{
text-decoration:none !important;
}
#in_page_left ul.sideNav li.active a span{
background:url(../img/bg_snavi_on.png) no-repeat top left;
display:block;
}
#in_page_left ul.sideNav li.active li a span {
background:none;
}
#in_page_left ul.sideNav li li.active a span {
background: none;
width: auto;
}

/* Left nav_s */
#in_page_left ul.sideNav li ul{
width:100%;
padding:10px 0 0 0;
border-top: 1px solid #E5E6D9;
}
#in_page_left ul.sideNav li ul li{
background:none;
display:block;
background:url(../img/bg_snavi2_off.png) no-repeat top left;
border-bottom:none !important;
font-weight:normal;
color:#5E5D5D;
}
#in_page_left ul.sideNav li.lineupList{
margin-top:8px !important;
}
#in_page_left ul.sideNav li ul li a{
display:block;
width:222px;
}
#in_page_left ul.sideNav li ul li a:link{
    color:#5E5D5D;
text-decoration:none;
}
#in_page_left ul.sideNav li ul li a:visited{
    color:#5E5D5D;
text-decoration:underline;
}
* html #in_page_left ul.sideNav li ul li a{
width:222px;/* IE6 */
}
#in_page_left ul.sideNav li ul li a:hover,
#in_page_left ul.sideNav li ul li.active a{
display:block;
background:url(../img/bg_snavi2_on.png) no-repeat top left;
}
#in_page_left ul.sideNav li ul li span{
width:189px;
display:block;
padding:6px 0 3px 33px;
}
#in_page_left ul.sideNav li ul li.active a{
display:block;
padding:0 0 0 10px;
}
* html #in_page_left ul.sideNav li ul li span{
width:222px;/* IE6 */
}
#in_page_left ul.sideNav li ul li ol li {
background:none;
display:block;
padding: 0;


margin: 0;
zoom: 1;
}
#in_page_left ul.sideNav li ul li ol li a,
#in_page_left ul.sideNav li ul li ol li.active a {
background: none !important;
display:block;
width: auto;
padding: 0 1px 0 29px;
}
#in_page_left ul.sideNav li ul li.active ol li a{
padding: 0 1px 0 29px !important;
}


#in_page_left ul.sideNav li ul li ol li a span {
background: url(/common/img/bg_snavi3_off.gif) no-repeat 4px center!important;
display:block;
width: auto;
padding: 5px 0 3px 16px;
}
#in_page_left ul.sideNav li ul li ol li a:hover span,
#in_page_left ul.sideNav li ul li ol li.active a span {
background: #F8F8F8 url(/common/img/bg_snavi3_on.gif) no-repeat 4px center!important;
}
#in_page_left dl img {
margin-bottom: 2px;
}

#in_page_left .in_left_banner {
margin-top: 7px;
}

/* 3.category top ==============================================*/

.cateBlock {
margin-right: -19px;
width: 969px;
}
.cateBox {
width: 304px;
float: left;
margin: 0 19px 30px 0;
_display: inline;
}
.cateBox h2 {
border: solid 1px #E6E6DA;
padding: 5px 0;
margin-bottom: 2px;
}
.cateBox ul {
background: #F9F9F9;
padding: 10px 15px 0;
_padding: 10px 15px;
margin-top: 1px;
overflow: hidden;
_zoom: 1;
}
.cateBox ul li {
width: 137px;
display: block;
float: left;
padding-bottom: 5px;
}
.cateBox ul li img{
vertical-align:middle;
margin-left:5px;
}
.cateBox ul li strong {
background: #F9F9F9 url(/common/img/foot_arrow01.gif) no-repeat 0 2px;
padding-left: 9px;
margin-left: -9px;
zoom: 1;
cursor:pointer !important;
}
.cateBox ul li strong a{
cursor:pointer !important;
}
.cateBox ul li ul {
background: none;
padding: 5px 0 0 5px;
margin: 0;
}
.cateBox ul li ul li {
width: auto;
float: none;
padding-bottom: 3px;
_zoom: 1;
}
.cateBox ul li ul.slide {
overflow: hidden;
zoom: 1;
}
.cateBox ul li ul.slide li {
float: left;
margin-right: 15px;
}
.cateBox ul li.line1Txt {
width: 274px;
float: none;
clear: left;
padding-bottom: 3px;
}
.cateBox ul li.noteTxt {
color: #A84555;
width: 254px;
float: none;
clear: left;
padding-top: 10px;
}
.cateBox ul a {
color: #807D6C;
background: url(/common/img/arrow_01.gif) no-repeat 0 4px;
padding-left: 9px;
display: block;
}
.infoBlock {
padding: 0 15px 30px;
}
.newsList {
margin: -12px 0 0 0;
}
.newsList li {/*
background: url(/common/img/arrow.gif) no-repeat 0 0.8em;*/
padding: 6px 0 6px 22px;
border-bottom: dotted 1px #4B4B4B;
overflow: hidden;
zoom: 1;
}
#showroomNews .newsList li {
background: url(/common/img/arrow.gif) no-repeat 0 0.8em;
}
.newsList li a {
display: block;
margin: -1.5em 0 0 9em;
}
.relatedBox {
border-top: 2px solid #E9E9E9;
padding: 20px 0;
margin-top: -1px;
}
.relatedBox h3 {
margin-left: 15px;
}
.relatedBox dl {
display: inline;
float: left;
width: 336px;
margin-left: 15px;
margin-bottom: 10px;
border: solid 1px #E6E6DA;
overflow: hidden;
zoom: 1;
}
.relatedBox dl dt {
padding: 5px 0;
border-bottom: solid 1px #E6E6DA;
}
.relatedBox dl dd {
padding: 12px;
overflow: hidden;
zoom: 1;
}
.relatedBox dl dd img.fl {
margin-right: 20px;
}
.relatedBox dl.bl-hover {
border-color: #AAA;
cursor: pointer;
background-color: #FCFCFC;
color: #999!important;
}
.linkBlock1 {
padding: 20px 0 20px;
margin-right: -11px;
display: block;
_width: 718px;
}
.linkBlock1 li {
float: left;
padding: 0 11px 10px 0;
}
.linkBlock2 {
padding: 20px 0 30px;
margin-right: -65px;
display: block;
_width: 772px;
}
.linkBlock2 li {
float: left;
padding: 0 65px 10px 0;
}
.linkBlock2 li a span {
display: block;
font-weight: bold;
color: #555;
padding-bottom: 5px;
}
.linkBlock2 li a:hover span {
color: #188CDD;
}
.linkBlock3 li {
float: left;
padding: 20px 7px 30px 0;
}

#boxLink {
padding: 20px 0 20px;
margin-right: -11px;
display: block;
_width: 718px;
}
#boxLink dl {
float: left;
margin: 0 11px 10px 0;
padding: 10px;
display: block;
border: solid 1px #DDD;
width: 206px;
_width: 226px;
overflow: hidden;
zoom: 1;
}
#boxLink dl dt {
font-weight: bold;
font-size: 14px;
line-height: 18px;
padding: 3px 0 3px 10px;
border-left: solid 4px #B7D21D;
}
#boxLink dl dt a {
color: #555!important;
}
#boxLink dl dd {
line-height: 1.3;
padding: 10px 0 0 0;
}
#boxLink dl dd img {
float: left;
margin-right: 10px;
}
#boxLink dl dd img.noFl {
float: none;
margin: 0 0 10px 0;
}
#boxLink dl.bl-hover {
border-color: #AAA;
cursor: pointer;
background-color: #FCFCFC;
color: #999!important;
}
#boxLink dl.bl-hover dt a {
text-decoration: none;
color: #999!important;
}
.attentionArea{
margin:0 auto;
padding:10px 0;
background: #F9F9F9;
}
.attentionArea ul{
background:#FFF;
margin: 0px 7px 0 !important;
padding:8px !important;
}



/* 4.common parts ==============================================*/

/* -- anchor link --*/
.anchor {
margin: 20px 25px;
display: block;
}
.anchor li {
padding: 5px 0;
}
.anchor li a:link {
color: #2477B1;
background: url(/common/img/arrow_02.gif) no-repeat left center;
padding-left: 17px;
}
.anchor li.fl {
margin-right: 30px;
}
.inlineLink {
overflow: hidden;
zoom: 1;
margin-bottom: 18px;
}
.inlineLink li {
line-height: 1;
float: left;
padding: 0 0.5em;
margin-left: -1px;
border-left: solid 1px #333;
}

/* -- list --*/
ul.circle li {
background: url(/common/img/icon_circle.gif) no-repeat 0 2px;
padding-left: 17px;
}
ul.nmlList li {
list-style: url(/common/img/dot.gif) outside;
margin-left: 20px;
}
ul.indnList li{
margin-left: 1em;
text-indent: -1em;
line-height: 1.5;
}

/* -- table --*/
.cmnTbl {
font-size: inherit;
margin-bottom: 30px;
border-collapse: collapse;
border-spacing: 0;
}
.cmnTbl th,
.cmnTbl td {
padding: 10px;
border: solid 1px #CCC;
vertical-align: middle;
text-align: left;
font-weight: normal;
}
.cmnTbl th {
background: #EEE;
}
.cmnTbl td.ac {
text-align: center;
}

/* -- link --*/
a.arrow {
background: url(/common/img/bg_snavi_off.png) no-repeat -12px -8px;
padding-left: 13px;
}
a.arrow2 {
background: url(/common/img/arrow.gif) no-repeat 0 center!important;
padding-left: 20px;
}
a.pdf {
background: url(/common/img/icon_pdf.gif) no-repeat 0 0;
padding-left: 20px;
display: block;
}
a.blank {
background: url(/common/img/icon_blank.gif) no-repeat 0 center;
padding-left: 22px;
display: block;
}
a.dxf {
background: url(/common/img/icon_dxf.gif) no-repeat 0 0;
padding-left: 22px;
display: block;
}
a.zip {
background: url(/common/img/icon_zip.gif) no-repeat 2px 0.2em;
padding-left: 22px;
display: block;
}

/* -- title --*/
.boxTitle {
padding: 3px 7px;
border: solid 1px #E6E6DA;
position:relative;
}
.lineTitle {
font-size: 117%;
font-weight: bold;
padding: 2px 0 2px 8px;
margin-bottom: 17px;
border-left: solid 4px #B7D21D;
}
span.lineTitle {
display: inline-block;
margin: 2px 0;
}
.lineTitleR {
color: #4EA2F0;
font-size: 117%;
font-weight: bold;
padding: 2px 0 2px 8px;
margin-bottom: 17px;
border-left: solid 4px #C75353;
}
.lineTitle span {
font-size: 115%;
padding-right: 35px;
}
.lineTitle em {
font-size: 86%;
font-style: normal;
font-weight: normal;
}
.middleTitle {
margin: -1px 0 0 0!important;
background: #FFF;
padding: 15px 0;
}
.titleIcon {
vertical-align: bottom;
margin-left: 5px;
}
.bgTitle {
font-size: 16px;
line-height: 18px;
font-weight: bold;
color: #323232;
background: #F4F4F2 url(/common/img/bg_title.gif) repeat-x;
padding: 13px 18px;
border-top: 2px solid #97947C;
border-bottom: 1px solid #F1F1E8;
display: block;
clear: both;
}


.boxTitle .ico_01{
position:absolute;
top:3px;
right:5px;
}
/* -- block --*/
.inWrap20 {
padding: 30px 20px;
}
.inWrap25 {
padding: 30px 25px;
}
.inWrap30 {
padding: 30px;
}
.leadTxt {
text-align: center;
height: 70px;
}
.floatTxt {
overflow: auto;
}
.cfBox {
overflow: hidden;
zoom: 1;
}

/* -- other --*/
p.note {
color: #A84555;
font-size: 92%;
}
.contactError {
clear:both;
color:#E00000;
display:none;
padding:5px 0 0;
}
.clr { clear: both!important; }

.disblock{ display: block!important;}
.disnone{ display: none!important;}
.noBd { border: none!important; }
.bdB { border-bottom: solid 1px #CCC!important; }
.noFlow { overflow:auto!important; }

.fxs { font-size: 85%!important; }
.fs { font-size: 92%!important; }
.fb { font-weight: bold!important; }
.fn { font-weight: normal!important; }
.f100 { font-size: 100%!important; }
.f110 { font-size: 110%!important; }
.f120 { font-size: 120%!important; }
.cBlu { color: #3E91C3!important; }
.cGre { color: #71AD2F!important; }
.cOre { color: #E98126!important; }
.cRed { color: #E00000!important;}
.cBlue { color: #003691!important; }

.verticalMdl { vertical-align:text-top !important;}

sub{
	margin:0 2px;
}

/* 5.particular case ==============================================*/

.mt-1 { margin-top: -1px!important; }
.mt-15{ margin-top: -15px!important; }
.mt-30 { margin-top: -30px!important; }
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb120 { margin-bottom: 120px!important; }
.mb170 { margin-bottom: 170px!important; }
.mr0 { margin-right: 0!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr13 { margin-right: 13px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr50 { margin-right: 50px!important; }
.mr55 { margin-right: 55px!important; }
.mr60 { margin-right: 60px!important; }
.ml0 { margin-left: 0!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml60 { margin-left: 60px!important; }
.ml-20 { margin-left: -20px!important; }
.pr40 { padding-right: 40px!important; }
.pt0 { padding-top: 0!important; }
.pt10 { padding-top: 10px!important; }
.pt12 { padding-top: 12px!important; }
.pt15 { padding-top: 15px!important; }
.pl0 { padding-left: 0!important; }
.pl30 { padding-left: 30px!important; }
.pr0 { padding-right: 0!important; }
.pb0 { padding-bottom: 0!important; }
.pb10 { padding-bottom: 10px!important; }
.pb12 { padding-bottom: 12px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb30 { padding-bottom: 30px!important; }

.w95 { width: 95px!important; }
.w102 { width: 102px!important; }
.w110 { width: 110px!important; }
.w137 { width: 137px!important; }
.w145 { width: 145px!important; }
.w159 { width: 159px!important; }
.w168 { width: 168px!important; }
.w170 { width: 170px!important; }
.w187 { width: 187px!important; }
.w191 { width: 191px!important; }
.w207 { width: 207px!important; }
.w213 { width: 213px!important; }
.w215 { width: 215px!important; }
.w225 { width: 225px!important; }
.w230 { width: 230px!important; }
.w241 { width: 241px!important; }
.w245 { width: 245px!important; }
.w250 { width: 250px!important; }
.w280 { width: 280px!important; }
.w300 { width: 300px!important; }
.w310 { width: 310px!important; }
.w315 { width: 315px!important; }
.w320 { width: 320px!important; }
.w325 { width: 325px!important; }
.w330 { width: 330px!important; }
.w340 { width: 340px!important; }
.w350 { width: 350px!important; }
.w360 { width: 360px!important; }
.w365 { width: 365px!important; }
.w370 { width: 370px!important; }
.w380 { width: 380px!important; }
.w390 { width: 390px!important; }
.w400 { width: 400px!important; }
.w420 { width: 420px!important; }
.w450 { width: 450px!important; }
.w470 { width: 470px!important; }
.w485 { width: 485px!important; }
.w500 { width: 500px!important; }
.w520 { width: 520px!important; }
.w650 { width: 650px!important; }
.w687 { width: 687px!important; }

.spOnly{
display:none;
}
        
.txt_c{
text-align:center;
}


.redBox {
  border: 1px solid #E86A6B;
  margin-bottom: 20px;
  padding: 10px;
}
.bizbox{
  border: 2px solid #E86A6B;
  margin-bottom: 30px;
  padding: 20px;
}
.bizbox dt{
  font-size: 150%;
  font-weight: bold;
  color: #E86A6B;
  margin-bottom: 5px;
}
.bizbox p+p{ margin-top: 15px;}
/* taiwan */
.twBox{
border-top:4px solid #d82026;
background:#fef5dd url(/images/bg_tw.gif) no-repeat left top;
padding:10px 10px 20px;
}

/* himeji */
.himejiBox{
background:url(/showroom/news/images/bg_himeji01.jpg) no-repeat right top;
}

/* dog */
.dog{
border:2px solid #d1e590;
padding:15px;
background:#FFF;
margin-top:30px;
}
.dog ul{
margin:15px 0 0 60px;
}

/* ヤマダキャンペーン */
.cpTitle dd{
background:#ea4432;
border:1px solid #cdcdcd;
text-align:center;
font-size:120%;
}
.cpTitle dd a{
color:#FFF !important;
background:url(/company/topics/img/img_cp15.gif) no-repeat left;
padding-left:15px;

}
#cpYamada {
text-align:center;
}
#cpYamada h2{
border: 1px solid #E6E6DA;
    padding: 3px 7px !important;
margin:15px 0 ;
text-align:left;
}

#cpYamada h2 span{
border-left: 4px solid #ea4432;
    font-size: 117%;
    font-weight: bold;
    padding: 2px 0 2px 8px;
display: block;
    margin: 2px 0 0px;
}
#cpYamada .flowBox{
border: 1px solid #E6E6DA;
width:535px;
margin:0 auto 15px;
padding:5px 25px ;
text-align:left;
}
#cpYamada .flowBox dl{
padding-top:15px;
}
#cpYamada .cpInfo{
width:500px;
border:3px solid #cdcdcd;
padding:25px;
margin:0 auto;
text-align:left;
}
#cpYamada .cpInfo li{
display:inline;
margin-left:30px;
}
#cpYamada .cpInfo li a{
background:url(/company/topics/img/img_cp14.gif) no-repeat left;
padding-left:15px;
}
.eventImg{
	background:#fffdce;
	padding-bottom:10px;
	margin:30px 0;
}
.eventImg li{
	text-align:center;
	padding-bottom:10px;
}
.enqueteBox{
	background:#f8e2e2;
	padding-bottom:10px;
	margin-bottom:30px;
}
.enqueteBox ul{
	margin:0 10px;
	background:#fff;
	padding:20px 20px 5px;
}
.enqueteBox li{
	background:url(/showroom/news/images/event_ico01.gif) no-repeat left 8px;
	padding-left:15px;
	line-height:2;
	margin-bottom:15px;
}

.projekktor{
	width: 480px;
	margin: 0 auto;
}