
/* 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 "cf-shopping-cart.css";
@import "list_style.css";
@import "home.css";
@import "adsg.css";

/* #header, #footer で position を使用
 * position 指定で右端が切れるのを防止
 */
html {
  min-width: 980px;
}
/* ie6 では min-width が使用できない為 */
* html #header, #footer {
  width: auto !important;
  width: 980px;
  width: expression(document.body.clientWidth < 981? "980px" : "auto");
}


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


#rap {
  margin:0 auto 0 auto;
  padding:0 0 0 0;
  width:980px;
  text-align:left;
  /*background:#ffffff;*/
  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: left;
  margin: 5px 0px 0 0;/*10px;*/
  _margin: 5px 0px 0 0;/*10px;*/
  padding: 0 5px;
  width: 550px; /* 540px; */;
  color: #000;
  text-align: left;
  background: none;/*#cece98;*/
  /*background:url(img/rap_bg.gif);*/
  border: 1px solid #ddd;
}

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

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

.content_info span {
  font-weight: bold;
}



.nav_link {
  clear: both;
  text-align: center;
  float: center;
}


/* story ************/
.get_story {
  float: right;
  font-weight: normal;
  font-size: 0.9em;
  text-align: right;
  /*width: 200px;*/
}
.title a {
  _float: left;
}
.get_story a {
  float: none;
}
.get_story a:hover {
  text-decoration: underline;
}
/***************/


.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;
  clear:both;
}

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;
}

.pan {
}

.title {
  clear: both;
  margin: 8px 0 15px;
  /*padding: 8px 0px 8px 24px;*/
  padding: 8px 8px 8px 24px; /* get_story */
  /*border-bottom: 1px solid #D6AB85;*/
  width: 520px;/*100%;/*610px;*/ /* get_story */
  text-align: left;
  background: url(img/title3.gif) 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: 349px;
  /*text-align:center;*/
  background-image: url(img/home_p_1.jpg);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#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: #ffffff;
  background-image: url(img/img_bg.gif);
}

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

.posted {
  margin: 15px 0 15px 0;
  padding:2px 0 0 0;
  border-top-width: 1px;
  /*border-bottom-width: 2px;*/
  border-top-style: dotted;
  /*border-bottom-style: solid;*/
  border-top-color: #cece98;
  /*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;
}


