/*  
Theme Name: Mercure
Theme URI: http://www.mercuresapporo.jp
Author: 43 North
Author URI: http://www.43north.jp
*/

/**************** Body *********************/
* { margin:0; padding:0;}
body { font-size: 11px; font-family: "Arial", sans-serif; color: #ccc; line-height: 140%; background:#7A003C; background-image:url(http://mercuresapporo.jp/ja/images/bg_body.jpg); background-repeat:repeat-x; background-position:bottom; }
#wrapper { margin: 20px auto; padding: 0px; width: 936px; border: 1px solid #fff; background-image:url(http://mercuresapporo.jp/ja/images/bg_right.gif); background-position:bottom right; background-repeat:no-repeat; }
#top { margin: 0 0 5px 0; padding: 0px 0 0 0; width:936px; height: 217px; }

/**************** Header *********************/
#header {margin:0;padding:0; width:934px; height: 110px;}
#desciption {float: left; margin:0; padding:40px 0px 17px 20px; width:500px; position: absolute;}
#description h2{ float:left; margin:0; padding:40px 0px 17px 20px; color:#9F9D9D; font-size:21px; font-weight:normal;line-height:16px; }
#description p{ float:left; margin:0; padding:0px 0px 5px 20px; color:#9F9D9D; font-size:12px; font-weight:normal; line-height:16px;}
#logo {float:right;width:130px;margin:0px;padding:23px 17px 17px 0px; position: relative; display: block;}

/**************** Navigation *********************/
#navbar { margin: 0px auto; padding: 0px; width:934px; height: 40px; background-color: #570A2C;}
#menu {margin: 0px; padding: 0 0 0 10px; float: left; width: 934px; height:31px;line-height:31px;}
ul.menu{float:left;list-style:none;font-size:12px;font-weight:normal;text-transform:none;margin:0 0 0 5px;padding:0;}
ul.menu li{float:left !important;list-style-type:none;margin:0;padding-right:10px;}
ul.menu li a,ul.menu li a:link,ul.menu li a:visited{border-bottom:0;border-left:0;color:#99BA3C;font-weight: bold;float:left;display:block;text-decoration:none;padding:5px 5px;}
ul.menu li a:hover,ul.menu li a:active{background:#350419;color:#fff;text-decoration:none; color:#fff;}
ul.menu li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.menu li ul{float:left;margin:0;padding:0;}

/**************** Search *********************/
#searchrss { margin: 0px; padding: 0px; float: right; width: 420px; text-align:right; }
#rss { color:#333; float:left; line-height:32px; background:url(images/rss.gif) no-repeat left; padding-left:20px; padding-right:10px; font-size:11px;}
#rss a,#rss a:link, #rss a:visited {  color:#333; text-decoration: none; padding:0;} 
#rss a:hover { color: #0e4761; text-decoration: none; padding:0;}
#topsearch { float:right; width: 230px; height: 22px; font-size:8pt; background: url(images/bg_search_box.gif) no-repeat; margin:5px 0 0 0; }
#topsearch #ls { float: left; padding: 0; margin: 3px 0 0 6px; border: 0; width: 145px; font-size:8pt; background: none; }
#topsearch #go { float: right; margin: 0 6px 0 0; }

/**************** Content *********************/
#main { margin: 0px auto; padding: 0px 0 0 0; width:936px; background:#7A003C;}
#content { margin: 0px; padding: 0px; float: left; width: 725px;}

/**************** Left Sidebar *********************/
#lsidebar { margin: 0px; padding: 0px; float: left; width: 200px; }
.lsidebar img { margin:0px 0 0 0px;  }
.lsidebar { margin:20px 0 0 20px; padding:0;float: left; width: 160px;  }
.lsidebar a, .sidebar h2 a:visited{ color: #666; text-decoration: none; font-weight:bold; }
.lsidebar a:hover{ text-decoration: none; color: #000; }
.lsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.lsidebar ul li{ margin: 0 0 0px; }
.lsidebar ul li h2{ padding:5px; font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/lsidebarh2.gif) no-repeat;}
.lsidebar ul ul{ padding: 4px 11px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; }
.lsidebar ul ul li{ margin: 0; padding: 0 0 0 16px; line-height: 22px; border-bottom:2px solid #fff; background: url(images/bullet.gif) no-repeat 0px 5px; }
.lsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.lsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.lsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }

#advert {width: 180px;}

/**************** Entry *********************/

.entry { margin: 20px 0 20px 0; padding: 0px; float: right; width: 510px; }
.entry a, .entry a:link, .entry a:visited {  color:#99BA3C; text-decoration: none; padding:0;} 
.entry a:hover  { color: #fff; text-decoration: none; padding:0;}
.entry h2 { color: #fff; font-size:14px; line-height: 18px; margin:0 0 0px 0; padding:0;}
.entry p {margin:0; padding:0 0 10px 0; line-height: 18px;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 0px; list-style: none; padding-left: 0px; text-indent: -0px; } 
html>body .entry li { margin: 5px 0 5px 0px; }
.entry ol { padding: 0 0 0 0px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line { background:url(http://mercuresapporo.jp/ja/images/hr.gif) no-repeat; margin:10px 0 0 0; padding:0 0 20px 0; }
.entry h4 { color: #fff; font-size:12px; font-weight: bold; margin:0; padding:5px 0 5px 0;}
.entry h5 { color: #fff; font-size:12px; font-weight: bold; margin:0; padding:5px 0 0px 0;}
.entry h3 { color: #fff; font-size:14px; font-weight: bold; margin:0; padding:15px 0 5px 0;text-transform: uppercase; letter-spacing: 2px; }
.entry abbr {margin-top: 5px;}
h2.tag { margin-bottom: 15px; }
.xmas { margin-bottom: 25px; }
li.galleria-wp { margin: 0 10px 0 0; }

/**************** Breadcrumb *********************/


/**************** Misc *********************/
acronym, abbr { font-size: 11px; color: #ccc; padding-top: 10px; border-bottom: none; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #f3f2ed}
code {font-size:1.0em;color: #000}
span.flag {margin-top:0px;}
ul.taglist { list-style: none; clear: both; width: 522px; float: left; margin-bottom:  20px; }
ul.taglist li { float: left; clear: none; }
ul.taglist li a { display: block; float: left; width: 60px; background-color: #5b012e; margin-right: 20px; line-height: 20px; text-align: center; }


/**************** Right Sidebar *********************/
#sidebar { margin: 0px; padding: 0px; float: right; width: 200px;  }
.rsidebar { margin:0; padding:0;float: right; width: 180px; }
.rsidebar a, .sidebar h2 a:visited{ color: #99BA3C; text-decoration: none; font-weight:bold; }
.rsidebar a:hover{ text-decoration: none; color: #fff; }
.rsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.rsidebar ul li{ font-family: "Arial", sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px;margin: 0 20px 20px 0; border-bottom: 1px dotted #ccc; }
.rsidebar ul li h2{ margin-top: 10px;padding:5px; font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/sidebarh2.gif) no-repeat;}
.rsidebar ul ul{ padding: 4px 11px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; }
.rsidebar ul ul li{ margin: 0; padding: 0 0 0 16px; line-height: 22px; border-bottom:2px solid #fff; background: url(images/bullet.gif) no-repeat 0px 5px; }
.rsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.rsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.rsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
img.anniversary { padding: 20px 0;}
img.first { margin-top: 32px; }

/**************** Footer *********************/
#footer { color: #fff; margin: 0px auto; padding: 0px; width:938px; height: 31px; line-height:31px; clear:both }
#footer a,#footer a:link,#footer li a:visited{border-bottom:0;color:#ccc;text-decoration:none;}
#footer a:hover,#footer a:active{color:#fff;text-decoration:none;}
.footer{ margin:0; padding:0 0 0 10px; float:left;}
.footer ul {float:left;list-style:none;font-size:11px;font-weight:normal;text-transform:none;margin:0 0 0 5px;padding:0;}
.footer ul li{float:left !important;list-style-type:none;margin:0;padding-right:23px;}
#wrapper_ { margin: -20px auto; padding: 0 0 20px 0; width: 964px; height:20px; }

