
/* style.css
 * -*- Encoding: utf8n -*-
 */

@import "common.css";
@import "header.css";
/*@import "header_menu.css";*/
@import "header_menu_fixed.css";
@import "sidebar.css";
@import "footer.css";
@import "wn.css";
@import "event-calendar.css";
@import "search.css";
@import "parts_menu.css";
@import "shopping.css";
@import "list_style.css";



body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.8em;
  font-family: Verdana,Georgia, Arial, sans-serif;
  line-height: 1.4em;
  background: #f3f6fd url(img/bg.jpg) repeat-x;
  /*background: #f3f6fd;/*#fff;*/
}


#rap {
  margin:0 auto 0 auto;
  padding:0 0 0 0;
  width: 900px;
  text-align:left;
  background: url(img/rap_bg.jpg) repeat-y 50% 0;
  font-size:0.9em;
  /*border-top: 0px none;
  border-right: 4px solid #7f7157;
  border-bottom: 0px none;
  border-left: 4px solid #7f7157;*/
  /*background:url(img/rap_bg_c.gif);*/
  /*background: #cff;*/

  /*z-index: 5;
  position: relative;
  top: 0;/*-40px;*/
}
#rap:after {
  content: "";
  display: block;
  clear: both;
}

#content {
  float: right;
  margin: 0 30px 0 0px;
  _margin: 0 15px 0 0px;
  padding: 0 0 0 0px;
  width: 610px;
  color: #333;
  text-align: left;
  background:#fff;
  /*background:url(img/bg.jpg);*/
}

#content .post a img {
  border: 2px solid #b06a00;
}

.content_info {
  display: block;
  float: center;
  margin: 10px auto 3px auto;
  width: 574px;
  padding: 3px 10px;
  border: 2px solid #f7e700;
  background: #f2f2e9;
}

.content_info span {
  font-weight: bold;
}






.link {
  margin:0 0 15px 0;
  padding:0 0 15px 0;
  border-bottom:#CACA91 1px dotted;
}
.link_dd {
  margin:0 0 0 0;
  padding:9px 0 0px 0;

}

*:first-child+html .link {
  margin:0 0 0 0;
  padding:0 0 0px 0;
}
*:first-child+html .link dd {
  margin:0 0 0 0;
  padding:0 0 11px 0;
}


.gallery dl {
  float: left;
  border: 1px solid #D8D8AF;
  text-align: left;
  margin:12px 8px 4px 8px;
  padding:15px;
  width:150px;
  height: auto;
  background-image: url(img/img_bg.gif);
  /*clear: both;*/
}

.gallery dt img {
  border: none;
  margin: 0 0 0 0;
  padding: 0;
  vertical-align: top;
}

.gallery dd {
  margin: 7px 0 0 0;
  width: 140px;
  padding: 5px;
  height: 44px;
  background: #EFEFE0;
  overflow: auto;
  text-align: bottom;
}



h1, h2, h3, h4, h5, h6 {
  /*font-family: Georgia, times new roman, times, serif;*/
  letter-spacing: 0.09em;
  line-height:1.6em;
}

li {
  padding: 0.3em 0;
  margin: 0;
}
blockquote {
  background: #ddc;
  border: 1px solid #ccb;
  padding: 10px;
  margin:1em;
}
abbr {
  border-bottom: #000 1px solid;
}

/*
img {
  margin: 0;
  padding: 0;
  border: 0;
}
img.right {
  float:right;
  margin:0;
  padding: 0;
}
img.left {
  float:left;
  margin:0;
  padding: 0;
}
*/

.left_1 {
  float:left;
  margin:5px 12px 5px 0;
  padding: 0;
}

.s_waku {
  margin: 0;
  padding: 0 0 12px 0;
  clear: both;
  height: auto;
  width: 100%;/*610px;*/
}



.bun {
  margin:0 0 0 0;
  padding:0px 0 7px 0px;
  width: 100%;/*610px;*/
  text-align: right;
}
.hata {
  margin:3px 12px 0 0;
  padding:0px 0 0px 0px;
  float: left;
  border: none;
  background-image: url(img/hata.gif);
  background-repeat: no-repeat;
  height: 181px;
  width: 198px;
}
/*.hata img {
  margin:0 0 0 0;
  padding:0px 0 0px 0px;
  border: none;
}*/



.mim {
  margin: 25px 0 0 0;
  padding: 0;
  clear: both;
  width: 200px;
  height: 83px;
  background-image: url(img/mim_bana.gif);
  background-repeat: no-repeat;
}
.mim a {
  text-decoration: none;
  display: block;
  width: 200px;
  height: 83px;
}


.widgettitle {
  margin:0;
  padding:0px 0 0 0;
  width: 180px;
  /*text-align: center;*/
  /*background-image: url(img/widgettitle_1.gif);
  background-repeat: no-repeat;*/
  /*border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: dotted;
  border-top-color: #7f7157;
  border-bottom-color: #7f7157;
  background-color: #E1DCD2;*/
  color: #000000;
}



#content h2, #content h3 {
  font-size: 1.2em;
  font-weight: bold;
}
#content h2 a, #content h3 a {
  color: #663;
}

/***** page title ****************************/
/*
#content h2.title {
  padding: 0;
  font-size: 25px;
  font-weight: normal;
  color: #7799c9;
}*/
#content h2.title {
  padding: 10px 0;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;/*#7799c9;*/
  background: url(img/h2title.jpg);
}
#content h2.title a {
  color: #fff;
}

/***** archive.php sub title **************/
#content h2.post_title {
  padding: 6px 0 6px 50px;
  display: block;
  width: 100%;
  text-align: left;
  color: #5177af;
  background: url(img/post_title.jpg);
}
#content h2.post_title a {
  color: #5177af;
}


.pan {
  /*margin: 22px 0 0 0;*/
  margin: 0px 0 0 0;
  padding:4px 0 1px 12px;
  width: 598px;
  background-image: url(img/widgettitle_3.gif);
  background-repeat: no-repeat;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #BBBB77;
}

.title {
  margin: 30px 0 15px;
  padding: 8px 0 8px 24px;
  /*border-bottom: 1px solid #D6AB85;*/
  width: 100%;/*610px;*/
  text-align: left;
  background: url(img/title2.jpg) no-repeat;
}

.tab {
  margin:30px 0 0 0;
  padding:0px 0 0px 0;
  height: 20px;
  background-image: url(img/tab.gif);
  background-repeat: no-repeat;
  font-size:3px;
  text-indent: -9999px;
}

.title_home {
  margin:30px 0 15px;
  padding:6px 0 4px 0;

  width: 538px;/*610px;*/
  text-align:center;
  background-image: url(img/title_home.gif);
  background-repeat: no-repeat;
  /*border: 1px solid #dedede;/*#FED34C;/*#D8C289;*/
  border: 1px solid #FED34C;/*#D6AB85;*/
}

.top_p {
  margin:30px 0 0 0;
  padding:0;
  width: 100%;/*610px;*/
  height: 354px;
  /*text-align:center;*/
  background-image: url(img/home_p_1.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.top_link1 a {
  display: block;
  width: 100%;
  height: 54px;
  background: url(img/top_link1.gif) no-repeat;
  margin: 10px 0;
}
.top_link1 span {
  display: none;
}
.top_link2 a {
  display: block;
  width: 100%;
  height: 54px;
  background: url(img/top_link2.gif) no-repeat;
  margin: 10px 0;
}
.top_link2 span {
  display: none;
}
.top_link3 a {
  display: block;
  width: 100%;
  height: 54px;
  background: url(img/top_link3.gif) no-repeat;
  margin: 10px 0;
}
.top_link3 span {
  display: none;
}
.top_link4 a {
  display: block;
  width: 100%;
  height: 87px;
  background: url(img/top_link4.jpg) no-repeat;
  margin: 10px 0;
}
.top_link4 span {
  display: none;
}


#content .post {
  padding-bottom:0;
}

#content p {
  margin:0 0 12px;
  *margin:0 0 9px;
  line-height:1.7em;
}

.content img {
  margin:0 0 12px 0;
  padding: 12px;
  border: 1px solid #D6AB85;
  background-color: #fff;
  background-image: url(img/img_bg.gif);
}

.pagetitle {
  margin: 15px 0 0 0;
  padding:12px 0 10px 0;
  text-align: center;
  height: auto;
  width: 100%;/*610px;*/
  background-image: url(img/pagetitle_bg.gif);
  /*border: 1px dotted #CCCCCC;*/
}

.posted {
  margin: 15px 0 0 0;
  padding:2px 0 0 0;
  border-top-width: 2px;
  /*border-bottom-width: 2px;*/
  border-top-style: dotted;
  /*border-bottom-style: solid;*/
  border-top-color: #D6AB85;
  /*border-bottom-color: #7f7157;*/
  /*color: #666;
  background:url(img/topbg.gif) repeat-x top;*/
  font-size: 1.0em; /*0.8em;*/
  clear:both;
  width: 100%;/*610px;*/
} 

/*#content ul li {
  line-height: 120%;
  background:transparent url(img/simplearrow.png) left top no-repeat;
  margin:0.5em 0;
  padding:0 1.5em;	
  list-style:none;
}*/



.red {
  color:#B06A00;
}

#comments, #respond {
  margin-bottom: 1em;
  margin-top: 2em;
}
.commentlist {
  margin:10px;
  padding:10px 20px;
}
#commentform {
  margin:10px;
  padding:10px;
}
.commentlist {
  margin: 0;
  padding: 0;
  border-top:#dcc 1px solid;
}
.commentlist li {
  list-style:none;
  margin: 0;
  padding: 1em;	
  border-bottom:#dcc 1px solid;
}
.commentlist li .cmtinfo {
  font-size:1em;
}
.commentlist li cite {
  font-style:normal;
  font-weight:bold;
  font-size:1.1em;
  border-bottom:#ccc 3px double;
}
.commentlist li em {
  float:right;
  margin:0;
  padding:0;
  font-style:normal;
  font-size:0.9em;
  color:#999;
}
.commentlist .alt {
  background:#f2f2e9;
}
input.textbox, textarea {
  background:#F2F2E9;
  border:#ccc 1px solid;
}
textarea {
  width:80%;
}
#header, #content, #sidebar, #footer, .widget {
  overflow:hidden;
}

