@import url("common.css");
/*
background: url(img/) no-repeat left top;
*/
.contents h2{
text-indent:-999px;
width:530px;
height:45px;
paddign:0px;
margin:0px auto 7px;
}

/*----------- index.html ----------*/


#index{
background: url(img/index/new_index_01.jpg) no-repeat center top;
height:250px;
padding:10px 0px 0px;
width:530px;
margin:0px auto;
}
/*--- #indexmain ---*/
#index #indexmain{
width:528px;
margin:0px auto;
}

#index #indexmain *{
text-indent:-9999px;
list-style:none;
}

#index #indexmain h2{
width:512px;
height:75px;
margin:0px auto;
/*background: url(img/index/bn_main.jpg) no-repeat left top;*/
}
#index #indexmain p{
}

#index #indexmain p#text01{
background: url(img/index/tx_01.gif) no-repeat center top;
width:500px;
height:20px;
margin:10px auto 0px;
padding:0px 0px 5px;
border-style:dotted;
border-width:0px 0px 1px;
border-color:#d0d0d0;}

#index #indexmain p#text02{
background: url(img/index/tx_02.gif) no-repeat center center;
width:500px;
height:25px;
border-style:dotted;
border-width:1px 0px;
border-color:#d0d0d0;
margin-left:auto;
margin-right:auto;}

#index #indexmain h3{
height:40px;
width:500px;
margin:0px auto 5px;
background: url(img/index/bn_main2.gif) no-repeat center bottom;
}
#index #indexmain ul{
width:485px;
height:45px;
margin:5px auto 0px;
background: url(img/index/bn_main2.gif) no-repeat center top;
}
#index #indexmain li{display:inline;}

#indexmain2{
width:530px;
height:395px;
margin:0px auto;
}

#indexmain2 *{
text-indent:-9999px;
list-style:none;
}

#indexmain2 h3{
width:530px;
height:395px;
margin:0px;
background: url(img/index/new_index_02.jpg) no-repeat left top;
}

#new_index ul{
padding:20px 0px 10px 25px;
height:110px;
}

#new_index p{
clear:both;
padding:0px 0px 0px 25px;
}

#new_index li{
list-style:none;
padding-right:18px;
width:110px;
height:110px;
float:left;
}


/*--- #indexsub ---*/
#indexsub{
background: url(img/index/bg_indexmain_bt.gif) no-repeat center top;
padding:17px 0px 0px;
}
#indexsub h3{
height:98px;
background: url(img/index/bn_sub.jpg) no-repeat center top;
text-indent:-999px;
}
#indexsub div{
float:left;
width:260px;
padding:5px 5px 5px 0px;
height:150px;}

#indexsub div *{
font-size:12px;
letter-spacing:1px;
color:#333;
}


#indexsub h4 a{
text-indent:-999px;
display:block;
width:259px;
height:22px;
margin:0px 0px 5px;
outline:none;}

#indexsub li{display:inline;list-style:none;}


#indexsub #memoposter h4{
background: url(img/index/hd_poster.gif) no-repeat left top;
}
#indexsub #memoposter{
background: url(img/index/img_poster.jpg) no-repeat 150px 65px;
}
#indexsub #memoposter ul{
text-indent:-9999px;
background: url(img/index/tx_poster.gif) no-repeat 5px 5px;
height:61px;
}
#indexsub #memopanel h4{
background: url(img/index/hd_panel.gif) no-repeat left top;
}
#indexsub #memopanel{
background: url(img/index/img_panel.jpg) no-repeat 150px 65px;
}
#indexsub #memopanel ul{
text-indent:-9999px;
background: url(img/index/tx_panel.gif) no-repeat 5px 5px;
height:60px;
}
#indexsub #memonyukou{width:530px;
height:110px;
}

#indexsub #memonyukou h4{
background: url(img/index/hd_nyukou.gif) no-repeat left top;
}


#indexsub #memonyukou dt{
background: url(img/index/img_nyukou.gif) no-repeat;
height:75px;width:230px;
float:right;
position:relative;
right:20px;
}
#indexsub #memonyukou dt a{height:75px;width:230px;
display:block;
text-indent:-999em;
}

#indexsub #memonyukou dd{
height:60px;width:230px;
line-height:1.5;
float:left;
}


#indexsub .jumplnk{
}

#indexsub .jumplnk *{
display:block;
text-align:left;
margin:10px 0px 0px auto;
width:96px;
height:15px;
background: url(img/index/lnk_jump.gif) no-repeat left top;
text-indent:-9999px;
outline:none;
filter: alpha(opacity=100); 
opacity:1;}

#indexsub .jumplnk a:hover{
filter: alpha(opacity=80); 
opacity:0.8;}

#indexsub #memohatchu .jumplnk *{
display:block;
text-align:left;float:right;
margin:10px 0px 0px auto;
width:110px;
height:24px;
background: url(img/index/lnk_pdf.gif) no-repeat left top;
text-indent:-9999px;
outline:none;}

/*-- poster --*/
#poster h2{background: url(img/poster/hd_contents.gif) no-repeat left top;}
#poster .sub2{
background: url(img/poster/img001.jpg) no-repeat left top;
height:130px;
}
#poster p#gripcolor{
color:#c00;
font-size:12px;
background: url(img/poster/img002.jpg) no-repeat left top;
padding:120px 0px 0px;}

#new_poster{
font-size:11px;
margin:-8px 0px 15px 5px;
color:#C00;
}
#new_poster_img{
padding-top:-20px;
margin:0px 0px 0px 5px;
}

.poster_seal {
height:120px;
background: url(img/laminat/img_laminater.jpg) no-repeat 300px ;
}
.poster_seal p{
width:270px;
}

/*-- panel.html --*/
#panel h2{
background: url(img/panel/hd_contents2.gif) no-repeat left top;
text-indent:-999px;
}
#panel .sub2{
background: url(img/panel/img001.jpg) no-repeat left top;
height:130px;
}
#panel #imgmodel{padding:0px 240px 0px 0px;
background: url(img/panel/img_model.jpg) no-repeat  right top;
height:140px;}

#panel #imgmodel2{
padding:5px;
}

#panel #imgmodel2 p{
background: url(img/panel/new_panel.jpg) no-repeat  right top;
}

#panel #imgmodel3{
padding:0px 240px 0px 0px;
background: url(img/panel/img_model3.jpg) no-repeat  right top;
height:140px;
}

#panel #imgmodel4{
padding-bottom:50px;
padding-right:250px;
background: url(img/panel/img_laminater.jpg) no-repeat right top;
}

/*--- tapestry --*/

#tapestry h2{
background: url(img/tapestry/hd_contents.gif) no-repeat left top;
text-indent:-999px;
}
#tapestry .sub1{
padding-right:310px;
background: url(img/tapestry/img001.jpg) no-repeat 200px 0px;
height:250px;
}
#tapestry .sub3{
padding-right:300px;
background: url(img/tapestry/new_tape_03.jpg) no-repeat 225px 0px;
height:180px;
}
/*
#tapestry .sub1 p{
background: url(img/tapestry/img001.jpg) no-repeat left bottom;
padding:0px 0px 173px;
}*/
#tapestry .sub2{
background: url(img/tapestry/img003.jpg) no-repeat left top;
height:130px;
}
#tapestry #roomtape{
background: url(img/tapestry/img004.jpg) no-repeat right top;
padding: 0px 130px 0px 0px;
}
#tapestry #roomtape p{
background: url(img/tapestry/img005.jpg) no-repeat center bottom;
padding: 0px 0px 100px 0px;}

#dotchi2{
height:130px;
background: url(img/tapestry/new_tape_01.jpg) no-repeat 331px;
}
#dotchi2 span{
font-weight:400;
color:#FF0000;
}
#dotchi2 p{
padding:2px 5px;
width:490px;
height:130px;
margin:0px auto;
font-size:12px;color:#666;
line-height:20px;
border:1px solid #d0d0d0;
}
#dotchi2 p strong{
color:#369;
font-weight:normal;
}

#dotchi3{
background: url(img/tapestry/new_tape_02.jpg) no-repeat 17px;
}
#dotchi3 span{
font-weight:400;
color:#FF0000;
}
#dotchi3 p{
padding:2px 5px;
width:490px;
height:148px;
margin:0px auto;
font-size:12px;color:#666;
line-height:20px;
border:1px solid #d0d0d0;
}
#dotchi3 p strong{
color:#369;
font-weight:normal;
}

#dotchi p{
padding:2px 5px;
width:490px;
margin:0px auto;
font-size:12px;color:#666;
line-height:20px;
border:1px solid #d0d0d0;
}
#dotchi p strong{
color:#369;
font-weight:normal;
}
#tapekit{
background: url(img/tapestry/tapekit.jpg) no-repeat right bottom;
padding-bottom:20px;
}

/*--- laminat ---*/
#laminat h2{
background: url(img/laminat/hd_contents.gif) no-repeat left top;
text-indent:-999px;
}
#laminat{
background: url(img/laminat/img_laminater.jpg) no-repeat 300px 40px;
}
#pauchiprice{
background: url(img/laminat/img_laminater2.jpg) no-repeat right top;
}
#laminat #imgmodel{
padding-bottom:50px;
padding-right:250px;
/*background: url(img/laminat/img_model.jpg) no-repeat bottom right;*/}
#laminat #imgmodel2{
padding:0px 0px 50px;
padding-right:240px;
background: url(img/laminat/img_model2.jpg) no-repeat top right;}

#wbord{height:550px;
background: url(img/laminat/new_laminater_lorand.jpg) no-repeat top right;}



/*--- signboard ---*/

#signboard #almi{
/*
background: url(img/signboard/img_model.jpg) no-repeat  right top;
*/
}
#signboard #almi p{
padding:0px 250px 0px 0px;
height:120px;
font-size:12px;}


#signboard #almi p.jumplnk{ padding:0px;
height:20px;}

#signboard h2{
background: url(img/signboard/hd_contents.gif) no-repeat left top;
text-indent:-999px;
}
#signboard #thum li{
list-style:none;
display:inline;
padding:5px 0px 0px 5px;}

#signboard ul#thum img{
border:1px solid #6699cc;}

#signboard ul#thum{
margin:0px 0px 0px auto;
padding:10px 0px 5px;
}

#boardlist {width:510px;}

#weights ul{
width:190px;
float:left;
margin:2px 1px 2px;
}#boardlist ul{
width:125px;
float:left;
margin:2px 1px 2px;
}

#boardlist li,#weights li{list-style:none;
font-size:12px;letter-spacing:1px;
color:#666;text-align:right;
border-bottom:1px solid #ccc;
line-height:25px;
}


#weights li.apna,#boardlist li.apna {
font-size:12px;letter-spacing:1px;
color:#333;background:#efefef;
text-align:left;
padding:0px 2px;
height:20px;
line-height:20px;
}
#weights li.apna em,#boardlist li.apna em{
font-size:10px;letter-spacing:0px;
font-style:normal;
}


#weights li.appr,#boardlist li.appr {
background: url(img/signboard/appr.gif) no-repeat left center;
color:#c00;
font-size:14px;letter-spacing:2px;}

#boardlist li.appr2{
background: url(img/signboard/appr2.gif) no-repeat left center;
color:#369;
font-size:14px;letter-spacing:2px;}

#weights li.apwe,#boardlist li.apwe{
background: url(img/signboard/apwe.gif) no-repeat left center;
color:#666;
font-size:12px;letter-spacing:2px;}
#boardlist li.apsi{
background: url(img/signboard/apsi.gif) no-repeat left center;
color:#666;
font-size:12px;letter-spacing:2px;}

#boardlist img{border:1px solid #efefef;
}
#weights{clear:both;}

#weights ul{
float:left;
}

#weights li{
padding:0px 5px 0px 0px; list-style:none;
font-size:12px;letter-spacing:2px;
color:#666;}
/*-------pricelist-------*/
#pricelist h2{
background: url(img/pricelist/hd_contents.gif) no-repeat left top;
}

#pricelist .jumplnk *{
display:block;
text-align:left;
margin:10px 0px 0px auto;
width:96px;
height:15px;
background: url(img/index/lnk_jump.gif) no-repeat left top;
text-indent:-9999px;
outline:none;
filter: alpha(opacity=100); 
opacity:1;}

#pricelist #tapekit .jumplnk *{
margin:10px 0px 0px 200px;
}

#pricelist .jumplnk a:hover{
filter: alpha(opacity=80); 
opacity:0.8;}


/*--- howto --*/
#howto h2{
background: url(img/howto/hd_contents.gif) no-repeat left top;
}
#notice h2{
background: url(img/notice/hd_contents.gif) no-repeat left top;
}
#notice ol,
#howto ol{
padding:0px 0px 0px 19px;
margin:0px 0px 0px 19px;
font-size:12px;
}
#notice dl,
#howto dl{
margin:0px;
text-indent:0px;
letter-spacing:2px;
font-size:12px;
color:#333;
}
#notice dt,
#howto dt{
font-size:14px;
color:#39c;
font-weight:bold;
}
#notice li,
#howto li{
font-weight:normal;
color:#399;
margin:0px;
text-indent:0px;
letter-spacing:2px;
font-size:12px;
line-height:18px;
font-weight:bold;
}
#notice li em,
#howto li em{
color:#c00;
font-weight:normal;
font-style:normal;

}

#notice li span.line3,
#howto li span.line3{
display:block;
color:#666;
font-weight:normal;
}

#notice li span.line2,
#howto li span.line2{
color:#333;
font-weight:normal;
}

#notice li span.line1,
#howto li span.line1{
color:#333;
font-weight:normal;
}

#dataprint strong{
width:480px;
display:block;
font-weight:normal;
font-size:12px;
}

#dataprint p{
clear:left;
font-weight:normal;
font-size:12px;
color:#666;
padding:5px;
}

#dataprint table{
margin:15px 0px 0px 56px;
}

#printnotice{clear:left;}
#printnotice strong{
display:block;border-bottom:1px solid #dcdcdc;
padding:2px;text-indent:5px;
font-weight:normal;
color:#600;}
#printnotice li.nonumber{border:1px solid #dcdcdc;
list-style:none;margin-right:auto;
width:200px;}
#printnotice ol{padding:0px 0px 10px 12px;}
#printnotice dl{
padding:2px 4px 0px;
}
#printnotice dt,#printnotice dd{
font-weight:normal;
font-size:12px;
display:inline;}

#datanotice dl{
width:500px;
padding:0px 0px 20px 5px;
}

#datanotice dd{
padding:2px 0px 0px 0px;
}

#datanotice dt{
border-bottom:1px solid #d0d0d0;
padding:0px 0px 5px 0px;}

#howto div#stepguide span.line3{
border-top:1px solid #ccc;
}

#howto div#stepguide li{
padding-bottom:50px;
background: url(img/howto/stepguide.gif) no-repeat center bottom;
}
#howto div#stepguide li#last{
padding-bottom:0px;
background: url(none) no-repeat center bottom;
}

#howto div#priceTable{
width:510px;
height:90px;
padding:10px;
}

#howto #souRyo{
float:left;
}
#howto #tesuuRyo{
float:right;
}

#howto .priceList{
width:250px;
background:#36f;
}

#howto .priceList h4{
background:#36f;
padding:5px;
color:#fff;
font-size:12px;
}
#howto .priceList p{
background:#fff;
border-width:0px 1px 1px;
border-style:solid;
border-color:#36f;
padding:2px;text-align:center;
font-size:10px;
color:#333;
}
#howto .priceList table{
border-collapse:collapse;
width:248px;
margin:0px auto;
}
#howto .priceList td{
background:#fff;width:60px;
border-bottom:1px solid #36f ;
text-align:center;
padding:2px 0px;
color:#f00;
font-size:12px;
}
#howto .priceList th{
border-right:1px solid #36f ;
border-bottom:1px solid #36f ;
background:#fff;
text-align:left;
padding:2px 0px 2px 10px;
font-weight:normal;
font-size:12px;
color:#333;
}

#howto .priceList span{
color:#999;
font-weight:normal;
}

#howto .priceList h4 span{
color:#fff;
font-weight:normal;
font-size:10px;
}

#howto ol#wayof{
padding:0px;
margin:0px auto;
width:425px;
height:390px;
}

#howto li#wayof01{
border:3px double #360;
margin:2px;
list-style:none;
height:180px;
width:200px;float:left;
text-indent:-999999px;text-align:left;
background: url(img/howto/wayof01.gif) no-repeat center center;;
}

#howto li#wayof01 a{
display:block;
width:100%;
height:100%;
}
#howto li#wayof02{
border:3px double #369;
margin:2px;
list-style:none;
height:180px;
width:200px;
float:right;
text-indent:-999999px;text-align:left;
background: url(img/howto/wayof02.gif) no-repeat center;
}


#howto li#wayof02 a{
display:block;
width:100%;
height:100%;
}

#howto li#wayof03{
clear:both;
border:3px double #f00;
margin:2px;
list-style:none;
height:180px;
width:200px;
float:left;
text-indent:-999999px;text-align:left;
background: url(img/howto/wayof03.gif) no-repeat;
}

#howto li#wayof03 strong{
display:block;
width:100%;
height:100%;
}
#howto li#wayof04{
border:3px double #c90;
margin:2px;
list-style:none;
height:180px;
width:200px;
float:right;
text-indent:-999999px;text-align:left;
background: url(img/howto/wayof04.gif) no-repeat;
}
#howto li#wayof04 a{
display:block;
width:100%;
height:100%;
}

.caution span{
display:block;
border:3px double #f00;
line-height:20px;
padding:0px 5px;
}

dt#il{
padding-left:40px;
line-height:40px;
background: url(img/notice/il.jpg) no-repeat;
}
dt#ps{
padding-left:40px;
line-height:40px;
background: url(img/notice/ps.jpg) no-repeat;
}

#last strong{
color:#39f;
}

#linkbot{
width:520px;
height:90px;
margin:0px auto;
}

#linkbot li{
list-style:none;
width:255px;
height:85px;
}
#linkbot li a{
display:block;
text-indent:-999em;
width:255px;
height:85px;
}
#linkbot01{
float:left;
background: url(img/notice/linkbot_01.gif) no-repeat left top;
}
#linkbot02{
float:right;
background: url(img/notice/linkbot_02.gif) no-repeat left top;
}

/* ------FAQ-------- */
#faq h2{
background: url(img/faq/hd_contents.gif) no-repeat left top;
}
#faq dl{
border-width:1px 1px 0px;
border-style:solid;
border-color:#d0d0d0;
margin:0px 0px 20px;}
#faq dt{
border-width:0px 0px 1px;
border-style:dotted;
border-color:#d0d0d0;
background:#efefef url(img/faq/ico_q.gif) no-repeat left top;
padding:5px;
font-size:12px;
letter-spacing:1px;
text-indent:23px;
color:#396;}
#faq dd{
border-width:0px 0px 1px;
border-style:solid;
border-color:#d0d0d0;
padding:5px 5px 5px 28px;
background:#fff url(img/faq/ico_a.gif) no-repeat left center;
color:#666;
letter-spacing:1px;
font-size:12px;}

/* ------corporat-------- */
#corporat h2{
background: url(img/corporat/hd_contents.gif) no-repeat left top;
}

/* ------ law -------- */
#law h2{
background: url(img/law/hd_contents.gif) no-repeat left top;
}

/*--------------------rss------------------*/
#orfeed {
width:536px;
position:relative;
height:120px;
background:url(img/index/feed_02.gif) no-repeat 4px 23px; 
}

#orfeed h3{
padding: 0px 0px 0px 4px;
}

#feedBurnerFeedBlock{
color:#751E2B;}

#feedBurnerFeedBlock p.feedTitle {
text-align:left; 
color: #336699; }

#feedBurnerFeedBlock ul { 
margin: 0; 
padding: 3px 0px 0px 0px; }

#feedBurnerFeedBlock li { 
background:url(img/index/feed_03.gif) no-repeat 13px 3px; 
width:440px;
height:21px;
color:#282828;
margin: 0px; 
line-height:18px;
padding: 0px 0px 8px 25px; }

#feedBurnerFeedBlock li .date { 
display: inline; 
color:#F55C10;
font-size:12px;
padding-left:10px; }

#feedBurnerFeedBlock a:link { 
font-size: 12px; 
color:#282828;
text-decoration: none; }

#feedBurnerFeedBlock a:visited { 
font-size: 12px; 
color:#282828;
text-decoration: none; }

#feedBurnerFeedBlock a:hover {
 font-size: 12px;
 color: #f00; 
text-decoration: underline; 
font-weight:normal; }

#feedBurnerFeedBlock a:active {
 font-size: 12px; 
color: #C7232C;
 text-decoration: underline; 
font-weight:normal; }

#feedBurnerFeedBlock div#creditfooter {
background:#fff;
width:86px;
height:20px;
position:absolute;
top:90px;
right:5px;}