@charset "utf-8";

* { box-sizing: border-box}
* { -moz-box-sizing: border-box}


/*all*/
html {overflow-y:scroll;}
body{color:#444; margin:0 auto; width:100%; height:100%; line-height:1.4; text-align:center; font-size:78%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color:#FFF}

a{color:#006699}
.link-brown a{color:#704C4C}
.link-black a{color:#333}
.link-white a{color:#FFF}
.link-basic a{color:#444; text-decoration:none}
.link-noline a{text-decoration:none}
.link-red a{color:#E10006}
.link-gray a{color:#666}
.link-light-gray a{color:#999}
a:hover{color:#999; text-decoration:none}
a img{border:0}

.font-gray{color:#666}
.font-default{color:#444}


h1,h2,h3,h4,h5{margin:0}
ul,li,dl,dt,dd,ol{margin:0; padding:0}
table,th,td,tr{border-collapse:collapse; padding:0; margin:0}
form{margin:0; padding:0}

.out a{color:#663300}
.out a:hover{color:#999; text-decoration:none}

.center{text-align:center}




/*star*/
.star-s{width:70px; height:10px; overflow:hidden; position:relative}
.star5-s img{position:absolute; top:-100px}
.star4-s img{position:absolute; top:-110px}
.star3-s img{position:absolute; top:-120px}
.star2-s img{position:absolute; top:-130px}
.star1-s img{position:absolute; top:-140px}
.star0-s img{position:absolute; top:-150px}

.star-m{width:90px; height:14px; overflow:hidden; position:relative}
.star5-m img{position:absolute; top:0}
.star4-m img{position:absolute; top:-14px}
.star3-m img{position:absolute; top:-28px}
.star2-m img{position:absolute; top:-42px}
.star1-m img{position:absolute; top:-56px}
.star0-m img{position:absolute; top:-70px}

/*icon*/
.icon6{width:6px; height:8px; overflow:hidden; position:relative}
.icon6-gray img{position:absolute; top:-20px; left:0}

.icon12{width:12px; height:16px; overflow:hidden; position:relative}
.icon12-station img{position:absolute; top:-140px; left:-160px}
.icon12-area img{position:absolute; top:-140px; left:-180px}

.icon14{width:14px; height:14px; overflow:hidden; position:relative}
.icon14-photo img{position:absolute; top:0; left:0}
.icon14-review img{position:absolute; top:1px; left:-20px}
.icon14-biz img{position:absolute; top:0; left:-40px}
.icon14-member img{position:absolute; top:0; left:-60px}
.icon14-access img{position:absolute; top:0; left:-80px}
.icon14-review2 img{position:absolute; top:0; left:-100px}
.icon14-bookmark img{position:absolute; top:0; left:-120px}
.icon14-up1 img{position:absolute; top:0; left:-140px}
.icon14-down1 img{position:absolute; top:0; left:-160px}
.icon14-first img{position:absolute; top:0; left:-180px}
.icon14-down2 img{position:absolute; top:0; left:-200px}
.icon14-add img{position:absolute; top:0; left:-220px}
.icon14-post img{position:absolute; top:0; left:-240px}
.icon14-edit img{position:absolute; top:0; left:-260px}
.icon14-flag img{position:absolute; top:0; left:-280px}

.icon142{width:14px; height:14px; overflow:hidden; position:relative}
.icon142-list img{position:absolute; top:-230px; left:0}
.icon142-map img{position:absolute; top:-230px; left:-20px}

.icon16{width:16px; height:16px; overflow:hidden; position:relative}
.icon16-twitter img{position:absolute; top:-140px; left:-100px}
.icon16-blog img{position:absolute; top:-140px; left:-130px}
.icon16-print img{position:absolute; top:-140px; left:-200px}

.icon18{width:18px; height:18px; overflow:hidden; position:relative}
.icon18-1 img{position:absolute; top:-180px; left:0}
.icon18-2 img{position:absolute; top:-180px; left:-30px}
.icon18-3 img{position:absolute; top:-180px; left:-60px}
.icon18-4 img{position:absolute; top:-180px; left:-90px}
.icon18-5 img{position:absolute; top:-180px; left:-120px}
.icon18-6 img{position:absolute; top:-180px; left:-150px}
.icon18-7 img{position:absolute; top:-180px; left:-180px}
.icon18-8 img{position:absolute; top:-180px; left:-210px}
.icon18-9 img{position:absolute; top:-180px; left:-240px}
.icon18-10 img{position:absolute; top:-180px; left:-270px}

.icon24{width:24px; height:18px; overflow:hidden; position:relative}
.icon24-station img{position:absolute; top:-40px}
.icon24-area img{position:absolute; top:-40px; left:-30px}

.icon30{width:30px; height:14px; overflow:hidden; position:relative}
.icon30-post img{position:absolute; top:-100px}
.icon30-edit img{position:absolute; top:-100px; left:-40px}


.icon38{width:38px; height:16px; overflow:hidden; position:relative}
.icon38-memo img{position:absolute; top:-140px; left:0px}
.icon38-label img{position:absolute; top:-140px; left:-50px}

/*icon_new*/
.icon-review{background:transparent url('/img/icon/icon14_review.gif') no-repeat 0 center}
.icon-review2{background:transparent url('/img/icon/icon14_review2.gif') no-repeat 0 center}
.icon-photo{background:transparent url('/img/icon/icon14_photo.gif') no-repeat 0 center}
.icon-bookmark{background:transparent url('/img/icon/icon14_bookmark.gif') no-repeat 0 center}
.icon-biz{background:transparent url('/img/icon/icon14_post.gif') no-repeat 0 center}
.icon-post{background:transparent url('/img/icon/icon14_post.gif') no-repeat 0 center}
.icon-biz-post{background:transparent url('/img/icon/icon14_biz_post.gif') no-repeat 0 center}
.icon-biz-edit{background:transparent url('/img/icon/icon14_biz_edit.gif') no-repeat 0 center}
.icon-follow{background:transparent url('/img/icon/icon14_follow.gif') no-repeat 0 center}
.icon-member{background:transparent url('/img/icon/icon14_follow.gif') no-repeat 0 center}
.icon-thanks{background:transparent url('/img/icon/icon14_thanks.gif') no-repeat 0 center}
.icon-access{background:transparent url('/img/icon/icon14_access.gif') no-repeat 0 center}
.icon-vote{background:transparent url('/img/icon/icon14_vote.gif') no-repeat 0 center}
.icon-checkin{background:transparent url('/img/icon/icon14_checkin.gif') no-repeat 0 center}
.icon-first{background:transparent url('/img/icon/icon14_first.gif') no-repeat 0 center}
.icon-guide{background:transparent url('/img/icon/icon14_guide.gif') no-repeat 0 center}
.icon-comment{background:transparent url('/img/icon/icon14_comment.gif') no-repeat 0 center}

.icon-twitter{background:transparent url('/img/icon/icon16_twitter.gif') no-repeat 0 center}

.icon-add{background:transparent url('/img/icon/icon_add.gif') no-repeat 0 center}

/*header*/
#header-top{background-color:#E10006; padding:3px 0; margin:0 auto; text-align:center; color:#FFF; font-size:93%; /font-size:90%}
#header-top-inner{width:950px; margin:0 auto; text-align:right; overflow:hidden}
#header-top h1{font-size:100%; font-weight:normal; display:inline}
#header-top p{display:inline; border-left:1px solid #FFF; padding:0 6px}
#header-top-left{float:left; width:750px; text-align:left}
#header-top-right{float:right; width:200px}
#header-top-right a:hover{color:#FFF}


#header{width:950px; overflow:hidden; background-color:#FFF; padding:15px 0; margin:0 auto; text-align:left}
#header-left{float:left; width:300px}
#header-left img{margin-top:5px}
#header-right{float:right; width:650px;}
#header-form{font-size:130%; color:#666666}
#header-form img{margin-bottom:3px; /margin-bottom:1px}

#header-count ul{overflow:hidden; list-style:none; margin-bottom:3px}
#header-count li{float:left; padding:0 8px 0 16px;}

/*g-menu*/
#header-menu{width:950px; margin:0 auto; overflow:hidden; background:transparent url('/img/g_menu_back.gif') no-repeat; text-align:right; padding-bottom:15px}
#header-menu ul{list-style:none}
#g-menu{width:450px; float:left; text-align:left; overflow:hidden}
#g-menu li{float:left}
#g-account{width:490px; float:right; margin-right:10px}

#g-menu-home a{height:45px; width:158px; display:block; background:#FFF url('/img/g_menu.gif') 0 0 no-repeat; float:left}
#g-menu-home a:hover{height:45px; width:158px; display:block; background:#FFF url('/img/g_menu.gif') 0 -45px no-repeat; float:left}
#g-menu-member a{float:left; width:164px; height:45px; background:#ECE8E0 url('/img/g_menu.gif') -158px 0 no-repeat}
#g-menu-member a:hover{height:45px; width:164px; display:block; background:#FFF url('/img/g_menu.gif') -158px -45px no-repeat; float:left}

body#home #g-menu-home a{height:45px; width:158px; display:block; background:#FFF url('/img/g_menu.gif') 0 -45px no-repeat; float:left}
body#search #g-menu-home a{height:45px; width:158px; display:block; background:#FFF url('/img/g_menu.gif') 0 -45px no-repeat; float:left}
body#guide #g-menu-home a{height:45px; width:158px; display:block; background:#FFF url('/img/g_menu.gif') 0 -45px no-repeat; float:left}
body#member #g-menu-member a{height:45px; width:164px; display:block; background:#FFF url('/img/g_menu.gif') -158px -45px no-repeat; float:left}
body#post #g-menu-member a{height:45px; width:164px; display:block; background:#FFF url('/img/g_menu.gif') -158px -45px no-repeat; float:left}

#g-account{padding-top:9px}
#g-account li{display:inline}
#g-account li img{margin-right:3px}

/*breadcrumb*/
#breadcrumb{padding:0 10px 10px 10px; text-align:center; margin:0 auto}
#breadcrumb-inner{width:950px; margin:0 auto; text-align:left}

/*footer*/
#footer{width:950px; padding:20px 0 0 0; margin:0 auto; text-align:center; background-color:#FFF}
#footer-inner{border-top:1px solid #444; padding-top:10px}
#footer p{text-align:left; margin:0 auto; padding:8px 0}
#footer p a{color:#444; text-decoration:none}
#footer p a:hover{color:#999}
#footer ul{list-style:none; margin:0 auto; text-align:left}
#footer li{display:inline; line-height:1.6}
#footer li strong a{color:#333; text-decoration:none}
#go-up{text-align:right; margin-bottom:5px}


h2#main-title{border-left:6px solid #E10006; font-size:160%; padding:0 0 0 6px; margin-bottom:10px}
#main-title a{color:#333}
#main-title a:hover{color:#999}

h2.main-title{border-left:6px solid #E10006; font-size:160%; padding:0 0 0 6px; margin-bottom:10px}
.main-title a{color:#333}
.main-title a:hover{color:#999}



/*main*/
#content{width:950px; margin:0 auto; overflow:hidden; text-align:left}
#leftcontent{float:left; width:700px}
#rightcontent{float:right; width:250px}
#leftcontent-inner{width:680px}

#leftcontent-a{float:left; width:200px}
#rightcontent-a{float:right; width:750px}
#leftcontent-a-inner{width:180px}

#rightcontent h2{font-size:120%}
#rightcontent .home-line{border-top:1px solid #CCC; margin-top:20px; padding-top:5px}


h2.sub-title{border-left:6px solid #E10006; font-size:122%; padding:0 0 0 6px; margin-bottom:10px}

.right-more{text-align:right; margin-top:5px}



/*pager*/
.pager{overflow:hidden; text-align:right}
.pager-left{float:left; width:340px; text-align:left}
.pager-right{float:right; text-align:right}
.pager-number{margin:0 5px; padding:5px 0}
.pager-number a{padding:2px 4px; background-color:#E1D9D9; text-decoration:none; margin:0 2px}
.pager-number a:hover{background-color:#E10006; color:#FFF}
.pager-number strong{padding:0 2px}



/*error*/
.error-message{color:#FF0000; font-weight:bold;}
#flashMessage{width:948px; padding:20px 0; text-align:center; border:1px solid #FF9999; color:#FF0000; font-weight:bold; margin-bottom:20px}

#after-message{padding-bottom:20px; background-color:#FFF}
#after-message p{text-align:left; color:#FF0000; font-weight:bold; border:2px solid #CCC; background-color:#F0F0F0; padding:20px; margin:0}

#after-message-no-fadeout{padding-bottom:20px; background-color:#FFF}
#after-message-no-fadeout p{text-align:left; color:#FF0000; font-weight:bold; border:2px solid #CCC; background-color:#F0F0F0; padding:20px; margin:0}


/*form*/
.form-attention{margin:5px 0 0 0; color:#AD855C}
.setup-error{margin:0 0 5px 0; color:#FF0000; font-weight:bold}

/*login*/
#authMessage{padding:10px; background-color:#F0F0F0; color:#E10006; margin-top:20px; font-size:110%; border:2px solid #CCC; font-weight:bold}
#form-login{margin-top:20px; overflow:hidden; background:transparent url('/img/login_back.gif') repeat-y; padding:20px 0 10px 0}
#form-login h3{margin-bottom:20px; color:#444; font-size:125%}
#form-login-left{float:left; width:490px}
#form-login-right{float:right; width:460px; text-align:center}
#form-login-left-inner{width:460px; text-align:center}

#form-login-bottom{height:10px; background:transparent url('/img/login_back_bottom.gif') no-repeat}

#form-login th{padding:5px 10px; background-color:#F0F0F0; font-weight:normal; vertical-align:top; border-right:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left}
#form-login td{padding:5px 10px; border-bottom:1px solid #CCC; text-align:left; background-color:#FFF}
#form-login table{border:1px solid #CCC; margin:0 auto 20px auto}
#form-login .submit{margin:0 auto}

/*account*/
#form-account{margin-top:20px; overflow:hidden; background:transparent url('/img/account_back.gif') repeat-y; padding:20px 0 10px 0}
#form-account h3{margin-bottom:20px; color:#444; font-size:125%}
#form-account-left{float:left; width:570px}
#form-account-right{float:right; width:380px; text-align:center}
#form-account-left-inner{width:540px; text-align:center}

#form-account-bottom{height:10px; background:transparent url('/img/account_back_bottom.gif') no-repeat}

#form-account table{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; text-align:left; margin:0 20px 20px 20px}
#form-account th{width:150px; padding:5px; background-color:#F0F0F0; border-bottom:1px solid #CCC; border-right:1px solid #CCC}
#form-account th img{margin-left:5px}
#form-account td{border-bottom:1px solid #CCC; padding:5px}

#form-account-twitter{overflow:hidden; text-align:left; margin:20px; border:1px dotted #CCC; padding:5px}
#form-account-twitter img{margin-right:10px}

#account-form{text-align:center; margin-top:20px}
#account-form table{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; text-align:left; margin:0 auto 20px auto}
#account-form th{width:150px; padding:5px; background-color:#F0F0F0; border-bottom:1px solid #CCC; border-right:1px solid #CCC}
#account-form th img{margin-left:5px}
#account-form td{border-bottom:1px solid #CCC; padding:5px}

.sorry{margin-top:20px; background-color:#F0F0F0; color:#E10006; padding:20px}

/*about*/
.about{font-size:110%; line-height:1.6; margin-top:20px}
.about-ex{background:transparent url('/img/aboutus/about_ex_top.gif') no-repeat; padding:20px 0 0 0; margin-left:70px; margin-top:10px}
.about-ex-inner{background:transparent url('/img/aboutus/about_ex_bottom.gif') no-repeat 0 100%; padding-bottom:10px}
.about-ex-inner ul{list-style:none; padding:5px 15px; border-left:1px solid #CCC; border-right:1px solid #CCC}
.about-ex-inner strong{padding:0 15px; border-left:1px solid #CCC; border-right:1px solid #CCC; display:block}
.about-find{background:transparent url('/img/shasen2.gif'); margin-top:10px; text-align:center}
.about-find ul{list-style:none; width:930px; padding:10px 0; margin:0 auto}
.about-find li{margin-top:10px; background-color:#FFF; text-align:left; overflow:hidden; padding:10px 0}
.about-find-left{float:left; width:380px}
.about-find-left img{margin-left:10px}
.about-find-right{float:right; width:550px}
.about-find-right a{margin-right:10px}
.about-find-right form{margin-top:5px}
.about-find-right p{margin:0 10px 0 0}
.about-review{background:transparent url('/img/shasen2.gif'); margin-top:10px; text-align:center}
.about-review ul{list-style:none; width:930px; padding:10px 0; margin:0 auto}
.about-review li{margin-top:10px; background-color:#FFF; text-align:left; overflow:hidden; padding:10px 0}
.about-review-left{float:left; width:330px}
.about-review-left img{margin-left:10px}
.about-review-right{float:right; width:600px}
.about-review-right p{margin-right:10px}

/*term*/
#terms{margin-top:20px}
#terms h3{margin-top:10px; font-size:120%; border-bottom:1px solid #333}
ul.terms-1{list-style-type:decimal; margin:10px 0 0 25px; padding:0 0 20px 0}
.terms-1 li{margin:5px 0 0 0}
ul.terms-2{list-style-type:lower-roman; margin:5px 0 0 25px; padding:0 0 10px 0}
.terms-2 li{margin:5px 0 0 0}
ul.terms-none{margin:10px 0 0 25px; list-style:none}
.terms-none li{margin:5px 0 0 0}

/*privacy_policy*/
#privacy{margin-top:20px}
#content ul.privacy-1{list-style-type:decimal; margin:10px 0 0 25px; padding:0; font-size:120%; font-weight:bold}
.privacy-1 li{margin:20px 0 0 0}
#content ul.privacy-2{list-style-type:lower-roman; margin:5px 0 0 25px; padding:0}
.privacy-2 li{margin:5px 0 0 0; font-weight:normal}
#content ul.privacy-none{list-style-type:none; margin:5px 0 0 15px; padding:0; font-size:85%; font-weight:normal}
.privacy-none li{margin:5px 0 0 0}

/*help*/
#help h3{border-top:1px solid #CCC; font-size:120%; margin-top:20px; background-color:#F0F0F0; border:1px solid #CCC; padding:8px 10px}
#help ul{list-style:none}
ul.help-a{margin:10px 0 0 0; padding:0}
.help-a li{padding:5px 0 5px 23px; background:#FFF url('/img/q.gif') no-repeat 0 5px}
dl.help-a{margin:10px 0 0 0; padding:0; list-style:none}
.help-a dt{padding:6px 0 6px 23px; background:#FFF url('/img/q.gif') no-repeat 0 5px; margin:0; font-weight:bold}
.help-a dd{padding:0; margin:0 0 20px 23px}

/*link*/
.link-banner1{width:950px; margin-top:10px}
.link-banner1 th{padding:0 3px 10px 3px}
.link-banner1 th p{border:1px solid #DDD; padding:4px; background:transparent url('/img/shasen.gif'); margin:0}
.link-banner1 td{vertical-align:top; padding:0 3px 20px 3px}
.link-banner1 td form{margin-top:5px}
.link-banner1 td input{margin-top:3px}
.link-banner-list{overflow:hidden; list-style:none}
.link-banner-list li{float:left; margin:10px 5px 0 0; list-style:none}

h3.link{border-top:1px solid #CCC; font-size:120%; margin-top:20px; background-color:#F0F0F0; border:1px solid #CCC; padding:8px 15px}

/*notfound*/
#notfound{text-align:center}
#notfound-inner{margin:40px auto; background:transparent url('/img/notfound.gif') no-repeat 0 0; min-height:220px; width:650px; text-align:left}
#notfound-inner h2{font-size:200%; margin-left:200px}
#notfound-inner p{font-size:110%; margin-left:240px; line-height:1.6}
#notfound-inner strong{display:block; background-color:#F0F0F0; border:1px dotted #CCC; margin-left:240px; padding:5px 10px; font-size:110%}

/*database*/
.cake-sql-log{border-top:1px solid #CCC; border-left:1px solid #CCC; width:950px; margin:20px auto 50px auto}
.cake-sql-log td{border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:3px}

/*sitemap*/
#leftcontent h3.sitemap{font-size:130%; font-weight:bold; border-bottom:1px solid #333; margin-top:10px}
h4.sitemap{font-size:110%; font-weight:normal; display:inline}
#leftcontent ul.sitemap{overflow:hidden; margin:10px 0 20px 0; list-style:none}
#leftcontent .sitemap li{float:left; line-height:1.8}
.sitemap8 li{width:85px}
.sitemap6 li{width:113px}
.sitemap5 li{width:136px}
.sitemap4 li{width:170px}
#rightcontent h3.sitemap{font-size:120%; border:1px solid #CCC; margin-top:10px; padding:5px 10px}
#rightcontent ul.sitemap{border:1px solid #CCC; border-top:0; margin-bottom:15px; padding:5px 10px 10px 10px; list-style:none}
#rightcontent .sitemap li{margin-top:5px}

#attention{border:1px solid #FF0000; width:950px; margin:0 auto 10px auto}
#attention p{text-align:left; padding:10px; color:#FF0000; margin:0}

/*staff*/
#staff{width:680px; margin:0 auto}
#staff h3{width:660px; padding:20px 0 0 0; text-align:left; margin:0 auto}
#staff-inner{background:transparent url('/img/shasen.gif'); text-align:center; margin-top:20px; padding-bottom:20px}

.staff-main{background:transparent url('/img/aboutus/staff_top.gif') no-repeat; padding-top:20px; margin:8px auto 0 auto; width:660px; text-align:left}
.staff-main-inner{background:transparent url('/img/aboutus/staff_bottom.gif') no-repeat 0 100%; padding-bottom:10px}
.staff-main-inner-inner{border-left:1px solid #DDD; border-right:1px solid #DDD; background-color:#FFF; padding:0 10px; font-size:110%; line-height:1.6}
.staff-member{width:640px; overflow:hidden}
.staff-member-left{float:left; width:130px}
.staff-member-right{float:right; width:510px}
.staff-member-right p{margin:10px 0 0 0}