@charset "UTF-8";
@import url(http://www.google.com/cse/api/branding.css);
/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ 
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {margin: 0;padding: 0;}
fieldset,img,abbr,acronym {border: 0;} 
ol,ul {list-style: none;}


/* Link ---------------*/
a:link {color: #378;}
a:visited {color: #378;}
a:hover {color: #156;}
a:link,:visited {color: #156;}

/* 配置 ---------------*/
.img_L {float: left;}
.img_R {float: right;}
.clear {display: block;clear: both;}

/* Clearfix ---------------*/
div#content,
div#blogContent,
div.entry,
div.entry ul.info,
div.text_body,
div.entry ul.reaction,
ul.thumb,
ul.flip,
div#siteUtilities {
_height: 1px;
min-height: 1px;
/*\*//*/
height: 1px;
overflow: hidden;
/**/
}

div#content:after,
div#blogContent:after,
div.entry:after,
div.entry ul.info:after,
div.text_body:after,
div.entry ul.reaction:after,
ul.thumb:after,
ul.flip:after,
div.utilities:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

body {
 color: #555;
 background: #fff url(http://sanpomania.com/common/css/201006/images/bg/back.png);
 background-repeat:repeat-x;
 margin: 0 auto;
  text-align: center;
}

#site_header,
#content,
#footer {
width: 990px;
position: relative;
text-align: left;
margin: 0 auto;
}

#site_header{
background: url(http://sanpomania.com/common/css/201006/images/bg/bg.gif);
height:20px;
line-height: 20px;
}
#site_header a { 
color: #fff;
}
#site_header span {
font-size: 1.4em;
color: #fff;
font-weight:bold;
margin: auto 13px ;
}
#blog_header{
height: 150px; 
background-color: #fff;
border-bottom: 5px solid #ddd;
}
#blog_header .blog_name { 
background-repeat:no-repeat;
} 
#blog_header .blog_name a { 
height: 50px;
display: block; 
font-size: 0; 
}
#blog_header #blog_description { 
margin: 0 13px ;
font-size: 0.8em;
} 
#blog_navi{
float:left;
height: 50px;
background-color: #fff;
}
#blog_navi ul {
float:left;
}
#blog_navi ul li {
margin: 5px 13px;
display:block;
float:left;
text-align: center;
width:75px;
background-repeat: no-repeat;
background-position: center top;
}
#blog_navi ul li a {
display:block;
line-height: 100px;
}
#blog_navi ul li a {
display:block;
line-height: 100px;
}

div#content{
background-color: #fff;
}

#blogArea {
width:750px;
float: left;
}
.multi div#main {
width: 540px;
float: right;
}

#addmain {
padding: 10px;
}

#blogArea h1 {
clear:both;
font-weight: normal;
}
#blogArea h1:first-letter {
color: #378;
}

.entry {
padding: 0 13px;
}

.entry h2 {
padding: 0.3em 8px;
border-left: 5px solid #eee;
border-bottom: 1px solid #ddd;
font-weight: normal;
font-size: 130%;
}
.entry h2 a {
padding-left: 18px;
background-image: url(http://sanpomania.com/common/css/201006/images/icon/v_icon003.gif);
background-repeat: no-repeat;
background-position: left center;
_background-position: 0 0.15em;
}
.entry h2 a:visited {
background-image: url(http://sanpomania.com/common/css/201006/images/icon/v_icon001.gif);
}

.text_body h3 {
padding: 0.3em 10px;
font-size: 116%;
border-bottom: 1px solid #ddd;
}
.reaction  h4 {
padding: 0.3em 10px;
margin: 1px 0 2px 2px;
border-left: 5px solid #eee;
font-size: 116%;
background-color: #bbb;
}
#archive-title,
#article-title{
background: url(http://sanpomania.com/common/css/201006/images/bg/paper.png);
}

.entry_cate li {
float: left;
width:65px;
}
.entry_cate a {
display:block;
height:46px;
font-size: 0; 
}


p.summary,
p.date {
 margin: 5px 0 5px 200px;
}

div.entry ul.info li {
margin: 0.3em 0;
padding: 0 5px;
float: left;
font-size: 85%;
}

div.entry ul.reaction {
margin: 0;
}
div.entry ul.reaction li {
margin: 2px 10px 2px 10px;
padding: 5px 10px 0 0;
float: right;
}
div.entry ul.sbmbutton {
margin: 0;
}
div.entry ul.sbmbutton li {
margin: 2px;
padding: 5px 2px 0 0;
float: left;
}
.entry-meta-comments {
background: url(http://sanpomania.com/common/css/201006/images/icon/comment-icon.gif) no-repeat 0px 50%;
padding: 0 0 3px 18px;
}
.entry-meta-trackbacks {
background: url(http://sanpomania.com/common/css/201006/images/icon/trackback-icon.gif) no-repeat 0px 50%;
padding: 0 0 3px 18px;
}
a.scoring {
white-space: nowrap;
background: url(http://sanpomania.com/common/css/201006/images/icon/scoring-stars.gif) no-repeat 0 -120px;
padding: 0 0 3px 18px;
line-height: 22px;
text-decoration: none;
cursor: default;
}
a.scoring {
white-space: nowrap;
background: url(http://sanpomania.com/common/css/201006/images/icon/scoring-stars.gif) no-repeat 0 -120px;
padding: 0 0 3px 18px;
line-height: 22px;
text-decoration: none;
cursor: default;
}

a.scoring-scorable {
background-position: 0 0;
text-decoration: default;
cursor: pointer;
}

a:hover.scoring-scorable {
background-position: 0 -40px;
text-decoration: underline;
}

a.scoring-pending,
a:hover.scoring-pending {
background: url(http://sanpomania.com/common/css/201006/images/icon/scoring-pending.gif) no-repeat;
cursor: wait;
}

a.scoring-scored,
a:hover.scoring-scored {
background-position: 0 -80px;
}

.scoring-vote,
#mt-community-blog .scoring-score-label {
display: none;
}

#mt-community-blog .asset-content {
clear: both;
}

div.text_body {
line-height: 1.7;
}
div.text_body p {
margin: 0.5em;
}

div.text_body pre {
margin: 1em 0 1em 20px;
padding: 10px 20px;
border-left: 6px solid #eee;
background-color: #ddd;
overflow: auto;
}

div.text_body em {
font-weight: bold;
font-style: normal;
}

div.text_body strong {
color: #812;
}

div.text_body hr {
margin: 1.5em 0;
border: none;
border-top: 1px dotted #ccc;
}


/* blockquote
---------------*/
div.text_body blockquote {
margin: 1em 0 1em 20px;
padding: 1px 20px;
border: 1px solid #ccc;
color: #555;
}
div.text_body blockquote {
border: 1px solid #ccc;
}
div.text_body blockquote p {
display: block;
background: url(http://sanpomania.com/common/css/201006/images/bg/quote_start.gif) no-repeat scroll top left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 30px;
}
div.text_body blockquote cite {
display: block;
background: url(http://sanpomania.com/common/css/201006/images/bg/quote_end.gif) no-repeat scroll bottom right;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 10px;
}

/* list
---------------*/
div.text_body ul,
div.text_body ol {
margin: 0.5em 0.5em;
padding: 0;
}
div.text_body dl {
padding: 0.5em 20px;
border: 1px dotted #ddd;
border-left: 4px solid #eee;
border-bottom: 1px solid #eee;
}
div.text_body dt {
padding-bottom: 0.3em;
border-bottom: 1px dotted #ccc;
font-weight: bold;
}
div.text_body dd {
margin: 0.7em ;
}

/* table
---------------*/
table {
width:100%;
}
th,td {
 background-color: #eee;
}
th {
 color: #fff;
 background-color: #bbb;
 text-align:center;
}
td {
 text-align:left;
 vertical-align:top;
}


/*========================================
Pager
========================================*/
/* Continue reading*/
p.continue {
padding:5px 5px 5px  20px;
}
p.continue a:link,
p.continue a:visited {
background-color: #93bc37;
}
p.continue a:visited {
color: #999;
background-color: #eee;
background-position:0.3em;
}

ul.flip {
padding: 0 13px;
text-align: center;
top: 1px;
}
ul.flip li {
float: left;
font-size: 92%;
}
ul.flip li a {
background-repeat: no-repeat;
}
ul.flip li a:hover {
color: #333;
}
ul#flip1 li.newer a {
border-right: 1px solid #ccc;
}
ul.flip li.newer a {
padding-left: 18px;
padding-right: 18px;
background-image: url(http://sanpomania.com/common/css/201006/images/arrow/new_01.gif);
background-position: left center;
}
ul.flip li.older a {
padding-left: 18px;
padding-right: 18px;
background-image: url(http://sanpomania.com/common/css/201006/images/arrow/old_01.gif);
background-position: right center;
}
ul#flip2 li.older a {
background-position: left center;
}
ul.flip li.newer a:hover {
background-image: url(http://sanpomania.com/common/css/201006/images/arrow/new_02.gif);
}
ul.flip li.older a:hover {
background-image: url(http://sanpomania.com/common/css/201006/images/arrow/old_02.gif);
}
.content-nav{
text-align:center;
height:50px;
}
ul.pager {
margin: 10px;
}
ul.pager li {
float: left;
margin-right: 5px;
font-weight: bold;
}
ul.pager li a {
border: 1px #378 solid;
position: relative;
display: block;
padding: 3px 3px;
color: #378;
}
ul.pager li a:link,
ul.pager li a:visited {
text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
background-color: #AADDFF;
text-decoration: none;
}
ul.pager li span.current_page {
border: 1px #378 solid;
display: block;
padding: 3px 8px;
background: #378;
color: #FFFFFF;

}
ul.pager li a.link_before,
ul.pager li a.link_next {
border: 1px #FFF solid;
}


/*========================================
div#utilities
========================================*/
dl.utilities {
}
dl#blogUtilities {
float: left;
width: 200px;
}
dl#siteUtilities{
float: right;
background-color: #eee;
width: 230px;
}

dl.utilities dt {
margin: 40px 13px ;
height:40px;
text-indent : -99999px;
border-bottom: 2px dotted #ccc;
}
dl.utilities dd {
margin: 5px 13px ;
}

dl.utilities dd ul {
margin: 0 10px ;
}
dl.utilities dd ul ul {
margin-left: 5px;
}

dl.utilities form {
margin: 0;
padding: 1px 5px;
border: none;
}

dl.utilitiesform legend {
display: none;
}


dl.utilitiesform input.submit {
padding: 0.2em 2px;
font-size: 10px;
}


dl.utilitiesdd ul li.feed a {
padding-left: 20px;
background: url(http://sanpomania.com/common/css/201006/images/icon/icon_feed.gif) no-repeat;
}


.widget-sign-in { 
position: absolute;
top: 0;
right: 10px;
margin: 0;
padding: 0px;
color: #fff;
font-size: 12px;
text-align: right;
}

.tagcloud .tagcloud-content li {
display: inline;
margin: 0 5px 0 0;
padding: 0;
line-height: 1.6;
background: none;
}

.tagcloud .rank-1  { font-size: 1.75em; }
.tagcloud .rank-2  { font-size: 1.75em; }
.tagcloud .rank-3  { font-size: 1.625em; }
.tagcloud .rank-4  { font-size: 1.5em; }
.tagcloud .rank-5  { font-size: 1.375em; }
.tagcloud .rank-6  { font-size: 1.25em; }
.tagcloud .rank-7  { font-size: 1.125em; }
.tagcloud .rank-8  { font-size: 1em; }
.tagcloud .rank-9  { font-size: 0.95em; }
.tagcloud .rank-10 { font-size: 0.9em; }




/*========================================
div#blog footer
========================================*/
#blogFooter{
 border-bottom: 3px solid #bbb;
 height:50px;
}

p.blogFooterNavi {
text-align: center;
}
p.return {
margin: 0 30px;
padding: 0.9em 0;
clear: both;
}
p.return a {
 height:40px;
 width:65px;
 display: block;
 float:right;
background: url(http://sanpomania.com/common/css/201006/images/arrow/home.png) center top no-repeat ;
text-indent : -99999px;
}


/*========================================
フッターエリアの設定
========================================*/

div#footer {
background: url(http://sanpomania.com/common/css/201006/images/bg/bg.gif);
height:250px;
}


div#footer .itemBox{
 width:200px;
 height:200px;
 position: relative;
 padding:13px;
 float:left;
}


div#footer a {
color: #ccc;
}

div#footer a:hover {
color: #fff;
}

div#footer address {
clear: both;
text-align: right;
font-style: normal;
color: #555;
}

/*========================================
Double
========================================*/
.Double div#main {
width:730px;
float: left;
}

.firstpost {
width: 750px;
height:260px;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.firstpost h2 {
 width:auto;
 padding:13px; 
 font-weight: bold;
}
.firstpost h2 a,
.firstpost h2 a:visited ,
.firstpost h2 a:hover { 
 color:#fff;
 background-color: #333;
}
html>body .firstpost div.text_body {
 width:360px; height:260px; overflow:hidden;
 background-color: #333;
 background:url(http://sanpomania.com/common/css/201006/images/bg/semiTransparent01.png) ;
}
.firstpost div.text_body p { padding:13px; color:#fff; }

/* Headline
---------------*/
div.headline dl dt {
 border-bottom: 2px solid #eee;
 border-top: 2px solid #eee;
 display: block;
}
div.headline dl dd {
 margin: 0.5em 0 0.2em;
 padding-bottom: 0.2em;
 border-bottom: 2px solid #eee;
 display: block;
}

div.headline dl dd img{
 margin: 5px;
 float:left;
}

div.headline dl dd div.text_body span.date {
font-size: 85%;
}




.cate{
 width:360px;
 margin:5px;
}
.cate h3 {
 width:350px;
 padding:10px;
 font-weight: normal;
 font-size: 200%;
 border:1px solid #ddd;
}
.cate h3:first-letter {
 color: #378;
}
.cate h3 span{
 margin: 0 0 0 40px;
}

.cate h4{
 font-size: 125%;
 margin: 20px 0 5px 0;
}

.iconList li a {
display: block;
float:left;
line-height: 32px;
margin-left: 10px;
padding-left: 25px;
background-repeat: no-repeat;
background-position: left center;
}

div.entry .itemBox{
 position: relative;
 float:left;
 border:1px solid #aaa;
}
div.entry .itemBox img{
 overflow:hidden; 
 margin:10px;
}
div.itemBox .odd .itemPhoto{
 position: relative;
 float:left;
}
div.itemBox .even .itemPhoto{
 position: relative;
 float:right;
}

.subcat-list li{
 margin: 10px 0 0 0;
 height: 50px;
}

.subcat-list li p,
.subcat-list li a{
margin: 0 0 0 50px;
}

div.entry .itemBox1{
 width:520px;
 margin:5px 0;
 padding:5px 0;
 clear: both;
}
div.entry .itemBox1 img{
 overflow:hidden; 
 margin:10px;
}
div.entry .odd .itemPhoto1{
 position: relative;
 float:left;
}
div.entry .even .itemPhoto1{
 position: relative;
 float:right;
}

div.entry .itemBox2{
 position: relative;
 width:105px;
 margin:5px;
 padding:5px;
 float:left;
 border:1px solid #aaa;
}
div.entry .itemBox2 img{
 overflow:hidden; 
 width:100px;
 text-align:left;
}


.itembox3{
 position: relative;
 width:382px;
 margin: 13px;
 float:left;
}


#calendar th,
#calendar td{
 width:116px;
 padding:5px 13px;
}
.calendar{
 width:176px;
 margin: 13px;
 float:left;
 border:1px solid #aaa;
}
.calendar a {
 display: block;
 float:left;
 width:21px;
 border: 1px #378 solid;
 margin:3px;
text-align: center;
}
.calendar a:hover,
.calendar a:active {
 background-color: #378;
 text-decoration: none;
 color: #FFF;
}



/*基本スタイル*/
div.imgbox3{
width: 247px;
height: 330px;
padding: 13px;
float: left;
}

div.alllink {
position: relative;
 border: 7px #aaa solid;
}
div.thumb {
margin-bottom: 10px;
 border: 5px #fff solid;
}
dl.info {
padding: 5px 5px 0;
height: 130px;
}
dl.info dt {
margin-bottom: 10px;
font-size: 108%;
font-weight: bold;
}
dl.info dd {
margin-bottom: 5px;
font-size: 93%;
color: #999;
}
p.linkarea {
font-size: 93%;
text-align: right;
}

/*a要素を全体に広げる（IE6以外）*/
html > body p.linkarea a {
display:block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-align: left;
background/*\**/: #fff\9; /*IE7、8のみに適用するハック*/
filter: alpha(opacity=0); /*フィルターで透明に*/
color: #fff;
}

/*マウスオーバー時のスタイル*/
div.alllink:hover {
position: relative;
width: 233px;
background-color: #373737;
}
div.alllink:hover dl.info dt{
color: #fff;
}
div.alllink:hover div{
background-color: #fff;
}

/*=========================
div#Comments, 
div#Trackbacks
=========================*/
div#comments dl.log dt,
div#trackback dl.log dt {
margin: 0.8em 0 0;
font-weight: bold;
}

div#comments dl.log dt span.name,
div#trackback dl.log dt span.name {
color: #2091da;
}

div#comments dl.log dt span.date,
div#trackback dl.log dt span.date {
margin-left: 10px;
color: #666;
font-weight: normal;
}

div#comments dl.log dd,
div#trackback dl.log dd {
padding: 0.8em 0 1em;
border-bottom: 1px dotted #ddd;
}

div#comments dl.log dd p,
div#trackback dl.log dd p {
}

/* form
---------------*/
div.entry form {
margin: 1em 0;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
}

div.entry fieldset {
padding: 1px 0;
border: none;
}

div.entry legend {
padding: 0 10px;
}

div.entry input,
div.entry textarea {
padding: 0.2em;
border-width: 1px;
border-style: solid;
border-color: #ddd #eee #eee #ddd;
}

div.entry input:hover,
div.entry textarea:hover {
border-color: #00a0dd;
}

div.entry textarea {
padding: 0.5em 10px;
}

div.entry input.submit {
padding: 2px 5px;
border: none;
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
background-color: #01b0f0;
}

div.entry input.submit:hover {
background-color: #000;
}

div.entry input.radio {
border: none;
background-color: transparent;
background-image: none;
}

/* Comment form
---------------*/
div.entry form.post dl {
margin: 0.5em 20px;
}

div.entry form.post p {
margin: 1em 20px;
}

div.entry form.post dl dt {
margin: 0.5em 0;
}

div.entry form.post dl dd {
margin: 0;
}

div.entry form.post div.action {
margin: 0.5em 20px 1em;
}

div.entry form.post div.action input {
margin: 0 5px 0 0;
}

div.entry form.post textarea {
width: 80%;
max-width: 85%;
}

/* Trackback info
---------------*/

div#trackback dl.info {
padding: 0.8em 15px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
}

div#trackback dl.info dd {
margin: 0.3em 20px;
}

div#trackback dl.info dd.URL {
margin: 0.5em 0;
padding: 0.5em 10px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
color: #01b0f0;
}

#blog_header .blog_name {background-image: url(http://sanpomania.com/common/css/201101/images/logo.png);}
#blog_header .blog_name10 {background-image: url(http://sanpomania.com/common/css/201101/images/logo_mania.png);}
#blog_header .blog_name2 {background-image: url(http://sanpomania.com/common/css/201101/images/logo_france.png);}
#blog_header .blog_name9 {background-image: url(http://sanpomania.com/common/css/201101/images/logo_japan.png);}
#blog_header .blog_name12 {background-image: url(http://sanpomania.com/common/css/201101/images/logo_tokyo.png);}
#blog_header .blog_name10 {background-image: url(http://sanpomania.com/common/css/201101/images/logo_chocolat.png);}








.service-mixi {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/services/mixi.png)
}
.service-xboxlivejapan {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/services/xboxlive.png)
}
.service-technoratijapan {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/technorati.png)
}
.service-youtubejapan {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/youtube.png)
}
.service-livedoorreader {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/livedoorreader.png)
}
.service-livedoorblogjp {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/livedoorblog.png)
}
.service-livedoorblogbiz {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/livedoorblog.png)
}
.service-fc2pr ,
.service-fc2blog {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/fc2.png)
}
.service-fc2blog {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/fc2.png)
}
.service-gree {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/gree.png)
}
.service-nicovideo {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/nicovideo.png)
}
.service-seesaa {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/seesaa.png)
}
.service-tumblr {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/tumblr.png)
}
.service-iddy {
BACKGROUND-IMAGE: url(http://sanpomania.com/common/css/201006/images/searvices/iddy.png)
}
/*========================================
個別ナビメニュー
========================================*/
dl dt.genreArchives{
background: url(http://sanpomania.com/common/css/201006/images/dt/genre.gif) no-repeat;
}
dl dt.categoryArchives{
background: url(http://sanpomania.com/common/css/201006/images/dt/category.gif) no-repeat;
}
dl dt.areaArchives{
background: url(http://sanpomania.com/common/css/201006/images/dt/area.gif) no-repeat;
}
dl dt.monthlyArchives{
background: url(http://sanpomania.com/common/css/201006/images/dt/archive.gif) no-repeat;
}
dl dt.siteSearch{
background: url(http://sanpomania.com/common/css/201006/images/dt/search.gif) no-repeat;
}
dl dt.aboutSite{
background: url(http://sanpomania.com/common/css/201006/images/dt/aboutSite.gif) no-repeat;
}
dl dt.recentEntries{
background: url(http://sanpomania.com/common/css/201006/images/dt/entries.gif) no-repeat;
}
dl dt.profile{
background: url(http://sanpomania.com/common/css/201006/images/dt/profile.gif) no-repeat;
}
dl dt.otherBlog{
background: url(http://sanpomania.com/common/css/201006/images/dt/otherblog.gif) no-repeat;
}
dl dt.advertising{
background: url(http://sanpomania.com/common/css/201006/images/dt/advertising.gif) no-repeat;
}
dl dt.tagcloud{
background: url(http://sanpomania.com/common/css/201006/images/dt/tagcloud.gif) no-repeat;
}
dl dt.aboutme{
background: url(http://sanpomania.com/common/css/201006/images/dt/aboutme.gif) no-repeat;
}
dl dt.recentAsset{
background: url(http://sanpomania.com/common/css/201006/images/dt/picture.gif) no-repeat;
}


#map {background: url(http://sanpomania.com/common/css/201101/images/navi/map_2.png) center top no-repeat ;}
#gourmet {background: url(http://sanpomania.com/common/css/201101/images/navi/gourmet_2.png) center top no-repeat;}
#cafe {background: url(http://sanpomania.com/common/css/201101/images/navi/cafe_2.png) center top no-repeat;}
#shopping {background: url(http://sanpomania.com/common/css/201101/images/navi/shopping_2.png) center top no-repeat;}
#tourism {background: url(http://sanpomania.com/common/css/201101/images/navi/tourism_2.png) center top no-repeat;}
#note {background: url(http://sanpomania.com/common/css/201101/images/navi/note_2.png) center top no-repeat;}
#area {background: url(http://sanpomania.com/common/css/201101/images/navi/other_2.png) center top no-repeat;}
#street {background: url(http://sanpomania.com/common/css/201101/images/navi/other_2.png) center top no-repeat;}
#list {background: url(http://sanpomania.com/common/css/201101/images/navi/item_2.png) center top no-repeat;}
#memory {background: url(http://sanpomania.com/common/css/201101/images/navi/note_2.png) center top no-repeat;}
#pictur {background: url(http://sanpomania.com/common/css/201101/images/navi/other_2.png) center top no-repeat;}

.cafe  {background: url(http://sanpomania.com/common/css/201101/images/cate/cafe.png) no-repeat 0px 50%;}
.kissa {background: url(http://sanpomania.com/common/css/201101/images/cate/c_kissa.png) no-repeat 0px 50%;}
.coffee {background: url(http://sanpomania.com/common/css/201101/images/cate/c_fastfood.png) no-repeat 0px 50%;}
.bar {background: url(http://sanpomania.com/common/css/201101/images/cate/c_bar.png) no-repeat 0px 50%;}
.restaurantbar {background: url(http://sanpomania.com/common/css/201101/images/cate/c_winebar.png) no-repeat 0px 50%;}
.kanmi {background: url(http://sanpomania.com/common/css/201101/images/cate/c_kanmi.png) no-repeat 0px 50%;}
.restaurant,
.gourmet {background: url(http://sanpomania.com/common/css/201101/images/cate/gourmet.png) no-repeat 0px 50%;}
.curry {background: url(http://sanpomania.com/common/css/201101/images/cate/g_curry.png) no-repeat 0px 50%;}
.french {background: url(http://sanpomania.com/common/css/201101/images/cate/g_french.png) no-repeat 0px 50%;}
.italian {background: url(http://sanpomania.com/common/css/201101/images/cate/g_italian.png) no-repeat 0px 50%;}
.chinese {background: url(http://sanpomania.com/common/css/201101/images/cate/g_chinese.png) no-repeat 0px 50%;}
.ethnic {background: url(http://sanpomania.com/common/css/201101/images/cate/g_korea.png) no-repeat 0px 50%;}
.yosyoku {background: url(http://sanpomania.com/common/css/201101/images/cate/g_teishoku.png) no-repeat 0px 50%;}
.sushi {background: url(http://sanpomania.com/common/css/201101/images/cate/g_sushi.png) no-repeat 0px 50%;}
.okonom  {background: url(http://sanpomania.com/common/css/201101/images/cate/g_okonom.png) no-repeat 0px 50%;}
.agemono {background: url(http://sanpomania.com/common/css/201101/images/cate/g_agemono.png) no-repeat 0px 50%;}
.unagi{background: url(http://sanpomania.com/common/css/201101/images/cate/g_unagi.png) no-repeat 0px 50%;}
.izakaya {background: url(http://sanpomania.com/common/css/201101/images/cate/g_izakaya.png) no-repeat 0px 50%;}
.soba {background: url(http://sanpomania.com/common/css/201101/images/cate/g_soba.png) no-repeat 0px 50%;}
.japan {background: url(http://sanpomania.com/common/css/201101/images/cate/g_japan.png) no-repeat 0px 50%;}
.shopping {background: url(http://sanpomania.com/common/css/201101/images/cate/shopping.png) no-repeat 0px 50%;}
.cake {background: url(http://sanpomania.com/common/css/201101/images/cate/s_cake.png) no-repeat 0px 50%;}
.wagashi {background: url(http://sanpomania.com/common/css/201101/images/cate/s_wagashi.png) no-repeat 0px 50%;}
.wazakka {background: url(http://sanpomania.com/common/css/201101/images/cate/s_wazakka.png) no-repeat 0px 50%;}
.goods {background: url(http://sanpomania.com/common/css/201101/images/cate/s_goods.png) no-repeat 0px 50%;}
.food  {background: url(http://sanpomania.com/common/css/201101/images/cate/s_food.png) no-repeat 0px 50%;}
.otherfood {background: url(http://sanpomania.com/common/css/201101/images/cate/s_otherfood.png) no-repeat 0px 50%;}
.othergoods {background: url(http://sanpomania.com/common/css/201101/images/cate/s_othergoods.png) no-repeat 0px 50%;}
.interior{background: url(http://sanpomania.com/common/css/201101/images/cate/s_interior.png) no-repeat 0px 50%;}
.pain {background: url(http://sanpomania.com/common/css/201101/images/cate/s_pain.png) no-repeat 0px 50%;}
.other{background: url(http://sanpomania.com/common/css/201101/images/cate/t_other.png) no-repeat 0px 50%;}
.tourism {background: url(http://sanpomania.com/common/css/201101/images/cate/tourism.png) no-repeat 0px 50%;}
.massage {background: url(http://sanpomania.com/common/css/201101/images/cate/t_massage.png) no-repeat 0px 50%;}
.othertourism {background: url(http://sanpomania.com/common/css/201101/images/cate/t_tourism.png) no-repeat 0px 50%;}
.park {background: url(http://sanpomania.com/common/css/201101/images/cate/t_park.png) no-repeat 0px 50%;}
.temple {background: url(http://sanpomania.com/common/css/201101/images/cate/t_temple.png) no-repeat 0px 50%;}
.shrine {background: url(http://sanpomania.com/common/css/201101/images/cate/t_shrine.png) no-repeat 0px 50%;}
.hotel {background: url(http://sanpomania.com/common/css/201101/images/cate/t_hotel.png) no-repeat 0px 50%;}
.gallery {background: url(http://sanpomania.com/common/css/201101/images/cate/t_gallery.png) no-repeat 0px 50%;}
.event{background: url(http://sanpomania.com/common/css/201101/images/cate/n_shop.png) no-repeat 0px 50%;}
.book,
.note {background: url(http://sanpomania.com/common/css/201101/images/cate/note.png) no-repeat 0px 50%;}
.cat {background: url(http://sanpomania.com/common/css/201101/images/cate/n_cat.png) no-repeat 0px 50%;}
.music {background: url(http://sanpomania.com/common/css/201101/images/cate/n_music.png) no-repeat 0px 50%;}
.plant {background: url(http://sanpomania.com/common/css/201101/images/cate/n_plant.png) no-repeat 0px 50%;}
.diary {background: url(http://sanpomania.com/common/css/201101/images/cate/n_diary.png) no-repeat 0px 50%;}
.room {background: url(http://sanpomania.com/common/css/201101/images/cate/n_home.png) no-repeat 0px 50%;}
.sanpo{background: url(http://sanpomania.com/common/css/201101/images/cate/n_sanpo.png) no-repeat 0px 50%;}
.movie {background: url(http://sanpomania.com/common/css/201101/images/cate/n_movie.png) no-repeat 0px 50%;}
.scenery {background: url(http://sanpomania.com/common/css/201101/images/cate/n_scenery.png) no-repeat 0px 50%;}
.list {background: url(http://sanpomania.com/common/css/201101/images/cate/n_ranking.png) no-repeat 0px 50%;}
.dinner {background: url(http://sanpomania.com/common/css/201101/images/cate/i_dinner.png) no-repeat 0px 50%;}
.morning {background: url(http://sanpomania.com/common/css/201101/images/cate/i_morning.png) no-repeat 0px 50%;}
.lunch {background: url(http://sanpomania.com/common/css/201101/images/cate/i_lunch.png) no-repeat 0px 50%;}
.close {background: url(http://sanpomania.com/common/css/201101/images/cate/i_close.png) no-repeat 0px 50%;}
.church{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_church.png);}

.cafe_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/cafe_3.png);}
.kissa_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/c_kissa_3.png);}
.coffee_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/c_fastfood_3.png);}
.bar_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/c_bar_3.png);}
.restaurantbar_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/c_winebar_3.png);}
.kanmi_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/c_kanmi_3.png);}
.restaurant_3,
.gourmet_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/gourmet_3.png);}
.curry_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_curry_3.png);}
.french_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_french_3.png);}
.italian_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_italian_3.png);}
.chinese_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_chinese_3.png);}
.ethnic_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_korea_3.png);}
.yosyoku_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_teishoku_3.png);}
.sushi_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_sushi_3.png);}
.okonom_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_okonom_3.png);}
.agemono_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_agemono_3.png);}
.unagi_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_unagi_3.png);}
.izakaya_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_izakaya_3.png);}
.soba_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_soba_3.png);}
.japan_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/g_japan_3.png);}
.shopping_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/shopping_3.png);}
.cake_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_cake_3.png);}
.wagashi_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_wagashi_3.png);}
.wazakka_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_wazakka_3.png);}
.goods_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_goods_3.png);}
.food_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_food_3.png);}
.otherfood_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_otherfood_3.png);}
.othergoods_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_othergoods_3.png);}
.interior_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_interior_3.png);}
.pain_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/s_pain_3.png);}
.other_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_other_3.png);}
.tourism_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/tourism_3.png);}
.massage_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_massage_3.png);}
.othertourism_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_tourism_3.png);}
.park_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_park_3.png);}
.temple_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_temple_3.png);}
.shrine_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_shrine_3.png);}
.hotel_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_hotel_3.png);}
.gallery_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_gallery_3.png);}
.event_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_shop_3.png);}
.church_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/t_church_3.png);}
.book_3,
.note_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/note_3.png);}
.cat_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_cat_3.png);}
.music_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_music_3.png);}
.plant_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_plant_3.png);}
.diary_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_diary_3.png);}
.room_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_home_3.png);}
.sanpo_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_sanpo_3.png);}
.movie_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_movie_3.png);}
.scenery_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_scenery_3.png);}
.list_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/n_ranking_3.png);}
.dinner_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/i_dinner_3.png);}
.morning_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/i_morning_3.png);}
.lunch_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/i_lunch_3.png);}
.close_3{background-image: url(http://sanpomania.com/common/css/201101/images/cate/i_close_3.png);}


@import url(http://sanpomania.com/common/css/201101/rankinglist_widget.css);