@charset "shift_jis";

.Center{text-align:center !important;}
.Left{text-align:left !important;}
.Right2{text-align:right !important;}
.lismoGreen{color:#8fc320 !important;}
.auOrange{color:#F76B1F !important;}
.colLightgray{ color:#888 !important; }
.kddiBlue{color:#0F0F72;}
.impType0,.asterisk,.priceR,.bold{font-weight:bold;}
.impType1,.priceR1{font-size:120%; font-weight:bold;}
.impType2,.priceR2{font-size:140%; font-weight:bold;}
.priceR,.priceR1,.priceR2{color:#f00;}
.blue{ color:#00f;}
.uLine{ text-decoration:underline; }

.wid5{width:5%;}
.wid10{width:10%;}
.wid15{width:15%;}
.wid20{width:20%;}
.wid25{width:25%;}
.wid30{width:30%;}
.wid33{width:33%;}
.wid34{width:34%;}
.wid35{width:35%;}
.wid40{width:40%;}
.wid45{width:45%;}
.wid50{width:50%;}
.wid55{width:55%;}
.wid60{width:60%;}
.wid65{width:65%;}
.wid70{width:70%;}
.wid75{width:75%;}
.wid80{width:80%;}
.wid85{width:85%;}
.wid90{width:90%;}
.wid95{width:95%;}
.wid100{width:100%;}
.colauto {width:auto;}
.tBold { font-weight: bold !important; }
.tCenter { text-align: center !important; }

.mauto { margin:0 auto; }
.mt30 { margin-top: 30px !important; }
.mt25 { margin-top: 25px !important; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px !important; }
.mt10 { margin-top: 10px !important; }
.mt5 { margin-top: 5px !important; }
.mt0 { margin-top: 0px !important; }

.mb30 { margin-bottom: 30px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb0 { margin-bottom: 0px !important; }

.mr45 { margin-right: 45px !important; }
.mr30 { margin-right: 30px !important; }
.mr20 { margin-right: 20px !important; }
.mr15 { margin-right: 15px !important; }
.mr10 { margin-right: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr0 { margin-right: 0px !important; }

.ml45 { margin-left: 45px !important; }
.ml30 { margin-left: 30px !important; }
.ml20 { margin-left: 20px !important; }
.ml15 { margin-left: 15px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml0 { margin-left: 0px !important; }

.pt30 { padding-top: 30px !important; }
.pt25 { padding-top: 25px !important; }
.pt20 { padding-top: 20px !important; }
.pt15 { padding-top: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt0 { padding-top: 0 !important; }

.pb30 { padding-bottom: 30px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb0 { padding-bottom: 0 !important; }

.pr30 { padding-right: 30px !important; }
.pr20 { padding-right: 20px !important; }
.pr15 { padding-right: 15px !important; }
.pr10 { padding-right: 10px !important; }
.pr5 { padding-right: 5px !important; }
.pr0 { padding-right: 0 !important; }

.pb30 { padding-bottom: 30px !important; }
.pl25 { padding-left: 25px !important; }
.pl20 { padding-left: 20px !important; }
.pl15 { padding-left: 15px !important; }
.pl10 { padding-left: 10px !important; }
.pl5 { padding-left: 5px !important; }
.pl0 { padding-left: 0px !important; }

.bt1{border-top:1px solid #ccc;}
.bb1{border-bottom:1px solid #ccc;}
.br1{border-right:1px solid #ccc;}
.bl1{border-left:1px solid #ccc;}

.tLeft { text-align: left !important; }
.floatL { float:left; }
.floatR { float:right; }
.ofh { overflow: hidden; }
.fSmall { font-size: 85% !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs85 { font-size: 85% !important; }
.fs90 { font-size: 90% !important; }
.fs100 { font-size: 100% !important; }
.fs110 { font-size: 110% !important; }
.fs120 { font-size: 120% !important; }
.imgBottom, .elemBottom{ vertical-align:bottom !important; }
.elemMiddle{ vertical-align:middle !important; }


/* top page */

/* include top01 */
#container{
  margin-left:65px;
}
.galleryview{
  visibility: visible;
  /* position: relative; */
  margin: 0 0 0 65px;
  background-color:#fff;
  border: 0px solid rgb(255, 255, 255);
  width: 470px;
  height: 262px;
}

/* tabs */
.tab{margin-bottom:10px; clear:both;}
.tab .tabMenu ul {margin:0 0px; padding:0;}
.hiddenTab,.hidden{display:none;}
.openTab{
  display:block;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#ccc;
  padding:10px;
}
#TopPageTab .openTab{
  height:250px;
  padding:0;
}
.tab .tabMenu{
  border-color: #CCC;
  border-style: solid;
  border-width: 0 1px;
  overflow:hidden;
}

.tabs{
  display:table;
  width:100%;
}
.tabs li{
  border-color: #CCC;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  background-color:#eee;
  display:table-cell;
  float:left;
  margin-right: -1px;
  text-align: center;
  vertical-align: middle;
}

.tabs li.first-child{ border-left:0px; margin-right:-1px;}
.tabs li.current{
	background-color:#fff;
	border-bottom:1px solid #fff;
	border-top:3px solid #F76B1F !important;
}
.tabs li p {
  color: #888888;
  display: block;
  font-size: 12px;
  height: 100%;
  line-height: 1.3em;
  padding: 10px 0;
  margin:0;
}
.tabs li.current p{
  color:#333;
  padding-top: 8px
}
.tabs.col1 li{
	border-bottom:1px solid #ccc;
	width:100%;
}
.tabs.col2 li{width:50%;}
.tabs.col3 li{width:33%;}
.tabs.col3 li.first-child{width:34%;}
.tabs.col4 li{width:25%;}
.tabs.col5 li{width:20%;}
.tabs.col6 li{width:16.66%;}

.imgSection{text-align:center;}
.imgSection img{ vertical-align:bottom;}

/* level 2 */
.DetailTitle {
  background-image: url("../images/parts/ctitle_bg.gif");
  background-repeat: no-repeat;
  color: #555555;
  height: 22px;
  margin: 0 0 10px;
  padding: 5px 0 0 16px;
}
.DetailTitle h2,.DetailTitle h3 {
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

#CenterCntBox2{
  float: right;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width:790px;
}
.SqueezesItem2{
  float:left;
  width:705px;
}
.SqueezesItem3{
  float:left;
  width:775px;
}

.SqueezesItem2 ul, .SqueezesItem3 ul{ padding:0; }
.SqueezesItem2 li, .SqueezesItem3 li{
  display: inline;
  margin: 0;
  padding: 0;
}
.SqueezesItem2 img, .SqueezesItem3 img{
  float: left;
  margin: 0 5px 5px 0;
}

/* Items for the display area */
.dispSection{ }
.listSection{
  clear:both;
  display:inline-block;
  margin:5px 0 20px;
  padding:0;
}
.dispItemBox{
  
  float:left;
  width:169px;
}

.dispItemBox .imgzBox{
	border:1px solid #ccc;
	margin:0 12px;
	width:143px;
}
.dispItemBox .imgzBox img{width:100%;vertical-align:bottom;}
.dispItemBox .infozBox{
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555555;
  height:80px;
  line-height: 1.3em;
  margin:0 12px;
  overflow:hidden;
  padding: 0;
  text-align:left;
}
.infozBox p{
  line-height:1.3em;
  margin:5px;
}
.campaignImg{
  margin-top: -16px;
  margin-left: 16px;
  position: absolute;
}
.reserveImg{
  margin-top: -16px;
  margin-left: 98px;
  position: absolute;
}
/* is win level3 colorval */
table.colorVal,table.colorVal2{
  border-collapse: collapse;
  border-spacing: 0;
  margin:10px auto;
  width:99%;
}
.colorVal td{border:1px dotted #ccc; width:33%;}
.colorVal a img{}
.colorVal2 td{border:1px dotted #ccc; width:25%;}

.selImgAreas{margin:10px 0;text-align:center;}
.selInfoAreas{font-size:11px; margin:10px;}
.NoItem2{background-color:#eee; display:inline-block; padding:2px 4px; }

/* level4 item detail */
.vImageBox{
  margin: 0 0 10px;
  padding: 5px 0 10px;
}
.vImageBox .viewMainImg{margin-bottom:10px;text-align:center;}
.vImageBox .viewMainImg img{border:1px solid #ccc; height:300px; width:470px;}
.vImageBox .viewSubImg {
  text-align: center;
  vertical-align: top;
}
.vImageBox .viewSubImg img{border:1px solid #ccc;margin: 0 2px;}

/* item size L */
.itemName {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}
.itemInfoBox{font-size:12px;margin:10px 0;}
.itemInfoTable{margin:0 auto;}
.itemInfoTable td{}
.itemsImage{
  text-align: center;
  vertical-align: middle;
  width: 60%;
}
.itemsInfo{
  vertical-align:top;
  width:40%;
}
.itemStatusTable{
  font-size:12px; 
  margin: 0;
  width: 350px;
}
.itemStatusTable th{width:6em;}
.allTax{font-size:11px;}

/* detail tabs caution, detail tabs border-top:3px, other  tabs border-top:1px, 2px differ */
#typesOfContract .tabs li{ 
	border-top:3px solid #a9a9a9;
	cursor:pointer;
}
#typesOfContract .tabs li:hover{ 
	border-top-color:#F2B798;
}
#typesOfContract .tabs p{font-size:100%;}
#typesOfContract .tabs .current p{padding-top:10px;}
#typesOfContract .tabs .current span{display:none;}
#typesOfContract .tabs p .dtlTabImp{color:#F76B1F; font-weight:bold; }

/* move to au navigation */
.moreInfoNav{margin:10px 0;}

/* payment tables */
.paymentRulesTbl{
  border-collapse: collapse;
  border-spacing: 0;
  font-size:10px;
  margin:0 0 10px;
  vertical-align:middle;
  width:100%;
}

.paymentRulesTbl thead, .paymentRulesTbl .planStatue {background-color:#FAF8F1;}
.paymentRulesTbl thead *,.paymentRulesTbl .planStatue *{
  border:1px solid #ccc;
  text-align:center;
  vertical-align: middle;
  padding:3px;
}
.paymentRulesTbl td{
  border:1px solid #ccc;
  padding:5px;
  text-align:right;
  vertical-align: middle;
}

.paymentRulesTbl td.planType{
  font-size:11px;
  text-align:left;
  width:50%;
}

.paymentRulesTbl td.planChange{
  background-color:#fff ;
  border:none ;
  text-align:center ;
}

ul.planName{padding:0;}
ul.planName li{font-size:11px;}
.planNum{font-size:12px !important;font-weight:bold;}

.anotherPlanBox{
  border: 4px double #ccc;
  margin:10px 0;
  padding: 10px;
}
.anotherPlanBox ul { padding:0; }
.anotherPlanBox ul li { font-size:12px; }
.anotherPlanBox .inpactType1{
  margin: 5px 0;
  padding: 5px;
}

.commentBox *{
  font-size:11px;
  color:#666;
  margin:5px 0;
  padding:0;
}
.commentBox ul li:first-child,.commentBox ul li.first-child{
  list-style: none inside none;
  padding: 0;
  text-indent: 0;
}
.commentBox ul li{
  list-style: disc inside none;
  padding-left: 2em;
  text-indent: -1em;
}

.affiriateBox{
  margin:10px 0;
  text-align:center;
}

.outOfStock{
  border:1px dotted #ccc;
  padding:10px;
  margin:10px 0;
}
.commentSection{
  border-top:1px dashed #ccc;
  padding-top:10px;
  margin:10px 0;
}

.alertImg{
  background:url("../images/parts/error_bg.gif") no-repeat scroll left center transparent;
  color:#DC143C;
  margin-bottom: 5px;
  padding: 1px 0 9px 30px;
}
.alertImg h3,.alertImg h4{
  margin:0;
  padding:0;
}

/* detail colorval */
#colorTypes{margin:10px 0;}
#colorTypes h3{margin:2px 0 0;}
#colorTypes a img{
  border:1px solid #ccc;
  margin:0 0 2px;
  /*width:160px;*/
}

/* relate sub title */
.subTopicks {
  border-bottom: 1px solid #8FC320;
  border-left: 5px solid #8FC320;
  margin: 10px 0 10px 5px;
  padding-left: 10px;
}
.subTopicks p{padding: 2px 0;}

.RelateItemTable{border-collapse:collapse;border-spacing:0;margin:0 auto 20px;width:100%;}
.RelateItemTable td{border:1px solid #ccc;font-size:10px;padding:10px 5px;width:20%;}
.relBox{ float:left;}
.relBox img{ width:70px;}
.relRadio{
  display:table-cell;
  height:70px;
  vertical-align:middle;
  width:45px;
}
.NoItems{
  background-color:#eee;
  font-size:9px;
  padding: 5px 3px;
  
}
.wariTable{
  width:100%;
  font-size:12px;
}
.wariTable th{
  text-align:right;
  width:50%;
}

.wariTable2{
  width:100%;
  font-size:12px;
  border-spacing:0;
  border-collapse:collapse;
}
.wariTable2 th{
  text-align:center;
  background-color:#eee;
  border:1px solid #ccc;
}
.wariTable2 td{
  vertical-align:middle;
  border:1px solid #ccc;
}

/* 2011.12.01 activation */
#CenterCntBox3{
  font-size: 12px;
  margin: 0;
  text-align: left;
  vertical-align: top;
  width: 665px;
}
.titlebar{
  background: url("../images/parts/bar_title1.gif") repeat-x scroll 0 0 transparent;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 33px;
  margin-bottom: 10px;
  padding: 15px 10px 0 20px;
}
.titlebar2 {
  background: url("../images/parts/bar_title2.gif") repeat-x scroll 0 0 transparent;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  height: 33px;
  margin-bottom: 10px;
  padding: 15px 10px 0 20px;
}
.titlebar3{
  background-color:#f8f8f8;
  border-width:1px 1px 1px 5px;
  border-color:#ccc #ccc #ccc #ED6D00;
  border-style:solid;
  padding:10px;
  margin-bottom: 10px;
}
.guideContainer{
  clear:both;
  margin:10px 0 20px;
  display:inline-block;
  *display:inline;
  *zoom:1; 
}

.guideBoxStop{
  background:url("../images/parts/bg_guideS_top.gif") no-repeat scroll center top transparent;
  padding-top:10px;
  width:280px;
}
.guideBoxSbottom{
  background:url("../images/parts/bg_guideS_bottom.gif") no-repeat scroll center bottom transparent;
  padding-bottom:10px;
  width:280px;
  height:110px;
}
.guideBoxSinner{
  background:url("../images/parts/bg_guideS_mid.gif") repeat-y scroll center top transparent;
  float:left;
  margin-right:5px;
  width:280px;
}
.guideBoxSinner.last{ margin-right:0;}

.guideBoxSCont{ margin:0 8px; }
.guideBoxSCont ul, .guideList{ 
  list-style: none inside url("../images/parts/arw_item.gif") ;
  padding-left:1.5em;
}
.guideBoxSCont ul li, .guideList li{
  font-size:12px;
  text-indent:-1em;
  margin-bottom:5px;
}

.guideTText{
  background-color: #FFFFFF;
  position:absolute;
  font-size: 15px;
  margin: -15px 0 0 10px;
  padding:0 10px;
}
.guideTText span{
  font-size:20px;
  color:#F76B1F;
}
.guideTImg{
  background-color: #FFFFFF;
  position:absolute;
  font-size: 15px;
  margin: -10px 0 0 10px;
  padding:0 10px;
}
.guideTImg img{
  vertical-align:bottom;
  width:23px;
}
.guideNote{
  padding:0 0 5px;
  
}
.guideNote span, .mustImp{
  color:#F76B1F;
  font-weight:bold;
}
.guide1top{
  background:url("../images/parts/bg_guide_top01.gif") no-repeat scroll center top transparent;
  width:850px;
}
.guide1inner{
  background:url("../images/parts/bg_guide_mid01.gif") repeat-y scroll center top transparent;
  color:#333;
  clear:both;
  margin:25px 0;
  width:850px;
}
.guide1bottom{
  background:url("../images/parts/bg_guide_bottom01.gif") no-repeat scroll center bottom transparent;
  width:850px;
}
.guide1Space{
  padding:15px 10px 10px;
}
.guide1inner ul{
  padding:0;
}
.guide1inner li{
  font-size:12px;
  line-height:1.5em;
  margin-bottom:5px;
}

.guide1inner table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
}
.guide1inner table th{
  border:1px solid #ccc;
  background-color:#a9a9a9;
  padding:5px 10px;
}
.guide1inner table td{
  border:1px solid #ccc;
  padding:5px 10px;
}

ul.dec{
  list-style:decimal outside;
  margin-left:2em;
}
ul.cir{
  list-style:circle outside;
  margin-left:2em;
}
ul.dis{
  list-style:disc outside;
  margin-left:2em;
}
ul.none{
  list-style:none outside;
  margin-left:2em;
}

.icOn{
  padding-left:1.5em;
  text-indent:-1.5em;
}
.icOn .mustImp{
  padding-right: 0.5em;
}
.boldUline{
  font-weight:bold;
  text-decoration:underline;
}

/* 2011.12.12 QA */
.mulTitle1{
  background:url("../images/parts/mtitleC_bg.gif") repeat-x scroll left top transparent;
  height:27px;
  margin-bottom:10px;
}
.mulTitle1 .mulTitle1left{
  background:url("../images/parts/mtitleL_bg.gif") no-repeat scroll left top transparent;
  height:27px;
}
.mulTitle1 .mulTitle2left{
  background:url("../images/parts/mtitleLA_bg.gif") no-repeat scroll left top transparent;
  height:27px;
}
.mulTitle1 .mulTitle1right{
  background:url("../images/parts/mtitleR_bg.gif") no-repeat scroll right top transparent;
  height:27px;
}
.mulTitle1 h2, .mulTitle1 h3, .mulTitle1 h4{
  padding: 4px 5px 0 15px;
}
.subTitle1{
  border-bottom:1px solid #ddd;
  margin:0 0 10px;
}
.subTitle1 .subTitleInner{
  background: url("../images/parts/csfr_title_bg.gif") no-repeat scroll left center transparent;
  border-bottom: 1px solid #FF6C1D;
  padding: 5px 18px 0px;
}

.guideSection{
  clear:both;
  display:inline-block;
  margin-bottom:20px;
}
.guide1Left {
  float:left;
  margin-right:20px;
  width:320px;
}
.guide1Right {
  float:right;
  width:320px;
}

.guide1Left .mulTitle1 a, .guide1Right .mulTitle1 a{
  color:#333;
  text-decoration:underLine;
}

ul.faqGroupIdx{ 
  padding:0;
  list-style: inside url("../images/parts/csfr_title_bg.gif");
  
}
ul.faqGroupIdx li{
  
  font-size:13px;
  padding:2px 0 2px 20px;
}
ul.faqGroupIdx li a{
  line-height:1.2em;
}
.faqGroup{
  margin:30px 0;
}
.faqGroup p.faqGrIdx {
  background:url("../images/parts/csfb_title_bg.gif") no-repeat scroll left center transparent;
  border-bottom:1px solid #F76B1F;
  padding: 5px 20px 3px;
  font-weight:bold;
  font-size:13px;
}

.faqGroup dl.faqCatList, .faqGroup .sumSection{
  border-bottom:1px dashed #aaa;
  margin: 10px 10px 0;
}
.faqGroup dl.faqCatList dt{
  background:url("../images/parts/csfaq_q.gif") no-repeat scroll left top transparent;
  font-size:13px;
  font-weight:bold;
  padding:10px 0 10px 30px;
}
.faqGroup dl.faqCatList dd{
  background:url("../images/parts/csfaq_a.gif") no-repeat scroll left top transparent;
  font-size:12px;
  margin-left:15px;
  padding:10px 0 15px 30px;
}

/* add 2011 12 26 */
#Catchcopy {}
table.goodsBlock {
    margin: 0;
    width:100%;
}
table.goodsBlock td.goodsImg {
    height: 362px;
    text-align: center;
    vertical-align: middle;
    width: 60%;
}
#mainVisual {
    width: 360px;
    margin:0 auto;
}
#mainVisual img {
  border: 1px solid #CCCCCC;
}

td.goodsInfo {
    text-align: left;
    vertical-align: middle;
    width: 40%;
}
ul#thumnail {
    margin: 0;
    padding: 10px 0 0 69px;
    width: 372px;
    display: block;
}
ul#thumnail:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

ul#thumnail li {
    display: inline;
}
ul#thumnail li a ,ul#thumnail li p{
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 11px;
    margin-right: 11px;
    padding:0;
    height:80px;
}
ul#thumnail li a:hover ,ul#thumnail li p:hover{
    border: 1px solid #999;
}
ul#thumnail li.curr a ,ul#thumnail li.curr p{
    border: 1px solid #777;
}

/*  2011.1.13 settings for iPhone */
.stepBlock {
    overflow: hidden;
}
div.stepBlock:after {
    clear: both;
    content: "";
    display: block;
}
.stepBlock .wrap {
    margin-right: -35px;
}
.stepBlock .outer {
    float: left;
    padding-right: 35px;
}
.stepBlock .outer.arrow {
    background: url("../images/parts/bg_guide_arrow.gif") no-repeat scroll right center transparent;
}
.stepBlock div.sizeA {
    width: 275px;
}
.stepBlock div.sizeB {
    width: 230px;
}
.stepBlock div dl {
    border: 1px solid #D1D1D1;
    margin-bottom: 5px;
}
.stepBlock div dl.h1 {
    min-height: 110px;
}
.stepBlock div dl.h2 {
    min-height: 240px;
}
.stepBlock div dl.h3 {
    min-height: 400px;
}
.stepBlock div dt {
    background: none repeat scroll 0 0 #BABCBF;
    border-bottom: 1px solid #D1D1D1;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 10px;
    font-size:12px;
}
.stepBlock div dd {
    padding: 5px 10px;
}

.stepBlock ul{
	list-style: disc outside none;
    padding-left: 1em;
}
.stepBlock li{
  font-size:12px;
  line-height:1.5em;
  margin-bottom:5px;
}
.triBox{
  border: 2px solid #D1D1D1;
  border-radius:5px;
  width: 255px;
}

ul.A_dec{
  list-style:decimal outside;
  padding-left:3em;
}

ul.A_dis{
  list-style:disc outside;
  padding-left:3em;
}
ul.A_dis li, ul.A_dec li{
	font-size:12px;
}

.tableA01 {
    border: 2px solid #D1D1D1;
    border-collapse: collapse;
    width: 100%;
}
.tableA01 th, .tableA01 td {
    border: 1px solid #D1D1D1;
    font-weight: normal;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}
.tableA01 .thBG {
    background: none repeat scroll 0 0 #BBBCC0;
    color: #FFFFFF;
    font-weight: bold;
}
.iconPDF {
    background: url("../images/parts/icon_pdf.gif") no-repeat scroll left center transparent;
    padding-left: 15px;
}
a.textLink {
    background: url("../images/parts/arw_item.gif") no-repeat scroll 0 3px transparent;
    padding-left: 8px;
}
a.textLink2 {
    background: url("../images/parts/csfr_title_bg.gif") no-repeat scroll 0 0 transparent;
    padding-left: 17px;
}

ul.iconGroup {
    list-style: none outside none;
    margin: 0 auto;
    width: 350px;
    padding:0;
}
ul.iconGroup.before {
    width: 150px;
}
ul.iconGroup.process {
	width: 50px;
}
ul.iconGroup:after {
    clear: both;
    content: "";
    display: block;
}
ul.iconGroup li {
    float: left;
    margin: 0;
    text-align: center;
    width: 50px;
    height:25px;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
}
.boxC01 {
    background: url("../images/parts/bg_boxC01_top.gif") no-repeat scroll 0 top transparent;
    width: 420px;
    margin-bottom:20px;
}
.boxC01 .boxInner {
    background: url("../images/parts/bg_boxC01_bottom.gif") no-repeat scroll 0 bottom transparent;
    padding-bottom: 4px;
}
.boxC01 .boxInnerBody {
    background: url("../images/parts/bg_boxC01_body.gif") repeat-y scroll 0 0 transparent;
    min-height: 85px;
    padding: 10px 22px;
}
.grayBox {
    border: 1px solid #D1D1D1;
    margin-bottom: 15px;
    padding: 10px;
}
.ttl {
    border-bottom: 1px solid #D1D1D1;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.lineTopDot {
    border-top: 1px dotted #B3B3B3;
    margin-top: 5px;
    padding-top: 5px;
}

/* 2012.02.17 iida */
#designerBlock {
    display: block;
}
#designerPhoto {
    float: left;
    left: 0;
    top: 0;
    width: 140px;
}
#designerPhoto img{
  width:100%;
}
#designerInfo {
    float: right;
    text-align: left;
    width: 660px;
}
#designerInfo h4 {
	border:none;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    padding:0;
    margin:0 0 5px 0;
}
#designerInfo p {
    font-size: 12px;
    line-height: 1.9;
}

.textblock p {
    font-size: 12px;
    line-height: 1.6;
}
.table_specs {
    border-collapse: collapse;
    margin: 0 0 30px;
    width: 100%;
}
.table_specs th {
    border: 1px solid #E9E9E9;
    font-size: 10px;
    line-height: 1.6;
    padding: 6px 10px;
    text-align: left;
    vertical-align: top;
    width: 160px;
}
.table_specs td {
    border: 1px solid #E9E9E9;
    font-size: 10px;
    line-height: 1.6;
    padding: 6px 10px;
    text-align: left;
    vertical-align: top;
    width: 460px;
}
h3#SpecTitle, #designerBlock h3, #attentionBlock h3{
    clear:both;
    margin-bottom: 10px;
}
#specBlock {
    margin-bottom: 60px;
}
#specBlock h3 {
    margin-bottom: 10px;
}
#attentionBlock {
    font-size: 12px;
}

.mulTitleSub1{
  background:url("../images/parts/gmulTitle_bg.gif") repeat-x scroll 0 bottom transparent;
  color:#666;
  margin: 0 0 10px;
}
.mulTitleSub1 h2, .mulTitleSub1 h3, .mulTitleSub1 p, .underPoint1{
  background:url("../images/parts/grCirtitle_bg.gif") no-repeat scroll 0 0 transparent;
  font-size:12px;
  padding-left:18px;
  padding-bottom:2px;
}
.mulTitleSub2{
  background:url("../images/parts/omulTitle_bg.gif") repeat-x scroll 0 bottom transparent;
  color:#F76B1F;
  margin: 0 0 10px;
}
.mulTitleSub2 h2, .mulTitleSub2 h3, .mulTitleSub2 p, .underPoint2{
  background:url("../images/parts/csfb_title_bg.gif") no-repeat scroll 0 0 transparent;
  font-size:12px;
  padding-left:18px;
  padding-bottom:2px;
}

/* 2012.2.27 add auID login */

.botBox{
	margin-bottom:20px;
}
.leftbox{
	float:left;
	width:420px;
	margin-bottom:20px;
}
.rightbox{
	float:right;
	width:420px;
	margin-bottom:20px;
}
.botBox .inner,
.leftbox .inner,
.rightbox .inner{
	padding:10px;
	height:130px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.botBox .inner{
	height:auto;
}
.botBox .inner .aster{
	border-top:1px dashed #666;
	margin-top:10px;
	padding-top:5px;
}

/* login page */
.fulbox {
	margin:0 0 10px;
	font-size:12px;
}
.fulbox .title h3{
	background-color: #eee;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#ccc;
	color: #444;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}
.fulbox .title h3 p{
	padding: 10px 0;
}

/* 2012.06.01 */

#Header{
  padding:0;
  height:102px;
  background:url("../images/template/bg_header.gif") repeat-x scroll left top transparent;
  min-width:980px;
  text-align:center;
}

#Header .inner{
  width:980px;
  margin:0 auto;
  position:relative;
  text-align:left;
}
#LogoBox{
  right: 0px;
  position: absolute;
  top: 0px;
}

#TopInfoBox{
  font-size:10px;
  left: 20px;
  position: absolute;
  top: 0px;
}

#TopInfoBox h1{}
#TopInfoBox h1 a img{
  vertical-align: bottom;
}

#TopUserName {
  font-size:10px;
  left: 20px;
  padding: 0;
  position: absolute;
  top: 66px;

}
#TopUserName strong {
	margin				: 0 0 0 3px;
	color				: #f76b1f;
}

#globalNaviUpper{
  position:absolute;
  right: 10px;
  top: 50px;
}
#globalNaviUnder{
  position: absolute;
  right: 10px;
  top: 75px;
}
#globalNaviUpper ul,#globalNaviUnder ul {
  list-style: none outside none;
  padding:0;
  margin:0;
}
#globalNaviUpper li,#globalNaviUnder li {
  float:left;
  font-size:11px;
}
#categoryNavi {
    background: url("../images/template/bg_global_navi.gif") repeat-x scroll left top transparent;
    height: 49px;
    min-width: 980px;
}
#categoryNavi ul{
  height: 49px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  width: 980px;
}
#categoryNavi ul li {
    float: left;
    line-height:0;
}
#categoryNavi img{
  width:140px;
}

.naviList:after,
#categoryNavi ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* top category include  */
.naviList{
  padding: 12px 4px;
  border:1px solid #ccc;
  margin-bottom:10px;
}
.naviList dl {
  border-left: 1px dotted #CCCCCC;
  float: left;
  margin: 0;
  padding: 0 10px;
  overflow:hidden;
  height:200px;
}
.naviList dl.first{
   border-left:none;
}

.naviList dl dt, .naviList dl dd{
  width:222px;
} 
.naviList dl.last dt, .naviList dl.last dd{
  width:221px;
} 
.naviList dl dd ul{
  padding:0;
}
.naviList dl dd ul li{
  font-size:12px;
}
.naviList a{
  color:#555;
}
.naviList a:hover{
  color: #F78A0B;
  text-decoration: underline;
}

/* topPagesSection */
.tSection {
  border:1px solid #ccc;
  margin-bottom:10px;
  padding:0;
}
.tSection .tsTitle, .tSection .tsTitle2, .blTitle{
  background:url("../images/parts/mtitleC_bg.gif") repeat-x scroll 0 0 transparent;
  height:27px;
  margin-top:-1px;
}
.tSection .tsTitle h2, .tSection .tsTitle h3, 
.blTitle .blLeft1{
  background:url("../images/parts/mtitleL_BLg_bg.gif") no-repeat scroll left 0 transparent;
  height:24px;
  padding:3px 0 0 15px;
}

.tSection .tsTitle2 h2, .tSection .tsTitle2 h3,
.blTitle .blLeft2{
  background:url("../images/parts/mtitleL_BLo_bg.gif") no-repeat scroll left 0 transparent;
  height:24px;
  padding:3px 0 0 15px;
}
.tSection .tsInner{
  padding:10px 5px 6px;
}

.ListInfo{
  float:right;
  width:120px;
}
table.wideStyle {
  border-collapse:collapse;
  border-spacing:0;
  margin: 0 auto 10px;
  width:100%;
}
#NewsBox {
  margin:0;
  padding:0;
}
.NewsDate img{
  vertical-align:middle;
}

/* option 2012.05 */

.optionSearch{
  margin:0 auto 10px;
  padding-left:5px;
  text-align:center;
}

.optionSearch .searchBox{
  float:left;
  border: 1px solid #ccc;
  border-radius: 5px 5px 5px 5px;
  padding: 5px 10px;
  margin:0 5px 0 0 ;
  background-color:#f8f8f8;
}
.searchBox.item{
  width:345px;
}
.searchBox.model{
	width:220px;
}
.searchBox.maker{
  width:200px;
  margin:0px !important;
}

.searchBox h3{
  margin:0 0 5px 0;
}

.searchBox .searchInner{
  line-height: 25px;
  height: 25px;
}

select.allSearch{
  width:9em;
}
select.makerSearch{
  width:12em;
}

/*
 * 2012.06.01 detail option@5
 */
#relateScrollWrap{
  width:850px;
  position:relative;
  height:279px;
  border-bottom:1px solid #ccc;
  background-color:#fff;
}
#relateScrollArea{
    height: 227px;
    left: 35px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 780px;
}
#relateScrollBg{
  width:20000px;
  position:absolute;
  left:0;
  top:0;
}
#relateDrum{
  padding:0;
  margin:0;
}
#relateDrum2{
  padding:0 0 0 34px;
  margin:0;
  height:215px;
}
#relateDrum li,#relateDrum2 li{
  float:left;
}

dl.relateItem{
  border:1px solid #ccc;
  width:144px;
  margin:8px 5px;
  background-color:#fff;
}
  dl.relateItem dt {
  border-bottom:1px solid #ccc;
  text-align:center;
}
dl.relateItem dt img{
  vertical-align: bottom;
  width:103px;
}
dl.relateItem dd{ 
  margin:5px;
  font-size:10px;
  height: 95px;
}

dl.relateItem .relateItemPrice{
  font-size:10px;
}
dl.relateItem .relateItemName{
  font-size:10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  width:134px;
}

dl.relateItem .relateCartIn{
  margin:5px auto 0;
  text-align:center;
}
dl.relateItem .relateCartIn img{
  cursor:pointer;
}
.relateItemCnt {}
.relateItemCnt .delBtn{
  vertical-align:bottom;
}

/* LR btn */
#relateScrollbtn{
  top:30px;
  height:250px;
  width:848px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  position:absolute;
}
#relatePrev{
  position: absolute;
  top: 96px;
  left:7px;
  cursor:pointer;
}
#relateNext{
  position: absolute;
  top: 96px;
  right:7px;
  cursor:pointer;
}
.relNotBuyNow {
  font-size:11px;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#ccc;
  padding:10px;
}

#relateDrum .relateItem:hover{
  border-color:#888;
}
#relateDrum .relateItemCnt{
  display:none;
}
#relateDrum2 .relateCartIn{
  display:none;
}
.relateItem .NoItems {
  text-align: center;
  width: 5em;
}
/* relateCalc */
#relCalc{
  clear:both;
  display:none;
  padding:0;
}
#relCalc .downIcon{
  padding:10px 0;
  text-align:center;
}
#relCalc #relCalcInner{
  border:1px solid #ccc;
  padding-top:5px;
}
#relCalc dl.relateItem dd{ 
  height:83px;
}

/* relate tab */
#relateTabs{
  width:850px;
  height:31px;
  position:absolute;
  left:0px;
  overflow:hidden;
}
#relateTabs ul{
  padding:0;
  margin:0;
}
#relateTabs ul li{
  float:left;
  background-color:#fff;
  line-height:0;
  cursor:pointer;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  height:29px;
}
#relateTabs ul li img{
  vertical-align: bottom;
}
#relateTabs ul li.on{
  border-bottom:none;
  border-top-color:#ff6909;
}
.relateToBuy{
text-align:center;
  margin-bottom:10px;
}
.relateToBuy img{
  vertical-align:bottom;
}
/* pager */
#relateScrollPager{
  left: 20px;
  position: absolute;
  text-align:center;
  top:257px;
  width: 810px;
}
#relateScrollPager #relPageCur{}
#relateScrollPager #relPageLast{}

/* not tu buy radio  */
#noBuy{
  margin:0;
  vertical-align:bottom;
}

/*
 * MyPage 2012.05 
 */
#loginUserStatus{
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom:10px;
}
#loginUserStatus td{
  border:1px solid #ccc;
}
#loginUserStatus dl{ }
#loginUserStatus dt{
  text-align:center;
  border-bottom:1px dotted #ccc;
}
#loginUserStatus dd{
  margin:10px;
  font-size:11px;
}

/*
 * TOP_01.js ver2012.05 
 */
#topMainJs{
  width:978px;
  border:1px solid #ccc;
  margin:0 auto 10px;
}
#slides{
  position:relative;
}
#slides_container {
  height:290px;
  width:978px;
}
#slides_container a{
  display:none;
  position:absolute;
  top:5px;
  left:4px;
}
#slides_container a img{
  width:970px;
}
#slide_thumb{
  margin:10px;
}
#slide_thumb img{
  margin-left: 4px;
  cursor:pointer;
  border:1px solid #ccc;
}
#slide_thumb img.hover{
  border-color:#888;
}
#slide_thumb img.on{
  border-color:#ff8909;
}


/*
 * ’Ť•¶—š—đŠm”Fswith 2012.11.15
 */
.btnTypeFrame{
	border:1px solid #ccc;
	border-radius:5px;
}
a.btnType{
	color:#333;
	text-decoration:none;
	cursor:pointer;
	background-color:#e0e0e0;
	display:block;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border:2px solid #fff;
	border-radius:5px;
	font-size:14px;
	_line-height:1.5;
	_width:399px;
}
a.btnType.on{
	background-color:#FF9252;
	_color:#fff;
}
a.btnType:hover{
	color:#F76B1F !important;
}
a.btnType.on:hover{
	color:#fff !important;
}
a.btnType:hover .uLine{
	color:#F72B1F;
}
a.btnType.on .uLine{
	color:#333;
}

.buy_hisStateDL{
	border:1px solid #ccc;
	border-radius:5px;
}
.buy_hisStateDL *{
	font-size:12px;
	line-height:1.5;
}
.buy_hisStateDL dt{
	border-bottom:1px solid #ccc;
	padding:10px;
}
.buy_hisStateDL dd{
	padding:10px;
}