@charset "UTF-8";
/* CSS Document */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
	vertical-align: bottom;
}

a img {
  border: none;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 160%;
	color: #333;
	background-image: url(../gimg/bg_patt.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#wrapper {
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	clear: both;
	width: 800px;
/*	padding-top: 15px; */
	padding-bottom: 10px;
}
#topImage {
	clear: both;
	width: 800px;
	padding-bottom: 20px;
}
#mainArea {
	clear: both;
	width: 800px;
}
#leftArea {
	float: left;
	width: 185px;
}
#rightArea {
	float: right;
	width: 600px;
}
.box185 {
	clear: both;
	width: 185px;
}
.banner72 {
	clear: both;
	height: 72px;
	width: 185px;
	font-size: 8px;
}
.banner72 a {
	background-image: url(../gimg/banner_mail.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	height: 0px;
	width: 185px;
	padding-top: 72px;
	overflow: hidden;
}
.banner72 a.mobile {
	background-image: url(../gimg/banner_mobile.gif);
}
.banner72 a:hover {
	background-position: 0px -72px;
}
.banner91 {
	clear: both;
	height: 91px;
	width: 185px;
	font-size: 8px;
}
.banner91 a {
	background-image: url(../gimg/banner_dogrun.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	height: 0px;
	width: 185px;
	padding-top: 91px;
	overflow: hidden;
}
.banner91 a:hover {
	background-position: 0px -91px;
}
.banner103 {
	clear: both;
	height: 103px;
	width: 185px;
	font-size: 8px;
}
.banner103 a {
	background-image: url(../gimg/banner_mtb.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	height: 0px;
	width: 185px;
	padding-top: 103px;
	overflow: hidden;
}
.banner103 a:hover {
	background-position: 0px -103px;
}.box600 {
	clear: both;
	width: 600px;
}
.topicTitle {
	clear: both;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-top: 15px;
}
dl#healthy {
	padding-left: 18px;
	padding-right: 7px;
	padding-top: 8px;
	padding-bottom: 75px;
	background-image: url(../gimg/zekkei.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
}
dl#healthy dt  {
	font-weight: bold;
	float: left;
	width: 4em;
}
dl#healthy dd {
	list-style-type: none;
	padding-left: 4em;
}
.cookSet {
	clear: both;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}
.cookBox {
	float: left;
}
#openBox01 {
	background-image: url(../gimg/open_bg01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	width: 560px;
	padding-top: 10px;
	margin-left: 23px;
	margin-right: 17px;
	margin-top: 10px;
}
#openBox02 {
	background-image: url(../gimg/open_bg02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 10px;
	width: 560px;
	margin-right: 17px;
	margin-left: 23px;
	font-size: 7px;
}
#info {
	font-weight: bold;
	color: #FFF;
	float: left;
	text-align: center;
	width: 125px;
	padding-top: 20px;
}
#openBox01 dl {
	float: right;
	width: 410px;
	color: #FFF;
}
#openBox01 dl dt {
	float: left;
	width: 5em;
}
#openBox01 dl dd {
}
#groupLink {
	clear: both;
	height: 45px;
	width: 800px;
	padding-top: 15px;
	padding-bottom: 12px;
}
#groupLink ul {
    width:800px;
    margin:0;
    overflow:hidden;
    zoom:100%;
}
#groupLink ul li {
    float:left;
    list-style:none;
}
#groupLink ul li.gl00 {
	width: 113px;
	height: 0px;
	background-image: url(../gimg/grouplink.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 45px;
	text-align: center;
	display: block;
	overflow: hidden;
	font-size: 8px;
}
#groupLink ul li a {
    display:block;
    height:45px;
    width:160px;
    text-align:center;
    font-weight:bold;
    letter-spacing:1px;
    text-indent:-9898px;
    background-image:url(../gimg/grouplink.gif);
    background-repeat:no-repeat;
}
#groupLink ul li a.gl01 {background-position:-113px 0px;width:221px;}
#groupLink ul li a.gl01:hover {background-position:-113px -45px;}
 
#groupLink ul li a.gl02 {background-position:-334px 0px;width:219px;}
#groupLink ul li a.gl02:hover {background-position:-334px -45px;}
 
#groupLink ul li a.gl03 {background-position:-553px 0px;width:79px;}
#groupLink ul li a.gl03:hover {background-position:-553px -45px;}
 
#groupLink ul li a.gl04 {background-position:-632px 0px;width:168px;}
#groupLink ul li a.gl04:hover {background-position:-632px -45px;}#footer {
	text-align: center;
	clear: both;
	width: 800px;
	padding-top: 5px;
	padding-bottom: 40px;
	color: #2F6330;
	font-size: 12px;
	line-height: 130%;
}
#topTab {
	background-image: url(../gimg/top_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 170px;
	clear: both;
	height: 32px;
	padding-left: 630px;
}
#topTab a {
	font-size: 1px;
	background-image: url(../gimg/tab_white.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	display: block;
	height: 0px;
	width: 170px;
	padding-top: 32px;
	overflow: hidden;
}
#topTab a:hover {
	background-position: 0px -33px;
}