乐胖代购免代理版
/*============
common.css
==============*/
/*== layout ==*/
/* EMG */
#emg, #emg2, #emg3 {
margin-bottom:0;
text-align:center;
}
#emg table, #emg2 table, #emg3 table {
margin:0 auto;
text-align:left;
}
#emg table{
margin-bottom:10px !important;
}
#emg table table{
margin-bottom:0 !important;
}
#emg2 br {
display:none;
}
/* #libJsOffAlert */
#libJsOffAlert {
display:block;
width: 950px;
line-height:1.56;
clear:both;
margin:0 auto 20px auto;
}
#libJsOffAlert .untBody {
padding:20px;
border:2px solid #758fb5;
background:#e9eff8;
}
#libJsOffAlert .untBody p {
color:#103771;
text-align:center;
}
#libJsOffAlert .untBody p em {
font-weight:bold;
}
#libJsOffAlert .untBody p a {
color:#1555d5;
font-weight:bold;
}
#libJsOffAlert .untBody p.decTxt {
font-size:75%/*12px*/
}
/* #footer */
#footer{text-align:center;}
#footer ul{margin:20px 0;}
#footer li{display:inline;border-right:1px solid #333;padding:0 10px;}
#footer ul .decLst{border-right:none;}
#footer small{font-size:81.3%;}
/* == Lower page == */
body{
margin:0;
padding:0;
color:#333;
font-size:16px;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5{
font-size:100%;
font-weight:normal;
}
em,strong{
font-weight:normal;
font-style:normal;
}
ul li, ol li{
list-style:none;
}
a{
text-decoration:none;
color:#1555D5;
}
a:hover{
text-decoration:underline;
}
a img{
border-style:none;
}
hr{color:#ccc;
}
p, dt, dd, li{
word-break: break-all;
}
.clearfix:after {
display:block;
clear:both;
height:0;
visibility:hidden;
font-size:0;
content:".";
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* for IE 5.5-7 */
.clearfix {
zoom:100%;
}
#wrapper{
width:950px;
margin:0 auto;
line-height:1.56;
}
#breadcrumb, #footer #decGoTop{
font-size:81.3%;/*13px*/
}
#breadcrumb span{
font-weight:bold;}
#main{
font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif;}
#acMdHead{
margin-top:10px;
border-top:1px solid #e6e6e6;}
#acMdHead h1{
font-size:243.75%;/*39px*/
margin:0 0 30px;
padding:20px 23px;
border-top:4px solid #ffda45;
border-bottom:1px solid #e6e6e6;
font-weight:bold;
background:#F1F0E8 url(//s.yimg.jp/images/auct/cms/cs/trouble/img/bg_pattern.png);
}
#acMdHead h1 span{
display:inline-block;
font-size:42.0%;/*16px*/
vertical-align:middle;
padding-left:30px;
font-weight:normal;
}
#main h2{
font-size:162.5%;/*26px*/
padding-left:15px;
border-left:solid 6px #5f5f4e;
margin-bottom:30px;
line-height:1.1;
}
#main h3{
font-size:137.5%;/*22px*/
margin:20px 0;
border-bottom: dotted 1px #5f5f4e;
}
#acMdNavi{
position:relative;
background:url(//s.yimg.jp/images/auct/cms/cs/trouble/img/menu_bg.png) no-repeat center center;
width:889px;
height:189px;
margin:30px 0;
}
#acMdNavi a{
position:absolute;
display:block;
width:123px;
color:#333;
padding:5px 0;
background:url(//s.yimg.jp/images/auct/cms/cs/trouble/img/navi_btn.png) no-repeat center center;
font-size:150%;/*24px*/
text-align:center;
}
#acMdNavi a:hover{
text-decoration:none;}
#acMdNavi a.decsell{
top: 7px;
left: 143px;
}
#acMdNavi a.decbuy{
bottom: 32px;
left: 143px;
}
#acMdNavi a.dectrade_seller{
top: 7px;
right: 416px;
}
#acMdNavi a.dectrade_buyer{
bottom: 32px;
right: 416px;
}
#acMdNavi a.decvalue{
top: 60px;
right: 215px;
}
#acMdNavi a.decother{
top: 60px;
right: 0;
}
#main .menuExpand .expandContent ul.default li{
padding:20px 20px 20px 45px;
background:#f1f0e8 url(//s.yimg.jp/images/auct/cms/cs/trouble/img/a_icon.png) no-repeat 16px 20px;
margin-bottom:15px;
word-break: break-all;
}
#main .expandContent ul li a{
font-weight:bold;}
#footer #decGoTop{
text-align:right;
}
/*-----chiebukuro---*/
.chie{
text-align:center;
font-size:112.5%; /*18px*/
}
.chie p{
font-weight:bold;
color:#bb8fe6;
text-align:center;
padding-top:10px;
}
.chie a{
display:inline-block;
/display: inline; /* IE*/
/zoom: 1; /* IE*/
width:253px;
padding:5px 0;
text-align:center;
color:#fff;
margin: 10px;
background:url(//s.yimg.jp/images/auct/cms/cs/trouble/img/chie_btn.png) no-repeat center center;
}
.chie a:hover{
text-decoration:none;}
div.attention{
background: url(//s.yimg.jp/images/auct/cms/cs/trouble/img/exicon.png) no-repeat top left;}
div.attention p{
padding-left:23px;}
div.attention span{
display:block;}