@charset "utf-8";
/*-----------infomation page---------------*/

/*------
 CompanyDetails page
------*/


.Company #CompanyDetails{
margin:28px 19px 0 19px;
width:620px;
}

.Company #CompanyDetails dl{
clear:both;
background:url(../img/line_dotted.gif) bottom repeat-x;
padding:0 0 6px 0;
margin:6px 0 0 0 ;
}

.Company #CompanyDetails dt{
float:left;
font-weight:bold;
padding: 0 0 0 0;
margin:0 0 -18px 0;
width:103px;
text-align:right;
color:#666666;
}

.Company #CompanyDetails dd{
margin:0 0 0 114px;
padding:0 0 0 12px;
border-left:solid 3px #cecece;
}

.Company .staffList{
margin:0 0 0 3.8em ;
}

.Company .listTail{
background:none !important;
}


.Company .TxtBox {
margin:0 16px 0 19px;
}

.Company .TxtBox dl{
font-weight:bold;
float:left;
width:620px;
margin:0 0 0 0;
padding:0 0 5px 0;
background:url(../img/line_dotted.gif) bottom repeat-x;
}

.Company .TxtBox dt{
font-weight:bold;
padding:0 6px 0 6px;
margin:6px 0 10px 3px ;
border-left: solid 3px #cecece;
}

.Company .TxtBox dd{
background:url(../img/line_dotted.gif) top repeat-x;
margin:4px 0 0 0;
padding:4px 2px 0 2px;
}

.Company #map{
float:left;
padding:3px;
margin: 6px 0 6px 0;
border:solid 1px #cecece;
}




/*------
 bookshop page
------*/

.Bookshop .TxtBox p{
width: auto !important;
line-height:1.7em;
}

.Bookshop .attention{
margin:30px 9px 0 9px;
}
.Bookshop .attention dd{
margin:0 0 0 120px;
padding:2px 0 0 0;
}

.Bookshop .attention .ImgBox a{
margin: 2px 9px 9px 0;
float:left;
width:112px;
border: solid 1px #e0e0e0;
padding:5px;
background:#f5f5f5;
}
.Bookshop .attention .ImgBox a:hover{
background:#ffffff;
}

.Bookshop .listmark_a li{
list-style-type:none;
padding:0 0 0 12px;
margin:0 0 0 10px;
background:url(../img/listmark_01.gif) no-repeat left 50%;
line-height:1.7em;
}


.Bookshop .BtnMail{
margin-top:6px;
}


.Bookshop .Table{
border-collapse:collapse;
border:double 3px #cecece;
margin:20px 0 24px 0;
width:618px;
}
.Bookshop .Table th{
border-right:solid 1px #cecece;
border-bottom:solid 1px #cecece;
text-align:center;
padding:3px 4px 2px 4px;
background:#f1f1f1;
}
.Bookshop .Table td{
border: solid 1px #cecece;
text-align:center;
padding:2px 4px 2px 4px;
}

.Bookshop .coloring td{
background:#f9f9f9 !important;
}
.Bookshop .coloring th{
background:#ededed !important;
}

.Bookshop .TableTitle{
width:70%;}

#OrderTable a{
display:block;
background:url(../img/icon_download.gif) right top no-repeat;
padding:13px 34px 5px 0;
font-size:10px;
width:40px;
margin:0 auto;
}

#OrderPopTable a{
display:block;
background:url(../img/icon_download_pop.gif) right center no-repeat;
padding:13px 34px 5px 0;
font-size:10px;
width:40px;
margin:0 auto;
}


/*------
 advertise page
------*/


.Advertise .TtlBox {
clear:both;
}
.Advertise .TtlBox h3 img{
vertical-align:middle;
margin:0 4px 2px 0;
}
.Advertise .TtlBox .x-small{
margin:1px 0 -3px 0;
}

.Advertise .TxtBox p{
width:auto !important;
}

.Advertise #PageLink {
margin:24px 0 -2px 9px;
}

.Advertise #PageLink p{
width: auto ;
line-height:1.7em;
margin: 0 auto;
}

.Advertise .Links li{
display:inline;
}
.Advertise .Links a{
float:left;
display:block;
border: solid 1px #e0e0e0;
background:#f5f5f5;
width:154px;
height:50px;
margin: 4px 4px 4px 0;
text-align:center;
}
.Advertise .Links a:hover{
background:#ffffff;
}

.Advertise .Links a img{
margin:7px auto;
}

.Advertise h4{
font-weight:bold;
padding:0 6px 0 6px;
margin:19px 0 9px 0 ;
border-left: solid 3px #cecece;
letter-spacing:0.09em
}

.Advertise .TableTtl{
margin:16px 0 3px 2px;
}
.Advertise .TableTtl span{
font-weight:bold;
background:url(../img/allow_05.gif) left 50% no-repeat;
padding:0 0 0 12px;
}
.Advertise .a_right{
text-align:right !important;
}
.Advertise .coloring td{
background:#f9f9f9 !important;
}
.Advertise .coloring th{
background:#ededed !important;
}

.Advertise .Table{
border-collapse:collapse;
border:double 3px #cecece;
margin:0 0 24px 0;
width:500px;
}
.Advertise .Table th{
border-right:solid 1px #cecece;
border-bottom:solid 1px #cecece;
text-align:center;
padding:3px 4px 2px 4px;
background:#f1f1f1;
}
.Advertise .Table td{
border: solid 1px #cecece;
text-align:center;
padding:2px 4px 2px 4px;
}

.Advertise .Table_TwoRows{
border-collapse:collapse;
border:double 3px #cecece;
margin:0 27px 18px 0;
}
.Advertise .Table_TwoRows th{
border:solid 1px #cecece;
border-right:solid 1px #cecece;
text-align:center;
padding:3px 4px 2px 4px;
background:#f1f1f1;
width:107px;
}
.Advertise .Table_TwoRows td{
border: solid 1px #cecece;
text-align:center;
padding:2px 4px 2px 4px;
width:107px;
}

.Advertise .Kakomi{
border:double 3px #cecece;
width:214px;
text-align:center;
padding:2px 8px ;
margin:-1px 27px 24px 0;
}

.Advertise .BkAbout{
background:url(../img/line_dotted.gif) top repeat-x;
width:500px;
padding: 0 0 10px 0;
}

.Advertise .BkAbout dl{
background:url(../img/line_dotted.gif) bottom repeat-x;
}

.Advertise .BkAbout dl dt{
float:left;
line-height:1.7em;
padding:1px 6px;
}

.Advertise .BkAbout dl dd{
margin:0 0 0 110px;
line-height:1.7em;
padding:1px 6px;
}

.Advertise .caption{
margin: -19px 0 24px 0;
}

.Advertise .AdjustMgnTop{
margin-top:-4px;
}




/*------
 recruit page
------*/

.Recruit .ImgBox{
margin: 4px 19px 9px 19px;
border: solid 1px #e0e0e0;
padding:4px;
background:#f5f5f5;
}

.Recruit .TxtBox p{
width: auto ;
line-height:1.7em;
}
.Recruit #Read{
margin:24px 0 -2px 9px;
}

.Recruit .OutlineBox{
margin:0 19px 34px 19px;
background:url(../img/line_dotted.gif) bottom repeat-x;
padding:6px 0 0 0;
width:602px;
}
.Recruit .OutlineBox dl{
margin:0 0 0 0;
background:url(../img/line_dotted.gif) top repeat-x;
padding:8px 0 8px 0;
}
.Recruit .OutlineBox dl dt{
float:left;
margin:0 0 -18px 0;
}
.Recruit .OutlineBox dl dt span{
background:url(../img/allow_04.gif) right no-repeat;
padding:0 1.05em 0 6px;
font-weight:bold;
color:#666666;
}
.Recruit .OutlineBox dl dd{
margin:0 4px 0 140px;
padding:0;
}

.Recruit .OutlineBox ol{
background:url(../img/line_dotted.gif) bottom repeat-x;
display:block;
margin:0 0 6px 0;
}

.Recruit .OutlineBox ol li{
list-style-position:inside;
list-style-type:decimal;
line-height:1.5em;
background:url(../img/line_dotted.gif) top repeat-x;
}



/*------
 contact page
------*/

.Contact .TxtBox{
width:500px ;
}
.Contact .TxtBox dt,
.Contact .TxtBox dd{
line-height:1.7em;
}

.Contact .x-small .note{
font-size:81.5%;
}

.Contact .attention {
margin:0 0 0 0;
}
.Contact .attention li{
list-style-type: none;
list-style-position: outside;
background:url(../img/listmark_01.gif) 3px 0.5em no-repeat;
padding:0 0 0 12px;
}

.Contact h4{
font-weight:bold;
color:#666666;
margin:9px 0 0 0 ;
padding:4px 0 0 6px;
background:url(../img/line_dotted.gif) top repeat-x;
line-height:1.7em;
}

.Contact .TellList {
background:url(../img/line_dotted.gif) bottom repeat-x;
margin:4px 0 0 0;
padding:0 0 0 0;
}
.Contact .TellList dl{
margin:0 0 0 0;
background:url(../img/line_dotted.gif) top repeat-x;
padding:4px 0 4px 0;
}
.Contact .TellList dl dt{
float:left;
margin:0 0 -18px 0;
}
.Contact .TellList dl dt span{
background:url(../img/allow_04.gif) right no-repeat;
padding:0 1.05em 0 6px;
}
.Contact .TellList dl dd{
margin:0 4px 0 140px;
padding:0;
}
.Contact .BoderCencel{
background:none !important;
padding:2px 4px 0px 4px;
margin:0 0 -8px 0;
}

#infomail {
display:block;
border: solid 1px #cecece;
margin:10px 0 0 0 ;
width:500px;
}

.Contact #infomail select{
border: solid 1px #cecece;
width:262px;
line-height:1.2em;
padding:1px;
}
.Contact #infomail dl dd input{
padding:2px 4px;
width:252px;
border: solid 1px #cecece;
line-height:1.2em;
}

.Contact #infomail textarea{
padding:2px 4px;
width:463px;
border: solid 1px #cecece;
line-height:1.2em;
}

.Contact #infomail dl{
display:block;
background:url(../img/form_bg.gif) top repeat-x #fafafa ;
padding:2px 10px 10px 10px;
margin:3px ;
}
.Contact #infomail dl dt{
margin:4px 0 -1px 0;
background:url(../img/allow_05.gif) left 50% no-repeat ;
padding:0 0 0 12px;
width:250px;
}
.Contact #infomail dl dd{
background: url(../img/line_dotted.gif) bottom repeat-x;
padding: 0 0 8px 0;
}

.Contact .BtnMailSbmt{
margin:0 0 7px 11px;
}



/*------
 list of writers page
------*/

.Writer .TtlBox{
margin:24px 9px 5px 9px;
}

.Writer #VowelList{
display: block;
text-align:center;
margin:28px 5px 0 7px;
padding:0 0 28px 0;
}

.Writer #VowelList li{
display: inline;
text-align:center;
margin:0 auto 0 auto;
}
.Writer #VowelList li a{
display: block;
float:left;
text-align:center;
width:7.97%;
margin:0 2px 0 2px;
padding:2px 7px;
border: solid 1px #c4c4c4;
background:#f1f1f1;
text-decoration:none !important;
}
.Writer #VowelList li a:hover{
border: solid 1px #cccccc;
background:#ffffff;
}

.Writer #WritersList {
clear:both;
margin: -10px 19px 0 19px;
}
.Writer #WritersList dt{
clear:both;
width:634px;
font-weight:bold;
margin: 0 -10px 6px -10px;
padding: 10px 0 4px 6px;
color:#777777;
background:url(../img/line_dotted.gif) bottom repeat-x;
}
.Writer #WritersList dd{
display: block;
width:280px;
float:left;
margin:0 0 0 0;
background:url(../img/allow_01.gif) left 0.65em no-repeat;
padding:2px 0 2px 14px;
margin: 0 0 0 3px;
}


/*------
 a writer page
------*/

.Bklist #WriterProf {
margin:12px 19px 0 19px;
}
.Bklist #WriterPhoto{
float:left;
margin:3px 8px 20px 0;
}

/*------
 a writer page - search result bar
------*/

.Bklist .SrchResult{
clear:both;
padding:24px 0 0 9px;
width:640px;
}

.Bklist .SrchTotal{
width:32%;
float:left;
background:#edf7fa url(../img/icon_writersbk.gif) 6px 50% no-repeat;
border-top: solid 1px #e8e8e8;
border-bottom: solid 1px #e8e8e8;
}

.Bklist .SrchNavi{
width:68%;
float:left;
text-align:right;
background:#edf7fa;
border-top: solid 1px #e8e8e8;
border-bottom: solid 1px #e8e8e8;
color:#bbbbbb;
}
.Bklist .SrchResult p{
display:block;
padding:3px 9px 4px 24px ;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}

.Bklist .SrchList{
display:inline;
list-style-type:none;
}
.Bklist .SrchList li{
float:left;
padding:0 9px 0 19px;
margin:28px 0 0 0;
list-style-type:none;
}

.Bklist .SrchABook{
width:620px;
}
.Bklist .SrchABook p{
margin:0 0 0 2px;
}

.Bklist .TitleBox{
position:relative;
width:434px;
background:#f1f1f1 url(../img/bg_bk_title.gif) top repeat-x;
padding:0 0 4px 0;
margin:1px 0 0 0;
}
.Bklist .TitleBox p{
padding:0 0 0 4px
}
.Bklist .TitleBox .Title {
font-weight:bold;
padding:6px 0 1px 6px;
font-size:115%;
}

.iconDigital{
display:block;
padding-right:80px;
width:340px;
background:url(../img/icon_digital.gif) 100% 5px no-repeat;
}




.Bklist a.BookCover{
float:left;
display:block;
width:178px;
height:178px;
border:solid 1px #e8e8e8;
text-align:center;
margin:0 6px 0 0;
background:#FFFFFF url(../img/allow_02.gif) 2px 2px no-repeat;
}
.Bklist a.BookCover:hover{
background:#f3f3f3 url(../img/allow_02.gif) 2px 2px no-repeat;
}

.Bklist .BookCover img{
margin:23px 22px 20px 22px ;
}

.Bklist .Table{
float:left;
text-align:left;
background:url(../img/line_dotted.gif) top repeat-x;
margin:3px 0 0 0;
width:434px;
}
.Bklist .Table th{
width:100px;
background:url(../img/line_dotted.gif) bottom repeat-x;
}
.Bklist .Table td{
background:url(../img/line_dotted.gif) bottom repeat-x;
}
.Bklist .Table p{
margin:4px 6px;
line-height:1.2em;
}

/*------
 digital contents - common
------*/

#DigitalTopicsM{
width:100%;
margin:27px 0 0 0;
position:relative;
padding:0;
}

#DigitalTopicsM h3{
display:block;
height:28px;
margin: 0 0 15px 9px;
background:url(../img/ttl_digital_topics_m.gif) bottom left no-repeat;
}
#DigitalTopicsM h3 span{
display:none;
}

#DigitalTopicsM #BtnDigitalList{
position:absolute;
top:-4px;
right:8px;
}
#DigitalTopicsM #BtnDigitalList a{
display:block;
background-image:url(../img/toppage/btn_allnews_list.gif) ;
background-repeat:no-repeat;
background-position:4px 4px;
width:34px;
height:11px;
padding:4px;
}
#DigitalTopicsM #BtnDigitalList a:hover{
background-position:4px -11px;
}
#DigitalTopicsM #BtnDigitalList span{
display:none;
}

#newsList{
clear:both;
border-top: dotted 1px #cecece;
margin:0 16px 0 16px;
padding: 0;
}
#newsList dl {
border-bottom: dotted 1px #cecece;
background:url(../img/allow_01.gif) 5px 11px no-repeat;
padding:2px 0 3px 14px;
}
#newsList dl dt{
font-weight:bold;
font-size:80%;
color:#6c6c6c;
float:left;
padding:3px 0 0 0;
font-size:90%;
}
#newsList dl dd {
margin-left:6em;
padding:2px 6px 2px 6px;
line-height:1.3em;
}
#newsList dl dd a{
font-weight:bold;
line-height:1.5em;
}
#newsList img{
border:solid 1px #ccc;
padding:1px;
margin:0 0 0 20px;
background:#ffffff;
float:right;
}

/*
#AccessWithMobile{
display:block;
float:right;
width:307px;
margin:27px 0 0 0;
padding:0 9px 0 0;
}
#AccessWithMobile h3{
display:block;
width:307px;
height:15px;
background:url(../img/ttl_access_with_mobile.gif) bottom left no-repeat;
}
#AccessWithMobile h3 span{
display:none;
}
#AccessWithMobile dl{
background:#f1f1f1;
font-size:62%;
padding:0 0 4px 0;
}
#AccessWithMobile dl dt{
padding:6px 8px 0 8px;
}
#AccessWithMobile dl dt span{
background:url(../img/bg_mobile_career.gif) left center no-repeat;
padding:5px 5px 5px 5px;
display:block;
}
#AccessWithMobile dl dd{
padding:1px 8px 2px 8px;
line-height:1.2em;
}
#AccessWithMobile dl dd span{
background: url(../img/allow_04.gif) 0 0.2em no-repeat;
padding:0 1px;
}
#AccessWithMobile dl dd span span{
visibility: hidden;
}
*/

#TabsDigital{
clear:both;
width:100%;
height:80px;
position:relative;
padding:32px 0 0 0;
background:url(../img/tab_under.gif) left 64px repeat-x;
}
#TabsDigital ul{
clear:both;
display:block;
}
#TabsDigital ul li{
display:block;
float:left;
}
#TabsDigital h3{
display:block;
width:278px;
height:46px;
background:url(../img/tab_bg.gif) left top no-repeat;
margin:0 24px 0 24px;
}
#TabsDigital h3.selected{
background:url(../img/tab_bg_selected.gif) left top no-repeat;
}
#TabsDigital h3 a span{
text-decoration: underline;
}
#TabsDigital h3 a:hover span{
text-decoration:none;
}
#TabsDigital h3 span{
font-weight:bold;
display:block;
padding:7px 18px 0 26px;
font-size:90%;
text-align:center;
}
#TabsDigital #TagList{
position:absolute;
top:80px;
left:12px;
font-size:81%;
width:648px;
line-height:1.5em;
}
#TabsDigital #TagList li{
display:block;
width:13%;
margin:0 14px 0 0 ;
}
#TabsDigital #TagList li a{
display:block;
width:100%;
padding:2px 0;
background:#f1f1f1 url(../img/allow_05.gif) -100px 55% no-repeat;
text-align:center;
border:solid 1px #c4c4c4;
text-decoration:none;
}
#TabsDigital #TagList li a:hover{
background:#ffffff url(../img/allow_05.gif) 5px 55% no-repeat;
}
#TabsDigital #TagList li a img{
margin:4px 0 5px 0;
}
#TabsDigital #TagList li.selected a{
background:#ffffff url(../img/allow_05.gif) 5px 55% no-repeat;
border:solid 1px #c4c4c4;
}

/*------
 digital contents - providers
------*/

#SrchListProvider{
clear:both;
padding:20px 0 0 0;
}
#SrchListProvider li{
display:block;
padding:12px 14px 0 22px;
float:left;
}
#SrchListProvider li dl{
display:block;
width:290px;
position:relative;
}
#SrchListProvider li dl dt{
display:block;
width:290px;
background:url(../img/line_dotted.gif) bottom repeat-x;
margin:0 0 8px 0;
padding:1px 0 2px 0;
border-top: solid 1px #cecece; 
}
#SrchListProvider li dl dt span{
display:block;
font-weight:bold;
padding:5px 80px 5px 6px;
background:#f1f1f1;
}
#SrchListProvider li dl dt span a{
font-weight:bold;
background: url(../img/icon_jumplink.gif) right 55% no-repeat;
padding:0 14px 0 0;
}
#SrchListProvider li dl dd{
padding:0 6px 3px 6px;
margin:-2px 0 0 0;
}
#SrchListProvider li dl dd span{
background:url(../img/bg_mobile_career.gif) center no-repeat;
padding:3px 5px 5px 5px;
margin:0 4px 0 0 ;
display:block;
width:47px;
}
#SrchListProvider li dl dd dl{
display:block;
width:278px;
}
#SrchListProvider li dl dd dl dt{
display:inline;
width: auto;
background:none;
border:none;
float:left;
margin:0 0 2px 0;
padding:0 0 12px 0;
}
#SrchListProvider li dl dd dl dd{
float:left;
padding:3px 0 3px 0;
}

.QRcode a{
display:block;
height:19px;
width:71px;
background:url(../img/btn_qr_code.gif) left top no-repeat;
position:absolute;
top:7px;
right:6px;
}
.QRcode a:hover{
background:url(../img/btn_qr_code.gif) left bottom no-repeat;
}
.QRcode a span{
display:none !important;
}

/*------
 digital contents - contents
------*/

#SrchListDigital{
clear:both;
}
#SrchListDigital li{
display:block;
padding:25px 15px 0 15px;
float:left;
margin:0 0 -15px 0;
}
#SrchListDigital li dl{
display:block;
width:294px;
position:relative;
}
#SrchListDigital li dl dt{
display:block;
width:185px;
background:url(../img/line_dotted.gif) bottom repeat-x;
margin:0 0 0 109px;
padding:0 0 2px 0;
}
#SrchListDigital li dl dt span{
display:block;
font-weight:bold;
padding:8px 6px 5px 6px;
background:#f1f1f1 url(../img/bg_bk_title.gif) top repeat-x;
}
#SrchListDigital li dl dt a{
font-weight:bold;
}

#SrchListDigital li dl dd{
padding:3px 6px 5px 6px;
margin:0 0 0 109px;
background: url(../img/line_dotted.gif) bottom repeat-x;
display:block;
}
#SrchListDigital li dl dd span{
font-size:81%;
line-height:1.499em;
letter-spacing:0.1em;
}

.picture{
position:absolute;
top:0;
left:0;
padding:0 !important;
margin:0 !important;
background:none !important;
width:106px;
}

#SrchListDigital .picture img{
-webkit-box-shadow: #999999 1px 2px 6px;
-moz-box-shadow: #999999 1px 2px 6px;
box-shadow: #999999 1px 2px 6px;
}

/*------
 digital contents - provider QRcode
------*/

#ProviderQRcode{
clear:both;
padding:30px 12px 0 12px;
}

#ProviderQRcode h4{
display:block;
background:url(../img/line_dotted.gif) bottom repeat-x;
margin:0 0 8px 0;
padding:1px 0 2px 0;
border-top: solid 1px #cecece;
width:634px;
}

#ProviderQRcode h4 span{
display:block;
font-weight:bold;
padding:5px 6px 5px 6px;
background:#f1f1f1;
}

#ProviderQRcode h4 a{
font-weight:bold;
text-decoration:none;
background: url(../img/icon_jumplink.gif) right 55% no-repeat;
padding:0 14px 0 0;
}

#ProviderQRcode p.small{
margin:0 9px;
}

#ProviderQRcode ul{
display:block;
margin:auto;
}

#ProviderQRcode ul li{
display:inline;
float:left;
margin:14px 10px 6px 9px;
}

#ProviderQRcode dt{
background:url(../img/allow_05.gif) left 0.4em no-repeat;
padding:0 0 8px 14px;
}

#ProviderQRcode dt img{
background:url(../img/line_dotted.gif) left bottom repeat-x;
margin:0 6px 2px 0 ;
padding:2px 1px 4px 1px ;
vertical-align:middle;
}

#ProviderQRcode dd{
display:block;
margin:0 32px 0 0;
}

#ProviderQRcode dd img{
border:solid 1px #eaeaea;
padding:2px;
}


/*------
 blog magazine listas
------*/

#BlogList{
width:620px;
margin:4px 0 0 20px;
}
* html #BlogList{
margin:20px 0 0 20px;
}

#BlogList li{
clear:both;
display:block;
padding: 28px 0 0 0;
}
* html #BlogList li{
margin:0 0 0 0;
padding: 13px 0 0 0;
}

.BlogAbout .Photo{
float:left;
text-align:center;
}
.BlogAbout .Photo a{
display:block;
border:solid 1px #e8e8e8;
width:126px;
height:126px;
}
.BlogAbout .Photo a:hover{
background:#f3f3f3;
}
.BlogAbout .Photo a img{
margin:20px auto 0 auto;
}

.BlogAbout .Title{
float:right;
background:#f1f1f1 url(../img/bg_bk_title.gif) left top repeat-x;
width:482px;
}
.BlogAbout .Title h4{
display:block;
font-size:85%;
line-height:1.2em;
padding:8px 7px 5px 7px;
}

.BlogAbout .Outline{
float:right;
width:482px;
font-size:81%;
background:url(../img/line_dotted.gif) left top repeat-x;
margin:3px 0 0 0;
padding:0 0 0 0;
}

.BlogAbout .Outline span{
margin:0;
display:block;
padding:0 0 0 10px;
background: url(../img/allow_01.gif) 2px 0.45em no-repeat;
line-height:1.2em;
}

.BlogAbout .Outline p{
background:url(../img/line_dotted.gif) left bottom repeat-x;
padding:5px 7px 6px 7px;
}
.BlogAbout .Outline p a{
margin:0;
line-height:1.2em;
}
.BlogAbout .Outline a{
color:#303030;
text-decoration:none;
}
.BlogAbout .Outline a:hover{
background-color:#f1f1f1;
color:#000000;
}

.BlogAbout .Outline a span{
font-size:75%;
background:none;
display:inline;
margin:0;
padding:0;
}