/************************************************************************ all page shera styles ************************************************************************/ .clerfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden;} .clerfix { min-height:1px;} .r{color:#F00;} .o{color:#C60;} .gl{color:#999;} .r{color:#F00;} .bl{color:#099;} .p{color:#F6C;} .min{font-size:10px;} .tableLayout {border-top:1px solid #999; border-left:1px solid #999; width:100%; font-size:13px; line-height:17px;} .tableLayout th {border-right:1px solid #999; border-bottom:1px solid #999; background:#EEE; padding:5px;} .tableLayout td {border-right:1px solid #999; border-bottom:1px solid #999; padding:5px;} body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:21px; } .hover:hover img{opacity:0.8;} /************************************************************************ template styles ************************************************************************/ /* header {position:relative; z-index:2; padding-bottom:468px; border-bottom:2px #930 solid;} header.head02 { padding-bottom:310px; background:url(../img/cmd/head02.jpg) no-repeat bottom center;} */ header {position:relative; z-index:2; font-size:12px; } .headBg{background:url(../img/cmd/head01.jpg) no-repeat center bottom; padding-bottom:520px;} header.head02 .headBg{background:url(../img/cmd/head02.jpg) no-repeat center bottom; padding-bottom:312px;} header .top{width:1020px; margin:0 auto;} header .top h1{float:left;} header .top a{float:right; color:#066;} header .bottom{border-bottom:2px solid #CCC; } header .bottom p{width:1020px; height:60px; background:url(../img/cmd/headTop.jpg) no-repeat; margin:0 auto;} header .bottom a{display:block; height:60px; width:400px; text-indent:-9999px;} header nav{height:47px; overflow:hidden; background:url(../img/cmd/navBg.jpg) repeat-x; border-top:1px solid #CCC;} header nav div{width:1020px; margin:0 auto;} header nav div a{display:block; float:left; height:47px; background:url(../img/cmd/nav.jpg) no-repeat; text-indent:-9999px;} .n01{width:158px;} .n01:hover{background-position:0 -47px;} .n02{width:168px; background-position:-158px 0;} .n02:hover{background-position:-158px -47px;} .n03{width:167px; background-position:-326px 0;} .n03:hover{background-position:-326px -47px;} .n04{width:237px; background-position:-493px 0;} .n04:hover{background-position:-493px -47px;} .n05{width:126px; background-position:-730px 0;} .n05:hover{background-position:-730px -47px;} .n06{width:164px; background-position:-856px 0;} .n06:hover{background-position:-856px -47px;} #bg{background:url(../img/cmd/bg.jpg) repeat;} #main{ position:relative; z-index:1; width:1020px; margin:0 auto; background:#FFF; -webkit-box-shadow: #000 0px 0px 10px; -moz-box-shadow: #000 0px 0px 10px; box-shadow: #000 0px 0px 10px; behavior: url(/css/PIE.htc); } #contents{background:url(../img/cmd/leftColm.jpg) repeat-y left;} #leftColm{float:left; width:200px;} #leftColm a{background:url(../img/cmd/leftSprite.jpg) no-repeat; display:block;} .contactBanner{height:175px; margin:10px 6px 15px 6px; text-indent:-9999px;} .contactBanner:hover{background-position:-189px 0 !important;} .categoryh2{height:50px;background:url(../img/cmd/leftSprite.jpg) no-repeat; background-position:0 -180px !important; overflow:hidden;} .categoryh2 h2{font-size:14px; font-weight:bold; color:#FFF; padding:16px; background:none !important;} .c01 a,.c02 a,.c03 a,.c04 a,.c05 a,.c06 a,.c07 a,.c08 a,.c09 a,.c10 a,.c11 a,.c12 a{height:72px; text-indent:-9999px; margin-right:1px;} .c01 a{background-position:0 -230px !important;} .c01 a:hover{background-position:-199px -230px !important;} .c02 a{background-position:0 -302px !important;} .c02 a:hover{background-position:-199px -302px !important;} .c03 a{background-position:0 -374px !important;} .c03 a:hover{background-position:-199px -374px !important;} .c04 a{background-position:0 -446px !important;} .c04 a:hover{background-position:-199px -446px !important;} .c05 a{background-position:0 -518px !important;} .c05 a:hover{background-position:-199px -518px !important;} .c06 a{background-position:0 -590px !important;} .c06 a:hover{background-position:-199px -590px !important;} .c07 a{background-position:0 -662px !important;} .c07 a:hover{background-position:-199px -662px !important;} .c08 a{background-position:0 -734px !important;} .c08 a:hover{background-position:-199px -734px !important;} .c09 a{background-position:0 -806px !important;} .c09 a:hover{background-position:-199px -806px !important;} .c10 a{background-position:0 -878px !important;} .c10 a:hover{background-position:-199px -878px !important;} .c11 a{background-position:0 -950px !important;} .c11 a:hover{background-position:-199px -950px !important;} .c12 a{background-position:0 -1022px !important;} .c12 a:hover{background-position:-199px -1022px !important;} .menuh2{height:50px;background:url(../img/cmd/leftSprite.jpg) no-repeat; background-position:-398px 0 !important; overflow:hidden;} .menuh2 h2{font-size:14px; font-weight:bold; color:#FFF; padding:16px; background:none !important;} .menu a{height:40px; text-indent:-9999px; margin-right:1px;} .m01 a{background-position:-398px -50px !important;} .m01 a:hover{background-position:-597px -50px !important;} .m02 a{background-position:-398px -90px !important;} .m02 a:hover{background-position:-597px -90px !important;} .m03 a{background-position:-398px -130px !important;} .m03 a:hover{background-position:-597px -130px !important;} .m04 a{background-position:-398px -170px !important;} .m04 a:hover{background-position:-597px -170px !important;} .m05 a{background-position:-398px -210px !important;} .m05 a:hover{background-position:-597px -210px !important;} .m06 a{background-position:-398px -250px !important;} .m06 a:hover{background-position:-597px -250px !important;} .m07 a{background-position:-398px -290px !important;} .m07 a:hover{background-position:-597px -290px !important;} .m08 a{background-position:-398px -330px !important;} .m08 a:hover{background-position:-597px -330px !important;} .m09 a{background-position:-398px -370px !important;} .m09 a:hover{background-position:-597px -370px !important;} .m10 a{background-position:-398px -410px !important;} .m10 a:hover{background-position:-597px -410px !important;} .m11 a{background-position:-398px -450px !important;} .m11 a:hover{background-position:-597px -450px !important;} .m12 a{background-position:-398px -490px !important;} .m12 a:hover{background-position:-597px -490px !important;} .m13 a{background-position:-398px -530px !important;} .m13 a:hover{background-position:-597px -530px !important;} .m14 a{background-position:-398px -570px !important;} .m14 a:hover{background-position:-597px -570px !important;} .m15 a{background-position:-398px -610px !important;} .m15 a:hover{background-position:-597px -610px !important;} .m16 a{background-position:-398px -650px !important;} .m16 a:hover{background-position:-597px -650px !important;} .m17 a{background-position:-398px -690px !important;} .m17 a:hover{background-position:-597px -690px !important;} .m18 a{background-position:-398px -730px !important; margin-bottom:15px;} .m18 a:hover{background-position:-597px -730px !important;} .reconstructionBanner{height:130px; background-position:-398px -770px !important; margin:0 2px 10px 2px; text-indent:-9999px;} .reconstructionBanner:hover{background-position:-588px -770px !important;} .mujiBanner{height:180px; background-position:-398px -900px !important; margin:0 2px 10px 2px; text-indent:-9999px;} .mujiBanner:hover{background-position:-588px -900px !important;} .fb_link{height:178px; background-position:-398px -1084px !important; margin:0 2px 10px 2px; text-indent:-9999px;} .fb_link:hover{background-position:-587px -1084px !important;} #rightColm{float:right; width:800px;} .bottomCat{margin:8px 10px;} .bottomCat li{ float:left;} .bottomCat a{display:block; width:252px; height:90px; background:url(../img/cmd/bottomSprite.jpg) no-repeat; text-indent:-9999px;} .bC01 a:hover{background-position:-755px 0 !important;} .bC02 a{background-position: -251px 0 !important;} .bC02 a:hover{background-position: -1006px 0 !important;} .bC03 a{background-position: -503px 0 !important;} .bC03 a:hover{background-position: -1258px 0 !important;} .bC04 a{background-position: 0 -90px !important;} .bC04 a:hover{background-position: -755px -90px !important;} .bC05 a{background-position: -251px -90px !important;} .bC05 a:hover{background-position: -1006px -90px !important;} .bC06 a{background-position: -503px -90px !important;} .bC06 a:hover{background-position: -1258px -90px !important;} .bC07 a{background-position: 0 -180px !important;} .bC07 a:hover{background-position: -755px -180px !important;} .bC08 a{background-position: -251px -180px !important;} .bC08 a:hover{background-position: -1006px -180px !important;} .bC09 a{background-position: -503px -180px !important;} .bC09 a:hover{background-position: -1258px -180px !important;} .bC10 a{background-position: 0 -270px !important;} .bC10 a:hover{background-position: -755px -270px !important;} .bC11 a{background-position: -251px -270px !important;} .bC11 a:hover{background-position: -1006px -270px !important;} .bC12 a{background-position: -503px -270px !important;} .bC12 a:hover{background-position: -1258px -270px !important;} .bottomLink{margin:0 0 15px 10px;} .bottomLink li{ float:left;} .bottomLink a{display:block; width:254px; height:110px; background:url(../img/cmd/bottomSprite.jpg) no-repeat; text-indent:-9999px;} .b01 a{background-position:0 -361px !important;} .b01 a:hover{background-position:-777px -361px !important;} .b02 a{background-position:-257px -361px !important;} .b02 a:hover{background-position:-1034px -361px !important;} .b03 a{background-position:-513px -361px !important;} .b03 a:hover{background-position:-1290px -361px !important;} .b04 a{background-position:0 -490px !important; height:215px; width:758px;} .b04 a:hover{background-position:-780px -490px !important;} #toTop{text-align:right; padding-right:25px; font-size:12px;} #toTop a{color:#999;} footer{clear:both;} #secTitle{height:80px; background:url(../img/cmd/secTitle.jpg) no-repeat; margin:15px 10px; overflow:hidden;} #secTitle h2{font-size:34px; font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #036; padding:25px 0 0 15px;} .index{ padding:8px; margin:0 30px 15px 10px; color:#036; font-weight:bold; -webkit-box-shadow: #036 5px 5px 0px; -moz-box-shadow: #036 5px 5px 0px; box-shadow: #036 5px 5px 0px; background: #02B8E7; behavior: url(/css/PIE.htc); } .index1{ padding:6px 0 5px 6px; font-size:13px; font-weight:bold; border:2px solid #FFF; margin-bottom:15px; -webkit-box-shadow: #333 0px 0px 5px; -moz-box-shadow: #333 0px 0px 5px; box-shadow: #333 0px 0px 5px; background:#CCC; behavior: url(/css/PIE.htc); } footer{font-size:12px; padding:12px; text-align:center; background:#F90;} /************************************************************************ index styles ************************************************************************/ .in01{display:block; background:url(../img/index/in01.jpg) no-repeat; height:116px; margin:0 0 15px 10px; text-indent:-9999px;} .in01:hover{background-position:0 -116px;} .in02{background:url(../img/index/in02.jpg) no-repeat; height:473px; margin-bottom:15px;} .in02 ul{padding:100px 0 0 20px;} .in02 li{width:249px; float:left;} .in02 a{display:block; margin:0 9px 0 0; height:343px; text-indent:-9999px;} .in03{background:url(../img/index/in03.jpg) no-repeat; height:307px; margin:0 0 25px 15px; padding-right:40px;} .in03 p{float:left; padding:100px 0 0 0;} .in03 a{float:right; display:block; width:226px; height:32px; margin:266px 0 0 0; text-indent:-9999px;} .in04{margin:0 35px 20px 15px;} .in04 li{width:50%; float:left;} .in04 a{ background:url(../img/index/in04.jpg) no-repeat; text-indent:-9999px; margin:0 5px 11px 6px; height:88px; display:block; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/css/PIE.htc); } .in04 a:hover{opacity:0.8;} .i02 a{background-position:right top !important;} .i03 a{background-position:left bottom !important;} .i04 a{background-position:right bottom !important;} .in05{background:url(../img/index/in05.jpg) no-repeat; padding:120px 0 25px 0;} .in06{background:url(../img/index/in06.jpg) no-repeat; height:1156px; margin:0 0 15px 0;} .in06 p{padding:740px 0 0 40px; line-height:19px;} .in07{background:url(../img/index/in07.jpg) no-repeat; margin:0 25px 15px 10px; padding-right:10px; height:433px;} .in07 p{float:left; padding:58px 0 0 10px;} .in07 ul{float:right; width:280px;} .in07 li{float:left;} .in07 .li_01{ padding:48px 0 0 0; width:50%;} .in07 .li_02{ width:50%;} .in07 .r02{padding-left:35px;} .in07 .r03{padding-left:19px;} .in07 .r04{padding-left:32px;} .in08{background:url(../img/index/in08.jpg) no-repeat; margin:0 0 30px 10px; padding:48px 0 0 10px;} .in09{background:url(../img/index/in09.jpg) no-repeat; height:542px; margin:0 0 15px 10px;} .in09 .top{padding:120px 0 0 250px;} .in09 .bottom{padding:25px 0 0 20px;} .in10{background:url(../img/index/in10.jpg) no-repeat; height:405px; margin-bottom:15px; margin-top:55px;} .in10 p{padding:100px 0 0 375px; line-height:19px;} .in11{background:url(../img/index/in11.jpg) no-repeat; padding:5px 45px 100px 350px; margin:0 0 15px 15px;} .in11 div{ padding:8px; font-size:13px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/css/PIE.htc); } .in12{background:url(../img/index/in12.jpg) no-repeat; height:252px; margin:0 0 0 5px; text-indent:-9999px;} .in13{padding:0 0 15px 15px;} .fb-like{width:150px;line-height: 8px;} .fb01{margin-left:10px;} /************************************************************************ forte styles ************************************************************************/ .fo01{background:url(../img/forte/fo01.jpg) no-repeat; height:444px; margin:0 0 15px 10px;} .fo01 p{padding:140px 0 0 0;} .fo02{background:url(../img/forte/fo02.jpg) no-repeat; height:746px; margin-bottom:15px;} .fo02 .top{padding:95px 0 0 30px; line-height:20px;} .fo02 .bottom{padding:85px 0 0 320px; line-height:20px;} .fo03{background:url(../img/forte/fo03.jpg) no-repeat; height:321px; margin-bottom:15px;} .fo03 p{padding:90px 0 0 260px; line-height:20px;} .fo04{background:url(../img/forte/fo04.jpg) no-repeat; height:843px; margin-bottom:15px;} .fo04 p{padding:90px 0 0 30px; line-height:20px;} .fo05{background:url(../img/forte/fo05.jpg) no-repeat; height:706px; margin-bottom:15px;} .fo05 .top{padding:95px 0 0 250px; line-height:20px;} .fo05 .bottom{padding:2em 0 0 25px; line-height:20px;} .fo06{background:url(../img/forte/fo06.jpg) no-repeat; height:414px; margin-bottom:15px;} .fo06 p{padding:90px 0 0 30px; line-height:20px;} /************************************************************************ power styles ************************************************************************/ .power{margin:10px 35px 35px 20px; padding:10px; background:url(../img/power/power.jpg) no-repeat top right;} /************************************************************************ stage styles ************************************************************************/ .stage{margin:10px 35px 35px 20px;} .st01{margin:10px 35px 20px 20px; padding:0 0 20px 0; background:url(../img/stage/st01.jpg) no-repeat top right;} .st02{margin:0 0 0 10px; height:215px; background:url(../img/stage/st02.jpg) no-repeat;} .st02 p{padding:45px 0 0 30px; line-height:20px;} /************************************************************************ price styles ************************************************************************/ .price{padding:10px 35px 35px 20px;} .pri01{background:url(../img/print/pr01.jpg) no-repeat; padding:5px 0 130px 230px; margin:0 0 0 10px;} .pri03{background:url(../img/print/pr03.jpg) no-repeat; height:216px; margin-bottom:25px;} .pri03 p{padding:68px 0 0 25px;} /************************************************************************ size styles ************************************************************************/ .size{padding:0 30px 35px 10px;} .size li{margin-bottom:25px;} .size li:last-child{margin-bottom:0;} .size li img{float:left;} .size li table{float:right; width:380px;} .si01{background:royalblue; color:#FFF;} .si02{background:darkorchid; color:#FFF;} .si03{background:darkorange;} .si04{background:gold;} /************************************************************************ sample styles ************************************************************************/ .sample{padding:10px 35px 35px 20px;} .designSample{font-size:12px; line-height:14px; word-break: break-all;} .designSample td{width:20%;} .designSample a{display:block; margin-bottom:5px;} .designSample img{width:138px !important;} .font{text-align:center; margin-bottom:10px;} .fontBanner{ display:block; margin:0 40px; padding:12px 0 10px 0; text-align:center; color:#000; font-size:24px; font-weight:bold; text-decoration:none; letter-spacing:2px; border:3px solid #999; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE)); background: -webkit-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: -ms-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE); -pie-background: linear-gradient(#FFF, #EEE); behavior: url(css/PIE.htc); position:relative; } .fontBanner:hover{background:#CCC; color:#FFF; text-shadow:-1px -1px 0px #999;} .sampleLinks{height:44px; overflow:hidden; position:relative; margin:0 27px 15px 10px; border-bottom:1px solid #CCC;} .sampleLinks ul{padding-left:1%;} .sampleLinks li{float:left; width:33%;} .sampleLinks a{ display:block; margin:10px 10px 0 10px; padding:8px 0 25px 0; color:#666; text-align:center; border:1px solid #EEE; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE)); background: -webkit-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: -ms-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE); -pie-background: linear-gradient(#FFF, #EEE); behavior: url(css/PIE.htc); position:relative; } .sampleLinks a:hover{margin:6px 10px 0 10px;} /************************************************************************ works styles ************************************************************************/ .works{padding:10px 35px 35px 20px;} .comment{border:2px solid #CCC; padding:8px;} .comment b{display:block;} .works li{ width:139px; float:left;} .works li a{ display:block; width:132px; height:132px; margin:0 0 6px 0; position:relative; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/css/PIE.htc); } .works li a img{ width:250px; margin:-30px 0 0 -60px;} .worksBanner{ margin:0 40px; display:block; padding:20px; text-align:center; color:#000; font-size:14px; text-decoration:none; letter-spacing:2px; border:3px solid #C90; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#FFE32E)); background: -webkit-linear-gradient(#EEFF99, #FFE32E); background: -moz-linear-gradient(#EEFF99, #FFE32E); background: -ms-linear-gradient(#EEFF99, #FFE32E); background: -o-linear-gradient(#EEFF99, #FFE32E); background: linear-gradient(#EEFF99, #FFE32E); -pie-background: linear-gradient(#EEFF99, #FFE32E); behavior: url(/css/PIE.htc); } /************************************************************************ flow styles ************************************************************************/ .flow{padding:10px 35px 35px 20px;} .flow li{overflow:hidden; padding:10px 10px 10px 10px; margin-bottom:25px;} .flow li div{ border:5px #FC0 solid; padding-left:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:#960 2px 2px 0px,#FC0 5px 5px 0px; -moz-box-shadow:#960 2px 2px 0px,#FC0 5px 5px 0px; box-shadow:#960 2px 2px 0px,#FC0 5px 5px 0px; behavior: url(/css/PIE.htc); } .flow li span{ float:left; display:block; margin-top:-15px; padding:6px 6px 20px 6px; background:#099; color:#FFF; font-weight:bold; font-size:20px; font-family:"Times New Roman", Times, serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow:#FC0 5px 5px 0px; -moz-box-shadow:#FC0 5px 5px 0px; box-shadow:#FC0 5px 5px 0px; } .flow li p{padding:12px; margin-left:80px;} /************************************************************************ date styles ************************************************************************/ .date{padding:10px 35px 35px 20px;} .date li{list-style:circle; margin-left:1.3em; margin-bottom:5px;} .date .coution{border:2px solid #036; font-size:13px; line-height:15px; padding:0.6em; margin:0 1.3em 0 0; background:#EEE;} /************************************************************************ rule styles ************************************************************************/ .rule{padding:10px 35px 35px 20px;} .rule li{list-style:circle; margin-left:1.3em;} .process{background:#EEE; padding:8px; border:2px #CCC groove;} .process b{display:block;} .process .left{float:left; width:370px;} .process .right{ float:right; background:#FFF; padding:8px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/css/PIE.htc); } .process .right img,.process table img{padding:5px; background:#FFF; border:1px solid #CCC;} /************************************************************************ faq styles ************************************************************************/ .faq{padding:10px 35px 35px 20px;} #accordion {border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} #accordion dt{ border-top:1px solid #CCC; cursor:pointer; font-size:13px; color:#066; padding:6px; line-height:17px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE)); background: -webkit-linear-gradient(#FFF, #EEE); background: -moz-linear-gradient(#FFF, #EEE); background: -ms-linear-gradient(#FFF, #EEE); background: -o-linear-gradient(#FFF, #EEE); background: linear-gradient(#FFF, #EEE); -pie-background: linear-gradient(#FFF, #EEE); behavior: url(/css/PIE.htc); } #accordion dd{padding:8px;border-bottom:2px solid #999; border-top:1px solid #CCC;} /************************************************************************ contact styles ************************************************************************/ .contact{padding:10px 35px 35px 20px;} .contact .submit {margin-top:10px;} .contact .submit input{padding:8px 12px;} .ot01{background:url(../img/contact/ot01.jpg) no-repeat; height:307px; margin:0 0 25px 15px; padding-right:40px;} .ot01 p{float:left; padding:100px 0 0 0;} .ot01 a{float:right; display:block; width:226px; height:32px; margin:266px 0 0 0; text-indent:-9999px;} .g {font-size:16px; color:#090;} .asumeru{padding:10px 35px 35px 20px;} .asumeru .submit {margin-top:10px;} .asumeru .submit input{padding:8px 12px;} /************************************************************************ about styles ************************************************************************/ .about{padding:10px 35px 35px 20px;} /************************************************************************ trans styles ************************************************************************/ .trans{padding:10px 35px 35px 20px;} /************************************************************************ privacy styles ************************************************************************/ .privacy{padding:10px 35px 35px 20px;} .privacy li{list-style:circle; margin-left:1.3em;} /************************************************************************ terms styles ************************************************************************/ .terms{padding:10px 35px 35px 20px;} .terms li{list-style:circle; margin-left:1.3em;} /************************************************************************ link styles ************************************************************************/ .link{padding:10px 35px 35px 20px;} .link div{font-size:13px; background:#EEE; border:1px solid #CCC; padding:8px;} /************************************************************************ muji styles ************************************************************************/ .muji01{padding:10px 0 35px 20px; margin-right:35px; background:url(../img/muji/muji01.jpg) no-repeat top right;} .muji02{margin:10px 35px 35px 20px; background:#EEE; padding:30px;} .muji03{margin:10px 35px 35px 20px;} .muji03 .submit{margin-top:10px;} /************************************************************************ reconstruction.styles ************************************************************************/ .rec01{padding:130px 35px 35px 20px; margin-top:20px; background:url(../img/reconstruction/re01.jpg) no-repeat top center;} .rec02{padding:10px 35px 35px 20px;} .rec02 img{width:95px; border:2px solid #CCC; margin-right:2px;} .rec02 table textarea{width:80%; margin-bottom:3px;} select,input,textarea{margin-bottom:3px;} /************************************************************************ sitemap styles ************************************************************************/ .sitemap{padding:10px 35px 35px 20px;} .sitemap li{list-style:circle; margin-left:1.3em;} .sitemap a{color:#069; text-decoration:none;} .sitemap a:hover{text-decoration:underline; color:#C60;} /************************************************************************ list styles ************************************************************************/ .list{padding:0 35px 0 10px;} .list li{border-bottom:1px dashed #666; margin-bottom:15px;} .list .left{float:left; width:175px;} .list .right{float:right; width:580px;} .list .left img{padding-right:15px; padding-bottom:10px;} .listName{ background:#EEE; font-weight:bold; padding:6px; margin-bottom:8px; -webkit-box-shadow:#CCC 4px 4px 0px; -moz-box-shadow:#CCC 4px 4px 0px; box-shadow:#CCC 4px 4px 0px; behavior: url(/css/PIE.htc); } .listId{float:left; font-size:10px;} .listPrice{float:right; font-weight:bold; color:#F00;} .listComment{border:#CCC dashed 1px; padding:6px; font-size:12px; line-height:15px;} .listLink{text-align:right; padding:5px 0 10px 0;} .listLink a{color:#066;} /************************************************************************ products styles ************************************************************************/ .productsTitle{ background:#F90; padding:10px; border:2px solid #FC0; margin:15px 25px 15px 0; color:#FFF; font-weight:bold; font-size:18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/css/PIE.htc); } .pr01{text-align:center;} .pr02{padding:0 25px 15px 0;} .pr02 .left{float:left; width:325px;} .pr02 .left img{width:310px;} .pr02 .right{float:left; width:450px; font-size:12px; line-height:15px;} .pr02 .right b{display:block; background:#FC0; padding:6px; margin:5px 0;} .productsComment{padding:8px;} .buyOut a{ display:block; margin:10px; padding:12px; text-align:center; font-size:16px; text-decoration:none; color:#000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; background: #EEE; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#CCC)); background: -webkit-linear-gradient(#EEE, #CCC); background: -moz-linear-gradient(#EEE, #CCC); background: -ms-linear-gradient(#EEE, #CCC); background: -o-linear-gradient(#EEE, #CCC); background: linear-gradient(#EEE, #CCC); -pie-background: linear-gradient(#EEE, #CCC); behavior: url(/css/PIE.htc); } .buyOut a:hover{ background:#999; } .sizeLink{padding:10px 15px;} .sizeLink li{float:left; width:50%;} .sizeLink li a{ display:block; font-size:14px; color:#000; text-align:center; margin:0 10px; padding:8px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; background: #EEE; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#CCC)); background: -webkit-linear-gradient(#EEE, #CCC); background: -moz-linear-gradient(#EEE, #CCC); background: -ms-linear-gradient(#EEE, #CCC); background: -o-linear-gradient(#EEE, #CCC); background: linear-gradient(#EEE, #CCC); -pie-background: linear-gradient(#EEE, #CCC); behavior: url(/css/PIE.htc); } .sizeLink li a:hover{background:#EEE;} .productsSize,.productsColor,.priceArea,.productsVoice{padding:0 35px 0 20px;} .productsVoice img{float:left; padding-right:10px;} .pr03{background:url(../img/products/pr03.jpg) no-repeat; padding:240px 0 25px 0;} .pr04{background:url(../img/products/pr04.jpg) no-repeat; padding:0 0 25px 300px;} #buyOut{border:1px solid #CCC; padding:10px; margin:0 25px 0 0;} #buyOut table input[type="text"],#buyOut table textarea{width:80%;} #buyOut p{padding:10px 0;} .submit{text-align:center;} #buyOut th{background:#FF9 !important;} .priceListLink{ display:block; padding:4px 0; margin:5px 10px 8px 10px; text-align:center; color:#069; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:2px solid #F60; -webkit-box-shadow: #333 0px 0px 4px; -moz-box-shadow: #333 0px 0px 4px; box-shadow: #333 0px 0px 4px; background: #FFF; behavior: url(/css/PIE.htc);} /************************************************************************ team styles ************************************************************************/ .team1{ overflow:hidden; padding-right:10px;} .team1 li{width:33%; float:left;} .team1 li img{width:100%;} .campaign ul{padding:0 0 0 10px;} .campaign li{width:110px; float:left;} .campaign li img{width:100px; height:40px; border:1px solid #CCC;} .campaign div{padding: 0 25px 0 10px;} /************************************************************************ yae styles ************************************************************************/ .yae1{font-size:12px;text-align:right;padding:5px 30px 0;color:#E64290;} .yae2{height:697px;background:url(../img/yae/yae2.jpg) no-repeat;padding-top:57px;} .yae2 p{padding:0 0 21px 30px;font-weight:bold;font-size:14px;line-height:22px;} .yae3{display:block;padding:10px 18px 11px;margin: 0 0 15px 0;color: #FFF;background:url(../img/yae/yae3.jpg);font-weight:bold;} .yae4 a{display:block;text-align:center;padding:5px;margin-top:5px;color:#E64290;} .yae4 a:hover{background:#FFC;} .yae5{margin:10px 0 0 20px;width:756px;} .yae5 tr th,.yae5 tr td{border:1px solid #999;padding:0px 5px;} .yae5 tr th{background:#FFC;} .yae5 tr td span{display:block;text-align:right;float:right;} .yae6{height:304px;background:url(../img/yae/yae4.jpg) no-repeat;margin:0 0 15px;} .yae6 p{padding:186px 0 0 420px;} .yae7{padding:10px 20px;} .yae8{font-size:16px;line-height:24px;text-align: center;font-weight: bold;background:#FFC; margin:20px 30px 10px 20px;padding:10px;} .yae9{color:#F09;} .un{border-bottom:2px solid #F00;} .in01_yae{display: block;background: url(../img/index/in01_yae.jpg) no-repeat;height: 116px;margin: 0 0 15px 10px;text-indent: -9999px;} .in01_yae:hover{background-position:0 -116px;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * blog styles * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #mtBlog{clear:both;} #mtLeft{float:left; width:200px; margin-bottom:15px;} #mtRight{float:right; width:800px;} #mtMenu h2{ background: #F90; font-size:14px; font-weight:bold; padding:12px; border-bottom:2px #660 solid; } #mtCalendar{padding: 0 15px; margin-bottom:15px;} #mtCalendar table{width:100%; font-size:10px;} #mtCalendar th,#mtCalendar td{text-align:center;} #mtMenu ul{font-size:12px; margin:10px 1em 15px 1.7em; list-style:circle;} .archive{text-align:center; font-size:13px;} #mtMenu a{background:none !important; display:inline;} .blog{margin:10px 35px 0 25px;} .postLinks{text-align:right; font-size:12px; margin-bottom:15px;} .postLinks a{color:#066;} .blogContents{padding:10px 35px 35px 20px;} .entryLink{font-size:13px; text-align:center;} .entryLink a{color:#066;} .entryDate{font-size:12px; color:#999; text-align:right; margin-right:35px;} #popup{padding:20px;} #popup div{padding:0 10px;} /************************************************************************ add styles ************************************************************************/ .traner{background:url(../img/trainer.jpg) no-repeat; height:327px; margin:0 0 15px 10px; padding:0 20px;} .traner li{float:left;} .traner a{display:block; height:327px; width:240px; text-indent:-999em;} .ban01{background:url(../img/ban01.jpg) no-repeat; height:327px; margin:0 0 15px 20px; padding:0 20px;} .ban02{background:url(../img/ban02.jpg) no-repeat; height:327px; margin:0 0 15px 20px; padding:0 20px;} .ban01 ul{padding:100px 0 0 0;} .ban02 ul{padding:70px 0 0 0;} .ban01 li,.ban02 li{float:left;} .ban01 a{display:block; width:245px; height:220px; text-indent:-999em;} .ban02 a{display:block; width:240px; height:260px; text-indent:-999em;} /* 津田追加10/25 */ .ban03{background:url(../img/bn_winter.jpg) no-repeat; height:297px; margin:0 0 15px 20px; padding:0 20px;} .ban03 ul{padding:100px 0 0 0;} .ban03 li{float:left;margin: 158px 0 0 39px;} .ban03_2{margin-left: 64px !important;} .ban03_3{margin-left: 55px !important;} .ban03_4{margin-left: 68px !important;} .ban03 a{display:block; width:125px; height:31px; text-indent:-999em;} .ban03 a:hover{opacity:0.3; background-color:#FFF;} /* 冨高追加10/31 */ .ban04 { background:url(../img/index/uaparka.jpg) no-repeat; height:334px; margin-left:20px;} .ban04 ul { padding:273px 0 0 453px;} .ban04 li { float:left;} .zip a { display:block; width:126px; height:38px; text-indent:-9999px; background:url(../img/index/zip.png) no-repeat; margin-right:10px;} .over a { display:block; width:161px; height:38px; text-indent:-9999px; background:url(../img/index/fullover.png) no-repeat;} .over a:hover , .zip a:hover{ background-position:0 -38px;} /*　秦追加2013/11/20　*/ .wrap_link { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .box_link01 { width:50%; float:left; } .box_link01 a { display: block; overflow: hidden; height: 0px; width: 360px; background-image: url(../img/products/estimate_stitle.jpg); padding-top: 80px; text-align: center; } .box_link01 a:hover { background-position: 0 -80px; } .box_link02 { width:50%; float:right; } .box_link02 a { display: block; overflow: hidden; height: 0px; width: 360px; background-image: url(../img/products/inquiry_stitle.jpg); padding-top: 80px; text-align: center; } .box_link02 a:hover { background-position: 0 -80px; } /*　20140225　秦追加　*/ .blog_stitle { width:720px; height:30px; float: left; font-size: 24px; line-height: 30px; font-weight: bold; border-bottom-width: 1px; border-left-width: 5px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #36F; border-left-color: #36F; padding-left: 20px; } /* 秦追加　20140417 */ /*.ban05 { background:url(../img/index/in13.jpg) no-repeat; height:275px; margin-left:10px;}*/ /*.ban05 ul { padding:225px 0 0 28px;} .ban05 li { float:left;} .kuwasiku a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-right:86px;} .kuwasiku02 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat;} .kuwasiku a:hover , .kuwasiku02 a:hover{ background-position:0 -47px;} */ /* 秦追加　20140611 */ /*.ban05 { background:url(../img/index/in14.jpg) no-repeat; height:275px; margin-left:10px;padding-left:45px;margin-bottom:15px;} .kuwasiku a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-right:67px;} */ /* 秦追加　20140710 */ .in09_02{background:url(../img/index/in09_02.jpg) no-repeat; height:520px; margin:0 0 15px 10px; padding-top:90px;} .zisseki_wrap { width:375px; min-height:470px; float: left; margin-right: 5px; margin-left: 5px; background-color: #FFEAE3; } .zisseki_box { width:375px; float: left; background-color: #FFEAE3; margin-bottom: 5px; } .zisseki_title { width:275px; float: left; font-weight: bold; color: #5E5E5E; padding:10px 0 0 5px; } .zisseki_date { width:100px; font-size: 12px; float: right; color: #5E5E5E; } .zisseki_img { width:375px; padding-left:27px; } .zisseki_text { width:365px; padding-left:5px; } .zisseki_text a { color: #F33; text-decoration: none; } .zisseki_text a:hover { color: #939; text-decoration: underline; } .zisseki_category { width:770px; float: left; text-align: right; padding-right: 20px; margin: 10px 0 50px 0; font-weight: bold; font-size:18px; } .zisseki_category a { color: #03C; text-decoration: underline; } .zisseki_category a:hover { color: #09F; text-decoration: none; } /*20140717　秦追加*/ .snslinks{text-align:right; font-size:12px; margin-bottom:15px;} /*20140924　土谷追加*/ /*.ban05 ul { padding:225px 0 0 28px;} .ban05 li { float:left;} .kuwasiku a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:-20px;} .kuwasiku02 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:80px} .kuwasiku03 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:80px;} .kuwasiku a:hover , .kuwasiku02 a:hover , .kuwasiku03 a:hover{ background-position:0 -47px;} .ban05 { background:url(../img/index/in14.jpg) no-repeat; height:275px; margin-left:10px;padding-left:45px;margin-bottom:15px;}*/ /*.kuwasiku a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-right:67px;}*/ /*20141008 みゆき 追加*/ .in_03_01{ background:url(../img/index/otetudai01.jpg) no-repeat; height:486px; margin:18px 0 14px 12px;} .in_03_01 .otoiaswase_in{padding:413px 0 0 21px;} .in_03_01 .otoiaswase_in a{background:url(../img/index/otetudai.png) no-repeat; height:63px; text-indent:-9999px; width:718px; display:block;} .in_03_01 .otoiaswase_in a:hover{background-position:0 -63px;} /*20141127 みゆき 追加 .ban05 ul { padding:225px 0 0 155px;} .ban05 li { float:left;} .kuwasiku a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat;margin-left:30px} .kuwasiku02 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:20px} .kuwasiku03 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:35px;} .kuwasiku a:hover , .kuwasiku02 a:hover , .kuwasiku03 a:hover{ background-position:0 -47px;} .ban05 { background:url(../img/index/in16.jpg) no-repeat; height:275px; margin-left:10px;margin-bottom:15px;}*/ /*.ban06 { background:url(../img/index/in17.jpg) no-repeat; height:275px; margin-left:10px;margin-bottom:15px;} .ban06 ul { padding:218px 0 0 163px;} .ban06 li { float:left;}*/ .kuwasiku a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat;margin-left:21px} .kuwasiku02 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:26px} .kuwasiku03 a { display:block; width:165px; height:47px; text-indent:-9999px; background:url(../img/index/kuwasiku.png) no-repeat; margin-left:24px;} .kuwasiku a:hover , .kuwasiku02 a:hover , .kuwasiku03 a:hover{ background-position:0 -47px;} .ban07 { background:url(../img/index/in18.jpg) no-repeat; height:275px; margin-left:10px;margin-bottom:15px;} .ban07 ul { padding:218px 0 0 139px;} .ban07 li { float:left;}