/******************/ /* sideba-rank */ /******************/ .subcontent .prefecture_rank h4 {margin-left:20px; padding:0 20px 0 20px; background:#ffffff url(../img/icons/award_star_bronze_3.png) no-repeat 0 0 !important;} .subcontent .prefecture_rank .count{color:#E8396C;} /******************/ /* tool tips */ /******************/ #tt {position:absolute; display:block; background:url(../img/ttips/tt_left.gif) top left no-repeat } #tttop {display:block; height:5px; margin-left:5px; background:url(../img/ttips/tt_top.gif) top right no-repeat; overflow:hidden} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#fff; font-size:140%;} #ttbot {display:block; height:5px; margin-left:5px; background:url(../img/ttips/tt_bottom.gif) top right no-repeat; overflow:hidden} /******************/ /* header menu */ /******************/ .navglobal .username{font-weight:bold; isplay:block; float:left; padding:2px 5px 2px 5px; font-size:140% !important /*Non-IE6*/; font-size:130% /*IE6*/;} /******************/ /* adsence */ /******************/ .koukoku-title{color:#9ea1a3; margin:20px 20px 10px 20px !important; padding:0 0 5px 0 !important; border-bottom:dotted 1px #ccc; text-align:left;} .koukoku1{text-align:center;} /* top foot */ .koukoku-sidebar{text-align:center;} /******************/ /* ABOUT */ /******************/ /******************/ /* RENEW */ /******************/ #renew h4{background-image:url(../img/icons/control.png); background-repeat:no-repeat; background-position:bottom left; padding:0 0 0 20px; margin-left:20px;} #renew .date{background-image:url(../img/icons/date.png); background-repeat:no-repeat; background-position:bottom left; !important; padding:0 0 0 20px; color:#9ea1a3; margin:10px 0 0 20px;} #renew p{margin-bottom: 30px;} /******************/ /* SITEMAP */ /******************/ #sitemap ul{margin:10px 0 20px 40px; font-size:120% !important;} #sitemap ul ul{font-size:70% !important; margin-left:0px;} #sitemap li{ background:none; list-style-type:disc; padding:5px 0 0px 0;} /******************/ /* Q and A */ /******************/ #help .q{font-weight:bold; color:#E8396C;} #help .a{font-weight:bold; color:#007bbb; font-size:120%;} #help p{margin-bottom: 40px;} /******************************/ /* User Profile Setting */ /******************************/ .prof-photo-del{padding:1px 0; background:transparent url(../img/icons/delete.png) no-repeat left bottom; padding-left:18px !important;} /******************/ /* SET MAIN PHOTO */ /******************/ #set-mainphoto {} #set-mainphoto p{float:left; display:inline; } #set-mainphoto p span{ display:none;} #set-mainphoto p.arrow-big{margin:100px 17px 0 17px; background:transparent url(../img/icons/arrow-big.png) no-repeat left bottom; width:61px; height:52px;} #set-mainphoto .submit{text-align:center; display:block; float:none; margin:0 !important; padding:0 !important;} /******************/ /* ITEM ADD */ /******************/ ul.select_category{} ul.select_category li{background:none; border-bottom:dotted 1px #ccc; margin:0 40px;} ul.select_category .category-name{padding:20px 0 0 35px; margin:0 0 0 0px; font-size:150% !important; background:transparent url(../img/icons/package-big.png) no-repeat left bottom;} ul.select_category .category-description{margin:5px 0 0px 10px; padding-bottom:20px; color:#9ea1a3;font-size:130% !important;} /******************/ /* CUSTOMIZE */ /******************/ .block{margin:20px 0 40px 0;} .subcontent .regist h3{font-weight:bold;} .subcontent .renew p{margin-left:20px;} .subcontent .access-history p{margin-left:20px;} .subcontent .faq p{margin-left:20px;} .contactform .radio{float:left; margin:10px 0 0 20px; padding:0; font-size:120%;} .contactform .radio label{margin-left:5px;} .header-bottom p.breadcrumb{float:left; margin:10px; font-size:110%;} .header-bottom p.breadcrumb{color:#646464; font-weight:bold;} .header-bottom p.breadcrumb a{color:#007bbb; text-decoration:none; font-weight:normal;} .header-bottom p.breadcrumb a:hover{text-decoration:underline;} .header-bottom p.breadcrumb span.separator{color:#9ea1a3; margin:0 5px;} /*star-rating: using rating helper */ p.rate{display:inline; float:left; padding:0; } span.rating{display:inline; margin:0; padding:0; float:left; width:89px; height:16px; /*border:dotted 1px #A3A68F;*/ } span.rating s{display:none; margin:0; padding:0;} span.star0_0{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px 0px;} span.star0_5{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -19px;} span.star1_0{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -38px;} span.star1_5{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -57px;} span.star2_0{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -76px;} span.star2_5{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -95px;} span.star3_0{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -114px;} span.star3_5{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -133px;} span.star4_0{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -152px;} span.star4_5{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -171px;} span.star5_0{background:transparent url(../img/icons/star_rating.gif) no-repeat 0px -190px;} a.more-link span{display:none;} a.more-link{float:right; display:block; height:40px; width:145px; margin-right:20px; padding:0; background:transparent url(../img/more.png) no-repeat 0px 0px; display:inline;} a.more-link:hover{background:transparent url(../img/more.png) no-repeat 2px 2px;} img.noline {border-style:none !important;} .notitle{margin:0 !important; } .impact-font{color:#E8396C !important;} .impact-font2{color:#FF5542 !important;} .bold-font{font-weight:bold;} .main h3.border-impact{background:#f0f0f0 url(../img/gra/title-gra-gray.gif) repeat-x 0 bottom !important; border-width:1px 0 1px 0; border-color:#A3A68F; border-style:solid; padding:15px 10px 15px 10px;} .bg-big-image{background:#fff url(../img/back-big-leaf.gif) no-repeat 10px 20px !important;} .date{background-image:url(../img/icons/date.png); background-repeat:no-repeat; background-position:bottom left; !important; padding-left:20px; color:#9ea1a3;} .edit_history p{padding-left:-20px;} .arrow{background:#ffffff url(../img/icons/arrow.png) no-repeat 0 0 !important; padding-left:16px;} .subcontent a.login-link{background:#ffffff url(../img/icons/key.png) no-repeat 0 0 !important; padding-left:20px; font-size:110%;} .subcontent .add-item-link, .subcontent .register{margin:0px;} .impact-message{color:#E8396C !important;} .subcontent .twitter{margin-bottom:5px;} .main .select-category-title{background:#fbfaf5 url(../img/icons/category.png) no-repeat 10px 0 !important; padding:10px 0 0 70px !important; height:40px;} .main .new-photos-title{background:transparent url(../img/icons/camera.png) no-repeat 10px 0 !important; padding:10px 0 0 70px !important; height:40px;} .main .new-items-title{background:transparent url(../img/icons/makimono.png) no-repeat 10px 0 !important; padding:10px 0 0 70px !important; height:40px;} .main .review-etc-title{background:transparent url(../img/icons/papers.png) no-repeat 10px 0 !important; padding:10px 0 0 70px !important; height:40px;} .main .title-gra-green{background:#728A8C url(../img/gra/title-gra-green.gif) repeat-x 0 bottom !important;} .main .title-gra-cha{background:#96514d url(../img/gra/title-gra-cha.gif) repeat-x 0 bottom !important;} /******************/ /* INDEX */ /******************/ div.new_items div.item{border-bottom:dotted 1px #A3A68F; padding:0 0 10px 0; margin:20px 10px 0px 20px; width:300px; float:left; /*_margin-left:10px;*/ display:inline;} div.new_items div.item .info { width:190px; float:left; margin:0 !important; padding:0 !important;} div.new_items div.item .info p {margin:5px 0; padding:0; } div.new_items div.item .info .label{color:#FF5542;} div.new_items div.item .name {margin-top:0 !important;} div.new_items div.item .name { font-size:150% !important;} div.new_items div.item .category{background:transparent url(../img/icons/package.png) no-repeat left bottom; padding-left:20px !important; } div.new_items div.item .thumb img{margin:0 20px 0 0;} div.new_items div.item .thumb {margin:0; padding:0; float:left;} div.new_reviews div.review p {margin:5px; padding:0; } div.new_reviews div.review .user { float:left; width:100px; font-size:120% !important;} div.new_reviews div.review .user a{background:transparent url(../img/icons/user.png) no-repeat left center; padding:5px 0 0px 20px;} div.new_reviews div.review .name {text-align:right; float:right; width:160px; font-size:110% !important;} div.new_reviews div.review .name a{background:transparent url(../img/icons/house.png) no-repeat left center; padding:5px 0 0px 20px;} div.new_reviews div.review{border-bottom:dotted 1px #ccc; padding:5px 0 0px 0; margin:5px 20px 0px 20px;} div.new_reviews div.popular ul{margin:0; padding:0; font-size:90% !important;} div.new_reviews div.popular ul li{margin:0; padding:0; background: none;} div.new_reviews div.popular p.name{ background:#ffffff url(../img/icons/award_star_bronze_3.png) no-repeat 0 0; padding:0 0 3px 20px; margin-left:20px;} div.new_reviews div.popular p.name img{margin:0 5px 0 0; padding:0; border-width: 0;} div.new_reviews div.popular span.point{margin-left:20px; font-weight:bold;} div.new_reviews div.popular .more-popular{text-align:right;} #select-area .left h2, #select-area .right h2{border-top:none; margin:0 20px 0 20px; padding-bottom:5px;} #select-area .left {float:left; width:230px; background-color:rgb(255,255,255);} #select-area .right {float:right; width:440px; background-color:rgb(255,255,255);} #select-area .right .prefecture{font-size:100%;} #select-area .left h3{border:none; padding:10px 0 0 20px; margin:0 0 0 20px; font-size:160% !important; background:transparent url(../img/icons/package.png) no-repeat left bottom; } #select-area .left p{padding:5px 10px 5px 30px; margin:0; font-size:130% !important;} #select-area ul {margin:10px 20px 10px 20px;padding:0; font-size:110%; letter-spacing:1px; color:#aaa;} #select-area ul li{margin:10px 0 0 0px;padding:0;background:none;} /*loading images*/ .spinner img{ border-width:0;display:inline;float:none;} /*pagination*/ #pagination{text-align:center;padding:10px;} #pagination a{border:solid 1px #DDDDDD; margin-right:2px;} #pagination .disabled {color:#666666; font-weight:bold; padding:3px 4px;} #pagination a.next, #pagination a.previous {font-weight:bold; border:solid 1px #FFFFFF;} #pagination .current{color:#E8396C; font-weight:bold; padding:4px 6px;} #pagination a:link, #pagination a:visited {color:#007bbb; padding:3px 6px; text-decoration:none; } #pagination a:hover{border:solid 1px #666666;} /*form validate errors */ .error-message{color:#CC0000;font-weight:bold;margin-left:20px;/*width:275px;*/margin-top:-5px;font-size:120%;} /*message flash*/ .message-flash{border-bottom:solid 10px rgb(200,200,200);} .message-flash .success, .message-flash .error, .message-flash .message{padding:10px;font-weight:bold;font-size:140%;} .message-flash .success{border:solid 1px #90ac13;color:#6b800d;background-color:#C9FFCA;} .message-flash .error{border:solid 1px #CC0000;color:#CC0000;background-color:#F7CBCA;} .login .message{border:solid 1px #CC0000;color:#CC0000;background-color:#F7CBCA;} .message-flash .message{border:solid 1px #90ac13;color:#6b800d;background-color:#C9FFCA;} /* ----------- item search result ----------- */ .search-title{font-size:80%;} #search-order .result{float:left;} #search-order .order{float:right;} #search-order .order a.self{color:rgb(100,100,100); text-decoration:underline;} #detail .label{color:#646464;} #search-order .label, #search-result .label{color:#FF5542;} #search-result div.item{padding:0 !important; margin:10px 20px 0px 20px; border-width:0 0 1px 0; border-color:#ccc; border-style:dotted; } #search-result div.item p, #search-result div.item h2 {margin:0; padding:10px 0 0 0;} #search-result .name{float:left; font-size:200% !important; background:none; border:none; margin-right:10px !important;} #search-result .area{float:left;} #search-result .area a, #search-result .area a:hover{color:rgb(100,100,100); text-decoration:underline;} #search-result .area a:hover{text-decoration:none;} #search-result .created{float:right; background:transparent url(../img/icons/time.png) no-repeat left bottom; padding-left:18px !important; } #search-result .author{float:right; background:transparent url(../img/icons/user.png) no-repeat left bottom; padding-left:18px !important; margin-left:20px !important;} #search-result .thumb{float:left;} #search-result .info{float:left;width:510px;} #search-result .era{float:left;} #search-result .category{float:left; margin-left:20px !important; background:transparent url(../img/icons/package.png) no-repeat left bottom; padding-left:18px !important;} #search-result .description{background:transparent url(../img/icons/page_white_edit.png) no-repeat left center; padding-left:18px !important;} #search-result .tags{background:transparent url(../img/icons/tag_green.png) no-repeat left bottom; padding-left:18px !important; font-size:120% !important;} #search-result .tags a{color:rgb(100,100,100); text-decoration:underline;} #search-result .tags a:hover{text-decoration:none;} #search-result .rate{float:left; } #search-result .review{float:left; margin-left:20px !important; background:transparent url(../img/icons/comment.png) no-repeat left bottom; padding-left:18px !important;} #search-result .photo{float:left; margin-left:20px !important; background:transparent url(../img/icons/camera_small.png) no-repeat left bottom; padding-left:18px !important;} #search-result .review a, #search-result .photo a{text-decoration:underline;} .clear{clear:both; height:5px;} /******************/ /* DETAIL */ /******************/ #detail h1.name, #user-detail h1.name{border-bottom:solid 1px #eee !important;} #detail .name span.area{font-size:80%;} #detail .name span.furigana{color:#9ea1a3; font-size:60%;} #detail .name, #user-detail .name{ margin-top:0!important; color:#595857; font-size:230% !important;} #user-detail .username{background:transparent url(../img/icons/user.png) no-repeat left top; padding-left:18px !important; font-size:140% !important; font-weight:bold;} #detail .author-compact{float:right; display:inline;} #detail .author{margin:0; padding:5px 0 0 0; } #detail .author a, #detail .author-compact a{background:transparent url(../img/icons/user.png) no-repeat left top; padding-left:18px; padding-top:2px;} #detail .created{margin:5px 0 0 0; padding:0;} #detail .created span{background:transparent url(../img/icons/time.png) no-repeat left bottom; padding-left:18px; padding-top:2px;} #detail .thumb, #user-detail .thumb{margin:0; padding:0;} #user-detail .thumb{margin-bottom:10px;} #detail .thumb img, #user-detail .thumb img{float:none; margin:0; padding:0;} #detail .era{float:left; } .favorite{float:left; margin-left:20px !important;} .favorite a.not-favorite, .favorite a.favorited { height:16px; padding:0 0 0 18px; margin:0;} .favorite a.not-favorite span, .favorite a.favorited span{display:none;} /* .favorite a.favorited{color:#9ea1a3;background:transparent url(../img/icons/heart.png) no-repeat 0px 0px;} .favorite a.favorited:hover{background:transparent url(../img/icons/heart.png) no-repeat 0px -19px;} .favorite a.not-favorite{background:transparent url(../img/icons/heart.png) no-repeat 0px -19px;} .favorite a.not-favorite:hover{background:transparent url(../img/icons/heart.png) no-repeat 0px 0px;} */ .favorite .loading{margin:0; padding:0; color:#FF2758; font-size:90%;} .favorite .loading img {margin:0 5px 0 0; padding:0; border:none; position:relative;} .favorite .favorited-count{height:16px; padding:0 0 0 18px; background:transparent url(../img/icons/heart.png) no-repeat 0px 0px;} .favorite .favorited-count .count{color:#E8396C; font-weight:bold;} #detail .description{background:transparent url(../img/icons/page_white_edit.png) no-repeat left top; padding-left:18px !important;} /* border:solid 1px #ff0000; */ #user-detail .comment{background:transparent url(../img/icons/page_white_edit.png) no-repeat left top; padding-left:18px !important;} #detail .onsen{float:left;} #detail .roten{float:left;} #detail .category{float:left; display:inline; background:transparent url(../img/icons/package.png) no-repeat left bottom; padding-left:18px !important; } #detail .tags{margin-left:20px; float:left; display:inline; background:transparent url(../img/icons/tag_green.png) no-repeat left bottom; padding-left:18px !important;; padding-top:3px; font-size:120% !important; } #detail .tags a{color:rgb(100,100,100); text-decoration:underline;} #detail .tags a:hover{text-decoration:none;} #detail .action {text-align:right;} #detail .action a{margin:0px !important;} #detail .action img, #detail .edit img, #user-detail .edit img{float:none; margin:0px !important; padding:0 !important;} .del-apply, #user-detail .edit {float:right; margin:0px 0 0 0 ; display:inline;} #detail .edit{ padding:0;} .del-apply{ padding:0px 0px 0 18px !important; margin:20px 20px 10px 10px !important; background:transparent url(../img/icons/delete.png) no-repeat left bottom;} .del-apply a, .del-apply a:visited{color:#9ea1a3; } #detail p.label{float:left; margin:0 5px 0 0px; padding:5px; width:50px;} #detail p.value{float:left; margin:0 10px 0 0px; padding:5px !important; width:170px;} #detail p.label{font-weight:bold; background-color:#fff; border-width:1px 0px 1px 0; border-color:#A7D6FA; border-style:dotted;} #detail p.value{background-color:#FBFAFF; border-width:1px 0 1px 0px; border-color:#A7D6FA; border-style:dotted;} #detail .info, #user-detail .info{float:left;width:490px; margin:10px 0 0 10px; display:inline;} #detail .sub-info, #user-detail .sub-info{float:left;width:140px; margin:20px 0 0 20px; display:inline; } #user-detail .sub-info{text-align:center;} /*------ ユーザプロフィールのプロフ情報ブロック -----*/ #user-detail .info .meta{padding:10px; list-style-type:none; background-color:#FBFAFF; border-width:1px 0 1px 0px; border-color:#A7D6FA; border-style:solid;} #user-detail .info .meta li{background-image:none; display:inline; padding:0 20px 0 0; margin:0;} #user-detail .meta p a{text-decoration:underline; color:#555;} #user-detail .meta p a:hover{text-decoration:none;} #user-detail .meta span.label{font-weight:bold;} #user-detail .url{background:transparent url(../img/icons/world.png) no-repeat left top; padding-left:18px !important; } #detail .info p, #user-detail .info p, #user-detail .meta p{padding-right:0; padding-left:0px;} .detail-compact .inf{margin:0 20px 0 20px;} .detail-compact p{ margin-left:0px; padding:0;} .detail-compact .tags{float:left; display:inline;} #detail-info p.label{float:left; margin:0 10px 0 20px; padding:10px;width:100px; border:solid 1px #A7D6FA; display:inline;} #detail-info p.value{float:left; margin:0 20px 0 0px; padding:10px;width:265px; border:solid 1px #A7D6FA; display:inline;} #detail-info p.label{font-size:130% !important; font-weight:bold; background-color:#fff; border-width:1px 0px 1px 0; border-color:#A7D6FA; border-style:dotted;} #detail-info p.value{font-size:120% !important; background-color:#FBFAFF; border-width:1px 0 1px 0px; border-color:#A7D6FA; border-style:dotted;} #detail-info .spacer-min{clear:both; height:10px;} /*------ アイテムの地図詳細ページ -----*/ #detail-map #map{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; margin:20px 0 0px 20px; width:630px; height:400px; display:inline; } #detail-map .route{margin:0 !important; padding:0 !important; } #detail-map .route h4{margin:0; border-bottom:solid 1px #9ea1a3;} #detail-map .route p, #detail-map .route h4{padding:0 10px;} #detail-map .route .depart, #detail-map .route .arrow, #detail-map .route .arrive, #detail-map .route .submit{float:left; display:inline; margin:0; padding:0;} #detail-map .route .depart p, #detail-map .route .arrow p, #detail-map .route .arrive p, #detail-map .route .submit{margin:0; } #detail-map .route .depart {width:240px;} #detail-map .route .depart .label{font-weight:bold;} #detail-map .route .depart input{padding:4px 2px; border:solid 1px #9ea1a3; width:150px; color:#646464; margin:0 5px;} #detail-map .route .depart .example{color:#888; font-size:90%;margin-top:5px;} #detail-map .route .arrow{text-align:center; width:30px; background:none !important; font-weight:bold; font-size:150% !important; margin:0 padding:0;} #detail-map .route .arrive {width:240px; } #detail-map .route .arrive .name{font-weight:bold; font-size:140% !important;} #detail-map .route .arrive .address{color:#888;} #detail-map .route .submit{} #detail-info #small-map{ padding:0; margin-left:460px; margin-top:0px; position:absolute; width:180px; } #detail-info .action{ font-size:12px; padding:4px 2px; margin-left:450px; margin-top:250px; position:absolute; width:200px; } /* border:solid 1px #ff0000; */ #item-tabs, #user-tabs{ border-bottom:solid 1px #eee !important; background:#eaf4fc url(../img/tab-bg.png) repeat-x 0px 0px;} #item-tabs ul, #user-tabs ul{list-style-type:none; margin:0; padding:0; text-align:center;} #item-tabs li, #user-tabs li{ float:left; display:inline; margin:0; padding:0; background-image:none; border-right:dotted 1px #ccc; font-size:16px !important;} #item-tabs li a, #user-tabs li a{display:block; margin:0;} #item-tabs li a:hover, #user-tabs li a:hover {background:#eaf4fc url(../img/tab-bg2.png) repeat-x 0px 0px !important;} #item-tabs li.current a, #user-tabs li.current a{font-weight:bold; color:#ff5542; text-decoration:underline;} #item-tabs li a {padding:10px 50px 10px 50px;} #user-tabs li a {padding:10px 20px 10px 20px;} /*#item-tabs li.end, #user-tabs li.end{border:none;}*/ /* border:solid 1px #ff0000; */ #detail-tabmenu ul{list-style-type:none; margin:0; margin-left:15px; padding:0;} #detail-tabmenu li{text-align:center; float:left; margin:10px 10px 10px 20px; padding:0; background-image:none; font-size:200% !important;} #detail-tabmenu li a {display:block; height:46px; width:128px; margin:0;padding:0px 0px;} #detail-tabmenu li a span{display:none;} #detail-tabmenu li a.detail{background:transparent url(../img/detail_tab/tabs.png) no-repeat 0px 0px;} #detail-tabmenu li a.detail:hover, #detail-tabmenu li a.detail-current{background:transparent url(../img/detail_tab/tabs.png) no-repeat 0px -46px;} #detail-tabmenu li a.photo{background:transparent url(../img/detail_tab/tabs.png) no-repeat -128px 0px;} #detail-tabmenu li a.photo:hover, #detail-tabmenu li a.photo-current{background:transparent url(../img/detail_tab/tabs.png) no-repeat -128px -46px;} #detail-tabmenu li a.review{background:transparent url(../img/detail_tab/tabs.png) no-repeat -256px 0px;} #detail-tabmenu li a.review:hover, #detail-tabmenu li a.review-current{background:transparent url(../img/detail_tab/tabs.png) no-repeat -256px -46px;} #detail-tabmenu li a.map{background:transparent url(../img/detail_tab/tabs.png) no-repeat -384px 0px;} #detail-tabmenu li a.map:hover, #detail-tabmenu li a.map-current{background:transparent url(../img/detail_tab/tabs.png) no-repeat -384px -46px;} #detail-photo { /*text-align:center;*/} #detail-photo h1{text-align:left;} #detail-photo ul{list-style-type:none; margin:15px 0 0 20px; padding:0;} #detail-photo li{margin:0; padding:0; display:inline; background-image:none;} #detail-photo .up-photo, #detail-review .add-review{float:right; margin-top:-45px !important; margin-left:0px !important;} #detail-photo .up-photo img, #detail-review .add-review img{margin:0;} #detail-review .review{border-bottom:dotted 1px #9ea1a3; margin:20px 20px 10px 20px; padding-bottom:0;} #detail-review .review p{padding-left:0; padding-right:0;} #detail-review .author-inf{float:left; width:100px; display:inline;} #detail-review .author-inf .thumb img{float:none;} #detail-review .author-inf img{ margin:0;} #detail-review .author-inf p{ margin:0 0 0px 0;} #detail-review .inf{float:left; width:530px; display:inline;} #detail-review .rating, #detail-review .visit {float:left;} #detail-review .visit{margin-left:10px;} #detail-review .label{color:#FF5542; font-weight:bold;} #detail-review .date, #detail-review .item, #detail-review .delete, #detail-review .edit{float:right; display:inline;} #detail-review .delete {padding:1px 0; margin-left:20px; background:transparent url(../img/icons/comment_delete.png) no-repeat left bottom; padding-left:18px !important;} #detail-review .edit{padding:1px 0; margin-left:20px; background:transparent url(../img/icons/comment_edit.png) no-repeat left bottom; padding-left:18px !important;} #detail-review .title{font-weight:bold; font-size:150% !important; margin:0;} #detail-review .date {background-image:url(../img/icons/date.png); background-repeat:no-repeat; background-position:bottom left; !important; padding-left:20px !important; margin-left:20px !important;} #detail-review .item {background-image:url(../img/icons/house.png); background-repeat:no-repeat; background-position:bottom left; !important; padding-left:20px !important;} #detail-review .author{background:transparent url(../img/icons/user.png) no-repeat left top; padding-left:18px !important;} #detail-review .body{margin-top:0; background:transparent url(../img/icons/page_white_edit.png) no-repeat left top; padding-left:18px !important; } #main-photo h1{color:#646464;} #main-photo img{text-align:center;} #main-photo .author, #main-photo .date{float:right;} #main-photo .author{background:transparent url(../img/icons/user.png) no-repeat left bottom; padding-left:18px !important; margin-left:20px !important; margin-right:20px !important;} #main-photo .delete{float:right; display:inline; } #main-photo .delete{background:transparent url(../img/icons/delete.png) no-repeat left bottom; padding-left:18px !important;} #main-photo .setmain{float:left; display:inline; background:transparent url(../img/icons/photo.png) no-repeat left bottom; padding-left:18px !important; margin-left:20px !important} #main-photo img{float:none !important; display:inline !important; margin:0;} #main-photo .photo{text-align:center;} #main-photo .newer, #main-photo .older{font-size:170% !important; color:#ccc;} #main-photo .newer{float:left; margin-left:200px; display:inline;} #main-photo .older{float:right; margin-right:200px; display:inline;} /* ----------- Form ----------- */ form, button{border:0; margin:0; padding:0;} .spacer-min{clear:both; height:5px;} .spacer{clear:both; height:25px;} .myform{margin:0 auto; padding:14px;} /* ----------- item search ----------- */ #search-form{padding:20px 10px 10px 10px; background:transparent url(../img/search-bg.png) no-repeat 530px 20px;} #search-form label{float:left; font-size:120% !important; font-weight:bold; display:block; width:110px !important; padding:5px; background-color:#FBFAFF; margin-left:10px; margin-right:20px; border-width:1px 0 1px 0; border-color:#A7D6FA; border-style:solid;} #search-form input, #search-form select{float:left; padding:4px 2px; margin:0 0 0 0px; white-space:nowrap !impportant; border:solid 1px rgb(200,200,200) !important;} #search-form select{font-size:130% !important;} #search-form input{font-size:130% !important;} #search-form #ItemQ{width:300px;} #search-form div.tags{float:left;width:450px;margin:0 0 0 0px;} #search-form div.checkbox{float:none; display:inline; width:20px; white-space:nowrap !important; line-height:20px;} #search-form div.checkbox label, #search-form div.checkbox input{float:none; width:auto !important; display:inline;} #search-form div.checkbox input{margin:0 0 0 0; border:none !important;} #search-form div.checkbox label{font-weight:normal; margin:0 15px 0 0; background-color:#fff; border-width:0; color:none;} #search-form div.buttom{text-align:center; } #search-form div.buttom input{float:none !important; padding:5px;} #search-form div.buttom input:hover{background-color:#ccc; cursor:pointer;} /* ----------- stylized ----------- */ /*#stylized{border:none; background:#F2F7FF;}*/ #stylized{border:none; background:#ffffff;} #stylized h1 {font-size:14px; font-weight:bold; margin-bottom:8px;} #stylized p{ line-height:18px; font-size:11px; color:#666666; margin-bottom:0px !important; margin-top:20px; padding-bottom:0px; } #stylized fieldset{margin-top:20px;} .block-border{border-bottom:dotted 1px #e0e0e0; margin:20px 20px 0 20px !important; padding:0 0 10px 0 !important;} .error-messages, .error-head{ margin-left:20px; color:#FF2758 !important; font-size:130% !important; font-weight:bold; padding:3px 0px; } div.error-messages{ margin-left:30px; font-size:110% !important; font-weight:normal; } #stylized label{ display:inline; font-weight:bold; text-align:right; width:150px; float:left; font-size:130% !important; } #stylized .iagree label{ display:inline; font-weight:normal; text-align:none; width:auto; float:none; font-size:auto !important; } #stylized .iagree input{ width:auto; } #stylized .small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:150px; } #stylized input, #stylized textarea, #stylized select{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #9ea1a3; width:300px; margin:2px 0 5px 10px; white-space:nowrap; display:inline; color:#646464; font-size:130%; } #stylized select{ width:auto; } #stylized input.radio, #stylized div.checkbox, #stylized div.radio{ margin:2px 10px 20px 10px; white-space:nowrap; width:auto; display:inline; float:left; white-space:nowrap; } #stylized div.checkbox input, #stylized div.radio input { width:auto; float:left; display:inline; margin:0px 5px 0px 0px; } #stylized div.checkbox label, #stylized div.radio label{ float:left; display:inline; font-weight:normal; width:auto; padding:0; margin:0; } #stylized .select-address, #stylized .select-era, #stylized .upload-photo{margin-left:160px;margin-bottom:10px; width: 100%;} #stylized .select-address label, #stylized .select-era label, #stylized .upload-photo label, #stylized .upload-photo-check label{font-weight:none;float:none;display:inline; height:100%; width: 100%;} #stylized .upload-photo{margin-bottom:30px;} #stylized .upload-photo p{float:left; padding:0; margin:5px 0 0 0 ; display:inline;} #stylized .upload-photo .PhotoDescription{float:left; display:inline;} #stylized .upload-photo-check .value{margin-left:0px;margin-bottom:10px;} #stylized .upload-photo-check{margin-left:160px;margin-bottom:10px;} #stylized .PhotoFile{ display:block;float:none;} #stylized .select-price{display:block; font-size:120% !important; margin-left:150px; margin-bottom:10px;} #stylized .select-price input{width:10px; display:inline; float:none; margin-right:5px;} #stylized #ItemPrefectureId, #stylized #ItemLocalId, #stylized #ItemAddress, #stylized .PhotoDescriprion{ width:auto; float:none;margin:0 15px 0px 5px; padding:4px 2px;} #stylized #ItemEra, #stylized #ItemEraDetail{ width:auto; float:none; margin:0 15px 0px 5px; padding:0px 2px;} #stylized #ReviewVisitedYear, #stylized #ReviewVisitedMonth, #stylized #ReviewVisitedDay{ width:auto; float:none; margin:0 5px 10px 10px; padding:0px 2px;} #stylized #ItemEraDetail{padding:4px;} #stylized #ItemAddress, #stylized .PhotoDescriprion{ width:300px;} #stylized #ItemLatitude, #stylized #ItemLongitude, #stylized #ItemPriceMin, #stylized #ItemPriceMax{width:120px;} #stylized .location{clear:both; display:block; font-size:120% !important; margin-left:160px; margin-bottom:10px;} #stylized .location input{width:10px; display:inline; float:none; margin:0 15px 0 0 !important;} #stylized #map{ float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; margin:2px 0 10px 160px; display:inline; } #stylized #ItemTel input{ width:60px; float:none; margin:0 10px; padding:4px 2px; } #stylized #ItemTel1, #stylized #ItemTel2, #stylized #ItemTel3{ margin-left:10px; padding-left:50px; } #stylized .nowrap-block #ItemClosestStation, #stylized .nowrap-block #ItemTel{ width:170px; } #stylized #ItemEraDetail{ width:150px; } #stylized #ItemBusinessHours{width:300px;height:40px;} #stylized #ItemPrice{width:300px;height:30px;} #stylized #ItemTransportation{width:400px;height:150px;} #stylized #ItemHoliday{width:300px;height:40px;} #stylized div.tags, #stylized .nowrap-block{ padding-left:0px; float:left; margin-left:150px; width:450px; text-align:left; display:inline; } #stylized div.value{ font-size:130%; margin-left:160px; height:100%; } #stylized .clear-left{clear:left; margin-bottom:10px;} /*-------------- review form -----------------*/ #stylized #ReviewBody{height:250px; width:450px;} #stylized #ContactBody{height:250px; width:450px;} #stylized .upload-files input {width:300px; display:block;padding:5px 0px 10px 0px;} /* ----------- error-message ----------- */ #stylized div.error-message{ margin:0px 0 10px 160px; color:#FF2758; clear:both; } #stylized .nowrap-block .error-message{margin-left:10px !important;} #stylized div.message{ margin:0px 0 10px 150px; clear:both; } #stylized div.caption{ margin:0px 0 5px 160px; color:#274a78; height:100%; font-size:120%; } #stylized span.indispensable{ color:#FF2758; } #stylized .submit{ margin-left:160px;} #stylized .submit .cancel{ float:left; display:inline; margin:10px 0 0 20px; font-size:130%;} #stylized .submit input{float:left; display:inline; margin:2px 10px 15px 0px; width:auto; text-align:center; background-color:#eee; padding:5px;} #stylized .submit input:hover{background-color:#ccc; cursor:pointer;} /* Step Menu ----------------------------------------------------------------------------------------------------*/ .stepmenu{background-color:#EBEBEB;margin:0; padding:0;} .stepmenu #mainNav{margin:0;padding:0; } .stepmenu p{background-color:#ff0000 !important;} #mainNav li{ height:71px; list-style:none; float:left; display:inline; background-color:#EBEBEB; background-image: url(../img/step/navBtn.gif); background-repeat: no-repeat; background-position: right top; font-size:12px !important; } /*IE6の挙動がおかしいからとりあえずなハック*/ #mainNav li.clear-both{ float:none; clear:both; display:block; position:absolute; height:20px !important; width:0 !important; margin:-1000px 0 0 0 !important; padding:0 !important; background:none; } #mainNav li.current{ background-color:#FF5542; background-image: url(../img/step/navCurrentBtn.gif); } #mainNav li.lastDone{ background-color:#c1d8ac; background-image: url(../img/step/navLastDoneBtn.gif); } #mainNav li.done{ background-color:#c1d8ac; background-image: url(../img/step/navDoneBtn.gif); } #mainNav li, #mainNav li :link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active { color:#ccc; } #mainNav li.lastDone , #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current , #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done , #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active { color:#fff; } #mainNav li.done a:hover, #mainNav li.lastDone a:hover { color:#FFFF99; cursor:hand; } #mainNav li em{ width:150px; display:block; margin:6px 0 5px 10px; font-style:normal; font-weight:bold; } #mainNav li span{ width:140px; display:block; margin-left:10px; font-weight:normal; } #mainNav li.mainNavNoBg{ background-image:none; } #mainNav li { height:71px; display:block; } /* #mainNav.fiveStep */ #mainNav.fiveStep li{width:182px;} #mainNav.fiveStep li a{width:182px;} /* #mainNav.fourStep */ #mainNav.fourStep li{width:227px;} #mainNav.fourStep li.mainNavNoBg{width:229px;} #mainNav.fourStep li a{width:227px;} /* #mainNav.threeStep */ #mainNav.threeStep li{width:215px;} #mainNav.threeStep li.mainNavNoBg{width:200px;} #mainNav.threeStep li a{width:215px;} #mainNav.threeStep li {margin:0 !important;} /* #mainNav.twoStep */ #mainNav.twoStep li{width:455px;} #mainNav.twoStep li a{width:455px;} /*-------------- 角丸１０、２０、３０ -----------------*/ .box-10{ background:#EAF4FC; padding:0 4px; position:relative; border:1px solid #EAF4FC;/* stop margin collapse*/ } .box-10 .inner{ background:#EAF4FC; padding:5px 0; margin:-5px 0; min-height:0;/* ie7 haslayout issues fix*/ position:relative; } * html .box-10 .inner, * html .box-10{height:1px}/* ie6 haslayout issues fix*/ .box-10 .top, .box-10 .base{ margin:-5px -5px 0; background:url(../img/rounded/one-round-10.png) no-repeat left top; height:5px; position:relative; font-size:5px; clear:both } .box-10 .base{ background-position:left bottom; margin:0 -5px -5px; } .box-10 .top span, .box-10 .base span{ background:url(../img/rounded/one-round-10.png) no-repeat right top; display:block; height:5px; font-size:5px; } .box-10 .base span{background-position:right bottom;} .box-20{ margin:20px; background:#EAF4FC; padding:0 9px; position:relative; border:1px solid #EAF4FC;/* stop margin collapse*/ } .box-20 .inner{ background:#EAF4FC; padding:10px 0; margin:-10px 0; min-height:0;/* ie7 haslayout issues fix*/ position:relative; } * html .box-20 .inner, * html .box-20{height:1px}/* ie6 haslayout issues fix*/ .box-20 .top, .box-20 .base{ margin:-10px -10px 0; background:url(../img/rounded/one-round-20.png) no-repeat left top; height:10px; position:relative; font-size:10px; clear:both } .box-20 .base{ background-position:left bottom; margin:0 -10px -10px; } .box-20 .top span, .box-20 .base span{ background:url(../img/rounded/one-round-20.png) no-repeat right top; display:block; height:10px; font-size:10px; } .box-20 .base span{background-position:right bottom;} .box-30{ background:#EAF4FC; padding:0 15px; position:relative; border:1px solid #EAF4FC;/* stop margin collapse*/ } .box-30 .inner{ background:#EAF4FC; padding:15px 0; margin:-15px 0; min-height:0;/* ie7 haslayout issues fix*/ position:relative; } * html .box-30 .inner, * html .box-30{height:1px}/* ie6 haslayout issues fix*/ .box-30 .top, .box-30 .base{ margin:-15px -15px 0; background:url(../img/rounded/one-round-30.png) no-repeat left top; height:15px; position:relative; font-size:15px; clear:both } .box-30 .base{ background-position:left bottom; margin:0 -15px -15px; } .box-30 .top span, .box-30 .base span{ background:url(../img/rounded/one-round-30.png) no-repeat right top; display:block; height:15px; font-size:15px; } .box-30 .base span{background-position:right bottom;}