@charset "utf-8";
body {
	margin: 0px;
	background: #ffd927 url(../img/header_bg.gif) repeat-x;
}

#htbdfwp_contents{
	background: #ffd927 url(../img/header_bg.gif) repeat-x;
}



div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table {
	padding: 0;
	margin: 0;
}



#wrapper {
	margin: auto;
	height: auto;
	width: 800px;
	color: #000;
	font: 90%/120% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}




#header {
	background: url(../img/header.jpg) no-repeat;
	height: 200px;
	width: 800px;
}




#header h1 {
	text-indent:-9999px;
	float: left;

}
#content {
	height: auto;
	width: 800px;
	background: #FFD927;
}
#side {
	height: auto;
	width: 205px;
	float: left;
}
#banner_top {
	background: url(../img/side_bg_top.gif);
	height: 16px;
	width: 205px;
}



#advertisement {
	height: auto;
	width: 595px;
	float: left;
}
#banner {
	background: url(../img/side_bg.gif) repeat-y;
}
#banner dl {
	font-size: 85%;
	padding-left: 40px;
	height: auto;
	width: 150px;
}
#banner dl dd {
	padding-bottom: 15px;
}
#banner dl dt {
	padding-bottom: 5px;
}
#mail {
	padding-left: 34px;
	margin-top: 30px;
}
#banner_bottom {
	background: url(../img/side_bg_bottom.gif) no-repeat;
	height: 14px;
	width: 205px;
}





#topics_new {
	background: url(../img/topics.gif) no-repeat;
	height: 180px;
	width: 530px;
	padding-top: 35px;
	padding-left: 65px;
}
#topics_new_box ul li a {
	color: #000;
	text-decoration: none;
}

#topics_new_box ul li a:hover {
	color: #A4E22C;
	text-decoration: none;
}


#topics_new_box {
	width: 460px;
	height: 130px;
	overflow: auto;
}

#topics_new ul {
	font-size: 90%;

}
#topics_new ul li {
	padding-top: 5px;
	padding-bottom: 5px;

}

#button ul {
	list-style: none;
}
#button01 {
	background: url(../img/button/b_bg.gif) no-repeat;
	height: auto;
	width: 205px;
}

#button01 a:hover img {

	opacity: 0.0;
	filter: alpha(opacity=0);

}


.ad_box h3 {
	height: auto;
	width: 440px;
	background: url(../img/bg01.gif) repeat;
	margin-left: 35px;
	padding: 10px 50px 10px 5px;
	border-left: 10px solid #A4E22C;
	margin-bottom: 15px;
	margin-top: 5px;
	color: #523a0b;
}


.topics_box h3 {
	height: auto;
	width: 440px;
	background: url(../img/bg01.gif) repeat;
	margin-left: 35px;
	padding: 10px 50px 10px 5px;
	border-left: 10px solid #A4E22C;
	margin-bottom: 15px;
	color: #523a0b;

}
h2#next {
	height: 24px;
	width: 445px;
	font-size: 100%;
	background: url(../img/h2_next.gif) no-repeat;
	padding-top: 20px;
	padding-left: 150px;
}

h2#shop {
	height: 24px;
	width: 445px;
	font-size: 100%;
	background: url(../img/h2_shop.gif) no-repeat;
	padding-top: 20px;
	padding-left: 150px;
}
.clearfix img {
	float: left;
	border: 2px solid #000;
	margin-right: 20px;
}
.clearfix h4 {
	font-size: 120%;
	padding-bottom: 5px;
}



.clearfix a {
	color: #8AC61C;
}

.clearfix a:hover {
	color: #9F0;
}

.clearfix {
	height: auto;
	width: 510px;
	padding-left: 35px;
	padding-bottom: 15px;
}

.ad_box_top {
	background: url(../img/content_top01.gif) no-repeat;
	height: 20px;
	width: 595px;
}
.ad_box_bottom {
	height: 20px;
	width: 595px;
	background: url(../img/content_bottom01.gif) no-repeat;
}
.ad_box {
	background: url(../img/content_bg01.gif) repeat-y;
	height: auto;
	width: 595px;
}
.ad_box p {
	height: auto;
	width: 510px;
	padding-left: 35px;
	padding-bottom: 15px;
}
.ad_box p img {
	border: 2px solid #000;
	margin-right: 20px;
}

.topics_box {
	background: url(../img/content_bg01.gif) repeat-y;
	height: auto;
	width: 595px;
}
.topics_box p {
	height: auto;
	width: 510px;
	padding-left: 35px;
	padding-bottom: 15px;
}
.topics_box p img {
	border: 2px solid #000;
	margin-right: 20px;
}

#zenkoku_map {
	background: url(../img/zenkoku_map_110125.gif) no-repeat;
	height: 265px;
	width: 500px;
	margin-left: 35px;
	margin-bottom: 20px;
	padding-top: 45px;
	padding-left: 20px;
}
#zenkoku_caution {
	padding-top: 210px;
	padding-left: 120px;
}



#okurahoma_map {
	background: url(../img/okurahoma_map.gif) no-repeat;
	height: 100px;
	width: 519px;
	margin-left: 35px;
	padding-top: 210px;
}
#zenkoku_map p {
	font-size: 120%;
	font-weight: bold;
	width: 300px;
	height: auto;
}
.lawson {

}





.shop_box p {
	height: auto;
	width: 510px;
	padding-left: 35px;
	padding-bottom: 15px;
}

.shop_box ul {
	font-size: 120%;
	line-height: 180%;
	font-weight: bold;
	list-style: none;
	padding-left: 35px;
}

.shop_box ul a {
	color: #0288a9;
}

.shop_box ul a:hover {
	color: #6CF;
	text-decoration: none;
}

.shop_box {
	background: url(../img/content_bg01.gif) repeat-y;
	height: auto;
	width: 595px;
}
.shop_box h3 {
	height: auto;
	width: 440px;
	background: url(../img/bg01.gif) repeat;
	margin-left: 35px;
	padding: 10px 50px 10px 5px;
	border-left: 10px solid #A4E22C;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #523a0b;
}



.photo_l {
	float: left;
	border: 3px solid #4f402f;
	margin-right: 10px;
	margin-bottom: 35px;
}
.photo_r {
	float: right;
	margin-left: 10px;
	border: 3px solid #4f402f;
	margin-bottom: 35px;
}



#price p a:hover img {

	opacity: 0.5;



	filter: alpha(opacity=50);



}





.footer {
	text-align: right;
	padding-top: 15px;
	padding-bottom: 25px;
	clear: both;
	margin-right: 30px;
}
.footer p a {
	color: #000;
	text-decoration: none;
	font-size: 110%;
}


.footer p a:hover {
	color: #FFF;
}

 /* ここまでindex */










 /* 共通の指定 */
 
 .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.clearfix a:hover img {

	opacity: 0.5;



	filter: alpha(opacity=50);



}


#banner a:hover img {

	opacity: 0.8;
	filter: alpha(opacity=80);

}


.topics_box p a:hover img {

	opacity: 0.8;
	filter: alpha(opacity=80);

}


 
.clear {
	clear: both;

}

img{
	border-style: none;
}

a {
	outline: none;
}



.topics_new {

	font-size: 80%;

	color: #e60012;

}