/*
Theme Name: For hondarake-cafe.com
Theme URI: http://www.donbla.co.jp/risyo/
Description: 
Version: 1.0
Author: Risyo
Author URI: http://www.donbla.co.jp/risyo/
*/

* {
	margin:0;
	padding:0;
	color:#000;
	font-family:Osaka, Verdana, sans-serif;
	font-size:100%;
}

body {
	background-color:#e7e7e7;
	font-size:80%;
	text-align:center;
	line-height:1.25;
}

a {
	color:#495865;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
}
a:active {
	color:#6f6f6f;
	text-decoration:underline;
}
a:hover {
	color:#6f6f6f;
	text-decoration:underline;
}
a img {
	border:none;
}

blockquote {
	margin-left:20px;
}

div#container {
	width:760px;
	margin:0 auto;
	background-color:#dcdcdc;
	background-image:url(images/container_bg.gif);
	text-align:left;
}

div#wrapper {
	clear:both;
	width:680px;
	margin:0 40px;
}





/* -- for header -- */
div#header {
	width:760px;
	height:200px;
	background-image:url(images/home_header.jpg);
	background-position:top;
}
div#header h1 {
	margin:0 10px;
	width:250px;
	padding-top:8px;
}
div#header h1 a {
	display:block;
	height:70px;
	text-decoration:none;
	text-indent:-7600px;
}
div#header p {
	margin:0 10px;
	text-indent:-7600px;
}

/* -- for global navi -- */
div#g_navi {
	margin:0 10px;
	background-color:#c1453b;
}
div#g_navi ul {
	list-style-type:none;
	width:725px;
	margin-left:10px;
	margin-bottom:20px;
	height:1.75em;
	line-height:1.75;
}
div#g_navi ul li {
	float:left;
	height:1.5em;
	margin-right:15px;
	background-repeat:no-repeat;
	background-position:center left;
	color:#fff;
	line-height:1.75;
}
div#g_navi ul li.othr_item {
/* icon width:14px */
	padding-left:19px;
	background-image:url(images/g_navi_icon_1.gif);
}
div#g_navi ul li.page_item {
/* icon width:16px */
	padding-left:21px;
	background-image:url(images/g_navi_icon_2.gif);
}
div#g_navi ul li a {
	height:1.5em;
	color:#fff;
	line-height:1.75;
}
div#g_navi ul li a:link {
	text-decoration:none;
}
div#g_navi ul li a:visited {
	text-decoration:none;
}
div#g_navi ul li a:active {
	text-decoration:underline;
}
div#g_navi ul li a:hover {
	text-decoration:underline;
}
div#g_navi ul li.current_page_item a:link {
	text-decoration:underline;
}
div#g_navi ul li.current_page_item a:visited {
	text-decoration:underline;
}
div#g_navi ul li.current_page_item a:active {
	text-decoration:underline;
}
div#g_navi ul li.current_page_item a:hover {
	text-decoration:underline;
}

/* -- for main contents -- */
body.two div#main_contents {
	float:left;
	width:470px;
	margin-right:20px;
	margin-bottom:20px;
}
body.one div#main_contents {
	width:680px;
	margin-bottom:20px;
}
div#main_contents h2 span {
	display:block;
}
div#main_contents div#announce {
	margin:5px 0 20px;
	border-top:1px solid #f60;
}
div#main_contents div#announce p {
	padding-top:5px;
}
div#main_contents div#announce ul {
	padding-top:5px;
	padding-left:20px;
}
div#main_contents div#announce ol {
	padding-top:5px;
	padding-left:20px;
}
div#main_contents div#announce blockquote {
	padding-top:5px;
}
body.one div#main_contents h3 {
	width:680px;
	height:26px;
	margin-bottom:5px;
}
body.one div#main_contents h3 span {
	display:block;
	height:26px;
	text-indent:-6800px;
}

/* -- for sidebar -- */
div#sidebar {
	float:left;
	width:190px;
	margin-bottom:20px;
	background-image:url(images/sidebar_middle_bg.gif);
}
div#sidebar div.wr {
	background-image:url(images/sidebar_top_bg.gif);
	background-repeat:repeat-x;
	background-position:center top;
}
div#sidebar div.wr div.wr {
	background-image:url(images/sidebar_bottom_bg.gif);
	padding:15px 10px;
	background-repeat:repeat-x;
	background-position:center bottom;
}
div#sidebar h2 {
	margin-bottom:2px;
	padding-bottom:1px;
	border-bottom:1px solid #000;
}
div#sidebar ul {
	list-style-type:none;
}
div#sidebar ul li ul li {
	margin-bottom:2px;
	padding-left:13px;
	color: #5f5f5f;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
div#sidebar ul li#calendar {
	width:170px;
	padding-bottom:20px;
}
div#sidebar ul li#calendar table {
	width:160px;
	margin:0 5px;
}
div#sidebar ul li#calendar table caption {
	padding-bottom:5px;
	text-align:right;
}
div#sidebar ul li#calendar table tr th {
	text-align:center;
}
div#sidebar ul li#calendar table tr td {
	text-align:center;
}
div#sidebar ul li#calendar table tr td a {
	display:block;
}
div#sidebar ul li#calendar table tr td#next a {
	padding-top:5px;
	padding-right:10px;
	text-align:right;
}
div#sidebar ul li#calendar table tr td#prev a {
	padding-top:5px;
	padding-left:10px;
	text-align:left;
}
div#sidebar ul li#search {
	width:160px;
	margin:0 5px 20px;
}
div#sidebar ul li#search form input {
	font-family:'MS UI Gothic',Osaka, Verdana, sans-serif;
}
div#sidebar ul li#search form input#s {
	width:100px;
}
div#sidebar ul li#sidebar_category {
	width:160px;
	margin:0 5px;
	padding-bottom:20px;
}
div#sidebar ul li#sidebar_archives {
	width:160px;
	margin:0 5px;
	padding-bottom:20px;
}
div#sidebar ul li#sidebar_links {
	width:160px;
	margin:0 5px;
}
div#sidebar ul li#sidebar_links ul#air li {
	margin-bottom:0px;
	padding-bottom:20px;
	padding-left:0px;
	color:#5f5f5f;
	background:none;
}
div#sidebar ul li#sidebar_links ul#air li ul li {
	margin-bottom:2px;
	padding-bottom:0;
	padding-left:13px;
	color: #5f5f5f;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
div#sidebar ul li#sidebar_meta {
	width:160px;
	margin:0 5px;
	padding-bottom:20px;
}

/* -- for footer -- */
div#footer {
	clear:both;
	width:760px;
	padding:5px 0 15px;
	background-image:url(images/footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:95%;
	text-align:center;
}
div#footer address {
	margin-bottom:5px;
	color:#fff;
	font-style:normal;
}
div#footer p {
	color:#fff;
}





/* -- for top page -- */
body#home div#header {
	background-image:url(images/home_header.jpg);
}
body#home div#main_flash {
	width:680px;
	margin-bottom:10px;
}
body#home div#main_contents {
/*	margin-top:35px;*/
	margin-bottom:0;
}
body#home div#sidebar {
/*	margin-top:35px;*/
}
body#home div#main_contents h2 {
	display:none;
}
body#home div#info {
	clear:both;
	width:470px;
	margin-bottom:20px;
	background-image:url(images/home/gra_middle.gif);
}
body#home div#info div.wr {
	background-image:url(images/home/gra_top.gif);
	background-repeat:repeat-x;
	background-position:center top;
}
body#home div#info div.wr div.wr {
	padding:12px 15px;
	background-image:url(images/home/gra_bottom.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
}
body#home div#info h3 {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
body#home div#info ul {
	margin-bottom:5px;
	padding-left:15px;
}
body#home div#info ul li {
	margin-bottom:2px;
}
body#home div#info p {
	margin-bottom:2px;
	margin-left:350px;
	padding-left:13px;
	color:#5f5f5f;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
body#home div#announce {
	margin:0 0 20px;
	border:none;
}
body#home div#announce p {
	padding-top:0;
}

/* -- for service information page -- */
body#service div#header {
	background-image:url(images/service_header.jpg);
}
body#service div#main_contents {
	margin-bottom:0;
}
body#service h2 {
	width:420px;
	height:33px;
	background-image:url(images/service/h2.gif);
}
body#service h2 span {
	height:33px;
	text-indent:-4200px;
}
body#service div#service_map {
	width:680px;
}
body#service div#service_map h3 {
	background-image:url(images/service/h3_1.gif);
}
body#service div#service_map div.l {
	float:left;
	width:360px;
	margin-right:10px;
	padding-bottom:20px;
}
body#service div#service_map div.r {
	float:left;
	width:310px;
	padding-bottom:20px;
}
body#service div#service_map div.r div.thum {
	float:left;
	width:100px;
	margin-right:5px;
	margin-bottom:5px;
}
body#service div#service_map div.r div.thums_end {
	margin-right:0;
}
body#service div#service_map div.r h4 {
	clear:both;
	width:309px;
	height:21px;
	margin-bottom:2px;
}
body#service div#service_map div.r h4 span {
	display:block;
	height:21px;
	text-indent:-6180px;
}
body#service div#service_map div.r p {
	margin:0 5px 5px;
}
body#service div#service_map div.r div#internet h4 {
	background-image:url(images/service/h4_1.gif);
}
body#service div#service_map div.r div#comics h4 {
	background-image:url(images/service/h4_2.gif);
}
body#service div#service_map div.r div#dvd h4 {
	background-image:url(images/service/h4_3.gif);
}
body#service div#service_map div.r div#playstation2 h4 {
	background-image:url(images/service/h4_4.gif);
}
body#service div#service_map div.r div#message_room h4 {
	background-image:url(images/service/h4_5.gif);
}
body#service div#service_map div.r div#message_room p {
	margin-bottom:0;
}
body#service div#courtesy_rates {
	clear:both;
	width:680px;
}
body#service div#courtesy_rates h3 {
	margin-bottom:0;
	background-image:url(images/service/h3_2.gif);
}
body#service div#courtesy_rates div.gra1 {
	margin-bottom:10px;
	padding:10px 5px;
	background-image:url(images/service/gra_bg_1.gif);
}
body#service div#courtesy_rates div.gra1 dl.wr {
	width:670px;
	height:106px;
}
body#service div#courtesy_rates div.gra1 dl.wr dt.last {
	clear:both;
	width:670px;
}
body#service div#courtesy_rates div.gra1 dl.wr dd {
	margin-left:5px;
}
body#service div#courtesy_rates div.gra1 dl.wr dd dl.l {
	float:left;
	width:335px;
	margin-bottom:5px;
}
body#service div#courtesy_rates div.gra1 dl.wr dd dl.r {
	float:left;
	width:330px;
	margin-bottom:5px;
}
body#service div#courtesy_rates div.gra2 {
	margin-bottom:20px;
	padding:10px 5px;
	background-image:url(images/service/gra_bg_2.gif);
}
body#service div#courtesy_rates div.gra2 dl {
	width:670px;
	height:133px;
}
body#service div#courtesy_rates div.gra2 dl dd {
	margin-left:5px;
}
body#service div#courtesy_rates div.gra2 dl dd.n {
	margin-bottom:5px;
}

/* -- for foods and drink page -- */
body#foods div#header {
	background-image:url(images/foods_header.jpg);
}
body#foods div#main_contents {
	margin-bottom:0;
}
body#foods h2 {
	width:267px;
	height:34px;
	background-image:url(images/foods/h2.gif);
}
body#foods h2 span {
	height:34px;
	text-indent:-5360px;
}
body#foods div.menu {
	clear:both;
	width:680px;
}
body#foods div.menu div.wr {
	width:670px;
	margin:0 5px;
}
body#foods div.menu div.wr table.o {
	margin-bottom:5px;
}
body#foods div.menu div.wr table caption {
	text-align:left;
}
body#foods div.menu div.wr table th {
	padding:0 5px;
	font-weight:normal;
	text-align:left;
}
body#foods div.menu div.wr table td {
	padding:0 5px;
}
body#foods div.menu div.wr div.l {
	float:left;
	width:217px;
	margin-right:9px; /* 10px */
	padding-bottom:20px;
}
body#foods div.menu div.wr div.l img {
	margin-bottom:5px;
}
body#foods div.menu div.wr div.l img.x {
	margin-bottom:0;
}
body#foods div.menu div.wr div.l table {
	width:100%;
}
body#foods div.menu div.wr div.end {
	margin-right:0;
}
body#foods div.menu div.wide div.l {
	margin-right:5px;
}
body#foods div.menu div.wide div.r {
	float:left;
	width:448px;
	margin-bottom:20px;
}
body#foods div.menu1 h3 {
	background-image:url(images/foods/h3_1.gif);
}
body#foods div.menu2 h3 {
	background-image:url(images/foods/h3_2.gif);
}
body#foods div.menu3 h3 {
	background-image:url(images/foods/h3_3.gif);
}
body#foods div.menu4 h3 {
	background-image:url(images/foods/h3_4.gif);
}
body#foods div.menu5 h3 {
	background-image:url(images/foods/h3_5.gif);
}
body#foods div.menu6 h3 {
	background-image:url(images/foods/h3_6.gif);
}
body#foods div.menu6 div.wide table th {
	padding-left:0;
}
body#foods div.menu6 div.wide table td {
	padding-left:0;
}

/* -- for access information page -- */
body#access div#header {
	background-image:url(images/access_header.jpg);
}
body#access div#main_contents {
	margin-bottom:0;
}
body#access h2 {
	width:391px;
	height:31px;
	background-image:url(images/access/h2.gif);
}
body#access h2 span {
	height:31px;
	text-indent:-3910px;
}
body#access div#access_map {
	width:680px;
	margin-bottom:20px;
}
body#access div#access_map h3 {
	background-image:url(images/access/h3_1.gif);
}
body#access div#access_map div#yf_map {
	margin:0 5px;
}
body#access div#help h3 {
	margin-bottom:0;
	background-image:url(images/access/h3_2.gif);
}
body#access div#help div.wr {
	height:164px;
	margin-bottom:20px;
	background-image:url(images/access/gra_bg.gif);
}
body#access div#help div.wr dl {
	margin:0 15px 7px;
	padding-top:7px;
}
body#access div#help div.wr dl dt {
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left center;
	font-size:110%;
}
body#access div#help div.wr dl dt.mv {
	background-image:url(images/access/icon_1.gif);
}
body#access div#help div.wr dl dt.zm {
	background-image:url(images/access/icon_2.gif);
}
body#access div#help div.wr dl dd {
	margin-bottom:20px;
	margin-top:2px;
	padding-top:5px;
	padding-left:20px;
	border-top:1px dotted #f60;
}





/* -- for index.php -- */
div.navigation {
	width:470px;
}
div.navigation div.alignleft {
	float:left;
	width:235px;
	text-align:left;
}
div.navigation div.alignright {
	float:right;
	width:235px;
	text-align:right;
}
div.posts_date {
	clear:both;
	width:440px;
	margin:0 15px 5px;
	padding-top:20px;
}
div.post {
	width:470px;
	margin-bottom:20px;
	background-image:url(images/post/gra_middle.gif);
}
div.post div.wr {
	background-image:url(images/post/gra_top.gif);
	background-repeat:repeat-x;
	background-position:center top;
}
div.post div.wr div.wr {
	padding:12px 15px;
	background-image:url(images/post/gra_bottom.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
}
div.post h3.storytitle {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
div.post h3.storytitle a:link {
	text-decoration:none;
}
div.post h3.storytitle a:visited {
	text-decoration:none;
}
div.post h3.storytitle a:active {
	text-decoration:underline;
}
div.post h3.storytitle a:hover {
	text-decoration:underline;
}
div.post div.meta {
	margin-bottom:20px;
}
div.post div.storycontent {
	margin-bottom:20px;
}
div.post div.storycontent p {
	margin-bottom:5px;
}
div.post div.storycontent ul {
	margin-bottom:5px;
	padding-left:20px;
}
div.post div.storycontent ol {
	margin-bottom:5px;
	padding-left:20px;
}
div.post div.storycontent blockquote {
	margin-bottom:5px;
}
div.post div.feedback p {
	clear:both;
	margin-bottom:5px;
}
div.post_none {
	margin-bottom:5px;
}
div.page_under_pn_link {
	margin-bottom:20px;
}
div#comments {
	width:440px;
	margin:0 15px 5px;
}
div#comments h2 {
	margin-bottom:5px;
}
div#comments ol#commentlist {
	padding-left:30px;
}
div#comments ol#commentlist li {
	margin-bottom:5px;
}
div#comments ol#commentlist li p {
	margin-bottom:5px;
}
div#comments ol#commentlist li p.meta {
	margin-top:5px;
	margin-bottom:0;
	color: #867b64;
	font-size:85%;
}
div#comments ol#commentlist li p.meta a {
	color: #867b64;
}
div#comments p.comment_none {
	margin-bottom:5px;
	padding-left:10px;
}
div#comments p.comment_rss {
	margin-bottom:20px;
	padding-left:10px;
}
div#comments p.comment_rss abbr,
div#comments p.comment_rss acronym {
	color:#495865;
}
div#comments p.comment_redirect {
	padding-left:10px;
}
div#comments form#commentform {
	padding-left:10px;
}
div#comments form#commentform p {
	margin-bottom:5px;
}
div#comments form#commentform p input {
	font-family:'MS UI Gothic',Osaka, Verdana, sans-serif;
}
div#comments form#commentform p input#author,
div#comments form#commentform p input#email,
div#comments form#commentform p input#url {
	width:230px;
}
div#comments form#commentform p textarea#comment {
	width:430px;
	font-family:'MS UI Gothic',Osaka, Verdana, sans-serif;
}





#trackbacklist p.meta, #trackbacklist p.meta a {
	color: #867b64;
	font-family: Osaka, Verdana, sans-serif;
	font-size: 11px;
}
.comment-number {
	font: italic 28px 'Times New Roman', Times, serif;
	color: #73a0c5;
}
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	margin: 0;
	padding: 10px;
}
.none {
	margin: 0;
	padding: 10px;
}

#ed_toolbar input {
	border: 1px solid #dcdcdc;
	background-color: #e6eadb;
	margin: 0 1px 0 0;
}





.hl-surround{
    -moz-border-radius: 5px;
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    padding: 8px;
    margin-bottom: 5px;
    width: 400px;
    overflow: auto;
    text-align: left;
}
.hl-surround, .hl-surround pre, .hl-surround span{
	font: normal 9pt 'Courier New', monospace;
}

.hl-default{
	color: Black;
}
.hl-code{
	color: Gray;
}
.hl-brackets{
	color: Olive;
}
.hl-comment{
	color: #ffa500;
}
.hl-quotes{
	color: #8b0000;
}
.hl-string{
	color: Red;
}
.hl-identifier{
	color: Blue;
}
.hl-builtin{
	color: Teal;
}
.hl-reserved{
	color: Green;
}
.hl-inlinedoc{
	color: Blue;
}
.hl-var{
	color: #00008b;
}
.hl-url{
	color: Blue;
}
.hl-special{
	color: Navy;
}
.hl-number{
	color: Maroon;
}
.hl-inlinetags{
	color: Blue;
}
.hl-main{
	background-color: transparent;
}

.hl-main pre{
	margin: 0; padding: 0;
}

div.storycontent img.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
div.storycontent img.alignright {
	float:right;
	margin:0 0 10px 10px;
}
div.storycontent hr {
	clear:both;
}
div.storycontent p {
	margin-bottom:15px;
}
