body { background:#fff; text-align:center; }
body,h1,h2,h3,h4,h5,h6,p,address,td,th,ul,li { margin:0; padding:0; font-size:13px; font-weight:normal; font-style:normal; line-height:1.5; }
th { font-weight:bold; }
img { border:0; }
a { color:#2d80aa; }
a:hover { color:#6BB1D7; }

/*common*/
div#wrap { background:url("../images/bg_wrap.gif") no-repeat center 0; width:850px; text-align:left; margin:0 auto; }
div#contents { }
h1 { text-indent:-9999px; height:105px; }

div#nav { height:50px; }
div#nav td { padding:0 5px; }
div#nav td a { background:url("../images/nav.gif") no-repeat; display:block; height:25px; text-indent:-9999px; }
div#nav td.top a { width:82px; background-position:0 top; }
div#nav td.info a { width:173px; background-position:-82px top; }
div#nav td.profile a { width:121px; background-position:-255px top; }
div#nav td.diary a { width:98px; background-position:-376px top; }
div#nav td.food a { width:98px; background-position:-474px top; }
div#nav td.mail a { width:86px; background-position:-572px top; }
div#nav td.mobile a { width:113px; background-position:-658px top; }
div#nav td.top a:hover { background-position:0 center; }
div#nav td.info a:hover { background-position:-82px center; }
div#nav td.profile a:hover { background-position:-255px center; }
div#nav td.diary a:hover { background-position:-376px center; }
div#nav td.food a:hover { background-position:-474px center; }
div#nav td.mail a:hover { background-position:-572px center; }
div#nav td.mobile a:hover { background-position:-658px center; }
body#info div#nav td.info a { background-position:-82px bottom; }
body#profile div#nav td.profile a { background-position:-255px bottom; }
body#diary div#nav td.diary a { background-position:-376px bottom; }
body#food div#nav td.food a { background-position:-474px bottom; }
body#mobile div#nav td.mobile a { background-position:-658px bottom; }

address { clear:both; border-top:10px solid #fff; padding:0 0 20px 0; font-size:11px; color:#6BB1D7; }
address a { color:#6BB1D7; }



/*ID*/
body#index div#wrap { background:none; }
body#index h1 { display:none; }

body#info div#contents { padding:20px 0; }

body#mobile div#contents { padding:20px; }
body#mobile div#about { float:left; width:290px; background:#fff; border:4px solid #d1e3eb; padding:20px 0; }
body#mobile div#about h2 { margin:0 20px; padding:0 0 10px 0; border-bottom:1px dotted #666; }
body#mobile div#about p { padding:10px 20px 0 20px; }
body#mobile div#about p img { float:right; }
body#mobile div#access { float:right; width:490px; padding:20px 0 0 0; }
body#mobile div#access p { margin:0; padding:5px 0; }
body#mobile div#access h2 { font-size:14px; padding:10px 0 4px 0; border-bottom:1px dotted #666; }
body#mobile div#access h2.menu { clear:both; }
body#mobile div#access p.QRcode { width:120px; float:right; text-align:right; margin:0; padding:0; }
body#mobile div#access p.QRcode img { border:1px solid #999; }
body#mobile div#access table { margin:10px 0 0 0; }
body#mobile div#access td { padding:0 10px 0 5px; vertical-align:top; text-align:center; border-left:1px solid #999; }
body#mobile div#access td h3 { background:#74a1b5; width:150px; font-size:12px; }
body#mobile div#access td ul { padding:7px 0 0 0; }
body#mobile div#access td li { background:url("../mobile/images/arrow_bottom.gif") no-repeat center bottom; font-size:12px; padding:3px 0 6px 0; list-style:none; }
body#mobile div#access td li.artist { background:none; font-weight:bold; font-size:12px; color:#069; }
body#mobile div#access td p { font-size:9px; padding:10px 0 0 0; }

body#profile div#contents { padding:0 20px 20px 40px; }
body#profile div#text { float:right; width:450px; }
body#profile div#text h3 { text-align:center; color:#000; font-weight:bold; padding:0 50px 0 0; }
body#profile div#text p { padding:10px 0 0 0; }
body#profile div#photo { float:left; width:302px; padding:10px 0 0 0 }