@charset "utf-8";
/*
Theme Name: 58diner
Theme URI: http://www.58diner.com/
Description: 58diner
Version: 1.0
Author: FLAPPER design
Author URI: http:/www.flapper.jp/
*/


* {
margin: 0;
padding: 0;
}

body {
margin: 20px 0;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'meiryo', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #111;
}
img {border: 0;}
table {font-size: 1em;}
.entry ol,
.entry ul {
padding: 0 0 0 35px;
}

a:link,
a:visited {
text-decoration: none;
color: #68c;
}
a:hover {
text-decoration: underline;
color: #69c;
}


/*-------------------------
       USEFUL-CLASS
-------------------------*/
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.valign_t {vertical-align: top;}
.float_l {float: left;}
.float_r {float: right;}
.clear {clear: both;}
.w100 {width: 100%;}
.auto {margin: auto;}

p img {max-width: 100%;}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0 20px 20px;
display: inline;
}
img.alignleft {
margin: 0 20px 20px 0;
display: inline;
}
.alignright {float: right;}
.alignleft {float: left}


/*-------------------------
           FRAME
-------------------------*/
#head,
#page {
width: 840px;
margin: auto;
}
#head {
padding: 0 0 25px 0;
background: url(http://www.58diner.com/iimg/head_bg.gif) no-repeat bottom;
}
#page {
background: url(http://www.58diner.com/iimg/page_bg.gif) repeat-y 22px 0px;
}

#sidebar {
width: 38px;
background: url(http://www.58diner.com/iimg/sidebar_bg.gif) no-repeat right bottom;
}

#sub {
width: 690px;
height: 67px;
margin: 0 0 20px 0;
background: url(http://www.58diner.com/iimg/sub_bg.gif);
}
#sub p {
line-height: 75px;
color: #fff;
font-weight: bold;
font-size: 1.3em;
}
#sub_menu {
width: 710px;
height: 405px;
margin: 0 0 20px 0;
background: url(http://www.58diner.com/iimg/menu_main.jpg);
}
#sub div,
#sub_menu div {
padding: 0 0 0 25px;
}

#content {
  min-height: 432px;
  height: auto !important;
  height: 432px;
font-size: 1.2em;
width: 802px;
line-height: 160%;
background: url(http://www.58diner.com/iimg/chara.gif) no-repeat bottom right;
}
#content_body {
width: 678px;
padding: 0 0 30px 13px;
background: url(http://www.58diner.com/iimg/line.gif) no-repeat 13px bottom;
}

#foot {
height: 17px;
margin: 0 auto;
width: 840px;
background: url(http://www.58diner.com/iimg/foot_bg.gif);
}


/*-------------------------
         INDEX
-------------------------*/
#top_news {
width: 180px;
font-size: 0.9em;
line-height: 130%;
background: #591403 url(http://www.58diner.com/iimg/news_head.gif) no-repeat;
}
#top_news h2 {
font-size: 120%;
margin: 0 0 5px 0;
color: #eee;
padding: 5px 0 0 10px;
}
#top_news h3 {
font-size: 100%;
margin: 3px 0;
color: #090;
font-weight: normal;
}
#top_news div.post {
margin: 0 10px;
border-bottom: 1px dotted #fff;
}
#top_news p {
padding: 0 0 10px 0;
color: #ccc;
font-size: 98%;
}
#top_prof {
width: 480px;
}
#top_prof h2 {
font-size: 120%;
margin: 0 0 5px 0;
color: #000;
}


/*-------------------------
         ARCHIVE
-------------------------*/
#page_img {
margin: 0 0 20px 0;
}

div.txt_access {
width: 222px;
float: right;
background: #a6a6a6;
}
div.txt_access p {
padding: 0 10px;
}

.entry p {
padding: 0 0 20px 0;
}
.entry h2 {
font-size: 1.2em;
color: #900;
margin: 0 0 20px 0;
}
.entry h3 {
font-size: 1.0em
}


/*-------------------------
           TABLE
-------------------------*/
.tbl_ukulele {
margin: 0 0 20px 0;
border-top: 3px double #ccc;
}
.tbl_ukulele td {
width: 50%;
padding: 0px;
vertical-align: top;
font-size: 1em;
border-bottom: 1px solid #ccc;
}


/*-------------------------
           INQ
-------------------------*/
dl#contact dt{
width: 180px;
padding: 5px 10px 5px 0;
font-weight: bold;
clear:both;
float: left;
text-align: right;
}
dl#contact dd{
width: 420px;
padding: 5px 0;
float: left;
}

dd input,
dd textarea {
width: 400px;
border: 5px solid #e0e0e0;
padding: 5px 3px;
color: #444;
}
    /* hide from Mac IE \*/
    * html dd input { height: 35px; }
    /* */ 

dd.send input {
width: 300px;
border: 3px double #f90;
padding: 10px;
font-weight: bold;
color: #f90;
font-size: 1.4em;
margin-left: 50px;
background: #eee;
}



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */