@charset "utf-8"; 
/*
 * Style Name: Alike.jp design Stylesheet
 * Style Path: /css/alike.css
 * Description: design Stylesheet
 */

/* ----------------------------------------
 * 共通
 * ---------------------------------------- */
/*
* {
    color: #444;
}
*/

::-moz-selection {
    color: #333;
    background: #f7ecef;
    }

::selection {
    color: #333;
    background: #f7ecef;
    }

body.login div#page {
    background-image: url("/images/bodybg__001.png");
	background-repeat: repeat-x;
	background-color: white;
}

body.register div#page,
body.logout div#page
{
    background: url("/images/bodybg_guest__001.png");
	background-repeat: repeat-x;
	background-color: white;
}

/**
 * comment out
 * 2009/1/26
 */
/*
a,
a:link {
    color: #00f;
}

a:visited {
    color: #911c9d;
}
*/

#main ul li {
    padding-left: 24px;
    background: url(/images/icon/bullet.png) no-repeat;
}

#sub ul li {
    padding-left: 24px;
    background: url(/images/icon/bullet_r.png) no-repeat;
}

input.text,
textarea {
    color: #350000;
}

input.submit {
    color: #222;
}

img.scard {
    margin: 0 5px 0 4px;
}

/* ----------------------------------------
 * login box
 * ---------------------------------------- */
div#login_box
{
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 320px;
    font-size: 8pt;
    display: none;
    background-image: url("/images/login/login_box.gif");
	background-repeat: no-repeat;
    z-index: 1;
}

div#login_box_content
{
	padding: 10px;
}

div#login_box_content div#alike_login
{
    padding: 10px 5px 8px 5px;
}

div#login_box_content div#mixi_login
{
    padding: 5px 5px 8px 5px;
}

div#login_box_content div#register
{
    padding: 5px 0 0 0; text-align: center;
}

div#login_box_content div.section_header
{
    margin: 0 0 5px 5px; font-size: 120%;
}

div#login_box_content div.section_submit
{
    text-align: center;
}

div#login_box_content div#alike_login div.section_body
{
    margin: 0 0 5px 20px;
}

div#login_box_content div#alike_login .input_text
{
    width: 200px;
    height: 16px;
    background-color: white;
    border: 1px solid #2998E5;
}

/* ----------------------------------------
 * navigation
 * ---------------------------------------- */
ul#nav li,
ul#subnav li {
    float: left;
}

ul#nav li a,
ul#nav li span {
    display: block;
    height: 22px;
    position: relative;
    overflow: hidden;
    text-indent: -10000px;
}

ul#subnav li a {
    display: block;
    height: 45px;
    position: relative;
    overflow: hidden;
    _overflow: visible;
    background-position: top;
    text-indent: -10000px;
}

ul#nav li#n-top a:link,
ul#nav li#n-top a:visited,
ul#nav li#n-top a:active {
    width: 68px;
    background: url(/images/nav/nav.png) no-repeat scroll -72px 0;
    position: relative;
}

ul#nav li#n-top a:hover{
    width: 68px;
    background: url(/images/nav/nav.png) no-repeat scroll -72px -22px;
    position: relative;
}

ul#nav li#n-bar a:link,
ul#nav li#n-bar a:visited,
ul#nav li#n-bar a:active {
    width: 90px;
    background: url(/images/nav/nav.png) no-repeat scroll -61px -100px;
    position: relative;
}

ul#nav li#n-bar a:hover{
    width: 90px;
    background: url(/images/nav/nav.png) no-repeat scroll -61px -122px;
    position: relative;
}

ul#nav li#n-restaurant a:link,
ul#nav li#n-restaurant a:visited,
ul#nav li#n-restaurant a:active  {
    width: 120px;
    background: url(/images/nav/nav.png) no-repeat scroll -46px -50px;
}

ul#nav li#n-restaurant a:hover{
    width: 120px;
    background: url(/images/nav/nav.png) no-repeat scroll -46px -72px;
}

ul#nav li#n-relaxation a:link,
ul#nav li#n-relaxation a:visited,
ul#nav li#n-relaxation a:active  {
    width: 212px;
    background: url(/images/nav/nav.png) no-repeat scroll 0 -200px;
}

ul#nav li#n-relaxation a:hover{
    width: 212px;
    background: url(/images/nav/nav.png) no-repeat scroll 0 -222px;
}

ul#nav li#n-hotel a:link,
ul#nav li#n-hotel a:visited,
ul#nav li#n-hotel a:active  {
    width: 100px;
    background: url(/images/nav/nav.png) no-repeat scroll -56px -150px;
}

ul#nav li#n-hotel a:hover{
    width: 100px;
    background: url(/images/nav/nav.png) no-repeat scroll -56px -172px;
}

ul#nav li#n-empty {
    width: 130px;
    background: url(/images/nav/empty.png) repeat-x;
}

ul#nav li#n-help a:link,
ul#nav li#n-help a:visited,
ul#nav li#n-help a:active  {
    width: 110px;
    background: url(/images/nav/nav.png) no-repeat scroll -50px -250px;
}

ul#nav li#n-help a:hover{
    width: 110px;
    background: url(/images/nav/nav.png) no-repeat scroll -50px -272px;
}

ul#nav li#n-login a:link,
ul#nav li#n-login a:visited,
ul#nav li#n-login a:active  {
    width: 120px;
    background: url(/images/nav/nav.png) no-repeat scroll -40px -300px;
}

ul#nav li#n-login a:hover{
    width: 120px;
    background: url(/images/nav/nav.png) no-repeat scroll -40px -322px;
}

ul#nav li#n-logout a:link,
ul#nav li#n-logout a:visited,
ul#nav li#n-logout a:active  {
    width: 120px;
    background: url(/images/nav/nav.png) no-repeat scroll -45px -350px;
}

ul#nav li#n-logout a:hover{
    width: 120px;
    background: url(/images/nav/nav.png) no-repeat scroll -45px -372px;
}


ul#subnav li#sn-mytop a:link,
ul#subnav li#sn-mytop a:visited,
ul#subnav li#sn-mytop a:active {
    width: 114px;
    background: url(/images/subnav/subnav__001.png) no-repeat 0 0;
    position: relative;
}

ul#subnav li#sn-mytop a:hover {
    width: 114px;
    background: url(/images/subnav/subnav__001.png) no-repeat 0 bottom;
    position: relative;
}

ul#subnav li#sn-myclip a:link,
ul#subnav li#sn-myclip a:visited,
ul#subnav li#sn-myclip a:active {
    width: 126px;
    background: url(/images/subnav/subnav__001.png) no-repeat -114px 0;
    position: relative;
}

ul#subnav li#sn-myclip a:hover{
    width: 126px;
    background: url(/images/subnav/subnav__001.png) no-repeat -114px bottom;
    position: relative;
}

ul#subnav li#sn-photo a:link,
ul#subnav li#sn-photo a:visited,
ul#subnav li#sn-photo a:active {
    width: 103px;
    background: url(/images/subnav/subnav__001.png) no-repeat -847px 0;
    position: relative;
}

ul#subnav li#sn-photo a:hover{
    width: 103px;
    background: url(/images/subnav/subnav__001.png) no-repeat -847px bottom;
    position: relative;
}

ul#subnav li#sn-diary a:link,
ul#subnav li#sn-diary a:visited,
ul#subnav li#sn-diary a:active {
    width: 112px;
    background: url(/images/subnav/subnav__001.png) no-repeat -240px 0;
    position: relative;
}

ul#subnav li#sn-diary a:hover{
    width: 112px;
    background: url(/images/subnav/subnav__001.png) no-repeat -240px bottom;
    position: relative;
}

ul#subnav li#sn-message a:link,
ul#subnav li#sn-message a:visited,
ul#subnav li#sn-message a:active {
    width: 115px;
    background: url(/images/subnav/subnav__001.png) no-repeat -352px 0;
    position: relative;
}

ul#subnav li#sn-message a:hover{
    width: 115px;
    background: url(/images/subnav/subnav__001.png) no-repeat -352px bottom;
    position: relative;
}


ul#subnav li#sn-concierge a:link,
ul#subnav li#sn-concierge a:visited,
ul#subnav li#sn-concierge a:active {
    width: 165px;
    background: url(/images/subnav/subnav__001.png) no-repeat -467px 0;
    position: relative;
}

ul#subnav li#sn-concierge a:hover{
    width: 165px;
    background: url(/images/subnav/subnav__001.png) no-repeat -467px bottom;
    position: relative;
}

ul#subnav li#sn-society a:link,
ul#subnav li#sn-society a:visited,
ul#subnav li#sn-society a:active {
    width: 112px;
    background: url(/images/subnav/subnav__001.png) no-repeat -632px 0;
    position: relative;
}

ul#subnav li#sn-society a:hover{
    width: 112px;
    background: url(/images/subnav/subnav__001.png) no-repeat -632px bottom;
    position: relative;
}

ul#subnav li#sn-setup a:link,
ul#subnav li#sn-setup a:visited,
ul#subnav li#sn-setup a:active {
    width: 103px;
    background: url(/images/subnav/subnav__001.png) no-repeat -744px 0;
    position: relative;
}

ul#subnav li#sn-setup a:hover {
    width: 103px;
    background: url(/images/subnav/subnav__001.png) no-repeat -744px bottom;
    position: relative;
}





/* ----------------------------------------
 * main
 * ---------------------------------------- */
div#main div.section {
    margin-bottom: 10px;
    position: relative;  /* for Win IE ピーカブー対策 */
}

div#main div.section ul,
div#main div.section p {
    margin-left: 10px;
    margin-right: 10px;
}

div#main div.subsection {
    margin: 0 22px 0 22px;
}

div#main div.section div.subsection ul,
div#main div.section div.subsection p {
    margin-left: 0;
    margin-right: 0;
}

div#main div.subsection h3 {
    margin-bottom: 15px;
}

/* ページ送り */
div#main div.view {
    margin-bottom: 5px;
    font-size: 12px;
}

div#main div.view option {
    padding: 0 5px;
}

/* 並び替え */
div#main dl.sort dt,
div#main dl.sort dd,
div#main dl.sort dd ul {
    margin: 0;
    padding: 0;
    display: inline;
    color: #444;
    font-size: 12px;
    font-weight: normal;
}

div#main dl.sort ul li {
    margin: 0;
    margin-right: 5px;
    padding-bottom: 0;
    display: inline;
}

div#main div.my-search {
    margin: 0 0 25px 0;
    _margin: 0;  /* for Win IE6 */
    position: relative;
    width: 414px;
    height: 113px;
    min-height: 113px;
    background: url(/images/main/my/search/searchicon.png) no-repeat;
}

div#main div.my-search ul {
    position: relative;
}

div#main div.my-search ul li div.field {
    position: relative;
    top: 29px;
    width: 414px;
    height: 84px;
}

div#main div.my-search ul li#review-search div.field {
    background: url(/images/main/my/search/review_bg.png) no-repeat;
}

div#main div.my-search ul li#concierge-search div.field {
    background: url(/images/main/my/search/concierge_bg.png) no-repeat;
}

div#main div.my-search ul li#society-search div.field {
    background: url(/images/main/my/search/society_bg.png) no-repeat;
}

div#main div.my-search ul li#web-search div.field {
    background: url(/images/main/my/search/web_bg.png) no-repeat;
}

div#main div.my-search ul li div.tab {
    position: absolute;
    top: 0;
    height: 29px;
}

div#main div.my-search ul li#review-search div.tab {
    left: 0;
}

div#main div.my-search ul li#concierge-search div.tab {
    left: 104px;
}

div#main div.my-search ul li#society-search div.tab {
    left: 206px;
}

div#main div.my-search ul li#web-search div.tab {
    left: 309px;
}

div#main div.my-search ul {
    margin-left: 81px;
}

div#main div.my-search ul li {
    margin: 0;
    padding: 0;
    background-image: none;
}

div#main div.my-search input.text {
    margin: 18px 0 9px 12px;
    *margin-left: -69px;  /* for Win IE6,7 */
    padding: 1px 0 0 2px;
    width: 380px;
    height: 16px;
    line-height: 1;
    font-size: 100%;
    font-weight: bold;
}

div#main div.my-search div.cl div.form-box {
    margin-bottom: 6px;
    float: left;
    width: 245px;
}

div#main div.my-search div.cl select {
    margin: 0 0 0 12px;
    padding: 0;
    font-size: 12px;
}

div#main div.my-search div.cl div.button {
    float: left;
    width: 155px;
}

div#main div.my-search div.cl button {
    margin: 0;
    padding: 0;
    width: 155px;
    height: 24px;
}

div#main h2 {
    margin-bottom: 8px;
}

div#main div#my-information {
    background: url(/images/main/my/info_bg.png) no-repeat left top;
}

div#main div#my-information h2 {
    margin: 0 0  12px 64px;
}

div#main div#my-information ul {
    margin-left: 60px!important;
}

div#main ul.incoming-mail li {
    background: url(/images/icon/bullet_r.png) no-repeat!important;
}

div#main ul.incoming-mail li a {
    color: red!important;
    font-weight: bold!important;
}

div#main div.section div.cl {
    position: relative;
}

/* マイメニュー 上下移動ボタン */
div#main .control {
    position: absolute;
    top: 10px;
    right:15px;
    font-size: 11px;
    display: none;
}

div#main div.be {
    background: url(/images/main/be_bg.png) repeat-y;
}

div#main div.be p.more,
div#main div.be p.moreblank {
    margin: 0;
    padding: 0 0 0 0;
	height:7px;
    background: url(/images/main/be_bottom.png) no-repeat bottom left;
}


div#main div.gr {
    background: url(/images/main/gr_bg.png) repeat-y;
}

div#main div.gr p.more,
div#main div.gr p.moreblank {
    margin: 0;
    padding: 0 0 0 0;
	height:7px;
    background: url(/images/main/gr_bottom.png) no-repeat left bottom;
}

div#main div.be p.moreblank,
div#main div.gr p.moreblank {
    font-size: 1px;
	height:7px;
}

/* 情報一覧テーブル（バー・コンシェルジュ・プロフィール共通） */
div#main div#info-table h2 {
    margin-bottom: 0;
}

div#main div#info-table table {
    margin: 0 0 0 5px;
    width: 485px;
}

div#main div#info-table table th,
div#main div#info-table table td {
    padding: 4px 10px;
    font-weight: normal;
}

div#main div#info-table table td ul,
div#main div#info-table table td ul li {
    margin: 0;
    padding: 0;
    background-image: none;
}

div#main div#info-table table tr.odd th {
    width: 110px;
    background: #fff url(/images/main/bar/detail/odd.gif) repeat-y left;
}

div#main div#info-table table tr.even th {
    width: 110px;
    background: #f1f1f1 url(/images/main/bar/detail/even.gif) repeat-y left;
}

div#main div#info-table table tr.even td {
    background-color: #f1f1f1;
}

div#main div#info-table p.more,
div#main div#info-table p.moreblank {
    margin-right: 5px;
    padding:  0 0 0 0;
	height:7px;
    line-height: 1.2;
    background: #f3ede3 url(/images/main/bar/detail/shop_info_bottom.png) no-repeat left bottom;
    font-size: 90%;
    text-align: left;
}

div#main div#info-table p.moreblank {
    font-size: 1px;
}

/* 検索 共通 */
div#main div.main-search {
    line-height: 1.5;
}

div#main div.main-search h3,
div#main div#new-review h3 {
    margin-top: 20px;
}

div#main div.condition {
    margin-bottom: 10px;
}

div#main div.condition h3 {
    margin-bottom: 10px;
    font-size: 110%;
}

div#main div.condition h4 {
    margin-bottom: 5px;
}

div#main  div.condition dl dt,
div#main  div.condition dl dd {
    line-height: 1.5;
    font-size: 95%;
}

div#main div.main-search p.hint {
    padding-bottom: 12px;
}

div#main ul#main-search-more {
    margin-bottom: 0;
}

div#main ul.main-search-menu li,
div#main ul#main-search-more li {
    margin: 0 0 10px 0;
    padding: 0;
    float: left;
    background-image: none;
}

div#main div#freeword-search,
div#main div#category-choice {
    margin: 0 35px 20px 35px;
}

div#main div#freeword-search input.submit {
    margin-left: 10px;
    width: 80px;
}

div#main div.main-search p.hint {
    margin-bottom: 15px;
    text-align: center;
}

div#main ul#main-search-more {
    margin-left: 10px;
}

div#main ul#main-search-more li#station-search {
    margin-right: 47px;
    width: 109px;
}

div#main ul#main-search-more li#area-search {
    margin-right: 47px;
    width: 118px;
}

div#main ul#main-search-more li#map-search,
div#main ul#main-search-more li#map-search button {
    width: 112px;
}

div#main div#more-search fieldset {
    margin-bottom: 25px;
}

div#main div#more-search legend {
    padding: 0 0 10px 0;
}

div#main div#more-search table th {
    width: 120px;
}

div#main div#more-search table th,
div#main div#more-search table td {
    margin: 0;
    padding: 4px 4px 4px 0;
    border-bottom: 1px dashed #d5d5d5;
    vertical-align: top;
    font-weight: normal;
}

/* 新着クチコミ・検索結果などアイテムリスト共通 */
div#main div.result {
    margin: 0 12px;
}

div#main ul.item li {
    margin: 0 0 10px 0;
    padding: 0;
    background: url(/images/main/bar/osusume_bg.png) repeat-y;
}

div#main ul.item li div.cl {
    padding: 20px 15px 0 15px;
    background: url(/images/main/bar/osusume_top.png) no-repeat;
}

div#main ul.item li div.fig {
    float: left;
    width: 90px;
}

div#main ul.item li div.fig img {
    margin-bottom: 4px;
}

div#main ul.item li div.fig p.note {
    margin: 0;
    width: 80px;
    line-height: 1.4;
    font-size: 11px;
    text-align: center;
}

div#main ul.item li ul {
    margin: 0;
    float: left;
    width: 345px;
}

div#main ul.item li ul li {
    margin: 0 0 0.7ex 0;
    background-image: none;
}

div#main ul.item li.access ul li {
    margin: 0.3em 0 0 1em;
    background-image: none;
}

div#main ul.item li p.comment {
    margin: 6px 15px 0 15px;
    padding-top: 6px;
    border-top: 1px dotted #eee;
    line-height: 1.4;
}

div#main ul.item li p.more,
div#main ul.item li p.moreblank {
    margin: 0!important;
	height:7px;
    background: url(/images/main/bar/osusume_bottom.png) no-repeat bottom left!important;
}

div#main ul.item li p.moreblank {
    font-size: 1px;
}

/* クチコミ Alike For You */
div#main div#alikeforyou table,
div#main div#alikeforyou table td,
div#main div#alikeforyou table th {
    border: none;
    border-bottom: 1px solid #c1c1c1;
}

div#main div#alikeforyou table {
    margin: 0 0 0 12px;
    width: 470px;
}

div#main div#alikeforyou table td.name,
div#main div#alikeforyou table td.concierge {
    width: 300px;
}

div#main div#alikeforyou table td.date,
div#main div#alikeforyou table td.rating {
    text-align: right;
}
div#main div#alikeforyou table th {
    width: 100px;
    border-right: 1px solid #c1c1c1;
    font-weight: normal;
}

div#main div#alikeforyou table.description {
    margin-bottom: 10px;
}

/* オススメ PICK UP, オススメバーの紹介 */
div#main div.recommend ul {
    margin-left: 14px;
    _margin-left: 13px;  /* for Win IE6 */
    margin-bottom: 5px;
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    width: 468px;
    _width: 469px;  /* for Win IE6 */
}

div#main div.recommend ul li {
    margin: 0;
    padding: 0;
    border-right: 1px solid #c6c6c6;
    float: left;
    width: 155px;
    _width: 156px;  /* for Win IE6 */
    background-image: none;
    text-align: center;
}

div#main div.recommend ul.bar,
div#main div.recommend ul.society {
    width: 452px;
    _width: 449px;  /* for Win IE6 */
}

div#main div.recommend ul.bar li,
div#main div.recommend ul.society li {
    width: 112px!important;
}

div#main div.recommend ul li div.icon {
    padding: 7px;
    height: 84px;
}

div#main div.recommend ul li div.name {
    padding: 10px;
    border-top: 1px solid #c6c6c6;
    height: 35px;
    _height: 55px;  /* for Win IE6 */
    background-color: #f4f4f4;
    overflow: hidden;
}

/* 日記一覧 */
div#main div#diary-list div.subsection {
    margin: 0;
}

div#main div#diary-list div.view,
div#main div#diary-list .pager {
    margin: 0 5px 0 15px;
}

div#main div#diary-list p.pager span.result,
div#main div#message p.pager span.result {
    visibility: hidden;
    line-height: 1;
    font-size: 1px;
}

div#main div#diary-list p.pager span.pager,
div#main div#message p.pager span.pager {
    top: -27px;
}

div#main div#diary-list div.diary div.text {
    margin: 0 20px 10px 20px;
    line-height: 1.3;
}

div#main div#diary-list div.diary h4 {
    margin: 7px 0;
}

div#main div#diary-list div.diary div.fig {
    margin: 0 10px 10px 0;
    float: left;
    width: 80px;
}

div#main div#diary-list div.diary p.edit {
    padding-top: 4px;
    border-top: 1px dashed #dedede;
    text-align: right;
}

/* 日記パーマリンク */
div#main div#detail,
div#main div#detail h2 {
    margin-bottom: 0!important;
}

/* 日記一覧・パーマリンク 前の日記 日付 次の日記 */
div#main div#diary-list p.date,
div#main div#detail ul.prevnext {
    margin: 0 5px 0 5px;
    padding: 0 0 0 10px;
    position: relative;
    height: 30px;
    line-height: 2.3;
    overflow: hidden;
    background: url(/images/main/diary/prevnext.png) repeat-x;
}

div#main div#detail ul.prevnext li {
    margin: 0;
    padding: 0;
    position: absolute;
    background-image: none;
    overflow: hidden;
}

div#main div#detail ul.prevnext li.prev {
    width: 140px;
}

div#main div#detail ul.prevnext li.datetime {
    width: 200px;
    left: 150px;
    text-align: center;
}

div#main div#detail ul.prevnext li.next {
    width: 125px;
    right: 10px;
    text-align: right;
}

div#main div#detail div.subsection {
    margin: 0 5px 0 5px;
}

/* 日記パーマリンク 日記タイトル */
div#main div#detail div.diary h3 {
    margin-bottom: 5px;
    padding: 9px 30px 10px 30px;
    _height: 27px;  /* for Win IE6 */
    min-height: 27px;
    color: #300;
    background: url(/images/main/diary/titlebg.png) repeat-x bottom;
    font-size: 15px;
}

/* 日記パーマリンク 日記本文 */
div#main div#detail div.diary p.edit {
    margin-bottom: 10px;
    border-bottom: 1px dashed #dedede;
    text-align: right;
}

div#main div#detail div.diary div.text {
    margin: 0 15px 15px 15px;
    line-height: 1.2;
}

div#main div#detail div.diary div.text div.fig {
    margin-bottom: 15px;
    border: 1px solid #dedede;
    text-align: center;
}

/* 日記パーマリンク コメント */
div#main div#comments p.empty {
    margin: 0;
    padding: 10px 0 20px 0;
}

div#main div#comments ol {
    margin: 0!important;
}

div#main div#comments ol li {
    margin: 0 15px 0 15px;
    padding-bottom: 15px;
    font-size: 95%;
}

div#main div#comments ol li p.more,
div#main div#comments ol li p.note {
    padding: 0 0 20px 0;
    border-bottom: 1px dashed #dedede;
    background-image: none;
    font-size: 100%;
}

/* バーの詳細ページ このお店のクチコミ */
div#main div#thisshopreview p.comment,
div#main div#outsidereview p.comment {
    margin: 0 10px 0 0;
    line-height: 1.4;
}

div#main div#thisshopreview span.rate {
    margin-left: 20px;
    color: #333;
}

/* クチコミ登録 */
body#target_regist_1 div.register {
    margin-bottom: 0;
    padding-bottom: 20px;
}

div#main form#review-register div.review,
div#main form#review-register div#rating,
div#main form#review-editor div.review,
div#main form#review-editor div#rating {
    padding: 15px 0 15px 0;
    border-bottom: 1px dashed #dfdfdf;
    font-size: 95%;
}

div#main form#review-register div.review dd.cl,
div#main form#review-editor div.review dd.cl {
    border-bottom: 1px dashed #dfdfdf;
}

div#main form#review-register div.review dd.end,
div#main form#review-editor div.review dd.end {
    border-bottom: none!important;
}

div#main form#review-register div dl dd ul li,
div#main form#review-register div ul li,
div#main form#review-editor div dl dd ul li,
div#main form#review-editor div ul li {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    background-image: none;
}

div#main form#review-register div.review ul.odd,
div#main form#review-editor div.review ul.odd
 {
    float: left;
    width: 220px;
}

div#main form#review-register div.review ul.even,
div#main form#review-editor div.review ul.even {
    float: right;
    width: 220px;
}

div#main form#review-register div#rating,
div#main form#review-editor div#rating {
    border-bottom: none;
}

div#main form#review-register div#rating ul li,
div#main form#review-editor div#rating ul li {
    margin-left: 60px;
    position: relative;
    line-height: 1;
    font-size: 95%;
}

div#main form#review-register div#rating ul li label,
div#main form#review-editor div#rating ul li label {
    margin-top: 5px;
    padding-top: 5px;
    display: block;
    width: 120px;
}

div#main form#review-register div#rating ul li select,
div#main form#review-editor div#rating ul li select {
    margin: 0 0 1px 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 120px;
    width: 200px;
}

/* 新規クチコミ登録 類似店舗の表示 */
div#main div#resemblance,
div#main div#resemblance p {
    position: relative;  /* for Win IE ピーカブー対策 */
}

div#main div#resemblance ul {
    border-top: 1px dashed #dfdfdf;
    position: relative;  /* for Win IE ピーカブー対策 */
}

div#main div#resemblance ul li ul {
    border-top: none;
    position: relative;  /* for Win IE ピーカブー対策 */
}

div#main div#resemblance ul li {
    margin: 10px 0 0 0;
    padding: 5px 15px;
    background-image: none;
    border-bottom: 1px dashed #dfdfdf;
    position: relative;  /* for Win IE ピーカブー対策 */
}

div#main div#resemblance ul li ul li {
    margin: 0;
    padding: 0;
    border-bottom: none;
    position: relative;  /* for Win IE ピーカブー対策 */
}

/* コミュニティ(Society) */
div#main div#society-search {
    margin-bottom: 20px;
}

div#main div#genre-search,
div#main div#genre-search h3
div#main div#genre-search form {
    position: relative;  /* for Win IE6 ピーカブー対策 */
}

div#main div#genre-search dl dd ul,
div#main div#genre-search dl dd ul li,
div#main div#genre-search dl dd ul li nobr {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;  /* for Win IE6 ピーカブー対策 */
    line-height: 1.4!important;
    background-image: none;
}

div#main div#theme {
    margin: 0.3em 0 0.8em 0;
}

div#main div#theme ul {
    display: inline;
}

div#main div#theme ul li {
    margin: 0 15px 0 0;
    display: inline;
    line-height: 1.4;
}

/* メッセージ(Message) */
div#main div#message div.subsection {
    margin: 0 5px 0 5px;
}

div#main div#message table {
    _width: 485px;  /* for Win IE6 */
}

div#main div#message table th {
    padding-bottom: 4px;
    border-bottom: 1px solid #d0d0d0;
    line-height: 1;
    font-size: 11px;
    white-space: nowrap;
}

div#main div#message table th.del {
    width: 20px;
    visibility: hidden;
}

div#main div#message table td.del {
    text-align: center;
}

div#main div#message table th.from {
    width: 90px;
}

div#main div#message table th.open {
    width: 30px;
}

div#main div#message table th.subject {
    width: auto;
}

div#main div#message table th.date {
    width: 80px;
}

div#main div#message table td {
    border-bottom: 1px solid #d0d0d0;
}

div#main div#message div.view,
div#main div#message p.pager,
div#main div#message div.delete {
    margin-left: 10px;
    margin-right: 10px;
}

/* ----------------------------------------
 * sub, photo-area
 * ---------------------------------------- */
div#sub div.section,
div#photo-area div.section {
    margin: 0 5px 10px 5px;
}

div#sub h2,
div#sub h3 {
    margin: 0;
    padding: 0;
}

div#profile-summary,
div#sub div#shop-summary {
    margin-bottom: 0;
}

div#sub h3 {
    margin-bottom: 10px;
}

div#profile-img,
div#sub div#shop-img {
    background: url(/images/sub/profile_img.png) no-repeat;
    width: 270px;
    height: 196px;
    text-align: center;
}

div#sub div.edit,
div#photo-area div.edit {
    padding-bottom: 6px;
    background: url(/images/sub/profile_img_bg.png) repeat-y;
    text-align: center;
}

div#photo-area div.edit em {
    color: #000;
    font-weight: bold;
}

div#sub div#shop-img {
    background: url(/images/sub/bar/shop_img.png) no-repeat;
}

div#profile-img img {
    margin-top: 10px;
}

div#sub div#shop-img img {
    margin-top: 15px;
}

div#sub ul#shop-status {
    margin-bottom: 3px;
    background: url(/images/sub/bar/shop_status.png) no-repeat;
}

ul#profile-status li {
    margin: 0;
    padding: 0 0 0.5em 100px;
    background-image: none;
}

ul#profile-status li#user-card {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 3px;
    left: 9px;
}

div#sub ul#shop-status li,
div#sub ul#society-status li {
    margin: 0;
    padding: 0;
    line-height: 1.3;
    background-image: none;
    font-size: 95%;
    text-align: center;
}

/* マイメニュー */
div#sub div#mymenu ul,
div#sub div#mymenu ul li {
    margin: 0;
    padding: 0;
    background-image: none;
}

div#sub div#mymenu ul li {
    float: left;
    height: 109px;
}

div#sub table,
div#sub table tr,
div#sub table td {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
}

/* preview */
div#sub ul.preview {
    margin: 0;
    padding: 0;
    border-left: 1px solid #dfdfdf;
    border-right: 2px solid #efefef;
    width: 267px;
    _width: 270px;  /* for Win IE6 */
}

div#sub ul.preview li {
    margin: 0;
    padding: 0;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    float: left;
    width: 88px;
    _width: 89px;  /* for Win IE6 */
    overflow: hidden;
    background-image: none;
}

div#sub ul.preview li div.icon {
    border-bottom: 1px solid #dfdfdf;
    background-color: #fff;
    text-align: center;
}

div#sub ul.preview li div.icon img {
    margin: 5px 0;
}

div#sub ul.preview li div.name {
    padding: 5px;
    height: 50px;
    _height: 60px;  /* for Win IE6 */
    line-height: 1.3;
    vertical-align: middle;
    font-size: 90%;
    background-color: #f9f9f9;
    text-align: center;
}

div#sub p.empty,
div#sub ul.admin{
    padding: 8px 10px 1px 10px;
    border: 1px solid #dfdfdf;
    border-top: 1px solid #efefef;
    border-right: 2px solid #efefef;
}

div#sub p.empty {
    padding-top: 2px;
}

div#sub ul.admin li {
    margin: 0 0 8px 0;
    padding: 0;
    float: left;
    width: 123px;
    font-size: 12px;
}

div#sub ul.admin li a {
    padding-left: 20px;
}

/* RANKING */
div#sub ol {
    margin-bottom: 15px;
}

div#sub ol li {
    margin: 0 0 0.3em 10px;
}

div#sub div#shopranking ul,
div#sub div.ranking ul {
    margin-bottom: 13px;
    position: relative;
}

div#sub div#shopranking ul li,
div#sub div.ranking ul li {
    margin: 0 0 0.3em 10px;
    padding: 0;
    background-image: none;
    font-size: 98%;
}

div#sub div#ranking {
    position: relative;
    background: url(/images/sub/rankingbg.png) repeat-y;
}

div#sub div.ranking {
    padding-bottom: 1px;
    position: relative;
    background: url(/images/sub/ranking_bottom.png) no-repeat bottom;
}

/* メッセージ(message)ナビゲーション */
div#sub div#mnav ul li {
    margin: 0;
    padding: 0;
    background-image: none;
}

div#sub div#mnav ul li ul li {
    margin: 0;
    padding: 5px 10px 5px 30px;
    border: 1px solid #d0d0d0;
    border-top: none;
}

div#sub div#mnav ul li ul li a {
    padding-left: 24px;
    background: url(/images/icon/bullet.png) no-repeat;
}

div#sub div#mnav ul li ul span.current {
    padding-left: 24px;
    color: #222;
    background: url(/images/icon/bullet_r.png) no-repeat;
    font-weight: bold;
}

/* guest用「会員になるとこんなにお得 */
div#sub div#guest-info {
    _margin: 0;  /* for Win IE6 */
    _padding: 0;  /* for Win IE6 */
    _text-align: left;  /* for Win IE6 */
    background: url(/images/sub/guest/guest_bg.png) repeat-y;
}

div#sub div.subsection {
    padding: 0 0 10px 0;
}

div#sub div#guest-info p {
    margin: 0 20px 0.3em 25px;
    font-size: 90%;
    letter-spacing: 0;
}

div#sub div#point5 {
    background: url(/images/sub/guest/guest_bottom.png) no-repeat left bottom;
}

/* 日記用カレンダー */
div#sub div#journal_calendar {
    margin-bottom: 10px;
}

div#sub div#journal_calendar ul li {
    margin: 0;
    padding: 0;
    background-image: none;
    float: left;
    width: 90px;
}

div#sub div#journal_calendar ul li.here {
    text-align: center;
}

div#sub div#journal_calendar ul li.next {
    text-align: right;
}

div#sub div#journal_calendar h2 {
    margin-bottom: 0.3em;
    font-size: 120%;
    letter-spacing: 0.2ex;
    text-align: center;
}

div#sub div#journal_calendar table {
    border: 1px solid #dfdfdf;
}

div#sub div#journal_calendar thead th {
    border: none;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
}

div#sub div#journal_calendar tbody td {
    font-size: 110%;
    text-align: center;
}

/* ----------------------------------------
 * extra
 * ---------------------------------------- */

div#extra {
    text-align: center;
}

div#extra div.section {
    margin-bottom: 6px;
}

div#extra div.section div.subsection {
    padding-bottom: 4px;
}

div#extra form#logout {
    margin-bottom: 10px;
}

div#extra form#logout div.button {
    margin: 0;
}

div#extra form#logout button {
    width: 161px;
}

div#extra h2 {
    margin: 0;
    padding: 0;
}

div#extra h3 {
    margin: 0;
    padding: 0 0 9px 0;
}

div#extra div#information,
div#extra div#column {
    background: url(/images/extra/bg.png) repeat-y;
}

div#extra div#column {
    text-align: left;
}

div#extra div#column dl {
    padding: 5px;
}

div#extra div#column dd {
    margin: 0;
    padding: 0;
}

div#extra div#column dl#log dt {
    font-weight: bold;
}

div#extra div#column dl#log dd {
    margin-bottom: 0.5em;
}

div#extra div#column dl#log select {
    font-size: 11px;
}

div#extra div#column dl#log dd li,
div#extra div#column dl#log dd li p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

div#extra div#column dl#log dd li {
    margin-bottom: 0.5em;
}

div#extra div#column dl#log dd li p.title {
    padding-left: 5px;
}

div#extra div#column dl#log dd li p.date {
    text-align: right;
}

div#extra div#column p.more,
div#extra div#column p.moreblank,
div#extra div#fortune {
    margin: 0;
    padding: 0 0 0 0;
	height:7px;
    background: url(/images/extra/bottom.png) no-repeat bottom;
}

div#extra div#column p.more {
    padding-right: 8px;
}

div#extra div#image {
    background: url(/images/extra/alikeimg.png) no-repeat 0 20px;
    height: 180px;
}

/* ----------------------------------------
 * footer
 * ---------------------------------------- */

div#footer {
	clear:both;
    padding-top: 15px;
    position: relative;
    font-size: 85%;
}

div#footer ul {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
}

div#footer ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

div#footer ul li a {
    color: #666;
    text-decoration: none;
}

address {
    margin-bottom: 14px;
    padding: 5px 0 10px 0;
    text-align: center;
}

/* info 会員カード説明 */
body#card_color_detail div#main div.subsection {
    margin: 0 10px 40px 5px;
}

body#card_color_detail div#main div.subsection h3 {
    margin-left: 15px;
    padding-top: 4px;
}

body#card_color_detail div#main div.exsection dl {
    margin: 0 15px;
}

body#card_color_detail div#main div.exsection dl dd {
    margin-left: 0;
    line-height: 1.6;
}
body#card_color_detail div.card {
    margin-bottom: 10px;
    float: left;
    width: 95px;
}

body#card_color_detail div.cl h4,
body#card_color_detail div.cl p {
    margin-left: 95px;
    color: #000;
}

body#card_color_detail div.cl h4 {
    padding-top: 15px;
}

body#card_color_detail div.cl {
    margin-bottom: 15px;
    padding: 0 10px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px dashed #dfdfdf;
    height: 74px;
    background: #fdfcf8;
}

.inlineblock{
	float:left;
	display:inline;
}

/*
A Tag
*/

.link_grey a,
.link_grey a:link,
.link_grey a:hover,
.link_grey a:visited,
.link_grey a:active
{
color:gray;
}

.link_grey_no_decoration a,
.link_grey_no_decoration a:link,
.link_grey_no_decoration a:hover,
.link_grey_no_decoration a:visited,
.link_grey_no_decoration a:active
{
color:gray;
text-decoration:none;
}

#site_breadcrumb{
margin-bottom:5px;
}