@charset "utf-8";


/* btList +++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */
ul.btList{
font-size:0;
line-height:0;
list-style:none;
}

ul.btList li{ padding-bottom:10px; }

div.navi_inquiry {
	position:relative;
	background-image:url('img/bg_otoiawaseR.png');
	width:200px;		height:68px;
	margin-bottom:10px;
}
div.navi_inquiry a:first-child {
	position:absolute;
	top:6px;		left:110px;
}
div.navi_inquiry a:first-child + a {
	position:absolute;
	top:35px;		left:110px;
}


dl.navi{ 
width:200px;
margin-bottom:10px;
font-size:80%;
}

dl.navi dt{ 
height:66px;
font-size:0;
line-height:0;
}


dl.navi dt img{ vertical-align:bottom; }
dl.navi dd{ zoom:1;}

dl.navi dd ul{
width:180px;
padding:7px 10px 2px;
list-style:none;
}

dl.navi dd li{
border-top-width:1px;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-style:solid;
}


dl.navi dd ul li:first-child{ border-top-width:0; }
dl.navi dd ul li:last-child{ border-bottom-width:0; }

dl.navi dd ul li a{
width:164px;
display:block;
padding:3px 0 6px 16px;
background-repeat:no-repeat;
background-position:left 6px;
}


dl.navi dd li a img{ margin-left:-16px;}

dl.navi dd li ul{
width:164px;
padding:0 0 5px 16px;
}

dl.navi dd li ul li{
padding:0;
background:none;
border:none;
}

dl.navi dd li ul li a{
width:153px;
padding:5px 0 5px 11px;
background-position:left 6px;
background-repeat:no-repeat;
}

dt.navi01+dd{ background-color:#c0def2; }
dt.navi01+dd li{ border-top-color:#d4eeff; border-bottom-color:#85c0e1; }
dt.navi01+dd ul a{ background-image:url(/pipi/img/arrow_navi01.gif); }
dt.navi01+dd ul li ul a{ background-image:url(/pipi/img/navi01_bg01.gif) ; }
dt.navi01+dd ul li ul li:last-child a{ background-image:url(/pipi/img/navi01_bg02.gif); }



dt.navi02+dd{ background-color:#ffbfb4; }
dt.navi02+dd li{ border-top-color:#ffece7; border-bottom-color:#ff9588; }
dt.navi02+dd ul a{ background-image:url(/pipi/img/arrow_navi02.gif); }
dt.navi02+dd ul li ul a{ background-image:url(/pipi/img/navi02_bg01.gif) ; }
dt.navi02+dd ul li ul li:last-child a{ background-image:url(/pipi/img/navi02_bg02.gif); }
dt.navi02+dd ul.option{ background-color:#fcddd7; }
dt.navi02+dd li.op_name{ padding-top:2px;padding-bottom:4px;color:#ea452f;border-width:0;}
dt.navi02+dd li.op_name+li{ border-top:none;}


dt.navi03+dd{ background-color:#bdec9a; }
dt.navi03+dd li{ border-top-color:#edfbe3; border-bottom-color:#84ce4c; }
dt.navi03+dd ul a{ background-image:url(/pipi/img/arrow_navi03.gif); }
dt.navi03+dd ul li ul a{ background-image:url(/pipi/img/navi03_bg01.gif) ; }
dt.navi03+dd ul li ul li:last-child a{ background-image:url(/pipi/img/navi03_bg02.gif); }
dt.navi03+dd ul.option{ background-color:#ddf6cb; }
dt.navi03+dd li.op_name{ padding-top:2px;padding-bottom:4px;color:#51ae0b;border-width:0;}
dt.navi03+dd li.op_name+li{ border-top:none;}

dt.navi04+dd{ background-color:#d2c9f0; }
dt.navi04+dd li{ border-top-color:#ebe7f8; border-bottom-color:#8e7ccc; }
dt.navi04+dd ul a{ background-image:url(/pipi/img/arrow_navi04.gif); }
dt.navi04+dd ul li ul a{ background-image:url(/pipi/img/navi04_bg01.gif) ; }
dt.navi04+dd ul li ul li:last-child a{ background-image:url(/pipi/img/navi04_bg02.gif); }
dt.navi04+dd ul.option{ background-color:#ddf6cb; }
dt.navi04+dd li.op_name{ padding-top:2px;padding-bottom:4px;color:#51ae0b;border-width:0;}
dt.navi04+dd li.op_name+li{ border-top:none;}


.naviBox dd{ display:none;}



/* +++++++++++++++++++++++++++++++++++++++
	navigation for guide/ cad / form
++++++++++++++++++++++++++++++++++++++++++ */


.naviBox h2{
/*height:26px;*/
font-size:0;
line-height:0;
/*border-top:3px solid #288249;*/
}
.naviBox h2 span{
display:block;
margin-top:9px;
}

.naviBox h2 + dl{ margin-bottom:20px; }
.naviBox h2 + dl dt.over{ cursor:pointer; }
.naviBox h2 + dl dt.selected{ cursor:default; }

.naviBox h2 + dl dt{
display:block;
width:166px;
padding:6px 0 4px 21px;
margin-left:5px;
line-height:1.33;
/*background-color:#e8e8e8;*/
background-position:left center;
background-repeat:no-repeat;
}

.naviBox h2 + dl dt.single{ padding:6px 5px 4px 21px; margin:15px 0 0 5px;}

.naviBox h2 + dl dd ul{
width:180px;
margin-top:1px;
padding:0 10px;
font-size:80%;
list-style:none;
background:#eaeaea;
}

.naviBox h2 + dl dd li{
border-bottom:1px solid #c2c2c2;
border-top:1px solid #fff;
}


.naviBox h2 + dl dd li:first-child{ border-top:none; }
.naviBox h2 + dl dd li:last-child{ background:none; border-bottom:none; }

.naviBox h2 + dl dd a{
display:block;
padding:7px 0 8px 21px;
background:url(/pipi/img/icon_arrow_right_grn.gif) no-repeat left 10px;
}
ul.othersList{border-top:2px dotted #575757; margin-bottom:30px;}
ul.othersList li{
	background-image:url(/pipi/img/icon_check.jpg) !important;
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:8px;
	list-style:none;
}
ul.othersList li:first-child{margin-top:10px;}
ul.othersList li a{
	display:block;
	padding:3px 0 3px 15px;
}

/* ++++++++  guide  +++++++++++++++++++ */


ul.guideList li{
	background-image:url(/pipi/img/icon_list_green.gif) !important;
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:10px;
}
ul.guideList li:first-child{margin-top:5px;}
ul.guideList li:last-child{margin-bottom:20px;}

ul.guideList li a img{vertical-align:middle; margin:0 0 3px 5px;}
ul.guideList li a.pnone{padding-top:0; padding-bottom:0;}

/* ++++++++  cad  +++++++++++++++++++ */
#cad ,
#cad_quadcept,
#cad_ds{margin-bottom:15px;}

#cad li,
#cad_quadcept li,
#cad_ds li{
display:block;
width:166px;
padding:0 0 0 21px;
margin-left:5px;
line-height:1.33;
/*background-color:#e8e8e8;*/
background-position:left center;
background-repeat:no-repeat;
}
#cad li a,
#cad_quadcept li a,
#cad_ds li a{padding-left:0;}

#cad li.over{ cursor:pointer; text-decoration:underline; }
#cad li#cadlus_x{ background-image:url(/pipi/img/icon_cadlusx1.jpg); }
#cad li#cadlus_circuit{ background-image:url(/pipi/img/icon_cadlusx2.jpg); }
#cad li#cadlus_viewer{ background-image:url(/pipi/img/icon_cadlusx3.jpg); }

#cad_quadcept li#quadcept_guide{ background-image:url(/pipi/img/icon_quadcept1.jpg); }
#cad_quadcept li#quadcept_edit{ background-image:url(/pipi/img/icon_quadcept2.jpg); }
#cad_quadcept li#quadcept_design{ background-image:url(/pipi/img/icon_quadcept3.jpg); }

#cad_ds li#ds_pcb{ background-image:url(/pipi/img/icon_designspark1.png);}
#cad_ds li#ds_mech{ background-image:url(/pipi/img/icon_designspark2.png);}

#cad_ds li:last-child{margin-bottom:30px;}

/* ++++++++  form  +++++++++++++++++++ */
	
.naviBox h2 + ul{ list-style:none;zoom:1; }

.naviBox h2 + ul a{
display:block;
width:185px;
padding:6px 0px 4px 15px;
line-height:1.33;
background-position:left bottom;
background-repeat:no-repeat;
list-style:none;
zoom:1;
}

.naviBox h2 + ul li.single a{ padding-top:17px; padding-bottom:17px; }

ul.subnavi{
margin-top:10px;
padding-top:12px;
background:url(../cmn_img/line_dashed_grn.gif) repeat-x left top;
list-style:none;
}


ul.subnavi li{
padding:2px 0 3px 40px;
background:url(/pipi/img/icon_arrow_right_grn.gif) no-repeat 15px 0.6em;
}






/* swf ++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */

.swfBox{
width:960px;
height:25px;
margin:0 auto;
padding:7px 0;
text-align:left;
position:relative;
background:url(/pipi/img/swfbox_bg.gif) repeat-x left top;
}

.swfBox span{
display:block;
float:left;
width:495px;
height:25px;
}


.swfBox strong{
display:block;
width:452px;
padding-right:10px;
float:right;
}




/* social widget ++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */
.social_widget {
	margin:0px 0px 5px 0px;
}
/*.social_widget * {
	float:left;
}*/


/* search +++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */

dl.search{ margin-bottom:11px;}

dl.search dt{
font-size:0;
line-height:0;
margin-bottom:5px;
}


dl.search dd input.inputSearch{
width:139px;
margin-right:5px;
border:1px solid #7f9db9;
}

dl.search dd input{ vertical-align:middle; }
dl.search dd input[type="image"]{ width:34px; height:18px;}





/* login +++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */

.loginBox{
margin-bottom:12px;
padding-bottom:8px;
line-height:1.27;
background:url(/pipi/img/login_bg.gif) no-repeat left bottom;
}

.loginBox h2{
margin-bottom:12px;
font-size:0;
line-height:0;
}


.loginBox ul.inputData{
width:160px;
margin:0 auto;
list-style:none;
}

.loginBox ul.inputData li{ padding-bottom:6px; }
.loginBox ul.inputData li label{
font-size:0;
line-height:0;
}

.loginBox ul.inputData li img{ vertical-align:bottom;}
.loginBox ul.inputData li input{ width:96px; }

.loginBox input#btLogin{
display:block;
margin:4px auto 0;
width:145px;
}


.loginBox ul.linkForget{
width:160px;
margin:0 auto 10px;
padding-bottom:10px;
list-style:none;
font-size:80%;
background:url(/pipi/img/line_dot.gif) repeat-x left bottom;
}


.loginBox ul.linkForget li{ padding-top:6px; }

.loginBox ul.linkForget li a{
padding-left:16px;
background:url(/pipi/img/icon_arrow_right.gif) no-repeat left 1px;
}


.loginBox img#btNewRegist{
display:block;
width:145px;
margin:0 auto;
font-size:0;
line-height:0;
}


/* right side banners +++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */
div.rside_banner_categories {
	margin:30px 0px 5px 0px;
}
div.rside_banner_wrapper{
	margin-bottom:10px;
}


/* memoBox ++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */
/*ログアウト画面でのみ使われている*/
.memoBox{ padding-bottom:18px; }





/* magazine +++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */

.magazineBox{ 
margin-bottom:21px;
font-size:80%;
}

.magazineBox p{
width:162px;
margin:0 auto 7px;
}
.magazineBox p input{ vertical-align:middle; }
.magazineBox p input[type="text"]{
width:121px;
margin-right:5px;
border:1px solid #7f9db9;
}


.magazineBox p input[type="image"]{ width:34px; height:18px; }

.magazineBox ul{
width:162px;
margin:0 auto;
list-style:none;
}
.magazineBox li a{
padding-left:16px;
background:url(/img/common/icon_arrow_right_org.gif) no-repeat left 1px;
}



/* mobile +++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++ */
.qrCodeBox{ font-size:80%; }

.qrCodeBox p{
width:162px;
margin:5px auto 7px;
}

.qrCodeBox p img{
display:block;
width:110px;
margin:5px auto 0;
}