body,div,dl,dt,dd,ul,ol, li,h1,h2,h3,h4,h5,h6, form,input,textarea,p{ margin: 0; padding: 0; zoom:1; } body{ background: #fff; color: #191919; font: 11px/1.4 "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial,"ＭＳＰゴシック","MS PGothic", osaka, sans-serif; text-align: center; } a{ color: #333; outline: none; text-decoration: none; } a:hover{ color: #9c9c9c; background: url(../img/dot.png) repeat-x 0 100%; } img{ border: 0; } input{ vertical-align: middle; } .left{ float: left; } .right{ float: right; } .clear{ clear: both; } /************************ ヘッダー上部のボーダー色例: */ /* default */ #header h1, ul#lang{ background: #95979a; } /* street */ .street #header h1, .street ul#lang{ background: #4b0082; } /* lux */ .lux #header h1, .lux ul#lang{ background: #000; } /* natural */ .natural #header h1, .natural ul#lang{ background: #d2b48c; } /************************ ポジション */ #wrapper, #footer{ margin: 0 auto; text-align : left; width: 1024px; } #main{ width: 802px; } #left{ width: 190px; padding: 7px 22px 0 10px; display: inline; overflow: hidden; } #contents{ width: 580px; padding-top: 7px; display: inline; overflow: hidden; } #right{ width: 222px; text-align: right; display: inline; overflow: hidden; } #footer{ clear:both; text-align: center; } #home #contents, #home #left{ padding-top: 20px; } .newList { margin-bottom: 10px; } /************************ ヘッダー ************************/ #header{ position: relative; } #header h1{ font-size: 11px; line-height: 16px; font-weight: normal; color: #fff; padding: 2px 3px 2px 10px; } *+html div#header h1 { height: 1%; } #header h2{ padding:0px 0 0 10px; } #header h2 a{ display: block; height: 80px; width: 276px; text-indent: -3000px; background:url(../img/palmweb_rogo.jpg) no-repeat 0 50%; } /* 各姉妹サイトへのリンク */ #header #toplinks{ position: absolute; left: 350px; top: 25px; } #header ul li{ float: left; list-style-type:none; } ul#toplinks li{ padding-left: 7px; } ul#toplinks li a{ display: block; width:63px; height:68px; text-indent: -3000px; } ul#toplinks li#charm a{ background: url(../img/charmworld.png) no-repeat; } #toplinks li#style a{ background: url(../img/stylehunt.png) no-repeat; } #toplinks li#plat a{ background: url(../img/platform.png) no-repeat; } /* メインナビ　*/ ul#nav{ width: 792px; margin-left: 10px; overflow: hidden; } * html ul#nav{ height: 1%; } ul#nav li{ float: left; width: 100px; list-style-type:none; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background:url(../img/navBg.png) repeat-x; } ul#nav li.first{ border-left: 1px solid #cdcdcd; } ul#nav li.end{ border-right: 1px solid #cdcdcd; } ul#nav li.parent{ width: 65px; } ul#nav li.sep{ margin-right: 27px; } ul#nav a { display: block; padding: 6px 0; text-align: center; color: #1b1b1b; text-decoration: none; background:url(../img/navDot.png) repeat-y 100% 0; } ul#nav li.end a{ background: none; } ul#nav li a:hover, ul#nav li a#active, ul#nav li a.active{ background: #95979a; color: #f3f3f3; } /* street */ .street ul#nav li a:hover, .street ul#nav li a#active, .street ul#nav li a.active{ background: #4b0082; } /* lux */ .lux ul#nav li a:hover, .lux ul#nav li a#active, .lux ul#nav li a.active{ background: #000; } /* natural */ .natural ul#nav li a:hover, .natural ul#nav li a#active, .natural ul#nav li a.active{ background: #d2b48c; } /* パンくず　*/ ul#bread{ padding: 10px 0 20px 10px; } ul#bread li{ margin-right: 3px; font-size: 11px; font-weight: bold; } ul#bread li a{ background:url(../img/arrow.png) no-repeat 100% 50%; padding-right: 12px; font-weight: normal; } #home object, #CatTop object{ margin-bottom: 25px; } ul#crumb{ margin-bottom: 12px; display: inine; font-weight: normal; font-size:11px; } ul#crumb li{ list-style-type:none; } /************************ 左カラム ************************/ textarea,select,input { font-size: 1.2em; margin-bottom: 3px; } select{ background:url(../img/inputBg.png) no-repeat; border-bottom:1px solid #ebeae4; border-right:1px solid #ebeae4; border-left:1px solid #d4d4cf; border-top:1px solid #d4d4cf; } select{ width: 185px; } input.email{ width: 178px; padding-top: 1px; background:url(../img/inputBg.png) no-repeat; border-bottom:1px solid #ebeae4; border-right:1px solid #ebeae4; border-left:1px solid #d4d4cf; border-top:1px solid #d4d4cf; } dl#mailnews{ padding: 30px 0 30px; } dl#mailnews dt, #left h4{ font: 14px Verdana,Tahoma, sans-serif; font-weight: bold; font-variant: small-caps; } dl#mailnews p{ padding-top:3px; } dl#mailnews input.del, dl#mailnews input.btn{ margin-left: 10px; } #search h4 { margin-top: 20px; font-size: 12px; } #search #ml_m { border: 1px solid #5d84a5; } #search dl{ padding-top: 1px; } #search dl dt{ padding-bottom: 1px; font-weight: normal; } #search dl dd{ padding-bottom: 5px; } #search #sndml { width: 180px; } .btn{ border: 1px solid #d4d4cf; background:url(../img/btn.png) repeat-x bottom; padding: 1px 3px; margin-right: 7px; cursor: pointer; } *+html .btn{ padding: 3px 3px 0px; } * html .btn { padding: 2px 3px 0px; } #left ul#cat{ padding-top: 36px; width: 182px; } #left ul#cat li{ list-style-type: none; margin-bottom: 36px; } #left ul#cat li a{ background: none; } #left ul#cat li img{ border: 1px solid #c7c7c5; display: block; } #left ul#cat li:hover{ background: #f0f0f0; } /************************ 右カラム ************************/ /* 言語切替 */ ul#lang{ font-size: 11px; line-height: 16px; font-weight: normal; color: #fff; background: #95979a; padding: 2px 12px 2px; overflow: hidden; } * html ul#lang{ height: 1%; } ul#lang li{ list-style-type: none; float: right; padding-left: 10px; } ul#lang a{ color: #fff; background: url(../img/langLine.png) no-repeat 0 5px; padding-left: 10px; } ul#lang a.last{ background: none; } #right #bannerSide{ padding: 15px 10px 0 0; } #right p{ padding-bottom: 15px; } /************************ フッター ************************/ #footer #banner{ width: 802px; } #footer #translation{ margin: 15px 0; } #footer p { font-size: 11px; color: #808080; font-family: Georgia,"Times New Roman",Times,serif; } #translation a { color: #0086ff; text-decoration: underline; } #translation img a { text-decoration: none; } #footer span { color: #0086ff; text-decoration: underline; } #footer ul{ background: url(../img/heading.png) repeat-x; padding: 10px 0; } #footer ul li{ display: inline; border-right: 1px solid #333; padding: 0 7px; } #footer ul li a:hover{ background: none; } address{ font-style:normal; padding-bottom: 2px; }