@charset "Shift-JIS";

h2 {
	margin:0 10px 10px 10px;
}

h3 {
	margin:10px 0 5px 0;
}

h3.nofoot {
	margin:0 0 5px 0;
}

h3.normal {
	margin:10px 0 5px 0;
	padding:0;
	font-size:12px;
	border:0;
}

li ,dt, dd {
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-size:12px;
	line-height:140%;
}

/* ���C�� */

#main {
	width:830px;
	margin:0 auto 10px auto;
	padding:0;
	background:url(../../img/main_bk.gif) repeat-y top;
}

hr {
	border:none;
	border-bottom:1px solid #aec246;
	height:1px;
}


#main .l_menu{
	width:190px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	display:inline;
}

#main .c_menu{
	width:430px;
	margin:0;
	padding:0;
	float:left;
}


#main .r_menu{
	width:190px;
	margin:0;
	padding:0;
	float:right;
	display:inline;
}

#flash {
	background: url(../../img/search_img.jpg) no-repeat right top;
	border:1px #c2b195 solid;
	padding:0;
	margin-bottom:8px;
}

/* button */
#main a.btn-base {
	display:block;
	overflow:hidden;
	background-position:top;
	text-indent:-9999px;
	text-decoration:none;
}

#main a.btn-base:hover {
	background-position:bottom;
}

/* left_menu */
#main a.btn-qa {
	width:190px;
	height:160px;
	background:url(../../img/i_qa.jpg) no-repeat;
}

#bn-trivia li {
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
}

#bn-trivia li a {
	display:block;
	width:190px;
	height:60px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

#bn-trivia li a:hover {
	background:url(../../img/bn_trivia_on.gif) no-repeat;
}

#bn-trivia li.bn-before {
	background:url(../../img/bn_before.gif) no-repeat;
}

#bn-trivia li.bn-know {
	margin-top:10px;
	background:url(../../img/bn_know.gif) no-repeat;
}

#bn-trivia li.bn-discipline {
	margin-top:10px;
	background:url(../../img/bn_discipline.gif) no-repeat;
}

#picture-box {
	width:190px;
}

#picture-box li {
	float:left;
	width:94px;
	height:94px;
}

#picture-box li a {
	display:block;
	width:94px;
	height:94px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

#picture-box li a:hover {
	background:url(../../img/bn_picture_on.gif) no-repeat;
}

#picture-box li.pic-dog {
	margin-right:2px;
	background:url(../../img/bn_pic_dog.gif) no-repeat;
}
#picture-box li.pic-cat {
	background:url(../../img/bn_pic_cat.gif) no-repeat;
}

#main .side-listbox {
	width:190px;
}

#main .side-listbox li {
	margin-top:5px;
	padding:0 2px 5px 2px;
	background:url(../img/line_x_gr.gif) repeat-x bottom;
	font-size:10px;
	letter-spacing:0.04em
}

#main .side-listbox li a {
	display:block;
	padding-left:15px;
	background:url(../img/point.gif) no-repeat 0 0;
}

#main .side-listbox li.li-head {
	margin-top:0;
	padding:0 2px 0 2px;
	background:none;
	color:#ff0000;
	font-size:10px;
	text-align:center;
	letter-spacing:0.02em;
}

#main a.btn-present {
	width:190px;
	height:120px;
	background:url(../../img/i_present.jpg) no-repeat;
}

/* center */
#main .center-listbox {
	width:430px;
}

#main .center-listbox li {
	margin-top:5px;
	padding:0 5px 5px 5px;
	background:url(../img/line_x_gr.gif) repeat-x bottom;
}

#main .center-listbox li.li-head {
	margin-top:0;
}

#main .center-listbox li a {
	display:block;
	padding-left:15px;
	background:url(../img/point.gif) no-repeat left top;
	letter-spacing:0.06em;
}

#main .pickup-box {
	margin:0;
	padding:0;
	width:430px;
}

#main .pickup-box dt, #main .pickup-box dd {
	display:inline;
	float:left;
}

#main .pickup-box img {
	padding:1px;
	border:1px solid #CCCCCC;
}

#main .pickup-box h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	color:#ff7f00;
}

#main .pickup-box dt {
	margin-right:10px;
	width:184px;
}

#main .pickup-box dd {
	width:235px;
}

a.btn-p-detail {
	margin:10px 0 0 135px;
	width:100px;
	height:25px;
	background:url(../../img/btn_p_detail.gif) no-repeat;
}

#search-box {
	margin-bottom:10px;
	padding:5px;
	background-color:#ffd9ab;
	border:1px #c2b195 solid;
}

#search-box input.box-01 {
	margin-bottom:3px;
	width:300px;
}

#search-box dl {
	padding:0;
	margin:0;
	line-height:20px;
}

#search-box dt {
	width:110px;
	padding:0;
	margin:0;
}

#search-box dd {
	margin-left:110px;
	margin-top:-20px;
}

#search-box .btn-search {
	margin:5px 0 0 324px;
	width:95px;
	height:25px;
	background:url(../img/b_search.gif) no-repeat;
}

#purpose-box {
	width:430px;
	background:url(../../img/i_purpose.gif) no-repeat;
}

#purpose-box li {
	display:inline;
	float:left;
	width:215px;
}

#purpose-box li a {
	display:block;
	overflow:hidden;
	margin:0;
	padding:1px 1px 0 1px;
	width:213px;
	height:48px;
	text-indent:-9999px;
	text-decoration:none;
}

#purpose-box li.li-btm a {
	padding:1px;
}

#purpose-box li a:hover {
	background:url(../../img/i_purpose_on.gif) no-repeat 1px 1px;
}

/* right_menu */
#recommend li {
	margin:10px 0 0 0;
	padding:0;
	line-height:0;
	font-size:0;
}

#recommend li.li-head {
	margin:0;
}

#recommend img {
	display:inline;
	float:left;
	border:1px solid #c5b59a;
}

#recommend p {
	display:inline;
	float:right;
	margin:0;
	width:110px;
	color:#666666;
	font-size:10px;
	line-height:11px;
	letter-spacing:0.1em;
}

#recommend .more{
	display:block;
	padding-left:14px;
	margin-top:2px;
	background:url(../img/point.gif) no-repeat 70px 0px;
	text-align:right;
	line-height:140%;
}

/*----------------------------*/
/*        float clear         */
/*----------------------------*/
.clearfix ,dl ,#picture-box ,#purpose-box ,#recommend li ,#search-box {
  zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after ,dl:after ,#picture-box:after ,#purpose-box:after ,#recommend li:after ,#search-box:after { /* for modern browser */
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}