@charset "utf-8";

/*防犯グッズ
----------------------------------------------------*/

/*共通
----------------------*/
.commonprevent .detail p{text-indent:-1em;padding-left:1em;}
.commonprevent .detail .restrict{color:#b00c08;font-size:100%;}
.commonprevent .detail .price{font-size:190%;font-weight:bold;color:#e60012;background:url(../develop_studio/parts/common-tag01.gif) no-repeat left center;padding-left:40px;text-indent:0;}
.commonprevent .detail .price span{font-size:75%;}
.commonprevent .form{width:606px;}
.commonprevent .form .estimate a,
.commonprevent .form .order a{display:block;width:236px;height:28px;text-indent:-9999px;margin:16px 0 12px 0;}
.commonprevent .form .estimate a{float:left;margin-left:54px;}
.commonprevent .form .estimate a{background:url(../develop_studio/parts/prevent-estimate.gif) no-repeat left top;}
.commonprevent .form .estimate a:hover{background:url(../develop_studio/parts/prevent-estimate.gif) no-repeat left bottom;}
.commonprevent .form .order a{float:right;margin-right:54px;}
.commonprevent .form .order a{background:url(../develop_studio/parts/prevent-order.gif) no-repeat left top;}
.commonprevent .form .order a:hover{background:url(../develop_studio/parts/prevent-order.gif) no-repeat left bottom;}
.commonprevent .form .link{text-align:center;color:#17902d;font-size:130%;}
.commonprevent .form .link span{margin-left:1em;font-size:90%;}
.commonprevent .form .link span a:link,
.commonprevent .form .link span a:visited{color:#17902d;text-decoration:none;border-bottom:1px solid #17902d;}
.commonprevent .form .link span a:hover{color:#70f;text-decoration:none;border-bottom:1px solid #70f;}
.commonprevent .set{padding-top:21px;margin-top:18px; border-top:1px solid #000;width:606px;}
.commonprevent .set .img_l{float:left;margin-right:24px;}
.commonprevent .set .lead{font-size:130%;padding-top:6px}
.commonprevent .set .rule{margin:14px 28px -4px 28px;clear:left;text-indent:-1em;padding-left:1em;}
.commonprevent .set .lef{width:260px;float:left;margin-top:18px;}
.commonprevent .set .rig{width:330px;float:right;margin-top:18px;}
.commonprevent .set .rig h3{font-size:190%;color:#179d2d;border-bottom:1px solid #a0a0a0; width:330px; margin-bottom:6px;}
.commonprevent .set .rig h3 .price{font-size:95%;color:#e60012;background:url(../develop_studio/parts/common-tag01.gif) no-repeat left center;margin-left:24px;padding-left:40px;text-indent:0;}
.commonprevent .set .unit h3 .price{background:url(../develop_studio/parts/common-tag02.gif) no-repeat left center;}
.commonprevent .set .rig h3 .price span{font-size:75%;}
.commonprevent .set .rig p{text-indent:-1em;padding-left:1em;}
.commonprevent .set .rig .restrict{color:#b00c08;font-size:100%;}
.commonprevent .attention{background-color:#fadfd3;padding:10px; margin-top:18px; border:1px solid #a0a0a0;}
/*IE6ハック*/
* html .commonprevent .form .estimate a,
* html .commonprevent .form .order a{display:inline;}
/*Safariハック*/
html:\66irst-child .commonprevent .price,
html:\66irst-child .commonprevent .set .rig h3{font-size:160%;}
html:\66irst-child .commonprevent .design div p span{font-size:130% !important;}


/*トップ
----------------------*/
#preventtraffic h2{background:url(../develop_studio/parts/preventtraffic-h2title.gif) no-repeat;text-indent:-9999px;height:114px;}
#preventtraffic .lead{text-align:center;font-size:130%;margin:8px 0 24px 0;}
#preventtraffic .items{width:606px;}
#preventtraffic .items .preventtrafficgoods{border:1px solid #a0a0a0;padding:1px 0;font-size:125%;color:#a17a40;text-align:center;}
#preventtraffic .items .lef{float:left;width:284px;}
#preventtraffic .items .lef p img{margin:-18px 0 0 154px;}
#preventtraffic .items .rig{float:right;width:284px;}
#preventtraffic .items .rig p img{margin:-18px 0 0 142px;}
#preventtraffic .items div h2{background:none;text-indent:0;height:auto;border-bottom:3px solid #c9cacb;font-size:130%;margin-top:12px;margin-bottom:-8px;}
#preventtraffic .items img{float:left;margin:18px 12px 0 0;}
#preventtraffic .items h3 img{float:none;margin:18px 0 0 0;}
#preventtraffic .items a:hover img{opacity:0.7;filter: alpha(opacity=70);}
#preventtraffic .attention{padding:0 60px;margin-top:36px;}
#preventtraffic .attention h4{font-size:130%; border-bottom:1px solid #000; margin-bottom:3px;}
#preventtraffic .goods{width:574px;padding:0 16px; margin-top:48px;}
#preventtraffic .goods h2{background:none;text-indent:0;height:auto;text-align:center; margin-bottom:8px;}
#preventtraffic .goods div{background:url(../develop_studio/parts/prevent-goods-back.jpg) no-repeat right bottom #fff;padding-bottom:14px;}
#preventtraffic .goods div h3 a{display:block;width:278px;height:60px;text-indent:-9999px;}
#preventtraffic .goods div p{font-size:105%;line-height:1.8;}
#preventtraffic .goods .lef{float:left;width:278px;}
#preventtraffic .goods .lef h3 a{background:url(../develop_studio/parts/prevent-goods-thrive.jpg) no-repeat right top;}
#preventtraffic .goods .lef h3 a:hover{background:url(../develop_studio/parts/prevent-goods-thrive.jpg) no-repeat right bottom;}
#preventtraffic .goods .rig{float:right;width:278px;}
#preventtraffic .goods .rig h3 a{background:url(../develop_studio/parts/prevent-goods-event.jpg) no-repeat right top;}
#preventtraffic .goods .rig h3 a:hover{background:url(../develop_studio/parts/prevent-goods-event.jpg) no-repeat right bottom;}
#preventtraffic .goods ul{float:left;font-size:105%;margin:14px 0 0 40px;}
#preventtraffic .goods ul.no{float:none;margin:0 0 0 40px;}
#preventtraffic .goods ul li{line-height:1.8;}
#preventtraffic .goods ul li.no{list-style-type:none;}
#preventtraffic .goods .line{margin:0 0 -14px 40px;}
/*IE6ハック*/
* html #preventtraffic .goods ul{margin:14px 0 0 16px;padding:0 0 0 16px;}
* html #preventtraffic .goods ul.no{margin:0 0 0 48px;padding:0;}
* html #preventtraffic .goods .line{margin:0 0 -14px 16px;}




/*防犯のぼり
----------------------*/
#preventflag{width:606px;border-bottom:6px solid #71a547;background:url(../develop_studio/parts/preventflag-space.gif) no-repeat 436px 53px;padding-bottom:28px;}
#preventflag h2{text-indent:-9999px;height:130px;background:url(../develop_studio/parts/preventflag-h2title.gif) no-repeat;}
#preventflag h3{font-size:190%;color:#179d2d;border-bottom:1px solid #a0a0a0;width:330px;line-height:1.1;padding-bottom:4px;}
#preventflag .detail .price{background:url(../develop_studio/parts/common-tag01.gif) no-repeat left center;}
#preventflag .design{margin-top:18px;width:606px; position:relative;}
#preventflag .design h4{font-size:115%;border-bottom:1px solid #000;margin-bottom:0;padding-bottom:0;}
#preventflag .design div{float:left;width:98px;margin-right:29px;}
#preventflag .design div.no{margin-right:0;}
#preventflag .design div img{margin-top:12px;}
#preventflag .design div p{font-size:110%;text-align:center;color:#ea5404;}
#preventflag .design div p span{font-size:160%;}
#preventflag .design div.pole{float:none;margin:0;border:1px solid #a0a0a0;padding:14px;width:322px;position:absolute;left:254px;top:498px;}
#preventflag .design div.pole h5{font-size:130%; color:#008f3a; margin-bottom:6px;}
#preventflag .design div.pole p{ text-align:left; color:#000;text-indent:0;padding-left:0; font-size:100%;}
/*IE6ハック*/
* html #preventflag{background:url(../develop_studio/parts/preventflag-space.gif) no-repeat 436px 46px;}
/*--------------------*/


/*マグネット
----------------------*/
#preventmagnet{width:606px;border-top:3px solid #71a547;margin-top:3px;background:url(../develop_studio/parts/preventmagnet-space.jpg) no-repeat 378px 181px;}
#preventmagnet h2{text-indent:-9999px;height:156px;background:url(../develop_studio/parts/preventmagnet-h2title.gif) no-repeat;}
#preventmagnet h3{font-size:190%;color:#179d2d;border-bottom:1px solid #a0a0a0;width:330px;line-height:1.1;padding-bottom:4px;}
#preventmagnet .detail .price{background:url(../develop_studio/parts/common-tag01.gif) no-repeat left center;}
#preventmagnet .design{margin-top:18px;width:606px; position:relative;}
#preventmagnet .design h4{font-size:115%;border-bottom:1px solid #000;margin-bottom:0;padding-bottom:0;}
#preventmagnet .design div{float:left;width:174px;margin-right:42px;}
#preventmagnet .design div.no{margin-right:0;}
#preventmagnet .design div img{margin-top:12px;}
#preventmagnet .design div p{font-size:110%;text-align:center;color:#ea5404;}
#preventmagnet .design div p span{font-size:160%;}
/*IE6ハック*/
* html #preventmagnet{background:url(../develop_studio/parts/preventmagnet-space.jpg) no-repeat 378px 174px;}
/*--------------------*/


/*キャップ
----------------------*/
#preventcap{}
#preventcap h2{text-indent:-9999px;height:118px;background:url(../develop_studio/parts/preventcap-h2title.gif) no-repeat;}
#preventcap .detail{width:606px; border-top:1px solid #000; padding-top:3px;margin-top:18px;}
#preventcap .vat .no{border-top:none;padding-top:0;margin-top:0;}
#preventcap .detail .rig{float:right;width:330px;margin-top:18px;}
#preventcap .detail .rig h3{font-size:190%;color:#179d2d;border-bottom:1px solid #a0a0a0;line-height:1.1;padding-bottom:4px;}
#preventcap .detail .rig h3 img{margin-left:12px;}
#preventcap .detail .rig .price{background:url(../develop_studio/parts/common-tag02.gif) no-repeat left center;}
#preventcap .detail .rig .fs120{margin-top:4px;}
#preventcap .detail .lef{float:left;width:260px;margin-top:18px;}
#preventcap .detail .lef h4{font-size:115%;border-bottom:1px solid #000;margin:18px 0 8px 0;}
/*--------------------*/


/*ベスト
----------------------*/
#preventvest{}
#preventvest h2{text-indent:-9999px;height:124px;background:url(../develop_studio/parts/preventvest-h2title.gif) no-repeat;}
#preventvest .detail{width:606px; border-top:1px solid #000; padding-top:3px;margin-top:18px;}
#preventvest .vat .no{border-top:none;padding-top:0;margin-top:0;}
#preventvest .detail .rig{float:right;width:330px;margin-top:18px;}
#preventvest .detail .rig h3{font-size:190%;color:#179d2d;border-bottom:1px solid #a0a0a0;line-height:1.1;padding-bottom:4px;}
#preventvest .detail .rig h3 span{font-size:60%;color:#000;margin-left:1em;}
#preventvest .detail .rig .price{background:url(../develop_studio/parts/common-tag01.gif) no-repeat left center;}
#preventvest .detail .rig .fs120{margin-top:4px;}
#preventvest .detail .lef{float:left;width:260px;margin-top:18px;}
#preventvest .detail .lef h4{font-size:115%;border-bottom:1px solid #000;margin:18px 0 8px 0;}
#preventvest .detail .rig .size tr.no td{border-bottom:none;}
#preventvest .detail .rig .size td{text-align:center;border-bottom:1px solid #333;padding:2px 6px; font-size:90%;}
#preventvest .detail .rig .size td.no{text-align:left;border-bottom:none;}
#preventvest .detail .rig .size td.junior{background-color:#fde2ae;}
#preventvest .detail .rig .size th{color:#e60012;font-weight:bold;background-color:#fde2ae; font-size:90%;}
/*--------------------*/




/*交通安全グッズ
----------------------------------------------------*/

/*共通
----------------------*/
body.commontraffic .head{width:606px;margin-bottom:24px;}
body.commontraffic .head h3{background:url(../develop_studio/parts/traffic-common-back.gif) no-repeat center center;margin:18px 0 8px 0;height:30px;font-size:145%;color:#0066B4;text-align:center;}
body.commontraffic .head .point{font-size:130%;font-weight:bold;color:#E73656;text-align:center;}
body.commontraffic .flow .inquiry a{float:right;width:146px;height:26px;text-indent:-9999px;display:block;margin-right:8px;}
body.commontraffic .flow .inquiry a{background:url(../develop_studio/parts/goods-common_inquirybutton.gif) no-repeat left top;}
body.commontraffic .flow .inquiry a:hover{background:url(../develop_studio/parts/goods-common_inquirybutton.gif) no-repeat left bottom;}
body.commontraffic .flow .estimate a{float:right;width:176px;height:26px;text-indent:-9999px;display:block;}
body.commontraffic .flow .estimate a{background:url(../develop_studio/parts/eventflag-common-estimate.gif) no-repeat left top;}
body.commontraffic .flow .estimate a:hover{background:url(../develop_studio/parts/eventflag-common-estimate.gif) no-repeat left bottom;}
body.commontraffic .flow .ordermade{padding-top:8px; padding-left:1em; text-indent:-1em; font-size:120%;}
body.commontraffic .attention{background-color:#fadfd3;padding:10px; margin-top:20px; border:1px solid #333;}

/*のぼり
----------------------*/
#trafficflag .head .lef{float:left;width:370px;}
#trafficflag .head .lef p strong{font-size:140%;color:#CA493D;}
#trafficflag .head .lef h2{text-indent:-9999px;height:80px;background:url(../develop_studio/parts/trafficflag-h2title.gif) no-repeat;margin-top:6px;}
#trafficflag .head .lef .lead{font-size:115%;margin-top:26px;line-height:1.6;}
#trafficflag .head .lef .lead span{font-size:85%;}
#trafficflag .head .rig{float:right;width:210px;}
#trafficflag .flagdesign{width:606px;margin-bottom:24px;}
#trafficflag .flagdesign h3{font-size:115%;border-bottom:1px solid #000;}
#trafficflag .flagdesign div{float:left;width:102px;margin-right:24px;}
#trafficflag .flagdesign div.no{margin-right:0;}
#trafficflag .flagdesign div img{margin-top:12px;}
#trafficflag .flagdesign div p{text-align:center;margin-top:-2px;font-size:110%;color:#ea5404;}
#trafficflag .flagdesign div p span{font-size:160%;}
#trafficflag .flow{width:606px;}
#trafficflag .flow h3{font-size:115%;margin-top:14px;}
#trafficflag .flow h3.no{margin-top:0;}
#trafficflag .flow h3 span{font-size:90%;}
#trafficflag .flow .pricelist{border-bottom:1px solid #000;border-left:1px solid #000;}
#trafficflag .flow .pricelist th{font-size:115%;}
#trafficflag .flow .pricelist .material{background-color:#e6e6e6;}
#trafficflag .flow .pricelist .cloth{background-color:#e2eec5;}
#trafficflag .flow .pricelist .suggest{background-color:#EFEE80;}
#trafficflag .flow .pricelist th,
#trafficflag .flow .pricelist td{border-top:1px solid #000;border-right:1px solid #000;padding:3px;text-align:center;font-weight:bold;font-size:115%;}
#trafficflag .flow .approve{color:#b00c08;margin:8px 0;font-size:105%;}
#trafficflag .flow .approve strong{color:#33a02c;font-weight:normal;}
#trafficflag .flow .special{font-size:120%;font-weight:bold;}
#trafficflag .flow .special span{color:#8ec31f;}
#trafficflag .flow h4{font-size:100%; margin-top:8px;}
/*IE6ハック*/
* html #trafficflag .head .lef h2{height:76px;}


/*交通安全マグネットステッカー
----------------------*/
#trafficmagnet .head{background:url(../develop_studio/parts/trafficmagnet-image.gif) no-repeat right top;}
#trafficmagnet .head p strong{font-size:140%;color:#00903A;}
#trafficmagnet .head h2{text-indent:-9999px;height:120px;background:url(../develop_studio/parts/trafficmagnet-h2title.gif) no-repeat;margin-top:6px;}
#trafficmagnet .head .lead{font-size:115%;margin-top:4px;line-height:1.6;}
#trafficmagnet .head .lead span{font-size:85%;}
#trafficmagnet .magdesign{width:606px; margin-bottom:24px;}
#trafficmagnet .magdesign h3{font-size:115%;border-bottom:1px solid #000;}
#trafficmagnet .magdesign p.type{font-size:120%;font-weight:bold;color:#1D2088;margin:16px 0 -8px 0;}
#trafficmagnet .magdesign p.no{margin:8px 0 -8px 0;}
#trafficmagnet .magdesign div.lsize{float:left;width:286px;margin-right:34px;}
#trafficmagnet .magdesign div.msize{float:left;width:182px;margin-right:30px;}
#trafficmagnet .magdesign div.no{margin-right:0;}
#trafficmagnet .magdesign div img{margin-top:12px;}
#trafficmagnet .magdesign div p{text-align:center;margin-top:-2px;font-size:110%;color:#ea5404;}
#trafficmagnet .magdesign div p span{font-size:160%;}
#trafficmagnet .flow{width:606px;}
#trafficmagnet .flow h3{font-size:115%;margin-top:14px;}
#trafficmagnet .flow h3.no{margin-top:0;}
#trafficmagnet .flow h3 span{font-size:90%;}
#trafficmagnet .flow .pricelist{border-bottom:1px solid #000;border-left:1px solid #000; margin-bottom:6px;}
#trafficmagnet .flow .pricelist td{font-size:100%;}
#trafficmagnet .flow .pricelist td span{font-size:150%;color:#e60012;font-weight:bold;}
#trafficmagnet .flow .pricelist th{background-color:#e2eec5;}
#trafficmagnet .flow .pricelist th,
#trafficmagnet .flow .pricelist td{border-top:1px solid #000;border-right:1px solid #000;padding:5px;text-align:center;line-height:1.3;}
/*IE6ハック*/
* html #trafficmagnet .head .lead{margin-top:0;}


/*交通安全横断旗
----------------------*/
#trafficcrossflag .head{background:url(../develop_studio/parts/trafficcrossflag-image.gif) no-repeat right 70px;}
#trafficcrossflag .head p strong{font-size:140%;font-weight:bold;color:#EA5520;margin-bottom:5px;}
#trafficcrossflag .head h2{text-indent:-9999px;height:90px;background:url(../develop_studio/parts/trafficcrossflag-h2title.gif) no-repeat;margin-top:6px;}
#trafficcrossflag .head .lead{font-size:115%;margin-top:12px;line-height:1.6;}
#trafficcrossflag .head .lead span{font-size:85%;}
#trafficcrossflag .flagdesign{width:606px;margin-bottom:24px;}
#trafficcrossflag .flagdesign h3{font-size:115%;border-bottom:1px solid #000;}
#trafficcrossflag .flagdesign .height{float:left;width:124px;margin-right:18px;}
#trafficcrossflag .flagdesign .width{float:left;width:145px;margin-right:32px;}
#trafficcrossflag .flagdesign .width p{text-align:center;margin:19px 0 10px 0;font-size:110%;color:#ea5404;}
#trafficcrossflag .flagdesign h4{margin:5px 0 -8px 0;font-size:100%;text-align:center;font-weight:normal;}
#trafficcrossflag .flagdesign div.no{margin-right:0;}
#trafficcrossflag .flagdesign div img{margin-top:12px;}
#trafficcrossflag .flagdesign div p{text-align:center;margin:-2px 0 10px 0;font-size:110%;color:#ea5404;}
#trafficcrossflag .flagdesign div p span{font-size:160%;}
#trafficcrossflag .flow{width:606px;}
#trafficcrossflag .flow h3{font-size:115%;margin-top:14px;}
#trafficcrossflag .flow h3.no{margin-top:0;}
#trafficcrossflag .flow h3 span{font-size:90%;}
#trafficcrossflag .flow .price{font-size:115%;text-indent:1em;font-weight:bold;}
#trafficcrossflag .flow .price span{font-size:150%;color:#e60012;padding-left:40px;background:url(../develop_studio/parts/common-tag01.gif) no-repeat left center;margin-left:10px;}
#trafficcrossflag .flow .price span span{font-size:75%;padding-left:0;margin-left:0;background:none;}
/*Safariハック*/
html:\66irst-child #trafficcrossflag .flow .price span{font-size:120%;}