@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :common.css
=================================================================== */
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
body {
  color: #333;
  font-size: small;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic",sans-serif;
  line-height: 1.6;

}
body a {
  color: #77A222;
}
body a:link {
  text-decoration: underline;
}
body a:visited {
  text-decoration: underline;
}
body a:hover {
  text-decoration: none;
}
body a:active {
  text-decoration: underline;
}

img {
  vertical-align: top;
}

/* -----------------------------------------------------------
	#page

----------------------------------------------------------- */
#contents {
  width: 1000px;
  margin: 0 auto;
}

/* -----------------------------------------------------------
	header
		ヘッダ
----------------------------------------------------------- */
header {
  position: relative;
  z-index: 99;
}
header h1 {
  padding-top: 2px;
  font-size: x-small;
  background: #735241;
  color: #fff;
  font-weight: normal;
}
header h1 span {
  display: block;
  width: 1000px;
  margin: 0 auto;
}
header .logo {
  padding-top: 80px;
  text-align: center;
}

/* #gnav 	グローバルナビ
----------------------------------------------------------- */
#gnav {
  padding-top: 5px;
  height: 52px;
  background: url(../images/header/bg_gnav.jpg) 0 0 repeat-x;
  left: 0 !important;
  width: 100%;
  z-index: 99;
  position: absolute;
}
#gnav ul {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
#gnav ul li {
  float: left;
}
#gnav ul li a {
  display: block;
  padding-top: 52px;
  overflow: hidden;
  height: 0;
  position: relative;
  background: url(../images/header/gnav.jpg) 0 0 no-repeat;
}
#gnav ul li.gnav_hom a {
  background-position: 0 0;
  width: 103px;
}
#gnav ul li.gnav_hom a:hover {
  background-position: 0 -52px;
}
#gnav ul li.gnav_abo a {
  width: 202px;
  background-position: -103px 0;
}
#gnav ul li.gnav_abo a:hover {
  background-position: -103px -52px;
}
#gnav ul li.gnav_npo a {
  width: 111px;
  background-position: -305px 0;
}
#gnav ul li.gnav_npo a:hover {
  background-position: -305px -52px;
}
#gnav ul li.gnav_new a {
  width: 176px;
  background-position: -305px 0;
}
#gnav ul li.gnav_new a:hover {
  background-position: -305px -52px;
}
#gnav ul li.gnav_mem a {
  width: 174px;
  background-position: -481px 0;
}
#gnav ul li.gnav_mem a:hover {
  background-position: -481px -52px;
}
#gnav ul li.gnav_con a {
  width: 210px;
  background-position: -655px 0;
}
#gnav ul li.gnav_con a:hover {
  background-position: -655px -52px;
}
#gnav ul li.gnav_rec a {
  width: 135px;
  background-position: -865px 0;
}
#gnav ul li.gnav_rec a:hover {
  background-position: -865px -52px;
}
#gnav ul li.gnav_rec a img {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
  width: 1000px;
  margin: 25px auto 0 auto;
}
.con_title h2 {
  width: 1000px;
  padding-top: 192px;
  height: 0;
  overflow: hidden;
}

/* -----------------------------------------------------------
	.topicpath
----------------------------------------------------------- */
.topicpath {
  overflow: hidden;
  width: 1000px;
  margin: 20px auto 40px auto;
}
.topicpath li {
  float: left;
  margin-right: 10px;
}
.topicpath li a {
  padding-right: 15px;
  background: url(../images/ic_topicpath.png) right center no-repeat;
}

/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */
footer {
  margin-top: 60px;
  padding-bottom: 40px;
}
footer .bn_recipe {
  text-align: center;
}
footer #copyright {
  margin-top: 20px;
  text-align: center;
}

form label {
  margin-left: 5px;
}
form input, form textarea {
  background: #efefef;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #dedede;
  padding: 8px;
  margin-top: 3px;
  color: #333333;
}
form textarea {
  width: 635px;
}
form input:focus, form textarea:focus {
  border: 1px solid #97d6eb;
}
form .btn_submit {
  text-align: center;
  margin-top: 30px;
}
form .btn_submit input {
  background: none;
  padding: 0;
  border: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin: 0;
}