/*-------------------------------------------- 2015.1.8 footer --------------------------------------------*/ .mb60{margin-bottom:60px;} #hnb_footer p.mb10{margin-bottom:10px;} #hnb_footer p.mb20{margin-bottom:20px;} #hnb_footer p.mb30{margin-bottom:40px;} #hnb_footer p{margin:0; padding:0;} #hnb_footer{ width:780px; text-align:left; color:#444444; margin-bottom:30px;margin-left: 35px;} #hnb_footer a{color:#444444;} #hnb_footer li, #hnb_footer ul{margin:0; padding:0; list-style:none;} #hnb_footer .cate .box{float:left; width:180px; margin-right:20px;} #hnb_footer .cate .box.end{margin-right:0;} #hnb_footer .cate .box li.img{background:none; padding:0; margin:0 0 10px 0;} #hnb_footer .cate .box li{background:url(http://ukiuki.jp/pic-labo/foot_icon.jpg) no-repeat 0 center; padding-left:20px; margin-bottom:10px; font-size:13px;} #hnb_footer .guide .left{float:left; width:380px; margin-right:20px;} #hnb_footer .guide .right{float:left; width:380px; text-align:left;} #hnb_footer .guide p.ttl{padding:0 0 5px 0; color:#34B3CD; font-size:16px; font-weight:bold; border-bottom:2px solid #34B3CD; margin-bottom:20px;} #hnb_footer .guide{ letter-spacing:0.08em; line-height:1.8em; margin-bottom:30px;} #hnb_footer .guide .waku{ text-align:center; font-size:16px; font-weight:bold; color:#444444; border:2px solid #FDA5A1; padding:7px 3px; margin-bottom:20px; letter-spacing:0.05em} #hnb_footer .guide .waku span{color:#F8574C;} #hnb_footer .guide table{border-top:1px solid #ccc;border-left:1px solid #ccc; width:100%; margin-bottom:10px;} #hnb_footer .guide table th{text-align:center; color:#001387; font-weight:bold; background-color:#f5f5f5;} #hnb_footer .guide table th, #hnb_footer .guide table td{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} #hnb_footer .guide span{color:#F8574C;font-weight:bold;} /********************************************************************/ /*nike 141222*/ #ksk1109 { width:750px; font-size:13px; color:#444; text-align:left;} #ksk1109 .waku1109 { margin-bottom:63px;} #ksk1109 .waku_nike { margin-bottom:35px;} #ksk1109 .waku_nike .title_1109 { font-size:20px; font-weight:bold; margin-bottom:10px;} #ksk1109 .waku1109 .title_11091 { margin-bottom:20px;} #ksk1109 .waku1109 .clearfix {padding:0px; margin:0px 0px 20px 0px;} #ksk1109 .waku1109 .clearfix li { list-style:none; width:170px; float:left; padding:0px; margin:0px 22px 0px 0px;} #ksk1109 .waku1109 .clearfix li.last1109 { list-style:none; width:170px; float:left; padding:0px; margin:0px;} #ksk1109 .waku1109 .clearfix li p.img { border:1px solid #CCCCCC;} #ksk1109 .waku1109 .clearfix li p.hei1{height:195px;} #ksk1109 .waku1109 .clearfix li p.hei2{height:220px;} #ksk1109 .waku1109 .clearfix li p.hei3{height:170px;} #ksk1109 .waku1109 .botan11091 { text-align:right;} #ksk1109 .waku1109 .botan11092 { text-align:right;} #ksk1109 .waku1109 .botan11093 { text-align:right;} #ksk1109 .waku110901 { width:100%; padding:0px; margin:0px;} #ksk1109 .waku110901 .clearfix{ padding:0px; margin:0px;} #ksk1109 .waku110901 .clearfix li { list-style-type:none; list-style:none; width:172px; float:left; padding:0px; margin:0px 20px 0px 0px;} #ksk1109 .waku110901 .clearfix li p img { border:none;} #ksk1109 .waku110901 .clearfix .last1109 { list-style:none; width:172px; float:left; padding:0px; margin:0px;} #ksk1109 .waku110901 .clearfix li p { padding:0px; margin:0px;} #ksk1109 .waku1109 .clearfix li .syouhinnmei1109 { padding:6px 0px 0px 0px; margin:0px;} #ksk1109 .waku1109 .clearfix li .kakaku1109 { padding:2px 0px; margin:0px;} #ksk1109 .waku1109 .clearfix li p { padding:0px; margin:0px;} /********************************************************************/ /*sale 141030*/ .hnb1030 { width:751px; margin:0 auto; text-align:left;} .hnb1030 .ksktype { margin-bottom:70px;} .hnb1030 .ksk1029ttl {font-size:13px; padding-bottom:5px;} .hnb1030 .waku001.clearfix .hidari1030 {width:316px; float:left;} .hnb1030 .waku001.clearfix .migi1030 {width:415px; float:left; padding-left:20px;} .hnb1030 .waku001.clearfix .migi1030 .titleksk { font-size:22px; line-height:1.4em; font-weight:bold; color:#FE3459;} .hnb1030 .waku001.clearfix .migi1030 .textksk { font-size:14px; line-height:1.6em; padding:20px 0px 0px 0px; margin:0px;} .hnb1030 .hnb_ranking .clearfix .left .nameKsk { font-size:13px; line-height:1.6em; padding-top:10px; color:#444444;} .hnb1030 .hnb_ranking .clearfix .left .nameKsk b { font-size:20px; color:#FF0000; line-height:1.6em;} .hnb1030 .hnb_ranking .clearfix .right .nameKsk { font-size:13px; line-height:1.6em; padding-top:10px; text-align:left; color:#444444;} .hnb1030 .hnb_ranking .clearfix .right .nameKsk b { font-size:20px; color:#FF0000; text-align:left; line-height:1.6em;} .hnb1030 .hnb_ranking .img img {border: 1px solid #ccc;width: 236px;} .hnb1030 .ksktype #hnb_ranking .to_page { text-align:right;} .hnb1030 .hnb_ranking .ttl { margin-bottom:30px !important;} .hnb1030 .hnb_ranking .clearfix .left { margin-right:18px !important;} .hnb1030 .hnb_ranking { width:751px !important; margin:0px 0px 50px 0px !important;} .hnb1030 .hnb_ranking .left {float: left;margin-right: 15px;width: 238px;} .hnb1030 .hnb_ranking .right {float: left;margin-right: 0px;width: 238px;} .hnb1030 .hnb_ranking .icon{text-align:center;} .hnb1030 .to_page{text-align:right;} /********************************************************************/ /*beby_sim 140926*/ .baby_sim{margin-bottom:40px; color:#333; width:728px; letter-spacing:0.15em; } .baby_sim .toptext{padding:0 15px; margin-bottom:30px; } .baby_sim .toptext p{line-height:1.9em;} .baby_sim .toptext .small{font-size:12px;} .baby_sim .bk1{ background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby_zadankai/baby_bk1.jpg) no-repeat #FFFFC9; width:728px; height:960px; position:relative; color:#444; } .baby_sim .bk2{ background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby_zadankai/baby_bk2.jpg) no-repeat; width:728px; height:758px; position:relative; color:#444; margin-top:-5px;} .baby_sim .bk3{ background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby_zadankai/baby_bk3.jpg) no-repeat; width:728px; height:543px; position:relative; color:#444; margin-bottom:30px;} .baby_sim .bk1 p, .baby_sim .bk2 p, .baby_sim .bk3 p{line-height:1.8em;} .baby_sim .bk1 span{color:#0B6CD8; font-weight:bold;} .baby_sim .bk1 .text1{border:none; padding:0; position:absolute; top:110px; left:26px;} .baby_sim .bk1 .text2{position:absolute; top:348px; left:24px; width:330px;} .baby_sim .bk1 .text3{position:absolute; top:490px; left:24px; width:330px;} .baby_sim .bk1 .text4{position:absolute; top:680px; left:24px; width:410px;} .baby_sim .bk1 .text5{position:absolute; top:850px; left:24px; width:680px} .baby_sim .bk1 .btn1{position:absolute; top:580px; left:450px;} .baby_sim .bk2 .btn1{position:absolute; top:426px; left:72px;} .baby_sim .bk2 .btn2{position:absolute; top:650px; left:51px;} .baby_sim .bk2 .btn3{position:absolute; top:650px; right:24px;} .baby_sim .bk3 .text1{border:none; padding:0; position:absolute; top:458px; left:24px;} .baby_sim .bk3 .text1 a{color:#0B6CD8;} .baby_sim .sms{width:728px; height:20px; position: relative; margin-bottom:20px;} .baby_sim .sms #twi{ width:100px; position:absolute; right:210px;} .baby_sim .sms .fb{width:100px; position:absolute; right:120px;} .baby_sim .sms .line{width:100px; position:absolute; right:0;} #baby_bnrarea{margin-top:80px;} #baby_bnrarea p{margin-top:0; margin-bottom:0;} #baby_bnrarea h2{margin-bottom:20px;} #baby_bnrarea .mb60{margin-bottom:40px;} #baby_bnrarea a{text-decoration:none; font-size:12px;color:#666; font-weight:normal;} #baby_bnrarea .name{ margin:5px 0 20px 0;} #baby_bnrarea .left{ float:left; width:354px; margin-right:20px;} #baby_bnrarea .right{float:left; width:354px; text-align:left;} #baby_bnrarea .reco_left{ width:167px; float:left; margin-right:20px;} #baby_bnrarea .reco_right{width:167px; float:left;} #baby_bnrarea .reco_left img, #baby_bnrarea .reco_right img{ width:150px;} #baby_bnrarea .reco_left .img, #baby_bnrarea .reco_right .img{ border:1px solid #ccc; text-align:center;} #baby_bnrarea .reco_left .name, #baby_bnrarea .reco_right .name{ margin-bottom:0px;} #baby_bnrarea .reco_left .price, #baby_bnrarea .reco_right .price{ margin-bottom:20px; font-weight:normal;} /********************************************************************/ /*beby_zadankai 140926*/ .beby_zadankai{margin-bottom:40px; color:#545454; line-height:1.7em; letter-spacing:0.15em;} .beby_zadankai .key_text{font-weight:normal; padding:0 20px; margin-bottom:30px;} .beby_zadankai li{list-style:none; width:228px; margin-bottom:40px; float:left; margin-right:22px;} .beby_zadankai li.end{margin-right:0;} .beby_zadankai ul{margin:0; padding:0;} .beby_zadankai .talk{border-left:1px solid #A1DEF9;border-right:1px solid #A1DEF9; margin-bottom:0; width:726px; padding:30px 0 20px 0;} .beby_zadankai .talk dl{margin-bottom:30px;width:656px; padding:0px 50px 0px 30px; } .beby_zadankai .talk dt,.beby_zadankai .talk dd{ margin:0;} .beby_zadankai .talk dt{width:150px; text-align:center; margin-right:0px; float:left;} .beby_zadankai .talk dd{ width:496px; float:left;} .beby_zadankai .nolineh{line-height:0; margin:0 0 40px 0; padding:0;} .beby_zadankai .talk .center{text-align:center; margin-bottom:30px;} .beby_zadankai .talk .center.mb10{margin-bottom:10px;} .beby_zadankai .talk .text{padding-left:20px;} .beby_zadankai .btnarea{ background-color:#E3F5FD; padding:10px 0; width:728px; text-align:center; margin-bottom:30px;} .beby_zadankai .btnarea .center{text-align:center;} .beby_zadankai .btnarea .left{width:200px; float:left; margin-right:80px;} .beby_zadankai .btnarea .right{width:200px; float:left;} .beby_zadankai .sms{width:728px; height:20px; position: relative; margin-bottom:20px;} .beby_zadankai .sms #twi{ width:100px; position:absolute; right:210px;} .beby_zadankai .sms .fb{width:100px; position:absolute; right:120px;} .beby_zadankai .sms .line{width:100px; position:absolute; right:0;} /********************************************************************/ /*size 140814*/ #hnb_under_sizepage{text-align:left; letter-spacing:0.1em; color:#333; width:761px; line-height:1.6em;} #hnb_under_sizepage ul, #hnb_under_sizepage li{margin:0; padding:0; list-style:none;} #hnb_under_sizepage p{margin:0;padding:0;} #hnb_under_sizepage .right, #hnb_under_sizepage .left{text-align:left;} #hnb_under_sizepage .mt20{margin-top:20px;} #hnb_under_sizepage .mb10{margin-bottom:10px;} #hnb_under_sizepage .mb15{margin-bottom:15px;} #hnb_under_sizepage .mb20{margin-bottom:20px;} #hnb_under_sizepage .mb30{margin-bottom:30px;} #hnb_under_sizepage .mb40{margin-bottom:40px;} #hnb_under_sizepage .mb50{margin-bottom:50px;} #hnb_under_sizepage .mb80{margin-bottom:80px;} #hnb_under_sizepage .bold{font-weight:bold;} #hnb_under_sizepage h2{ font-size:26px; font-weight: bold; color:#2DA1DF; margin-top:20px;} #hnb_under_sizepage .nav{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/bk.jpg) repeat 0 0; padding:20px 20px 10px 20px; width:731px;} #hnb_under_sizepage .nav .left{ width:360px; float:left; margin-right:11px; margin-bottom:10px;} #hnb_under_sizepage .nav .right{ width:360px; float:left; margin-bottom:10px;} #hnb_under_sizepage .nayami .left{float:left; width:360px; margin-right:41px;} #hnb_under_sizepage .nayami .right{float:left; width:360px;} #hnb_under_sizepage .nayami .left .ttl{ color:#FFF; font-size:17px; font-weight:bold; background-color:#2EA2DF; text-align:center; padding:5px 2px;} #hnb_under_sizepage .nayami .right .ttl{color:#FFF; font-size:17px; font-weight:bold; background-color:#F85C8B; text-align:center; padding:5px 2px;} #hnb_under_sizepage .nayami .left li{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/icon1.jpg) no-repeat 0 0; padding-left:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC; font-size:14px;} #hnb_under_sizepage .nayami .right li{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/icon2.jpg) no-repeat 0 0; padding-left:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC; font-size:14px;} #hnb_under_sizepage .blue_area{text-align:center; font-weight:bold; font-size:16px; color:#212121; padding:15px 8px; line-height:1.7em; background-color:#CCECFB;} #hnb_under_sizepage .yl_area{text-align:center; font-weight:bold; font-size:16px; color:#212121; padding:15px 8px; line-height:1.7em; background-color:#FFFFBF;} #hnb_under_sizepage h3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/bk_ttl.jpg) no-repeat 0 0; font-size:18px; color:#FFF; padding:7px 10px; margin-bottom:20px} #hnb_under_sizepage .pagetop{text-align:right;} #hnb_under_sizepage .nayami .left .color{padding:15px;background-color:#CCECFB;} #hnb_under_sizepage .nayami .right .color{padding:15px;background-color:#FFFFBF;} #hnb_under_sizepage .fl3_area .left1{float:left; width:166px;} #hnb_under_sizepage .fl3_area .left2{float:left; width:285px; margin-right:25px;} #hnb_under_sizepage .fl3_area .left2 .ttl{ font-size:16px; color:#019FEA; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #019FEA;} #hnb_under_sizepage .fl3_area .left2 li{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/icon1.jpg) no-repeat 0 2px; padding-left:30px; margin-bottom:15px; font-size:14px;} #hnb_under_sizepage .fl3_area.line {border-bottom:2px solid #dddddd; margin-bottom:20px;} #hnb_under_sizepage .fl3_area .left3{float:left; width:285px;} #hnb_under_sizepage .fl3_area .left3 li{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/icon1.jpg) no-repeat 0 2px; padding-left:30px; margin-bottom:15px; font-size:14px;} #hnb_under_sizepage .fl3_area .left3 .ttl{ font-size:16px; color:#019FEA; font-weight:bold; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #019FEA;} #hnb_under_sizepage .setumei_area .left{width:500px; margin-right:20px; float:left;} #hnb_under_sizepage .setumei_area .right{width:240px;float:left;} #hnb_under_sizepage .setumei_area .left .bold{ color:#2DA3DE; margin-bottom:10px; font-size:14px;} #hnb_under_sizepage .setumei_area .left li{background:url(http://www.ukiuki.jp/hpgen/HPB/img/size_img/icon1.jpg) no-repeat 0 0; padding-left:30px; margin-bottom:20px;font-size:14px;} #hnb_under_sizepage .setumei_area .left ul{margin-bottom:50px;} #hnb_under_sizepage h4{ font-size:20px; color:#0D345F; padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid #0D345F; font-weight:bold;} #hnb_under_sizepage .item_area .left_item{float:left; width:239px; margin-right:22px;} #hnb_under_sizepage .item_area .right_item{float:left; width:239px;} #hnb_under_sizepage .item_area .img{text-align:center; border:1px solid #CCC; margin-bottom:10px;} #hnb_under_sizepage .item_area .name{margin-bottom:5px;} #hnb_under_sizepage .btn{text-align:center; background-color:#eeeeee; padding:13px 0;} /********************************************************************/ /*20131216 listranking*/ #hnb_ranking{width:744px; margin:0 auto 30px auto; font-size:12px;} #hnb_ranking p{margin:0; padding:0;} #hnb_ranking .ttl{ margin:10px 0 10px 0; padding:0;} #hnb_ranking .left{ width:238px; margin-right:15px; float:left;} #hnb_ranking .right{width:238px; float:left; margin-right:0;} #hnb_ranking .icon{ margin-bottom:20px; text-align:center;} #hnb_ranking .img img{border:1px solid #CCC; width:236px;} #hnb_ranking .name{ margin:5px 0 5px 0; font-size:12px; text-align:left; font-weight:normal; padding:0;} #hnb_ranking .price{color: #F00; font-weight:bold; margin:0;} #hnb_ranking a{color:#117EB2; text-decoration:none;} #hnb_ranking a:hover{text-decoration:underline;} .sidemain1 ul li{border-bottom:1px dotted #CCC;} /********************************************************************/ /*20131128 baby_LP*/ #hnb_baby .mb10{margin-bottom:10px;} #hnb_baby .mb20{margin-bottom:20px !important;} #hnb_baby .mb30{margin-bottom:30px;} #hnb_baby .mb40{margin-bottom:40px !important;} #hnb_baby{ font-size:13px; color:#444;} #hnb_baby p{margin:0; padding:0;} #hnb_baby a{ color:#0C7BD7;} #hnb_baby a:hover{ text-decoration:none;} #hnb_baby span{ color:#0B6CD8; font-weight:bold;} #hnb_baby .indent_text{margin-bottom:20px; padding:0 20px;} #hnb_baby .bk1{ background-color:#FFFFCA; padding:10px 20px 20px 20px; width:688px;} #hnb_baby .bk1 .big{font-size:15px;} #hnb_baby .bk2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby/baby_bk1.jpg) no-repeat 0 0 #FFFFCA; width:728px; min-height:396px; position:relative;} #hnb_baby .bk2 .text_area{position:absolute; width:330px; top:90px; left:20px;} #hnb_baby .bk2 .text_area .box{ border:2px solid #79D1F7; padding:10px; margin-top:15px; -webkit-border-radius: 5px; /* for Safari and Chrome */ -moz-border-radius: 5px; /* for Firefox */ -o-border-radius: 5px; /* when Opera Presto 2.3 or later is released */ -khtml-border-radius:5px; /* Linux browsers */ border-radius: 5px; /* CSS3 */ } #hnb_baby .bk3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby/baby_bk2.jpg) no-repeat 0 0 #FFFFCA; width:728px; min-height:691px; position:relative;} #hnb_baby .bk3 .text1{position:absolute; right:150px; top:190px; border:none; font-size:16px; font-weight:bold;} #hnb_baby .bk3 .text1 li{margin-bottom:10px; list-style:none; list-style-image:url(http://www.ukiuki.jp/hpgen/HPB/img/baby/baby_icon1.jpg) ;} #hnb_baby .bk3 .text2{position:absolute; left:90px; top:475px; width:400px; font-size:12px;} #hnb_baby .item_area .item_left{width:344px; float:left; margin-right:40px; margin-bottom:30px;} #hnb_baby .item_area .item_right{width:344px; float:left; margin-bottom:30px;} #hnb_baby .item_area .text{margin:10px 0 15px 0;} #hnb_baby .item_area .var{font-weight:bold; margin-bottom:7px; color:#666;} #hnb_baby .item_area table {font-size:15px; margin-bottom:10px;} #hnb_baby .item_area table th{text-align:left; width:172px; padding:3px 0;} #hnb_baby .item_area table td{text-align:right; color:#FF2626; font-weight:bold; width:172px; padding:3px 0;} #hnb_baby .item_area .cart{background-color:#eee; text-align:center; padding:10px 0;} #hnb_baby .more{background-color:#E3F5FD; text-align:center; padding:10px 0; width:728px; margin-bottom:40px;} #hnb_baby .icon2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby/baby_icon2.jpg) no-repeat 0 5px; padding-left:20px; margin-bottom:15px; color:#666;} #hnb_baby .aten{border-left:4px solid #FF7F00;border-right:4px solid #FF7F00; width:690px; padding:15px;} #hnb_baby .bk2_1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby/baby2_bk1.jpg) no-repeat 0 0 #FFFFCA; width:728px; min-height:514px; position:relative;} #hnb_baby .bk2_1 p{position:absolute; top:130px; right:20px; width:300px;} #hnb_baby .bk2_2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/baby/baby2_bk2.jpg) no-repeat 0 0 #FFFFCA; width:728px; min-height:262px; position:relative;} #hnb_baby .bk2_2 p{position:absolute; top:130px; left:20px; width:410px;} #hnb_baby .item_area .item2_left{width:230px; float:left; margin-right:19px; margin-bottom:30px;} #hnb_baby .item_area .item2_right{width:230px; float:left; margin-bottom:30px;} #hnb_baby .item_area .price{ margin-bottom:10px;} /********************************************************************/ /*20131122*/ #container{width:1000px !important; } #leftSide{width:180px !important;} .left_nav .cate_area li{width:178px;} .left_nav .cate_area ul{width:178px;} .sidebox{width:180px;} .sidemain1 { background: none repeat scroll 0 0 #FFFFFF; margin: 0; padding: 0 !important; } .sidebox .title1{padding:5px; text-align:center;} .centerbox {margin: 0;padding: 0 0 10px 35px !important;} #center2 ul.news {padding:0; margin-bottom:0px;} #center2 .news li{padding:0;} #center2 .centerbox{padding-right:70px !important; padding-left:70px !important;} /********************************************************************/ /*商品詳細ページ*/ .hnb_detail_area {width:650px;} .hnb_detail_area h3{ color:#333; font-size:33px; margin:20px 0; line-height:1.5em;} .hnb_detail_area .main_img{margin-bottom:20px; text-align:center;} .hnb_detail_area h4.size{ color:#0D345F; font-size:14px; font-weight: bold; padding-left:10px; border-left:3px solid #2EA2DF; margin-bottom:10px;} .hnb_detail_area table.size{ margin:0 0 20px 0 !important; width:100%;border-top:1px solid #CCC;border-right:1px solid #CCC;} .hnb_detail_area table.size th, .hnb_detail_area table.size td{border-bottom:1px solid #CCC;border-left:1px solid #CCC; padding:7px 10px;} .hnb_detail_area table.size th{color:#FFF; background-color:#2FA3DE; text-align:center; width:25%;} .hnb_detail_area h4.ttl{ background:url(http://www.ukiuki.jp/images/item/detail_ttl.jpg) no-repeat 0 center; font-size:18px; color:#FFF; padding:10px 0 10px 15px; margin-bottom:20px;} .hnb_detail_area ul{margin:0 0 30px 0; padding:0;} .hnb_detail_area li{background:url(http://www.ukiuki.jp/images/item/detail_icon.jpg) no-repeat 10px center; margin-bottom:10px; padding:15px 0 10px 45px ; list-style:none; font-size:20px; font-weight:bold;} .hnb_detail_area .left{float:left; width:325px; margin-right:20px; margin-bottom:30px; text-align:left;} .hnb_detail_area .right{float:left; width:305px; margin-bottom:30px; text-align:left;} .hnb_detail_area .left h5, .hnb_detail_area .right h5{ font-size:30px; color:#003366; margin:0; line-height:1.3em;} .hnb_detail_area .item_left{float:left; width:210px; margin-right:10px; margin-bottom:30px; text-align:left;} .hnb_detail_area .item_right{float:left; width:210px; margin-bottom:30px; text-align:left;} .hnb_detail_area .item_left .img, .hnb_detail_area .item_right .img{ text-align:center; margin-bottom:10px; border:1px solid #CCC;} .hnb_detail_area h4.ttl2{background-color:#CBEBF8; font-weight:bold; font-size:16px; color:#003366; padding:8px; margin-bottom:20px;} .hnb_detail_area table{width:100%; text-align:left; margin-bottom:30px !important;} .hnb_detail_area table a{font-weight:bold; color:#0D345F;} .hnb_detail_area .voice_area{background:url(http://www.ukiuki.jp/images/item/detail_reco.jpg) no-repeat 0 0; width:460px; padding:15px 10px 10px 180px ;} .hnb_detail_area .mb30{margin:0 0 30px 0; padding:0;} .hnb_detail_area table.spec{border-top:1px solid #CCC;border-right:1px solid #CCC;} .hnb_detail_area table.spec th{background-color:#EEEEEE; font-weight:bold; padding:10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;} .hnb_detail_area table.spec td{padding:10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;} .layoutp3{padding:8px; border:5px solid #C5EAF5;} .layoutp3 .layoutp3{padding:0; border:none;} #itemRatinglist { margin-bottom: 30px; } /********************************************************************/ /* TOPバナーエリア */ #hnb_top{width:468px; padding-left:10px; font-size:11px;} #hnb_top a{color:#666; text-decoration:none;} #hnb_top a:hover{color:#666; text-decoration:underline;} #hnb_top p{margin:0; padding:0;} #hnb_top p.mb10{margin-bottom:10px;} #hnb_top p.mb20{margin-bottom:20px;} #hnb_top p.mb30{margin-bottom:30px;} #hnb_top .top_item .img img{height:148px;} #hnb_top .top_item .img{text-align:center; border:1px solid #CCC; margin-bottom:5px; height:148px;} #hnb_top .top_item .img:hover{border:1px solid #ADD5DF;} #hnb_top h3{margin:25px 0 20px 0;} #hnb_top .top_item .left1{width:150px; float:left; margin-right:9px;} #hnb_top .top_item .left2{width:150px; float:left;} #hnb_top .top_item .name{font-weight:normal; color:#333; line-height:120%; margin-bottom:3px; font-size:12px;} #hnb_top .top_item .price{font-weight:normal; margin-bottom:20px; font-size:12px;} #hnb_top .bnr_float .left{float:left; width:224px; margin-right:20px; text-align:left;} #hnb_top .bnr_float .right{float:left; width:224px; text-align:left;} #hnb_top .size_area{ background-color:#eee; padding:10px;} #hnb_top .size_area ul{ padding:0; margin:0;} #hnb_top .size_area li{ padding:0; margin:0; list-style:none;} #hnb_top .size_area .left_size{width:214px; float:left;} #hnb_top .size_area .right_size{ float:left; background-color:#14AFF1; padding:5px; height:75px; width:224px; padding-top:10px;} #hnb_top .size_area .right_size li{margin-bottom:5px;} #hnb_top .size_area .right_size li a{color:#FFF; font-size:14px; font-weight:bold;background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/icon_size.jpg) left center no-repeat; padding-left:20px; } /********************************************************************/ /* ヘッダー #container*/ body{ background:url(/USERTHEMEIMG/vol1/ukiuki.up.shopserve.jp/bk.jpg) center top no-repeat;} #headerwrap_hnb{ position:relative;} #headerwrap_hnb #header_hnb{ min-height:136px;} #headerwrap_hnb #header_hnb h1{color:#FFF; font-weight:normal; font-size:12px; margin:3px 0 20px 0; padding-left:5px;} #headerwrap_hnb #header_hnb .contact{ position:absolute; top:84px; left:840px;} #headerwrap_hnb .head_nav{ background:url(/USERTHEMEIMG/vol1/ukiuki.up.shopserve.jp/head_navi.jpg) left center no-repeat; width:1000px; height:34px; padding-top:7px;text-align:right;} #headerwrap_hnb .head_nav span{margin-right:0.5em;} #headerwrap_hnb .item_nav{margin:10px 0;} #headerwrap_hnb .item_nav p{ width:194px; margin-right:7.5px; float:left; padding:0;} #headerwrap_hnb .item_nav p.mr0{margin:0; margin-top:5px;} /********************************************************************/ /* カテゴリ絞り込み */ #cate_sort{ border:1px solid #FFBF00; background:url(http://www.ukiuki.jp/hpgen/HPB/img/header/bk_cate.jpg) center top ; padding:0 0 5px 0;margin-top:10px; margin-bottom:20px;} #cate_sort p{padding-left:7px; color:#F75500; font-weight:bold; margin-bottom:5px;} #cate_sort ul,#cate_sort li{padding:0; margin:0; list-style:none;} #cate_sort ul{padding-left:7px;} #cate_sort li{float:left; } #cate_sort li a{background:url(http://www.ukiuki.jp/hpgen/HPB/img/header/cate_list.jpg) 0 center no-repeat ; width:130px; height:40px; padding-left:25px; line-height:40px; display:block;margin-right:5px; margin-bottom:5px;} #cate_sort li a:hover{background:url(http://www.ukiuki.jp/hpgen/HPB/img/header/cate_list_on.jpg) 0 center no-repeat ; width:130px; height:40px; padding-left:25px; line-height:40px; display:block;margin-right:5px; margin-bottom:5px;} #cate_sort li a{text-decoration:none; color:#00336D; font-size:14px; font-weight:bold;} #cate_sort li a:hover{color: #03F; font-size:14px; font-weight:bold;} /********************************************************************/ /* 大きいサイズの水着特集 */ #style7{width:650px;} #style7 p{margin:0; padding:0;} #style7 h3{ margin-bottom:20px; margin-top:60px;} #style7 .mb10{margin-bottom:10px;} #style7 .mb20{margin-bottom:20px;} #style7 .navi1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style.jpg) no-repeat 0 0; width:630px; height:91px; margin-bottom:20px; padding:45px 10px 0 10px;} #style7 .navi1 p{width:206px; float:left; margin-right:6px;} #style7 .navi1 p.mr0{margin-right:0px;} #style7 .navi2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_use.jpg) no-repeat 0 0; width:630px; height:88px; margin-bottom:20px; padding:45px 10px 0 10px;} #style7 .navi2 p{width:313px; float:left; margin-right:4px;} #style7 .navi2 p.mr0{margin-right:0px;} #style7 .navi3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_desi.jpg) no-repeat 0 0; width:630px; height:259px; margin-bottom:20px; padding:45px 10px 0 10px;} #style7 .navi3 p{width:313px; float:left; margin-right:4px; margin-bottom:10px;} #style7 .navi3 p.mr0{margin-right:0px;} #style7 .navi4{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_size.jpg) 0 0; width:630px; height:80px;margin-bottom:20px; padding:10px 10px 10px 10px;} #style7 .navi4 p{width:313px; float:left; margin-right:4px;} #style7 .navi4 p.mr0{margin-right:0px;} #style7 .stbk{width:426px; padding:110px 20px 20px 202px; margin:0 auto 40px 0; border:1px solid #CCC; border-top:none;} #style7 .stbk .text{margin-bottom:20px; letter-spacing:0.02em;} #style7 .stbk .patan1 .left_img{float:left; width:115px;} #style7 .stbk .patan1 .right_text{float:left; width:311px; letter-spacing:0.15em;} #style7 .stbk .name{font-size:15px; color:#333; font-weight:bold;} #style7 .stbk .price{font-weight:bold; font-size:20px; } #style7 .stbk .price span{font-size:12px;} #style7 .stbk .patan1 .clearfix{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC;} #style7 .stbk .patan1 .clearfix.noline{border:none; padding-bottom:0; margin-bottom:0;} #style7 .stbk .patan2 .line{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC;} #style7 .stbk .patan2 .right_text{width:426px; float:none;} /*mens*/ #style7 .stbk_man{width:376px; padding:110px 20px 20px 252px; margin:0 auto 40px 0; border:1px solid #CCC; border-top:none;} #style7 .stbk_man .text{margin-bottom:20px; letter-spacing:0.02em;} #style7 .stbk_man .name{font-size:15px; color:#333; font-weight:bold;} #style7 .stbk_man .price{font-weight:bold; font-size:20px; } #style7 .stbk_man .price span{font-size:12px;} #style7 .stbk_man .patan2 .line{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC;} #style7 .stbk_man .patan2 .right_text{width:426px; float:none;} /*スタイル*/ #style7 .bk_style1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style1.jpg) left top no-repeat; } #style7 .bk_style2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style2.jpg) left top no-repeat; } #style7 .bk_style3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style3.jpg) left top no-repeat; } #style7 .bk_style4{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style4.jpg) left top no-repeat;} #style7 .bk_style5{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style5.jpg) left top no-repeat; padding-top:150px;} #style7 .bk_style6{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style6.jpg) left top no-repeat; padding-top:160px;} #style7 .bk_style7{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style7.jpg) left top no-repeat;} #style7 .bk_style8{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style8.jpg) left top no-repeat;} #style7 .bk_style9{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style9.jpg) left top no-repeat; } #style7 .bk_style10{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/bk_style10.jpg) left top no-repeat;padding-top:150px;} /*use*/ #style7 .bk_use1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use1.jpg) left top no-repeat; } #style7 .bk_use2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use2.jpg) left top no-repeat; padding-top:160px;} #style7 .bk_use3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use3.jpg) left top no-repeat; padding-top:160px;} #style7 .bk_use4{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use4.jpg) left top no-repeat;} #style7 .bk_use5{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use5.jpg) left top no-repeat;} #style7 .bk_use6{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use6.jpg) left top no-repeat;} #style7 .bk_use7{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use7.jpg) left top no-repeat; padding-top:160px;} #style7 .bk_use8{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use8.jpg) left top no-repeat;} #style7 .bk_use9{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use9.jpg) left top no-repeat; } #style7 .bk_use10{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use10.jpg) left top no-repeat;} #style7 .bk_use11{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/use/bk_use11.jpg) left top no-repeat;} /*desi*/ #style7 .bk_desi1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design1.jpg) left top no-repeat; } #style7 .bk_desi2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design2.jpg) left top no-repeat;} #style7 .bk_desi3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design3.jpg) left top no-repeat;} #style7 .bk_desi4{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design4.jpg) left top no-repeat;} #style7 .bk_desi5{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design5.jpg) left top no-repeat;} #style7 .bk_desi6{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design6.jpg) left top no-repeat;} #style7 .bk_desi7{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design7.jpg) left top no-repeat;} #style7 .bk_desi8{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design8.jpg) left top no-repeat;} #style7 .bk_desi9{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design9.jpg) left top no-repeat; } #style7 .bk_desi10{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design10.jpg) left top no-repeat; padding-top:160px;} #style7 .bk_desi11{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design11.jpg) left top no-repeat; padding-top:160px;} #style7 .bk_desi12{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design12.jpg) left top no-repeat;} #style7 .bk_desi13{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design13.jpg) left top no-repeat;} #style7 .bk_desi14{background:url(http://www.ukiuki.jp/hpgen/HPB/img/entries7/design/bk_design14.jpg) left top no-repeat; padding-top:140px;} #style7 #reco_area{margin-bottom:20px; height:auto;} #style7 #reco_area .mb15 p{ width:311px; float:left; margin-bottom:20px; margin-right:28px;} #style7 #reco_area .mb15 p.mr0{margin-right:0px;} #style7 #reco_area .foot .left{width:146px; float:left; margin-right:22px; margin-bottom:15px;} #style7 #reco_area .foot .left.mr0{margin-right:0px;} #style7 #reco_area .name{font-weight:bold; color:#333; margin-top:5px;} #style7 #reco_area .price{font-weight:normal;} /*スクール水着*/ #hnb_smile .mb10{margin-bottom:10px;} #hnb_smile .mb20{margin-bottom:20px;} #hnb_smile .mb30{margin-bottom:30px;} #hnb_smile br.clear {clear: both;display: none;font-size: 0px;line-height: 0%;height: 0px} .clearfix:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;} .clearfix {display: inline-block; } #hnb_smile ul{padding:0; margin:0; list-style-type:none;} #hnb_smile .nav{margin-top:10px;} #hnb_smile .nav li{width:155px; float:left; margin-right:10px;} #hnb_smile .nav li.mr0{margin-right:0;} #hnb_smile .ranking{margin-bottom:20px;} #hnb_smile .ranking h2{margin-bottom:10px;} #hnb_smile .ranking .clearfix div{width:122px; float:left; margin-right:10px;} #hnb_smile .ranking .clearfix div.mr0{margin-right:0px;} #hnb_smile .ranking .clearfix .price{font-weight:normal;} #hnb_smile .category{margin-bottom:20px;} #hnb_smile .category h2{margin-bottom:10px;} #hnb_smile .category p{margin:0; padding:0;} #hnb_smile .category .left{width:200px; float:left; margin-right:25px; margin-bottom:20px;} #hnb_smile .category .left.mr0{margin-right:0px;} #hnb_smile .category .bk{background-color:#EEEEEE; padding:10px 0; color:#333333;} #hnb_smile .category .bk a{ color:#333333;} #hnb_smile .category .bk .ttl{padding:0 8px; font-size:14px; font-weight:bold; margin-bottom:3px; color:#333333;} #hnb_smile .category .bk .ttl span{ font-size:12px; display:block; font-weight:normal;} #hnb_smile .category .bk table{ width:91%; margin-bottom:5px;} #hnb_smile .category .bk table tr{ border-bottom:1px dashed #B6B6B6;} #hnb_smile .category .bk table td, #hnb_smile .category .bk table th{vertical-align:middle; padding:5px 0; text-align:left;} #hnb_smile .category .bk table td{ text-align:right;} #hnb_smile .category .bk table td{color: #F00; font-weight:bold;} #hnb_smile .cate9_l{ width:370px; float:left;} #hnb_smile .cate9_r{ width:280px; float:left;background-color:#EEEEEE;} #hnb_smile .other{margin-bottom:20px;} #hnb_smile .other h2{margin-bottom:10px;} #hnb_smile .other .clearfix div{width:210px; float:left; margin-right:10px;} #hnb_smile .other .clearfix div.mr0{margin-right:0px;} /*left navi*/ .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .left_nav .mail_bk{background:url(http://www.ukiuki.jp/hpgen/HPB/img/left_nav/mail.jpg) no-repeat; width:180px; height:41px; text-align:center; padding-top:90px; margin-bottom:10px} .left_nav #search{background:url(http://www.ukiuki.jp/hpgen/HPB/img/left_nav/serch_bk.jpg); border:1px solid #CCC; margin-bottom:10px; text-align:center; padding:5px 5px 5px;} .left_nav #search label { color: #1386BF; font-size: 12px; font-weight: bold; letter-spacing: 0.2em; line-height: 100%; margin: 0; padding: 0 0 0 0; } .left_nav .cate_area ul{border-right:1px solid #CCC;border-left:1px solid #CCC;} .left_nav .cate_area li{border-bottom:1px solid #CCC;} .left_nav .cate_area li a{ text-decoration:none; display:block; background:url(http://www.ukiuki.jp/hpgen/HPB/img/left_nav/icon.jpg) no-repeat 10px 13px;padding:8px 5px 8px 20px;} .left_nav .cate_area li a:hover{background:url(http://www.ukiuki.jp/hpgen/HPB/img/left_nav/icon_on.jpg) no-repeat 10px 13px #FFEA93;padding:8px 5px 8px 20px; color:#333;} .left_nav .cate_area a img:hover{filter: alpha(opacity=80);opacity:0.8;} /* テーマ：ベーシック／ブルー */ body{ font-family:"ＭＳ Ｐゴシック", Osaka,monospace; text-align:center; margin:0; margin-left:auto; margin-right:auto; padding:0px; font-size:80%; line-height:135%; color:#000000; /*background:#C9D1D1;*/ } table{ /* 基本テーブル設定（固定）*/ border:0px none; margin:0px; padding:0px; text-align:left; border-collapse:collapse; } th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;} td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;} th {white-space:nowrap;} a{ /* 基本のリンク （固定）*/ color:#666666;text-decoration:underline;} a:hover { color:#DE548E;text-decoration:none;} ul{ /* 基本のリスト （固定）*/ list-style-type:square;} ul ul{ list-style-type:none;} img{ border:0px;}/* イメージボーダー指定 */ form { padding:0px;display:inline;} p{ line-height:150%;margin:5px 0px;padding:2px 0px;} .clear_both { /* 画像の周り込み解除 */ clear:both; font-size:1px; visibility:hidden; overflow:hidden; height:1px; text-align:center; } .button1{ /* inputボタン設定 */ } .sidebox .text1 {border:1px solid #CCCCCC;width:100px;} .text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */ .caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */ .no2{font-size:110%;} /* フォントズーム */ .strong{ font-weight:bold;}/* フォントボールド */ .red{color:#CC0000;} /* フォント赤 */ .orange{color:#FF9900;} /* フォントオレンジ */ .blue{color:#0000FF;} /* フォント青 */ .green{color:#006600;} /* フォント緑 */ .glay{color:#666666;} /* フォントグレー */ .item img{/* 商品画像枠 */ height:auto; padding:5px; margin:0px; background:#FFFFFF; text-align:center; } .spacebox{/* スペース設定 */ height:50px; } h2,h3,h4{ /* 基本タイトル（固定）*/ padding:0px; margin:0px; font-size:100%; text-align:left; } h1{ /* 基本タイトル（固定）*/ padding:0px; margin:0px; font-size:120%; 　　　 color:#6699FF } /********************************************************************/ /* 大枠テーブル（固定） */ #container { width:860px; margin-left:auto; margin-right:auto; text-align:left; /*border-top:5px solid #ffc925; border-left:1px solid #333333; border-right:1px solid #333333;*/ background:/* url(../img/container.gif) #ffffff;*/ } /* マイページ、ポップアップ画面 */ #enter { width:100%; text-align:left; background:/* url(../img/enter.gif) */ #ffffff; border:1px solid #B6A081; } /* ヘッダー */ #header{ width:100%; padding-bottom:0px; margin-top:50px; background:url() no-repeat; } td>#header{ /* IE7 Safari Firefox 用 */ height:110px; min-height:110px; } #header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } #header { display: inline-block; } /*\*/ * html #header { height: 1%; } #header { display: block; } /**/ /* サイトロゴブロック（設定の場合） */ .shoplogo{ margin:0px 0px 0px 0px; width:100%; } .shoplogo:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .shoplogo { display: inline-block; } /*\*/ * html .shoplogo { height: 1%; } .shoplogo { display: block; } /**/ .shoplogo img{ /* サイトロゴブロック（表示なし） */ /*display:none;*/ } .siteName { /* サイト名 h1 （テキスト） */ margin:0px; padding:40px 10px 3px 0px; font-size:90%; font-weight:900; line-height:1em; } .siteName a { color:#4459f7;text-decoration:none;} .siteName a:hover { color:#4459f7; text-decoration:underline; } .sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/ padding:5px 10px 2px 0px; margin:0px; line-height:120%; font-weight:normal; } .sitecopy a {color:#4459f7;text-decoration:none;} .sitecopy a:hover {color:#4459f7;text-decoration:none;} /* ヘッダーメニュー */ #headMenu { width:100%; margin:0; margin-bottom:4px; background-color:#EBF3F7; /*border-bottom:3px #009193 solid; border-top:1px #009193 solid;*/ margin-bottom:10px; color:#FFFFFF; clear:both; } .headnavi { /* ヘッダーメニューテキスト */ padding:5px 5px 5px 1px; font-weight:normal; text-align:right; color:#FFFFFF; background-image:url(../img/headnavi_bg.gif); background-color:#1386BF; } .headnavi a{ padding:5px 5px 5px 5px ; margin:5px 0px; font-weight:bold; color:#FFFFFF; text-decoration:none; } .headnavi a:hover { color:#FFFFFF; text-decoration:none; background-image:url(../img/headnavi_bg_on.gif); } .navi01 {/* ヘッダーメニューアイコン */ color:#333333; /*background:url(../img/hnavi01.gif) no-repeat center left;*/ } /* ヘッダー下装飾ライン */ .hline { border:0px solid #B6A081; background:#B6A081; } /********************************************************************/ #leftSide {min-width:170px; /* 左サイドtd */ padding:0px; margin:0px; background:#ffffff; vertical-align:top; /* background:url(../img/leftside.gif) ;*/ } #rightSide {min-width:170px; /* 右サイドtd （3列）*/ padding:0px; margin:0px; background:#ffffff; vertical-align:top; /* background:url(../img/rightside.gif) ;*/ } #rightSide {min-width:170px; /* 右サイドtd （3列 ブログ）*/ padding:0px; margin:0px; vertical-align:top; /* background:url(../img/rightside2.gif) ;*/ } #center1 { /* センター td （2列）*/ width:690px; padding:0px; margin:0px; vertical-align:top; background:#FFFFFF; /* background:url(../img/center1.gif) ;*/ } #center2 {min-width:520px; /* センターtd （3列）*/ width:auto; padding:0px; margin:0px; vertical-align:top; background:#FFFFFF; /* background:url(../img/center2.gif) ;*/ } #center3 { /* センターtd （装飾用）*/ vertical-align:top; background:#ffffff; width:100%; /* background:url(../img/center3.gif) ;*/ } /* 表組みセンタリング */ #center3 table{ margin:0 auto; } .header_area { /* ヘッダのフリーエリア */ text-align:left; margin:0; margin:0 0 0 35px; padding:0; /*width:680px;*/ } .footer_area { /* フッタのフリーエリア */ text-align:left; margin:0; /*margin-left:10px;*/ padding:0px; /*width:680px*/; } .sidebox { /* サイド用ブロック（幅設定） */ padding:1px 0px 5px 0px; margin:0px; } .centerbox { /* センター用ブロック（幅設定） */ margin:0px; padding:0 0 10px 10px; /* background:url(../img/centerbox.gif) ;*/ } .center{ text-align:center;} /* センター */ .right{ text-align:right;} /* 右 */ .left{ text-align:left;} /* 左 */ .middle{ vertical-align:middle;}/* テキスト縦中央 */ .buttom{ vertical-align:bottom;}/* テキスト縦下 */ .float_right{ float:right;} .float_left{ float:left;} /********************************************************************/ /* 基本商品テキスト設定 */ .price{ /* 商品価格 */ color:#FF0000; text-align:left; font-weight:bold; } .price.zoom{ /* 商品価格 （商品詳細） */ font-size:140%; font-weight:bold; } .expl{ /* 商品説明文 */ text-align:left; color:#333333; } .expl a{color:#333333; text-decoration:none;} .expl a:hover{color:#333333;text-decoration:underline;} .fixed{ /* 商品定価 */ font-size:120%; color:#333333; text-align:left; } h2.goods /* 商品名 （商品一覧）*/ a{color:#1386BF;text-decoration:none;font-weight:bold;text-decoration:underline;} h2.goods a:hover{color:#DE548E;text-decoration:underline;} /********************************************************************/ /*センターコンテンツ */ .topIMG { /* トップイメージ 外枠設定 */ margin:0px ; padding:0px; } .topIMG td{ margin:0px; padding:0px; background:#ffffff; } .shopCopy { /* サイト説明 */ font-size:110%; line-height:130%; margin:0px; padding:3px 10px 3px 10px; color:#DE548E; font-weight:normal; text-align:left; } /* タイトルデザイン */ .free_title { /* タイトル1 h3 */ padding:8px 0px 0px 7px; margin:0px; width:auto; color:#1386BF; height:19px; line-height:100%; font-size:12px; vertical-align:middle; font-weight:bold; letter-spacing:0.2em; background-image:url(../img/title_bar01.gif) repeat-x #aed6e1; } .centerbox h2.title1{ /* タイトル2 h1 */ padding:8px 0 8px 20px; margin:10px 0 0 0; width:auto; color:#333; line-height:100%; font-size:12px; vertical-align:middle; font-weight:bold; letter-spacing:0.2em; background: /*#B8DBE4*/#aed6e1 url(http://www.ukiuki.jp/images/item/title_bar01_hnb.gif) repeat-x; } .title1{ /* タイトル2 h1 */ padding:8px 0 8px 20px; margin:10px 0 0 0; width:auto; color:#333; line-height:100%; font-size:12px; vertical-align:middle; font-weight:bold; letter-spacing:0.2em; background: /*#B8DBE4*/#aed6e1 url(../img/title_bar01.gif) repeat-x; } .title1 a{color:#1386BF;text-decoration:underline;} .title1 a:hover{ color:#1386BF; text-decoration:underline; font-weight:bold; } .title2{ /* タイトル2 h1 */ padding:10px 0 10px 7px; margin:0px; width:auto; color:#1386BF; line-height:100%; font-weight:bold; font-size:12px; vertical-align:middle; letter-spacing:0.2em; background: /*#B8DBE4*/#add5df url(../img/title_bar01.gif) repeat-x; } .title2 a{color:#1386BF;text-decoration:underline;} .title2 a:hover{ color:#1386BF; text-decoration:underline; font-weight:bold; } .title3{ /* タイトル2 h1 */ padding:10px 0px 10px 7px; margin:0px; width:auto; color:#1386BF; height:19px; line-height:100%; font-weight:bold; font-size:12px; vertical-align:middle; letter-spacing:0.2em; background: /*#B8DBE4*/#add5df url(../img/title_bar01.gif) repeat-x; } .title3 a{color:#1386BF;text-decoration:underline;} .title3 a:hover{ color:#1386BF; text-decoration:underline; font-weight:bold; } .rank{/* ランキングアイコン */ text-align:left; } .mainCont { /* メインコンテンツ */ padding:10px; margin:0px; width:auto; background:#FFFFFF; /* background:url(../img/maincont.gif) ;*/ } .contbox { /* メインコンテンツ内項目ボックス*/ padding:10px 0px; margin:0px; width:auto; } ul.news{ /* 最新情報リスト設定 */ text-align:left; padding:0px 0px 0px 12px; margin:0px; list-style-type:none; color:#000000; } li.p3{padding:3px;} ul.free_list{ /* リスト設定 */ text-align:left; padding:5px 10px; margin:0px; list-style:square; color:#333333; } ul.list{ /* リスト設定 */ text-align:left; padding:5px 10px; margin:0px; list-style:square; color:#333333; } ul.map{ /* サイトマップリスト設定 */ font-size:110%; text-align:left; padding:0px 20px; margin:0px; color:#333333; } li.sm1 { margin:4px ;display:block;list-style-type:none;} li.sm2 { margin:0px 0px 0px -35px;display:block;list-style-type:none;} .sitemap{ /* サイトマップリスト 項目タイトルh4*/ font-size:110%; padding:5px 25px; color:#333333; background:url(../img/icon_sitemap.gif) no-repeat ; background-position:left center; } /* テーブル余白設定 （固定） */ .layoutp5 { padding:5px 0px;}/* 余白5px */ .layoutp5 th { padding:5px;} .layoutp5 td { padding:5px;} .layoutp5 .border { border:1px solid #CCCCCC;} .layoutp3 table{text-align:left;width:100%;} .layoutp3 { padding:5px 0px;}/* 余白3px */ .layoutp3 th { padding:3px;} .layoutp3 td { padding:3px;} .layoutp3 .border { border:1px solid #999999;} .bordlayoutp3 { padding:5px 0px;}/* ボーダーテーブル(余白3px) */ .bordlayoutp3 th { padding:3px;border:1px solid #999999;} .bordlayoutp3 td { padding:3px;border:1px solid #999999;} .bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */ .backcolor1 { background:#EBF3F7;} /* テーブル内カラー切り替え（タイトル部分） */ .backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */ .backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */ /* 商品レイアウト（トップページセンター、商品一覧用）*/ .layoutFrame{/* 大枠 table */ margin:10px 0px 0px 0px; padding:1px; width:99%; /* background:url(../img/layoutframe.gif) ;*/ } .layoutFrame td{ text-align:center; margin:0px; padding:0px; vertical-align:top; } .layout1{ /* レイアウト */ margin:1px; padding:3px; background:#FFFFFF; /* background:url(../img/layout1.gif) ;*/ } .layout1 td{ margin:0px; padding:3px; text-align:center; } /* 第二階層 */ #bread{ /* パンクズ */ margin:0px; padding:3px 15px; color:#2E450A; text-align:left; background:#FFFFFF; } #bread a { color:#0E547A;} #bread a:link { text-decoration:underline; } #bread a:hover { text-decoration:underline; color:#DE548E; } h4.title{ font-size:110%; margin:5px 0px; padding:2px 0px; color:#1386BF; border-bottom:1px dotted #333333; } .mainFrame{ /* メイン大枠 */ margin:0px; padding:1px; /*background:#1587C2;*/ /*background:url(../img/mainframe.gif) ;*/ } p.title { margin:3px 0px; padding:2px 0px; color:#669933; border-bottom:1px dotted; font-weight:bold; } /* メールマガジンアイコン設定 */ .mailmag_ent,.mailmag_cha,.mailmag_can { color:#1386BF; } .mailmag_ent{ /* 新規登録 h4 */ font-size:110%; padding:12px 0px 0px 60px; background:url(../img/icon_mailmag_ent.gif) no-repeat; } .mailmag_cha{ /* アドレス変更 h4 */ font-size:110%; padding:12px 0px 0px 60px; background:url(../img/icon_mailmag_cha.gif) no-repeat; } .mailmag_can{ /* 配信解除 h4 */ font-size:110%; padding:12px 0px 0px 60px; background:url(../img/icon_mailmag_can.gif) no-repeat; } #sortList{ /* ソート */ margin:0px; padding:10px 3px 5px 3px; width:auto; color:#333333; float:right; } .pageTop { /* ページトップ */ padding:3px 5px 0px 17px; margin:10px 5px; background-image:url(../img/icon_top.gif); background-repeat:no-repeat; background-position:50% 0%; font-size:90%; font-weight:bold; float:right; } .pageTop a{ color:#1386BF;text-decoration:none;} .pageTop a:hover{ color:#DE548E;text-decoration:none;} /********************************************************************/ /* フッターーメニューレイアウト設定 */ #footer { padding:0px; margin-bottom:2px; width:auto; border-top:1px #1386BF solid; height:100px; text-align:center; margin-top:5px; } td>#footer { /* IE7 Safari Firefox 用 */ height:auto; min-height:100px; } .footnavi { /*フッターメニューテキスト設定*/ padding:15px 20px 5px 20px; color:#1386BF; } .footnavi a{ color:#1386BF; text-decoration:underline; font-weight:normal; } .footnavi a:hover { color:#DE548E;text-decoration:underline;} #copyright { /* コピーライト */ padding:0px; padding-bottom:40px; width:auto; height:20px; color:#1386BF; text-align:center; /* background:url(../img/copyright.gif) ;*/ } #footer>#copyright { /* IE7 Safari Firefox 用 */ height:auto; min-height:20px; } /********************************************************************/ /* サイド設定 */ #search {/* サイド商品検索枠設定 */ padding:6px 5px 12px 5px; margin:0px; width:auto; background:#EBF3F7; } #search form{width:155px;} #search label{ padding:7px 0px 0px 7px; margin:0px; color:#1386BF; line-height:100%; letter-spacing:0.2em; font-size:12px; font-weight:bold; } .fieldarea{padding:5px 0px 5px 0px;vertical-align:middle;} /* サイドメニューカテゴリリスト */ .list { /* メニュー枠設定 */ padding:0px 0px; display:block; line-height:130%; } .list h3 { /* タイトル */ padding:5px 5px; margin:0px; } ul.free_listbox{ text-align:left; padding:0px; margin:0px; list-style:none; } ul.listbox{ text-align:left; padding:0px; margin:0px; list-style:none; } li.ca1 { margin:0px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; } li.ca2 { margin:0px; border-bottom:1px solid #FFFFFF; } li.ca1 a{ padding:5px 3px 5px 15px; display:block; font-weight:bold; font-size:1.1em !important; text-decoration:none; background-image:url(../img/icon_eye01.gif); background-repeat:no-repeat; /*background:#EBF3F7;*/ color:#1386BF; } li.ca1 a:hover{ font-weight:bold; font-size:1.1em; text-decoration:none; color:#FFFFFF; background-image:url(../img/icon_eye01_ov.gif); background-repeat:no-repeat; background-color:#1386BF; } /* li.ca2 a{ padding:1px 3px 1px 15px; display:block; color:#0E547A; font-weight:normal; text-decoration:none; } li.ca2 a:hover{ color:#0A3852; font-weight:normal; text-decoration:none; background:url(../img/icon_eye02_ov.gif) no-repeat #EBF3F7; } */ /*li.pt10{padding-top:10px !important;}*/ li.ca3 { margin:0px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; } li.ca3 a{ padding:5px 3px 5px 15px; display:block; font-weight:normal; text-decoration:none; background-image:url(../img/icon_eye01.gif); background-repeat:no-repeat; /*background:#EBF3F7;*/ color:#1386BF; } li.ca3 a:hover{ font-weight:normal; text-decoration:none; color:#FFFFFF; background-image:url(../img/icon_eye01_ov.gif); background-repeat:no-repeat; background-color:#1386BF; } li.ca4 { margin:0px; border-bottom:1px solid #FFFFFF; } li.ca4 a{ padding:3px 3px 3px 25px; display:block; color:#333333; font-weight:normal; text-decoration:none; background:url(../img/icon_eye02.gif) no-repeat #EBEBEB; } li.ca4 a:hover{ color:#547D2B; font-weight:normal; text-decoration:none; background:url(../img/icon_eye02_ov.gif) no-repeat #EBFFAC; } .sline1 { /* サイドバー下ライン */ padding:0px; margin:0px; } .sline2 { /* サイドバー下ライン */ padding:0px; margin:0px; } /* サイドコンテンツ */ .sidemain1 { /* メイン枠 */ margin:0px ; padding:5px; background: #FFFFFF; } .sidemain1 p { padding:3px 0px 3px 0px; margin:0px; line-height:120%; } .sidemain1 ul { /* リスト設定 */ margin:0px; padding:0px; list-style:none; } /* .sidemain1 li { display:block; padding:2px 0px 2px 10px; color:#0E577E; } */ /* カレンダー */ caption { /* 年月タイトル */ font-weight:bold; text-align:center; padding:3px; color:#333333; } caption a{ color:#333333;text-decoration:underline;} caption a:hover{ color:#333333; text-decoration:underline;} .carender { /* カレンダー テーブル*/ border-collapse:collapse; padding:5px 0px; margin:0px; text-align:center; background-color:#FFFFFF; } /* カレンダー横幅指定とセンタリング */ div#calendar_div table{ margin:0 auto; text-align:center; width:150px; } .carender td { padding:2px; border-collapse:collapse; text-align:right; border:1px solid #CCCCCC; background-color:#FFFFFF; } .carender th { padding:2px; border-collapse:collapse; border:1px solid #CCCCCC; background-color:#FFFFFF; } th.day { /* ヘッダ平日 */ font-weight:bold; color:#1386BF; background:#EBF3F7; text-align:center; } th.sun { /* ヘッダ日曜 */ color:#FFFFFF; background:#1386BF; text-align:center; } th.sat { /* ヘッダ土曜 */ color:#FFFFFF; background:#DE548E; text-align:center; } .chert { /* 表示色説明枠 */ margin:5px 5px; font-size:84%; } .chert td { border-collapse:separate; padding:0px 0px 0px 5px; border:2px solid #FFFFFF; } .line01{ /*border:#DEDBBE 1px dotted;*/ vertical-align:bottom; } /* RSS設定 */ #rss{ margin:0 0 20px 0; padding:0; } #count{ /* カウンター */ margin:0px; padding:5px; } /********************************************************************/ /* ブログ */ .blogbox { /* コメントボックス */ padding:5px; margin:2px 0px; width:auto; /* background:url(../img/blogbox.gif) ;*/ } .entry_title { /* ブログエントリータイトル h2 */ padding:5px 0px 5px 0px; display:block; font-size:110%; /* color:#FFFFFF;*/ color:#333333; height:19px; /* background:url(../img/entry_title.gif);*/ } .entry_date{ display:block; padding:10px 0px 3px 0px; color:#333333; text-align:right; } .state{ /* ブログステータス */ padding:2px 0px; text-align:right; border-top:1px solid #ded9c5; } .subtitle {/* h3 ブロックサブタイトル */ padding:5px 0px 5px 0px; margin:10px 0px 10px 0px; text-align:left; font-size:110%; color:#547D2B; background:url(../img/subtitle.gif); height:19px; } p.label { /* ブログコメントタイトル */ font-weight:bold; } .tb_url{ /* トラックバックurl */ font-weight:bold;margin-bottom:10px; } /********************************************************************/ /* カート */ .point {font-size:120%;color:red;font-weight:900;} .pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#1386BF;} /* ナビゲーション （固定）*/ .step_navi01,.step_navi02,.step_navi03,.step_navi04 { text-align:center; width:100%; height:40px;margin-top:20px; margin-bottom:10px; } .step_navi01 { background-image:url(../img/navi01.gif); background-repeat:no-repeat; } .step_navi02 { background-image:url(../img/navi02.gif); background-repeat:no-repeat; } .step_navi03 { background-image:url(../img/navi03.gif); background-repeat:no-repeat; } .step_navi04 { background-image:url(../img/navi04.gif); background-repeat:no-repeat; } /********************************************************************/ /* 旧サイトCSS*/ body { padding-bottom: 10px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px} td{font-size:12px;} .px12 A:link { COLOR: #D9451A; text-decoration:underline;} .px12 A:visited { COLOR: #D9451A; text-decoration:underline;} .px12 A:active { COLOR: #666666; text-decoration:underline;} .px12 A:hover { COLOR: #666666; text-decoration:underline;} .bpx12 { COLOR: #333333; font-weight: bold; PADDING-LEFT: 10px; PADDING-TOP: 5px; } .ttl { font-size: 15px; color: #5DA9DB; font-weight: bold; PADDING-LEFT: 10px; PADDING-TOP: 5px} .ttla { font-size: 14px; color: #FF3300; font-weight: bold; PADDING-LEFT: 10px; PADDING-TOP: 5px} .ld { font-size: 12px; color: #333333; line-height: 140%; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 10px;} .form { font-size: 12px; color: #999999; line-height: 150%;} .name { font-size: 14px; font-weight: bold; color: #000000; line-height: 150%; PADDING-BOTTOM: 10px;} .name a:link { color: #000066; text-decoration: underline;} .name a:visited { color: #000066; text-decoration: underline;} .name a:active { color: #FF0000} .name a:hover { color: #FF0000; text-decoration: underline;} .news { font-size: 12px; color: #333333; line-height: 130%; PADDING-LEFT: 5px;} .news a:link { color: #0000FF; text-decoration: underline;} .news a:visited { color: #0000FF; text-decoration: underline;} .news a:active { color: #FF3300;} .news a:hover { color: #FF3300; text-decoration: underline;} .cat { font-size: 12px; font-weight: bold; color: #003399; line-height: 150%; PADDING-LEFT: 5px;} .cat a:link { color: #003399; text-decoration: underline;} .cat a:visited { color: #003399; text-decoration: underline;} .cat a:active { color: #FFCC00; text-decoration: underline;} .cat a:hover { color: #FFCC00; text-decoration: underline;} .media { font-size: 12px; font-weight: bold; line-height: 130%; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-TOP: 15px;} .hdnav { font-size: 12px; line-height: 160%;} .hdnav A:link {color:#000066; text-decoration:underline;} .hdnav A:visited {color:#000066; text-decoration:underline;} .hdnav A:action { color:#000000; text-decoration:underline;} .hdnav A:focus {color:#000000; text-decoration:underline;} .hdnav A:hover {color:#000000; text-decoration:underline;} .idc { COLOR: #996600; font-size: 10px;} .idx { COLOR: #333333; FONT-SIZE: 12px; line-height: 150%;} .idx A:link { COLOR: #333333; TEXT-DECORATION: underline;} .idx A:visited { COLOR: #333333; TEXT-DECORATION: underline;} .idx A:unknown { COLOR: #333333; TEXT-DECORATION: underline;} .idx A:focus { COLOR: #333333; text-decoration:underline;} .idx A:hover { COLOR: #333333; text-decoration:underline;} .idx2 { font-size: 12px; line-height: 150%;} .idx2 A:link { COLOR: #333333; TEXT-DECORATION: underline;} .idx2 A:visited { COLOR: #333333; TEXT-DECORATION: underline;} .idx2 A:unknown { COLOR: #333333; TEXT-DECORATION: underline;} .idx2 A:focus { COLOR: #333333; text-decoration:underline;} .idx2 A:hover { COLOR: #333333; text-decoration:underline;} .copyright { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5 px;} .copyright A:link { COLOR: #666666; TEXT-DECORATION: underline;} .copyright A:visited { COLOR: #666666; TEXT-DECORATION: underline;} .copyright A:unknown { COLOR: #999999; TEXT-DECORATION: underline;} .copyright A:focus { COLOR: #000000; text-decoration:underline;} .copyright A:hover { COLOR: #000000; text-decoration:underline;} .prd { COLOR: #000000; FONT-SIZE: 12px; line-height: 150%; PADDING-TOP: 10px;} .idxtxtw { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; COLOR: #FFFFFF; PADDING-TOP: 3px;} .idxtxtw A:link { COLOR: #FFFFFF; TEXT-DECORATION: underline;} .idxtxtw A:visited { COLOR: #FFFFFF; TEXT-DECORATION: underline;} .idxtxtw A:unknown { COLOR: #FFFFFF; TEXT-DECORATION: underline;} .idxtxt { FONT-SIZE: 12px; COLOR: #666666; line-height: 150%;} .idxtxt2 { FONT-SIZE: 12px; COLOR: #666666; line-height: 150%;} .tagline { font-size: 12px; color: #666666; line-height: 160%; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; } .tagline A:link {color:#0000CC; text-decoration:underline;} .tagline A:visited {color:#0000CC; text-decoration:underline;} .tagline A:action { color:#000000; text-decoration:underline;} .tagline A:focus {color:#000000; text-decoration:underline;} .tagline A:hover {color:#000000; text-decoration:underline;} .lnavttl { font-size: 12px; color: #000000; font-weight: bold; padding-right: 8px; padding-bottom: 8px; padding-left: 12px; background-color:#BFD9FF;} .prdname { font-size: 14px; color:#3A9DCE; font-weight: bold; PADDING-BOTTOM: 15px; PADDING-TOP: 5px;} .ftttl { font-size: 14px; color:#FFFFFF; font-weight: bold;} .navbg { background-color: #cccccc;} .ftnav { PADDING-LEFT: 15px; font-size: 10px; color:#999999;} .ftnav A:link {color:#666666; text-decoration:underline;} .ftnav A:visited {color:#999999; text-decoration:underline;} .ftnav A:action { color:#000000; text-decoration:underline;} .ftnav A:focus {color:#000000; text-decoration:underline;} .ftnav A:hover {color:#000000; text-decoration:underline;} .lnavitbl {PADDING-BOTTOM: 50px; BACKGROUND-COLOR: #E8E8D0;} .lnavtx {FONT-SIZE: 12px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; COLOR: #999999; PADDING-TOP: 5px;} .lnavtx A:link {color:#333333; text-decoration:underline;} .lnavtx A:visited {color:#333333; text-decoration:underline;} .lnavtx A:action { color:#0000FF; text-decoration:underline;} .lnavtx A:focus {color:#0000FF; text-decoration:underline;} .lnavtx A:hover {color:#0000FF; text-decoration:underline;} .adp { font-size: 14px; font-weight: bold; color: #996600;} .navstronga { font-size: 12px; PADDING-LEFT: 10px; font-weight: bold; color: #FF3300;} .navstrong { font-size: 12px; PADDING-LEFT: 10px; font-weight: bold; color: #0066CC;} .navstrong A:link {color:#0066CC; text-decoration:none;} .navstrong A:visited {color:#FF0000; text-decoration:none;} .navstrong A:action { color:#FFFF66; text-decoration:none;} .navstrong A:hover {color:#FF3737; text-decoration:none;} .navstrong A:focus {color:#FF3737; text-decoration:none;} .nav { font-size: 11px; font-weight: bold; color: #3968A6} .nav A:link {color:#0033CC; text-decoration:underline;} .nav A:visited {color:#0033CC; text-decoration:none;} .nav A:action { color:#3968A6; text-decoration:none;} .nav A:focus {color:#0033CC; text-decoration:underline;} .nav A:hover {color:#0033CC; text-decoration:underline;} .list { font-size: 12px; color: #333333; line-height: 130%; PADDING-LEFT: 3px;} .list a:link { color: #0000FF; text-decoration: underline;} .list a:visited { color: #0000FF; text-decoration: underline;} .list a:active { color: #77B4F0;} .list a:hover { color: #77B4F0; text-decoration: underline;} /********************************************************************/ /* ヘノブ */ .mb5 { margin-bottom:5px;} .mb10 { margin-bottom:10px;} .mb15 { margin-bottom:15px;} .mb20 { margin-bottom:20px;} .mb30 { margin-bottom:30px;} .mb40 { margin-bottom:40px;} .mb50 { margin-bottom:50px;} .mb0 { margin-bottom:0px !important;} .raku_area td { font-size: 15px; font-weight: bold; line-height: 1.5em; } .raku_area td a { color:#333; } .raku_area .price { color:#FF0000; } /********************************************************************/ /* henobu20140509 */ #hnb_foot_bnr{width:759px; margin:0 auto 40px auto;} #hnb_foot_bnr .L{width:362px; float:left; margin-right:35px;} #hnb_foot_bnr .R{width:362px; float:left;} #hnb_cart_btn{ margin:20px auto; width:633px; position:relative; height:190px; text-align:left; background:url(/USERTHEMEIMG/vol1/ukiuki.up.shopserve.jp/cart_bk.jpg) no-repeat 0 0; } #hnb_cart_btn .btn1{position:absolute; top:65px; left:15px;} #hnb_cart_btn .btn2{position:absolute; top:65px; left:220px;} #hnb_cart_btn .btn3{position:absolute; top:65px; left:425px;} #hnb_cart_btn .btn4{position:absolute; top:122px; left:74px;} #hnb_cart_btn .btn5{position:absolute; top:122px; left:327px;} .title1, .title2, .title3{ background: url("http://www.ukiuki.jp/images/item/detail_ttl.jpg") repeat-y scroll 0 center rgba(0, 0, 0, 0); color: #FFFFFF; font-size: 16px; margin-bottom: 20px; padding: 8px 0 8px 20px; letter-spacing:0.09em; } .title1 a, .title2 a, .title3 a{ color:#FFF !important; font-size:12px; line-height:1.2em;height:auto;} .sidebox .title1, .sidebox .title2, .sidebox .title3{ line-height:1.2em; font-size: 12px; padding:5px 5px 5px 20px; text-align: left; height:auto; } /********************************************************************/ /* henobu20140617 */ #itemStocklist{margin:20px 0 50px 0;} #itemStocklist tr.backcolor1{ color:#11375E; font-size:15px; font-weight:bold; text-align:center} #itemStocklist td.backcolor1:nth-last-of-type(1){text-align:left;padding-left: 30px;} #itemStocklist tr.backcolor2{border-bottom:1px solid #CCC; text-align:center; font-weight:bold; font-size:15px;} .layoutp3 #itemStocklist tr.backcolor2 td {padding: 10px 0;} #itemStocklist tr.backcolor2 .btn{vertical-align:middle;} /********************************************************************/ /*cart 140701*/ #center1 .bordlayoutp3 .backcolor1{ background-color:#9BD8F2; color:#000;} #center1 form .bordlayoutp3 .backcolor1{ background-color:#2FA3DE; color:#FFF;} #center1 form .bordlayoutp3 input[type="button"]{border:none; color:#FFF; padding:9px; background-color:#F07800; font-size:13px; cursor:pointer; font-weight:bold;} #center1 form .bordlayoutp3 input[type="button"]:hover{border:none; color:#FFF; padding:9px; background-color:#F39333; font-size:13px; cursor:pointer;} /********************************************************************/ /*cart 1401117*/ .hnb_yuttari{width:744px; text-align:left;} .hnb_yuttari ul,.hnb_yuttari li{margin:0; padding:0; list-style:none;} .hnb_yuttari p{margin:0; padding:0; text-align:left;} .hnb_yuttari p.mb50{margin-bottom:50px;} .hnb_yuttari .navbk{background-color:#EEEEEE; margin-bottom:20px; padding:20px; width:704px;} .hnb_yuttari .navbk h3{margin-bottom:20px;} .hnb_yuttari .navbk h3.mb0{margin-bottom:0px;} .hnb_yuttari li{float:left; width:224px; margin-right:16px;} .hnb_yuttari li.end{margin-right:0;} /********************************************************************/ /*TOP HEAD 141209*/ body{background:url(/USERTHEMEIMG/vol1/ukiuki.up.shopserve.jp/14_bk.jpg) 0 0 repeat-x ; height:221px;} #headerwrap_hnb14 #header_hnb14 p, #headerwrap_hnb14 #header_hnb14 li, #headerwrap_hnb14 #header_hnb14 ul{margin:0; padding:0; list-style:none;} #headerwrap_hnb14{height:221px; width:1000px; position:relative;} #headerwrap_hnb14 #header_hnb14 h1{ position:absolute; top:10px; left:0; font-size:12px; font-weight:normal; color:#666666;} #headerwrap_hnb14 #header_hnb14 h2{ position:absolute; top:35px; left:0;} #headerwrap_hnb14 #header_hnb14 .guide{ position:absolute; top:10px; left:440px;} #headerwrap_hnb14 #header_hnb14 .voice{ position:absolute; top:10px; left:560px;} #headerwrap_hnb14 #header_hnb14 .contact{ position:absolute; top:10px; left:690px;background:url(/USERTHEMEIMG/vol1/ukiuki.up.shopserve.jp/14_tel.jpg) 0 0 no-repeat; width:312px; height:108px; } #headerwrap_hnb14 #header_hnb14 .contact p{position:absolute; top:85px; right:0;} #headerwrap_hnb14 #header_hnb14 .deli{position:absolute; top:148px; left:0;} #headerwrap_hnb14 #header_hnb14 .mypage{position:absolute; top:147px; right:135px;} #headerwrap_hnb14 #header_hnb14 .cart{position:absolute; top:147px; right:0;} #headerwrap_hnb14 #header_hnb14 #gnav{position:absolute; top:181px; left:0;} /*nav*/ #headerwrap_hnb14 #header_hnb14 #gnav a.gnav1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav1.jpg) 0 0 no-repeat; width:164px; height:40px; font-size:0;} #headerwrap_hnb14 #header_hnb14 #gnav li.dc-mega-li.mega-hover a.gnav1{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav1on.jpg) 0 0 no-repeat;} #headerwrap_hnb14 #header_hnb14 #gnav a.gnav2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav2.jpg) 0 0 no-repeat; width:166px; height:40px; font-size:0;} #headerwrap_hnb14 #header_hnb14 #gnav li.dc-mega-li.mega-hover a.gnav2{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav2on.jpg) 0 0 no-repeat;} #headerwrap_hnb14 #header_hnb14 #gnav a.gnav3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav3.jpg) 0 0 no-repeat; width:166px; height:40px; font-size:0;} #headerwrap_hnb14 #header_hnb14 #gnav li.mega-hover a.gnav3{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav3on.jpg) 0 0 no-repeat;} #headerwrap_hnb14 #header_hnb14 #gnav a.gnav4{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav4.jpg) 0 0 no-repeat; width:166px; height:40px; font-size:0;} #headerwrap_hnb14 #header_hnb14 #gnav li.dc-mega-li.mega-hover a.gnav4{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav4on.jpg) 0 0 no-repeat;} #headerwrap_hnb14 #header_hnb14 #gnav a.gnav5{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav5.jpg) 0 0 no-repeat; width:166px; height:40px; font-size:0;} #headerwrap_hnb14 #header_hnb14 #gnav li.dc-mega-li.mega-hover a.gnav5{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav5on.jpg) 0 0 no-repeat;} #headerwrap_hnb14 #header_hnb14 #gnav a.gnav6{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav6.jpg) 0 0 no-repeat; width:172px; height:40px; font-size:0;} #headerwrap_hnb14 #header_hnb14 #gnav li.mega-hover a.gnav6{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_nav6on.jpg) 0 0 no-repeat;} #headerwrap_hnb14 #header_hnb14 #gnav li.w164_gnav{width:164px; float:left;} #headerwrap_hnb14 #header_hnb14 #gnav li.w166_gnav{width:166px; float:left;} #headerwrap_hnb14 #header_hnb14 #gnav li.w172_gnav{ width:172px; float:left;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box{background-color:#fafafa; width:362px; border:1px solid #ccc; z-index:1000; /*display:block !important;*/ /*box-shadow*/ box-shadow:0 0 0 #fff, 0 0 5px #ccc, 0 0 1px #aaa; -webkit-box-shadow:0 0 0 #fff, 0 0 5px #ccc, 0 0 1px #aaa; -moz-box-shadow:0 0 0 #fff, 0 0 5px #ccc, 0 0 1px #aaa; } #headerwrap_hnb14 #header_hnb14 #gnav ul.box.one{width:160px; padding:8px 10px 5px 10px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .left{width:160px; float:left;padding:5px 10px; border-right:1px solid #ccc;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .right{width:160px; float:left;padding:5px 10px; } #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list {border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list.end{border:none; margin-bottom:0; padding-bottom:0;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list .text{float:left; width:105px; margin-right:5px; text-align:left; margin-top:20px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list .text.mt10{margin-top:10px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list .img{float:left; width:30px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list .text{background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/14_navicon.jpg) 0 center no-repeat ; padding-left:20px; } #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list .text a{font-size:14px; color:#333; text-decoration:none;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list .text a:hover{text-decoration:underline;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list.w48 .text{width:87px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list.w48 .img{ width:48px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list.w38 .text{width:97px;} #headerwrap_hnb14 #header_hnb14 #gnav ul.box .list.w38 .img{ width:38px;} .sub-container{margin-left:0 !important; top:0 !important;} a.dc-mega{ height:40px; display:block;} .mega-menu ul, .mega-menu ul li {list-style: none;} .mega-menu ul {position: relative; padding: 0; margin: 0;} .mega-menu ul li ul {display: none;} .mega-menu .sub {display: none;} .mega-menu .sub ul {display: block;} /*SSL nav*/ #headerwrap_hnb14 #header_hnb14 #gnav p.w164{width:164px; float:left;} #headerwrap_hnb14 #header_hnb14 #gnav p.w166{width:166px; float:left;} #headerwrap_hnb14 #header_hnb14 #gnav p.w172{ width:172px; float:left;} /********************************************************************/ /*TOP MAINAREA 141212*/ #hnb_new_top a img:hover{filter: alpha(opacity=80);opacity:0.8;} #hnb_new_top .item img {padding: 0px;} #hnb_new_top .price{font-weight:normal;} #hnb_new_top .name{font-weight:normal; font-size:13px;} #hnb_new_top a{color:#666666; font-size:12px; text-decoration:none; font-weight:normal;} #hnb_new_top a:hover{text-decoration: underline;} #hnb_new_top p{margin:0; padding:0;} #hnb_new_top .mb20{margin-bottom:20px;} #hnb_new_top .mb30{margin-bottom:30px;} #hnb_new_top .mb40{margin-bottom:40px;} #hnb_new_top .mb50{margin-bottom:50px;} #hnb_new_top .mb60{margin-bottom:60px;} #hnb_new_top .mb70{margin-bottom:70px;} #hnb_new_top{width:780px; margin:0 auto;} #hnb_new_top h2{margin-bottom:20px;} #hnb_new_top h3{margin-bottom:14px;} #hnb_new_top .news{padding-bottom:15px; border-bottom:1px dotted #ccc;} #hnb_new_top .news h2{margin-bottom:20px;} #hnb_new_top .news dl{margin-top:0;} #hnb_new_top .news dt{ float:left; width:100px; background:url(http://www.ukiuki.jp/hpgen/HPB/img/top/main/news_icon.jpg) 0 center no-repeat; padding-left:20px; color:#666} #hnb_new_top .news dd{ float:left; width:580px; margin:0; letter-spacing:0.02em} #hnb_new_top .news dd a{color:#001489; text-decoration:underline; font-size:14px;} #hnb_new_top .news dd a:hover{text-decoration:none;} #hnb_new_top .other_bnr{ float:left; width:468px; margin-right:19px;} #hnb_new_top .other_bnr.end{ float:left; width:293px; margin-right:0} #hnb_new_top .cate_box{ background-color:#EEEEEE; width:760px; padding:20px 10px 0 10px;} #hnb_new_top .cate_box .ban{ float:left; width:244px; margin-right:14px; margin-bottom:14px;} #hnb_new_top .cate_box .ban.end{margin-right:0;} #hnb_new_top .bland h3{margin-bottom:15px;} #hnb_new_top .bland{border:1px solid #ccc; padding:15px 10px; width:758px} #hnb_new_top .bland .ban .img{margin-bottom:5px;} #hnb_new_top .bland .ban{ float:left; width:240px; margin-right:19px;} #hnb_new_top .bland .ban.end{margin-right:0;} #hnb_new_top .newitem .item{ float:left; width:180px; margin-right:20px;} #hnb_new_top .newitem .item.end{margin-right:0;} #hnb_new_top .newitem .item .img{margin-bottom:5px;} #hnb_new_top .newitem .item .img img{ width:178px; border:1px solid #ccc;} #hnb_new_top .newitem .item .img img:hover{border:1px solid #aaa;} #hnb_new_top .recosp .item{ float:left; width:380px; margin-right:20px;} #hnb_new_top .recosp .item.end{margin-right:0;} #hnb_new_top .recosp .item .img{margin-bottom:5px;} #hnb_new_top .recosp .item a{font-size:12px;} #hnb_new_top .ranking .item{ float:left; width:245px; margin-right:22px;} #hnb_new_top .ranking .item.end{margin-right:0;} #hnb_new_top .ranking .item .img{margin-bottom:5px;} #hnb_new_top .ranking .item .img img{ width:243px; border:1px solid #ccc;} #hnb_new_top .ranking .item .img img:hover{border:1px solid #aaa;} #hnb_new_top .more{text-align:right;} /**reset*/ #rightSide{min-width:0;} #center2 .centerbox{padding:10px 0 10px 30px !important;} /********************************************************************/ /*TOP slide 141209*/ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 40px; background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 10px 0 0; position: static; width:760px; padding:10px; background-color:#EEEEEE; overflow: hidden;} .flex-control-thumbs li {width: 18%;　/*width: 23%;*/ padding:0 1%; float: left; margin: 1%;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } /*kawaii page*/ #kawai_421 h3{margin:0;line-height:0;} #kawai_421 p{line-height:0;margin:0;} #kawai_421 .kawai_con1{background:url(http://www.ukiuki.jp/images/item/kawai/kawai_img01.png) no-repeat;width:785px; height:639px;position:relative;} #kawai_421 .kawai_con2{background:url(http://www.ukiuki.jp/images/item/kawai/kawai_img02.png) no-repeat;width:785px; height:651px;position:relative;} #kawai_421 .kawai_con3{background:url(http://www.ukiuki.jp/images/item/kawai/kawai_img03.png) no-repeat;width:785px; height:741px;position:relative;} #kawai_421 .kawai_con1 .btn01{ position:absolute;top:180px;left:41px;} #kawai_421 .kawai_con1 .btn02{ position:absolute;top:180px;left:620px;} #kawai_421 .kawai_con2 .btn01{ position:absolute;top:175px;left:41px;} #kawai_421 .kawai_con2 .btn02{ position:absolute;top:175px;left:620px;} #kawai_421 .kawai_con3 .btn01{ position:absolute;top:175px;left:41px;} #kawai_421 .kawai_con3 .btn02{ position:absolute;top:165px;left:600px;} /*-------------------------------------------- 2015.6.10 HOME > キッズ・ジュニア学校用品 > 女子スクール水着 --------------------------------------------*/ #cate0610 { margin-bottom:80px;} #cate0610 .mb25{ margin-bottom:25px;} #cate0610 .mb80{ margin-bottom:80px;} #cate0610 .mb40{ margin-bottom:40px;} #cate0610 .rank { float:left; margin-right:15px; width:250px;} #cate0610 .rank.end{ float:left; margin-right:0px;} #cate0610 .rank .img { border:1px solid #CCCCCC; margin-bottom:5px;} #cate0610 .rank .text a{ font-size:12px; color:#666666; text-decoration: none; letter-spacing:0.03em;} #cate0610 .rank .text a span{ font-size:12px; color:#B20000; text-decoration: none;} #cate0610 .rank .icon { margin-bottom:5px;} #cate0610 .box { margin:0px 0px 0px 5px;} #cate0610 .cate { float:left; margin-right:30px; padding-left:7px;} #cate0610 .cate.end{ float:left; margin-right:0px;} .back0617 { background:#8CD6E3; color:#FFFFFF; font-size:25px; padding:13px 0px; margin-bottom:30px; text-align: center;} .back0617 a{ color:#FFFFFF; margin: 0 auto;} .back0709 { background: #8cd6e3 none repeat scroll 0 0; color: #ffffff; font-size: 25px; margin-bottom: 30px; padding: 13px 0; text-align: center; width: 650px; } .back0709 a { color:#FFFFFF;} .outcatesp0722 { width:100%;} .outcatesp0722 .cate { float:left; margin-right:4%; width:47%;} .outcatesp0722 .cate.end { float:left; margin-right:0;}