body{
  text-align: center; 
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  color: #333;
  font-size:12px;
  line-height : 160%;
  margin: 0;
  padding: 0;
  background: #FFF url(http://maniacxmansion.com/jugem/images/common/header_bg.jpg) repeat-x 0 0;
   }
	
body,th,td{ color:#333; font-size:12px; }
   
a { border:none; } 
  
img {
  border:none;
  } 

.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
  }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  display: inline-block;
  }

a:link { color : #990000; text-decoration : none; }
a:visited { color : #840084; text-decoration : underline; }
a:hover { color : #666; text-decoration : underline; }
a:active { color : #333; text-decoration : none; }

a.normal:link { color : #0000cc; text-decoration : underline; }
a.normal:visited { color : #840084; text-decoration : underline; }
a.normal:hover { color : #666; text-decoration : none; }
a.normal:active { color : #007C3A; text-decoration : none; }

#wrap  { 
  width: 950px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  }
  
#header {
  width: 940px;
  height: 187px;
  overflow: hidden;
  text-align: left; 
  margin: 0px 5px; 
  padding: 0;
  background: #FFF url(http://maniacxmansion.com/jugem/images/common/header_bg.jpg) repeat-x 0 0;
  }

#header h1 {
  text-indent:-9999em;
  margin: 0;
  padding: 0;
 }

#header .title a {
  float: left;
  width: 160px; 
  height: 60px;
  margin: 20px 0px 0px 20px;
  padding: 0px 0px 0px;
  background: url(http://maniacxmansion.com/jugem/images/common/logo.png) no-repeat left top;
}

#header .title a:hover {
  float: left;
  width: 160px; 
  height: 60px;
  margin: 20px 0px 0px 20px;
  padding: 0;
  background: url(http://maniacxmansion.com/jugem/images/common/logo.png) no-repeat left bottom;
}

/* GLOBAL */
#globalnavi {
  float: right;
  height: 100px;
  margin: 0px 0px 20px;
  padding: 0;
  background: url (http://maniacxmansion.com/jugem/images/common/globalnavi_bg.jpg) no-repeat;
  }

#globalnavi ul {
  margin: 0;
  padding: 0;
  }

#globalnavi li {
  display:inline;
  list-style-type:none;
  }
  
#globalnavi li a {
  height: 100px;
  display: block;
  float: left;
  text-indent: -9877em;
  text-decoration: none;
  overflow: hidden;
  }
  
/* GLOBAL BUTTONS */
#globalnavi li.gn_news a  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat ;width: 95px;}
#globalnavi li.gn_store a  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -95px 0; width: 95px;}
#globalnavi li.gn_schedule a  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -190px 0; width: 95px;}
#globalnavi li.gn_blog a  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -285px 0; width: 95px;}
#globalnavi li.gn_about a  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -380px 0; width: 95px;}
#globalnavi li.gn_contact a  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -475px 0; width: 95px;}

/* GLOBAL OVER STATES */
#globalnavi li.gn_news a:hover  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat 0 -100px;}
#globalnavi li.gn_store a:hover  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -95px -100px;}
#globalnavi li.gn_schedule a:hover  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -190px -100px;}
#globalnavi li.gn_blog a:hover  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -285px -100px;}
#globalnavi li.gn_about a:hover  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -380px -100px;}
#globalnavi li.gn_contact a:hover  { background: url(http://maniacxmansion.com/jugem/images/common/globalnavi.jpg) no-repeat -475px -100px;}

#content  { 
  text-align: left;
  width: 950px;
  overflow: hidden;
  margin: 20px 0px 0px; 
  padding: 0;
  }

#pagetitle {
  clear: both;
  height: 80px;
  margin: 0px 0px 0px 20px;
  padding: 0;
  }

#pagetitle h2 {
  font-family: helvetica,clean,Hiragino Kaku Gothic Pro,sans-serif;
  font-size:24px;
  font-weight:bold;
  }

#pagetitle h2 a:link { color : #FFF; text-decoration : none; }
#pagetitle h2 a:visited { color : #FFF; text-decoration : none; }
#pagetitle h2 a:hover { color : #666; text-decoration : underline; }
#pagetitle h2 a:active { color : #333; text-decoration : none; }

#pagetitle .description {
  font-family: helvetica,clean,Hiragino Kaku Gothic Pro,sans-serif;
  font-size:14px;
  color: #FFF;
  margin:0;
  }
 
#main {
  width: 690px;
  text-align: left; 
  float: left;
  margin: 0; 
  padding: 0; 
  }

.maincontent {
  width: 650px;
  text-align: left; 
  margin: 0px 20px 0px; 
  padding: 0;
  }

  
#side {
  width: 260px;
  float: right;
  text-align: left;
  margin: 0; 
  padding: 0; 
  }

.sidecontent {
  width: 240px;
  text-align: left; 
  margin: 0px 20px 0px 0px; 
  padding: 0;
  }

#footer  { 
  clear: both;
  text-align: center;
  margin: 0;
  padding: 20px; 
  background: #1a1a1a url(http://maniacxmansion.com/jugem/images/common/footer_bg) repeat-x center top;
  }

.footcontent  { 
  width: 920px;
  text-align: left;
  margin: 0px auto 0px;
  padding: 0; 
  background: #1a1a1a;
}

.footerleft  { 
  width: 440px;
  text-align: left;
  float: left;
  display: block;
  margin: 0px 20px 30px 0px;
  padding: 0; 
  }

.footerleft ul {
  float: left;
  padding:0px;
  margin:0px 10px 0px 17px;
  list-style: square url(http://maniacxmansion.com/jugem/images/common/list.gif);
  }
 
#footer ul li a:link { color : #9F9F9F; text-decoration : none; }
#footer ul li a:visited { color : #9F9F9F; text-decoration : none; }
#footer ul li a:hover { color : #CCC; text-decoration : underline; }
#footer ul li a:active { color : #CCC; text-decoration : none; }

#footer address {
  clear: both;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  }

#footer  #storebanner  { 
  width: 440px;
  text-align: left;
  float: right;
  display: block;
  margin: 0px 0px 30px;
  padding: 0; 
  background: #333;
  }

#footer  #storebanner h4 {
  text-indent:-9999em;
  margin: 0;
   }

#footer  #storebanner a {
  display: block;
  width: 440px; 
  height: 98px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/footer_store_link.jpg) no-repeat center top;
  }

#footer  #storebanner a:hover {
  display: block;
  width: 440px; 
  height: 98px;
  background: #FFF url(http://maniacxmansion.com/jugem/images/common/footer_store_link.jpg) no-repeat center bottom;
  }

/* ************************************************ 
 *	サイド
 * ************************************************ */

#side ul {
  padding:0px;
  margin:0px 10px 0px 17px;
  list-style: square url(http://maniacxmansion.com/jugem/images/common/list.gif);
  }

#searchform {
  margin: 0px 0px 20px;
  padding: 8px;
  border: 1px solid #CCC;
  }

#searchform form {
  width: 222px;
  margin: 0;
  padding: 0;
  }

#searchform .textbox {
  float: left;
  width: 145px;
  height: 16px;
  background: #FFF url(http://maniacxmansion.com/store/images/common/search.gif) no-repeat 4px 3px;
  border: 1px solid #CCC;
  margin:0px 2px 0px 0px;
  padding: 2px 2px 2px 20px;
  }

#searchbtn {
  position: absolute;
  margin: 0;
  padding: 0;
  }

#shoppingguide {
  margin: 0px 0px 20px;
 }

#event {
  margin: 0px 0px 20px;
 }

#event h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#event .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_event_title.jpg) no-repeat center top;
}


#calendar {
  margin: 0px 0px 20px;
 }

#calendar h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#calendar .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_calendar_title.jpg) no-repeat center top;
}

#calendar table {
  width: 240px; 
  margin: 0;
}

#category {
  margin: 0px 0px 20px;
 }

#category h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#category .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_category_title.jpg) no-repeat center top;
}

#archive {
  margin: 0px 0px 20px;
 }

#archive h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#archive .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_archive_title.jpg) no-repeat center top;
}

#comment {
  margin: 0px 0px 20px;
 }

#comment h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#comment .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_comment_title.jpg) no-repeat center top;
}

#others {
  margin: 0px 0px 20px;
 }

#others h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#others .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_others_title.jpg) no-repeat center top;
}

#link {
  margin: 0px 0px 20px;
 }

#link h4 {
  text-indent:-9999em;
  margin: 0px 0px 10px;
 }

#link .title {
  display: block;
  width: 240px; 
  height: 34px;
  margin: 0px 0px 10px;
  background: #EEE url(http://maniacxmansion.com/jugem/images/common/side_link_title.jpg) no-repeat center top;
}

#mailmagazine h4 {
  text-indent:-9999em;
  margin: 0px 0px 20px;
 }

#mailmagazine a {
  display: block;
  width: 240px; 
  height: 100px;
  background: url(http://maniacxmansion.com/store/images/common/banner_meilmagazine.jpg) no-repeat center top;
}

#mailmagazine a:hover {
  display: block;
  width: 240px; 
  height: 100px;
  background: url(http://maniacxmansion.com/store/images/common/banner_meilmagazine.jpg) no-repeat center bottom;
}

#mobile h4 {
  text-indent:-9999em;
  margin: 0px 0px 20px;
 }

#mobile {
  display: block;
  width: 240px; 
  height: 190px;
  margin: 0px 0px 20px;
  background: url(http://maniacxmansion.com/store/images/common/banner_mobile.jpg) no-repeat center top;op;
}


/* ************************************************ 
 *	記事一覧
 * ************************************************ */
.entry_navi {
  text-align: center;
  margin: 0px auto 20px;
  }


.entry {
  clear: both;
  word-wrap: break-word; 
  margin: 0px 0px 20px; 
  padding: 0;
  }

.entry h3 {
  line-height:34px;
  display:block;
  text-align: left;
  font-family: helvetica,clean,Hiragino Kaku Gothic Pro,sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 0px 0px 5px;
  padding: 0px 0px 0px 25px;
  background: url(http://www.maniacxmansion.com/store/images/common/item_title.jpg) no-repeat left top;
  }

.entry h3 a:link { color : #1a1a1a; text-decoration : none; }
.entry h3 a:visited { color : #1a1a1a; text-decoration : underline; }
.entry h3 a:hover { color : #666; text-decoration : underline; }
.entry h3 a:active { color : #333; text-decoration : none; }

.entry .entry_date {
  font-family: helvetica,clean,Hiragino Kaku Gothic Pro,sans-serif;
  text-align: right;
  font-size: 11px;
  margin: 0px 0px 20px;
}

.entry .entry_body {
  width: 540px;
  line-height: 170%;
  margin: 0px 55px 20px;
  }

.entry_more {
font-size: 11px;
line-height: 170%;
margin: 15px 0px 15px 0px;
}

.entry .entry_state {
  text-align: right;
  font-size: 11px;
  margin: 0px 0px 20px 0px;
  }

.entry .entry_state a:link { color : #1a1a1a; text-decoration : none; }
.entry .entry_state a:visited { color : #840084; text-decoration : none; }
.entry .entry_state a:hover { color : #666; text-decoration : underline; }
.entry .entry_state a:active { color : #333; text-decoration : none; }

.entry p.pagetop {
  text-align: right;
  margin: 0px 0px 20px;
 }

blockquote {
font-size: 11px;
margin: 20px 10px 20px 10px;
padding: 10px;
border-left: 3px solid #CCCCCC;
}

.comment_body {
width:538px;
line-height: 170%;
}

.comment-title {
font-size: 14px;
font-weight: bolder;
margin: 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.comment_state {
text-align: right;
font-size: 12px;
margin: 0px;
}

.comment {
margin: 0px 0px 10px;
padding: 8px;
background: #fff;
border: 1px solid #CCCCCC;
}


.trackback-title {
font-size: 14px;
font-weight: bolder;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}

.pict {
text-align: center;
margin: 0px auto 5px;
}

.taxt {
text-align: center;
margin: 0px auto 10px;
}


#pager {
  text-align:center;
  margin: 0px auto 20px;
  padding: 0;
  }

#pager .current {
 color:#333;
 font-weight:bold;
 margin: 0px 3px;
 padding:4px 7px;
 background:#EEE;
 border: 1px solid #CCC;
 }

#pager a {
  color:#333;
  text-decoration:none;
  margin: 0px 3px;
  padding:4px 7px;
  background:#fff;
  border: 1px solid #CCC;
  }


#pager a:hover {
  color:#333;
  text-decoration:none;
  margin: 0px 3px;
  padding:4px 7px;
  background:#eee;
  border: 1px solid #CCC;
}