/*グラデーションBOX*/
.feature .gradationBox {
width: 700px; 
margin-bottom: 15px; 
clear: both; 

}

.feature .gradationBox .top {
width: 700px; 
height: 10px; 
background: url(http://www.pierna.jp/products/common_images/frame_top.jpg) center bottom no-repeat; 
float: left; 
}

.feature .gradationBox .middle {
width: 698px; 
border-left: 1px solid #ccc; 
border-right: 1px solid #ccc; 
background: url(http://www.pierna.jp/products/common_images/frame_middle.jpg) center top repeat-x; 
float: left; 
}

.feature .gradationBox .bottom {
width: 700px; 
height: 10px; 
background: url(http://www.pierna.jp/products/common_images/frame_bottom.jpg) center top no-repeat; 
float: left; 
}

.feature .gradationBox .middle .logo img {
margin: 0 20px; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

.feature .gradationBox .middle h3 {
font-size: 117%; 
color: #444; 
font-weight: bold; 
margin: 0 10px 0.25em 0; 
color: #444; 
text-shadow: #ddd 2px 2px 2px; 
}

.feature .gradationBox .middle p {
line-height: 1.4em; 
}

.feature .gradationBox table .text p {
margin-right: 10px; 
line-height: 1.4em; 
}

/* ==================================================
=メインPhアニメ
================================================== */
.feature .mainPh {
width: 700px; 
height: 525px; 
position: relative; 
margin-bottom: 7px; 
margin-top: -5px; 
overflow: hidden; 
}

.feature .mainPhUnit {
width: 700px; 
height: 665px !important; 
position: relative; 
margin-bottom: 7px; 
margin-top: -5px; 
overflow: hidden; 
}

/*ショップリストボタン*/
.feature .mainPh .shopListBtn {
position: absolute; 
z-index: 202; 
left: 456px; 
top:474px; 
}

.feature .mainPhUnit .shopListBtn {
position: absolute; 
z-index: 202; 
left: 456px; 
top:614px !important; 
}

.feature .mainPh .shopListBtn img , 
.feature .mainPhUnit .shopListBtn img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*在庫表示*/
.feature .mainPh .stock , 
.feature .mainPhUnit .stock {
position: absolute; 
z-index: 200; 
top:20px; 
left: 20px; 
width: 276px; 
height: 96px; 
}

.feature .mainPh .stock img , 
.feature .mainPhUnit .stock img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*他の写真*/
.feature .mainPh .thumbnailsTitle {
position: absolute; 
display: block; 
top:482px; 
left: 20px; 
z-index: 201; 
font-weight: bold; 
letter-spacing: 0.1em; 
color: #444; 
font-size: 117%; 
text-shadow: #ddd -1px -1px 1px; 
}

.feature .mainPhUnit .thumbnailsTitle {
position: absolute; 
display: block; 
top:622px; 
left: 20px; 
z-index: 201; 
font-weight: bold; 
letter-spacing: 0.1em; 
color: #444; 
font-size: 117%; 
text-shadow: #ddd -1px -1px 1px; 
}

/*マスク*/
.feature .mainPh .mask {
width: 700px; 
height: 463px; 
position: absolute; 
top:0px; 
left: 0px; 
background: transparent url(../common_images/main_ph_mask.png) center top no-repeat; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
z-index: 500; 
}

.feature .mainPhUnit .mask {
width: 700px; 
height: 603px; 
position: absolute; 
top:0px; 
left: 0px; 
background: transparent url(../common_images/unit_ph_mask.png) center top no-repeat; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
z-index: 500; 
}

/*サムネイルback*/
.thumbnailsBack {
width: 700px; 
height: 52px; 
display: block; 
background: url(../common_images/main_ph_thumbnails_bg.jpg) center top no-repeat; 
padding-top: 10px; 
}

#nav {
margin: 0 0 0 95px; 
}

#nav li { 
float: left; 
list-style: none 
border: 1px solid #000; 
margin: 0 10px 0 0; 
}

#nav a:link, 
#nav a:visited  { 
display: block;
background: transparent; 
}

#nav a:link img, 
#nav a:visited img {
filter: alpha(style=0, opacity=50); 
opacity: 0.5;
}

#nav a.activeSlide { 
background: transparent; 
}

#nav a.activeSlide img {
filter: alpha(style=0, opacity=100); 
opacity: 1;
}

#nav a:focus {
outline: none; 
background: transparent; 
}


.feature .mainPh .stock img {

}

.feature .listBtnBottom {
text-align: right; 
}

.feature .listBtnBottom img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*.feature .mainPh .mask {
width: 700px; 
height: 463px; 
position: absolute; 
top:0px; 
left: 0px; 
background: transparent url(../common_images/main_ph_mask.png) center top no-repeat; 

z-index: 500; 
}*/

/*合わせて使いたいアイテム*/
.additionalItem {
display: block; 
border-top: 1px solid #ddd; 
border-bottom: 1px solid #ddd; 
padding: 10px; 
margin: 20px 0; 
width: 680px; 
background: #f4f4f4; 
}

.additionalItem .additionalTitle {
float: left; 
display: block; 
margin-top: 15px; 
font-weight: bold; 
letter-spacing: 0.1em; 
color: #444; 
font-size: 117%; 
text-shadow: #ddd -1px -1px 1px; 
}

.additionalItem ul {
float: right; 
}

.additionalItem li {
float: left; 
margin: 0; 
}

.additionalItem li a {
clear: both; 
display: block; 
width: 116px; 
height: 48px; 
text-indent: -9999px; 
cursor: pointer; 
}

.additionalItem li#hanger a {
background: url(../common_images/hanger_icon.png) center top no-repeat; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*.additionalItem li#hanger a:link {
filter: alpha(style=0, opacity=50); 
opacity: 0.5; 
}

.additionalItem li#hanger a:hover {
filter: alpha(style=0, opacity=100); 
opacity: 1; 
}*/

.additionalItem li#wagon a {
background: url(../common_images/wagon_icon.png) center top no-repeat; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*.additionalItem li#wagon a:link {
filter: alpha(style=0, opacity=50); 
opacity: 0.5; 
}

.additionalItem li#wagon a:hover {
filter: alpha(style=0, opacity=100); 
opacity: 1; 
}*/

.additionalItem li#shelf a {
background: url(../common_images/shelf_icon.png) center top no-repeat; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*.additionalItem li#shelf a:link {
filter: alpha(style=0, opacity=50); 
opacity: 0.5; 
}

.additionalItem li#shelf a:hover {
filter: alpha(style=0, opacity=100); 
opacity: 1; 
}*/

.additionalItem li#plume a {
background: url(../common_images/plume_icon.png) center top no-repeat; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*.additionalItem li#plume a:link {
filter: alpha(style=0, opacity=50); 
opacity: 0.5; 
}

.additionalItem li#plume a:hover {
filter: alpha(style=0, opacity=100); 
opacity: 1; 
}*/

/*1コラム*/
.feature .gradationBox .oneColumn {
width: 678px; 
margin: 0 auto; 
overflow: hidden; 
}

.feature .gradationBox .oneColumn li {
display: block; 
padding: 0 20px; 
width: 638px; 
float: left; 
}

.feature .gradationBox .oneColumn li h3 {
text-align: left !important; 
}

.feature .gradationBox .oneColumn .variation table {
/*width: 678px; */
}

.feature .gradationBox .oneColumn .variation table th {
/*width: 339px; */
}

.feature .gradationBox .oneColumn .variation table td {
vertical-align: bottom; 
position: relative; 
}

.feature .gradationBox .oneColumn .variation table td#spacer {
width: 20px; 
}

.feature .gradationBox .oneColumn .variation table td p {
display: block; 
margin: 0 10px 0 0; 
}

.feature .gradationBox .oneColumn .variation table td img {
/*margin: 0 10px; */
}

.feature .gradationBox .oneColumn .variation table th .notice {
font-weight: normal;
text-indent:0; 
margin: 0; 
margin-bottom: 10px; 
border: 1px none #000 !important; 
}

/*2コラム*/
.feature .gradationBox .twoColumn {
width: 678px; 
margin: 0 auto; 
padding-bottom: 10px; 
background:  url(http://www.pierna.jp/products/common_images/two_column_line.gif) center top repeat-y; 
}

.feature .gradationBox .twoColumn li {
display: block; 
padding: 0 20px; 
width: 299px; 
float: left; 
}

/*変則2コラム*/
.feature .gradationBox .twoColumnNonstanderd {
width: 696px; 
margin: 0 auto; 
padding-bottom: 10px; 
background:  url(http://www.pierna.jp/products/common_images/two_non_column_line.gif) center top repeat-y; 
}

.feature .gradationBox .twoColumnNonstanderd li#small {
display: block; 
padding: 0 10px; 
width: 212px; 
float: left; 
}

.feature .gradationBox .twoColumnNonstanderd li#large {
display: block; 
padding: 0 10px; 
width: 444px; 
float: left; 
}

/*3コラム*/
.feature .gradationBox .threeColumn {
width: 696px; 
margin: 0 auto; 
padding-bottom: 10px; 
background: url(http://www.pierna.jp/products/common_images/three_column_line.gif) center top repeat-y; 
}

.feature .gradationBox .threeColumnNoline {
width: 696px; 
margin: 0 auto; 
padding-bottom: 10px; 
background: none; 
}

.feature .gradationBox .threeColumn li ,
.feature .gradationBox .threeColumnNoline li {
display: block; 
padding: 0 20px; 
width: 192px; 
float: left; 
overflow: hidden; 
}

/*変則3コラム*/
.feature .gradationBox .threeColumnNonstanderd {
width: 696px; 
margin: 0 auto; 
padding-bottom: 10px; 
background: url(http://www.pierna.jp/products/common_images/three_non_column_line.gif) center top repeat-y; 
}

.feature .gradationBox .threeColumnNonstanderd li#large {
display: block; 
padding: 0 10px; 
width: 328px; 
float: left; 
}

.feature .gradationBox .threeColumnNonstanderd li#small {
display: block; 
width: 154px; 
padding: 0 10px; 
float: left; 
}

/*4コラム*/
.feature .gradationBox .fourColumn {
width: 696px; 
margin: 0 auto; 
padding-bottom: 10px; 
background:  url(http://www.pierna.jp/products/common_images/four_column_line.gif) center top repeat-y; 
}

.feature .gradationBox .fourColumn li {
display: block; 
width: 154px; 
padding: 0 10px; 
float: left; 
}

/*変則4コラム*/
.feature .gradationBox .fourColumnNonstanderd {
width: 696px; 
margin: 0 auto; 
background:  url(http://www.pierna.jp/products/common_images/four_non_column_line.gif) center top repeat-y; 
}

.feature .gradationBox .fourColumnNonstanderd li#small {
display: block; 
width: 154px; 
padding: 0 10px; 
float: left; 
}

.feature .gradationBox .fourColumnNonstanderd li#large {
display: block; 
width: 502px; 
padding: 0 10px; 
float: left; 
}

.feature .gradationBox .fourColumnNonstanderd li#large .threeColumn {
width: 502px; 
background: none; 
}

.feature .gradationBox .fourColumnNonstanderd li#large .threeColumn .price {
width: 167px; 
float: left; 
text-align: center; 
}




/*共通*/
.feature .gradationBox  h2 , 
.feature .gradationBox .oneColumn li h3 , 
.feature .gradationBox .twoColumn li h3 , 
.feature .gradationBox .twoColumnNonstanderd li h3 , 
.feature .gradationBox .threeColumn li h3 , 
.feature .gradationBox .threeColumnNonstanderd li h3 , 
.feature .gradationBox .fourColumn li h3 , 
.feature .gradationBox .fourColumnNonstanderd li h3 , 
.feature .gradationBox .threeColumnBroken li h3 {
color: #222; 
text-shadow: #ddd 2px 2px 2px; 
text-align: center; 
font-size: 117%; 
margin: 0; 
margin: 10px 0; 
line-height: 1.4em; 
overflow: hidden; 
}

.feature .gradationBox .oneColumn li p , 
.feature .gradationBox .twoColumn li p , 
.feature .gradationBox .twoColumnNonstanderd li p , 
.feature .gradationBox .threeColumn li p , 
.feature .gradationBox .threeColumnNonstanderd li p , 
.feature .gradationBox .fourColumn li p , 
.feature .gradationBox .fourColumnNonstanderd li p,
.feature .gradationBox .threeColumnBroken li p {
text-align: left; 
line-height: 1.8em; 
display: block; 
margin: 0 0 1em 0; 
}

.feature .gradationBox .oneColumn li .notice , 
.feature .gradationBox .twoColumn li .notice , 
.feature .gradationBox .twoColumnNonstanderd li .notice , 
.feature .gradationBox .threeColumn li .notice , 
.feature .gradationBox .threeColumnNonstanderd li .notice , 
.feature .gradationBox .fourColumn li .notice , 
.feature .gradationBox .fourColumnNonstanderd li .notice,
.feature .gradationBox .threeColumnBroken li .notice {
font-size: 84%; 
display: block; 
margin: 1em 0 0 0; 
text-indent: -1em; 
border: 1px none #000 !important; 
}

.feature .gradationBox li .price , 
.feature .gradationBox .oneColumn .alsos .price, 
.feature .gradationBox .oneColumn .stella .price {
display: block; 
text-align: center; 
color: #333; 
margin: 10px 0 0 0; 
}

.feature .gradationBox .oneColumn .alsos th, 
.feature .gradationBox .oneColumn .stella th {
font-weight: normal; 
width: 25%; 
text-align: left !important; 
}

.feature .gradationBox .oneColumn .stella table.fiveCell {
margin-top: 15px; 
}

.feature .gradationBox .oneColumn .stella table.fiveCell  th {
width: 24%; 
}

.feature .gradationBox .oneColumn .alsos td,
.feature .gradationBox .oneColumn .stella td {
width: 25%; 
}

.feature .gradationBox .oneColumn .stella table.fiveCell td {
width: 19%; 
}

.feature .gradationBox .oneColumn .alsos td.copy,
.feature .gradationBox .oneColumn .stella td.copy {
width: 75%; 
}

.feature .gradationBox .oneColumn .alsos .price,
.feature .gradationBox .oneColumn .stella .price {
text-align: left; 
margin: 0; 
}

.feature .gradationBox li .price .withTax , 
.feature .gradationBox .oneColumn .alsos .price .withTax, 
.feature .gradationBox .oneColumn .stella .price .withTax {
display: inline; 
font-weight: bold; 
font-size: 117%; 
}

.feature .gradationBox li .price .net , 
.feature .gradationBox .oneColumn .alsos .price .net, 
.feature .gradationBox .oneColumn .stella .price .net {
display: inline; 
font-weight: normal; 
font-size: 100%; 
}

.feature .gradationBox .threeColumnNonstanderd li .twoClumn {
width: 320px; 
}

.feature .gradationBox .threeColumnNonstanderd li .twoClumn .price {
width: 160px; 
float: left; 
}

.feature .gradationBox .oneColumn .bedDeskFeature {
position: relative; 
width: 640px; 
height: 240px; 
}

.feature .gradationBox .oneColumn .bedDeskFeature h4 {
font-weight: bold; 
font-size: 117%; 
margin-bottom: 5px; 
} 

.feature .gradationBox .oneColumn .bedDeskFeature p {
font-size: 84%; 
line-height: 1.4em; 
} 

.feature .gradationBox .oneColumn .bedDeskFeature .desk {
position: absolute; 
top:145px; 
left: 0px; 
width: 112px; 
}

.feature .gradationBox .oneColumn .bedDeskFeature .chest {
position: absolute; 
top:145px; 
left: 129px; 
width: 90px; 
}

.feature .gradationBox .oneColumn .bedDeskFeature .bedShelf {
position: absolute; 
top:185px; 
left: 238px; 
width: 190px; 
}

.feature .gradationBox .oneColumn .bedDeskFeature .notice {
position: absolute; 
top:97px; 
left: 566px; 
width: 74px; 
font-size: 84%; 
text-indent: 0; 
border: 1px none #000 !important; 
}

.horizontalLine {
border-bottom: 1px solid #ccc !important; 
margin: 10px 20px !important; 
}

.feature .gradationBox h4 {
margin-bottom: 1em; 
color: #222; 
font-weight: normal; 
}

.feature .gradationBox #tab {
border-bottom: 2px solid #ccc; 
padding-left: 5px; 
}

.feature .gradationBox #tab li {
display: inline; 
float: left; 
border: 1px solid #ccc; 
border-bottom: 1px none #000; 
padding: 5px 10px; 
margin-right: 5px; 
}

div#javascript_tab_sample ul#tab li.selected {
background-color:#888;
color: #fff; 
}

#javascript_tab_sample {
margin: 10px 20px; 
}

.fazelStyleTable table {

}

.fazelStyleTable table th , 
.fazelStyleTable table td {
padding: 10px; 
font-weight: normal; 
line-height: 1.6em; 
}

.fazelStyleTable table td {
text-align: center; 
}

.fazelStyleTable table td.line {
width: 1px; 
height: 1px; 
background: #ccc; 
padding: 0; 
}

.feature .gradationBox .threeColumn h4 {
margin: 0px; 
padding: 0px; 
font-weight: bold; 
} 

/*アルソス*/
.feature .gradationBox .oneColumn .alsos .logo {
border-top: 1px solid #ccc; 
margin-top: 10px; 
padding-top: 10px; 
color: #222; 
}

.feature .gradationBox .oneColumn .alsos .logo img {
margin: 0; 
padding: 0; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

.feature .gradationBox .oneColumn .alsos .logo table#logoAndCopy {
text-align: left; 
font-size: 120%; 
font-weight: bold; 
margin-bottom: 15px; 
}

.feature .gradationBox .oneColumn .alsos .logo table#logoAndCopy th {
width: 140px; 
text-align: left; 
}

.feature .gradationBox .oneColumn .alsos .logo table#logoAndCopy td {
text-align: left; 
}

.feature .gradationBox .oneColumn .alsos table {
width: 100%;
color: #000; 
}

.feature .gradationBox .oneColumn .alsos table th {
vertical-align: bottom; 
}

.feature .gradationBox .oneColumn .alsos table td {
text-align: center; 
font-size: 84%; 
}


/* ==================================================
=フィット
================================================== */
.fitWrapper {

}

.fitWrapper .left , 
.fitWrapper .right {
float: left; 
}

.fitWrapper .left {
width: 117px; 
margin-right: 50px; 
}

.fitWrapper .right {
width: 130px; 
}

.slideshowFit div {
text-align: center; 
}

.slideshowFit div div {
text-align: center; 
display: block; 
border: 1px solid #000; 
}

/* ==================================================
=コトハ
================================================== */
.cotohaCombiEx li .wrapper {

}

.cotohaCombiEx img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

.cotohaCombiEx li .wrapper .leftCol {
float: left; 
position: relative; 
height: 290px; 
margin-top: 10px; 
}

.cotohaCombiEx li .wrapper .rightCol {
float: right; 
width: 200px; 
height: 300px; 
background: #F1F7D4; 
position: relative; 
}

.cotohaCombiEx li .wrapper .leftCol div, 
.cotohaCombiEx li .wrapper .rightCol h4, 
.cotohaCombiEx li .wrapper .rightCol p {
position: absolute; 
}

.cotohaCombiEx li .wrapper .leftCol div.text01 {
top:225px; 
left: 20px; 
width: 200px; 
}

.cotohaCombiEx li .wrapper .leftCol div.text02 {
top:245px; 
left: 230px; 
width: 190px; 
}

.cotohaCombiEx li .wrapper .leftCol div.text03 {
top:195px; 
left: 0px; 
width: 160px; 
}

.cotohaCombiEx li .wrapper .leftCol div.text04 {
top:240px; 
left: 160px; 
width: 280px; 
}

.cotohaCombiEx li .wrapper .leftCol div.text05 {
top:190px; 
left: 10px; 
width: 160px; 
}

.cotohaCombiEx li .wrapper .leftCol div.text06 {
top:230px; 
left: 190px; 
width: 240px; 
}

.cotohaCombiEx li .setNotice {
margin-top: 10px; 
display: block; 
font-size: 91%; 
position: absolute; 
left: 0px; 
top: 270px; 
color: #e00; 
font-weight: bold; 
}

.cotohaCombiEx li .wrapper .rightCol img {
position: absolute; 
top:20px; 
}

.cotohaCombiEx li .wrapper .rightCol h4 {
top:5px; 
left: 10px; 
font-weight: bold; 
}

.cotohaCombiEx li .wrapper .rightCol p {
top:25px; 
left: 10px; 
width: 180px; 
font-size: 84%; 
line-height: 1.6em; 
}

.cotohaCombiEx li strong {
font-size: 117%; 
}

.gradationBox li.cotoha .oneColTitle h3 {
text-align: center; 
/*width: 698px; */
display: block; 
}

.gradationBox li.cotoha .threeColumn {
background: none; 
}

.gradationBox li.cotoha .withLine {
background: url(http://www.pierna.jp/products/common_images/three_column_line.gif) center top repeat-y !important; 
}

/* ==================================================
=ソラノII
================================================== */

.gradationBox li.sorano_ii .fourColumn {
background: none; 
}

.gradationBox li.sorano_ii .oneColTitle h3 {
text-align: center; 
/*width: 698px; */
display: block; 
}

/* ==================================================
=ソラノprettia
================================================== */

.gradationBox li.prettia .fourColumn {
background: none; 
}

.gradationBox li.prettia .oneColTitle h3 {
text-align: center; 
/*width: 698px; */
display: block; 
}


/* ==================================================
=ステラ
================================================== */
.feature .gradationBox .oneColumn .stella {
color: #000; 
}

.feature .gradationBox .oneColumn .stella .logo {
border-top: 1px solid #ccc; 
margin-top: 10px; 
padding-top: 10px; 
color: #222; 
}

.feature .gradationBox .oneColumn .stella .logo img {
margin: 0; 
padding: 0; 
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

.feature .gradationBox .oneColumn .stella .logo table#logoAndCopy {
text-align: left; 
font-size: 120%; 
font-weight: bold; 
margin-bottom: 15px; 
}

.feature .gradationBox .oneColumn .stella .logo table#logoAndCopy th {
width: 140px; 
text-align: left; 
}

.feature .gradationBox .oneColumn .stella .logo table#logoAndCopy td {
text-align: left; 
}

.feature .gradationBox .oneColumn .stella table {
width: 100%;
color: #000; 
}

.feature .gradationBox .oneColumn .stella table th {
vertical-align: bottom; 
}

.feature .gradationBox .oneColumn .stella table td {
text-align: center; 
font-size: 84%; 
}

.feature .gradationBox .oneColumn .stella em {
font-weight: bold; 
}

.feature .gradationBox .oneColumn .stella .material {
margin: 0 0 5px 0; 
display: block; 
position: relative; 
}

.stellaNum {
display: inline; 
vertical-align: baseline; 
line-height: 1.8em; 
}


.stellaFeature dt {
float: left; 
width: 172px; 
height: 500px; 
}

.stellaFeature dd {
float: left; 
display: block; 
width: 140px; 
 height: 300px; 
margin: 0 0 0 15px; 
}

.stellaFeature dd h4 {
font-weight: bold !important; 
color: #333; 
margin: 5px 0 0 0; 
}

.stellaFeature dd.lowerBox {
border-top: 1px solid #ddd; 
margin: 10px 0 0 15px; 
padding-top: 10px; 
 height: auto; 
}

.stellaFeature dd.lowerBox .notice {
font-size: 83%; 
color: #e00; 
}

/* ==================================================
=モーダルウィンドウ
================================================== */

.modalWindow * {

}

/* =====▼モーダル共通=====*/
.modalWindow {
position: relative; 
width: 800px; 
height: 515px; 
overflow: hidden; 
text-align: left !important; 
}

/* =====▼ハンガー=====*/
.modalWindowHanger {
/* width: 800px; 
height: 500px; 
border: 1px solid #000;  */
}

.modalWindowHanger .modalTitle .header, 
.modalWindow .modalTitle .header {
background: url(../common_images/modal_title_bg_head.png) center top no-repeat; 
width: 800px; 
height: 6px; 
}

.modalWindowHanger .modalTitle .modalBody,
.modalWindow .modalTitle .modalBody,
.modalWindow .modalTitle .modalBodyPlume {
background: url(../common_images/modal_title_bg_body.png) 0 0 no-repeat; 
width: 800px; 
height: 48px; 
}

.modalWindowHanger .modalTitle .footer,
.modalWindow .modalTitle .footer {
background: url(../common_images/modal_title_bg_foot.png) center top no-repeat; 
width: 800px; 
height: 6px; 
}

.modalWindowHanger .leftCol, 
.modalWindow .leftCol {
float: left; 
width: 540px; 
height: 425px; 
margin: 10px 10px 0 0; 
}







.modalWindowHanger .leftCol .ph, 
.wagon .leftCol .ph, 
.shelf .leftCol .ph {
margin: 0 0 10px 0; 
}

.wagon .leftCol .spec {
width: 538px; 
height: 68px; 
border: 1px solid #ccc; 
position: relative; 
}

.shelf .leftCol .spec {
width: 538px; 
height: 108px; 
border: 1px solid #ccc; 
position: relative; 
}

.hanger .logo, 
.wagon .logo, 
.shelf .logo {
vertical-align: middle; 
padding: 0 15px; 
}

.hanger .lead, 
.wagon .lead, 
.shelf .lead,
.plume .lead {
width: 620px; 
vertical-align: middle; 
}

.hanger .lead h1, 
.wagon .lead h1, 
.shelf .lead h1,
.plume h1 {
margin-top: 5px; 
font-size: 117%; 
color: #333; 
}

.hanger .lead p, 
.wagon .lead p, 
.shelf .lead p,
.plume .lead p {
margin: 0px; 
}

/* ハンガー */
.hanger .rightCol {
float: left; 
width: 228px; 
height: 435px; 
margin: 10px 0 0 0; 
padding: 10px; 
border: 1px solid #ccc; 
overflow: hidden; 
}

.hanger .rightCol td {
vertical-align: top; 
}

.hanger .leftCol .spec {
width: 538px; 
height: 100px; 
border: 1px solid #ccc; 
position: relative; 
}

.hanger .spec ul {
position: relative; 
}

.hanger .spec ul li {
position: absolute; 
}

.hanger .spec ul li#ph01 {
width: 113px; 
height: 240px; 
left: 7px; 
top:-150px; 
}

.hanger .spec ul li#ph02 {
width: 113px; 
height: 240px; 
left: 133px; 
top:-150px; 
}

.hanger .spec ul li#refNum {
width: 260px; 
height: 80px; 
top:10px; 
left: 260px; 
}





/*ワゴン*/
.wagon .rightCol {
float: left; 
width: 228px; 
height: 403px; 
margin: 10px 0 0 0; 
padding: 10px; 
border: 1px solid #ccc; 
}

.wagon .rightCol td {
width: 50%; 
}

.wagon .spec ul {
position: relative; 
}

.wagon .spec ul li {
position: absolute; 
}

.wagon .spec ul li#refNum {
width: 118px; 
height: 42px; 
top:14px; 
left: 20px; 
}

.wagon .spec ul li#ph01 {
width: 168px; 
height: 163px; 
left: 186px; 
top:-105px; 
}

.wagon .spec ul li#ph02 {
width: 167px; 
height: 163px; 
left: 360px; 
top:-105px; 
}


.hanger .logo img, 
.hanger .spec ul li#ph01 img, 
.hanger .spec ul li#ph02 img, 
.wagon .logo img, 
.wagon .spec ul li#ph01 img, 
.wagon .spec ul li#ph02 img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}


/*シェルフ*/
.shelf .spec ul {
position: relative; 
}

.shelf .spec ul li {
position: absolute; 
}

.shelf .spec ul li#refNum01 {
width: 147px; 
height: 51px; 
top:29px; 
left: 23px; 
}

.shelf .spec ul li#refNum02 {
width: 147px; 
height: 51px; 
top:29px; 
left: 288px; 
}

.shelf .spec ul li#ph01 {
width: 73px; 
height: 166px; 
top:-66px; 
left: 180px; 
}

.shelf .spec ul li#ph02 {
width: 74px; 
height: 74px; 
top:12px; 
left: 443px; 
}

.shelf .rightColWrapper {
float: left; 
width: 250px; 
height: 415px; 
margin: 10px 0 0 0; 
}

.shelf .rightColWrapper .secondPh {
display: block; 
}

.shelf .rightColWrapper .rightCol {
display: block; 
width: 228px; 
height: 263px; 
margin: 10px 0 0 0; 
border: 1px solid #ccc; 
padding: 10px; 
}

.shelf .rightColWrapper .rightCol table td div {
position: relative; 
margin: 0 0 10px 0; 
}

.shelf .rightColWrapper .rightCol table td div .featureText {
position: absolute; 
top:10px; 
left: 88px; 
text-align: left; 
width: 130px; 
}

* html body .shelf .rightColWrapper .rightCol table td div .featureText {
left: 73px; 
}

.shelf .logo img, 
.shelf .spec ul li#ph01 img, 
.shelf .spec ul li#ph02 img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
}

/*プリューム*/
.plume {
width: 800px; 
}

.plume .logo {
vertical-align: middle; 
}

.plume .logo img {
behavior: url(http://www.pierna.jp/js/iepngfix.htc);
margin: 0 15px 0 15px; 
}

.plume .lead {
width: 457px; 
}

.plume .modalBodyPlume .phArea {
vertical-align: middle; 
padding: 0 15px; 
}

.plume .plumeWrapper {
width: 810px; 
margin: 5px 0 0 0; 
}

.plume .plumeWrapper .colArea{
width: 240px; 
margin: 0 10px 0 0; 
float: left; 
padding: 10px; 
}

.plume .plumeWrapper .colArea h2 {
font-size: 117%; 
font-weight: bold; 
color: #62AF2A; 
}

.plume .plumeWrapper .colArea p {
line-height: 1.4em; 
}

.plume .plumeWrapper .colArea .graph {
display: block; 
text-align: center; 
margin: 10px 0 0 0; 
}

.plume .plumeWrapper .refAndPrice {
margin: 10px 0 0 0; 
padding: 10px; 
border: 1px solid #ccc; 
}


/* ==================================================
=プリュームへリンク
================================================== */
.linkPlume {
text-align: left; 
border-top: 1px solid #ccc; 
margin-top: 5px; 
padding: 5px 0; 
margin: 0 20px; 
}

.linkPlume table {

}

.linkPlume table td {
vertical-align: middle; 
}

.linkPlume .iconLink {
padding-right: 10px; 
}

.pT20 {
padding-top: 20px; 
}

/* ==================================================
=値段、リファレンスNo
================================================== */
/*
.feature .gradationBox li {
position: relative; 
}

.feature .gradationBox li .refNum {
display: block; 
}

.feature .gradationBox li .categoryName {
display: block; 
font-weight: bold; 
}

.feature .gradationBox li .groupLed {
background: #D9EAFE; 
margin-top: 5px; 
}


.feature .gradationBox li .price , 
.feature .gradationBox .oneColumn .alsos .price {
display: block; 
text-align: center; 
color: #333; 
margin: 10px 0 0 0; 
}

.feature .gradationBox li .floatBoxAlignLeft,
.feature .gradationBox li .floatBoxAlignRight {
position: absolute; 
}

.feature .gradationBox li .floatBoxAlignLeft {
text-align: left; 
}

.feature .gradationBox li .floatBoxAlignLeft {
text-align: right; 
}
*/