@import url("shop-style.css");
@import url("events.css");
@import url("temp.css");


/*全体*/
body{
	font-size: 12px;
	color: #444444;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
a{
	color: #444444;
}

a:hover{
	color: #444444;
}

a {overflow: hidden;}

.clear{ clear:both;}

img { behavior:url(iepngfix.htc); }

img{ border:none;}




/*コンテンツレイアウト*/
#contents {
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contents #head {
	width: 800px;
	padding: 0px;
	height: 150px;
}


#contents #side {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 220px;
}
#contents #main {
	margin: 0px;
	float: left;
	width: 550px;
}

#contents #fotter {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 50px;
	width: 800px;
}


/*ヘッダー*/
#contents #head h1{
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contents #head h2{
	background-image: url(../images/hanamaru-rogo.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
	width: 258px;
}

#contents #head h2 a{
	height: 74px;
	width: 258px;
	text-indent: -9999px;
	display: block;
}
#head-banner{
	margin: 0px;
	float: left;
	width: 472px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
}

#contents #head ul{
	background-image: url(../images/head-menubar.gif);
	background-repeat: no-repeat;
	margin: 0px;
	clear: both;
	height: 24px;
	width: 790px;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-position: 0px 0px;
}
#contents #head li{
	background-image: url(../images/icon-menu.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	background-position: 0px 2px;
	color: #FFFFFF;
	float: left;
}
#contents #head li a{color:#FFFFFF;text-decoration: none;}




/*右サイドメニュー*/
#contents #side ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


#contents #side li a{
	color: #3c627d;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 22px;
	width: 188px;
}
#contents #side li a:hover{
	color: #3c627d;
}

#contents #side li{
	background-image: url(../images/grid.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#contents #side p{
	margin: 0px;
	padding: 3px;
}

/*コンテンツアイコン設定*/
.icon-town a{
	background-image: url(../images/icon-town.gif);
	background-repeat: no-repeat;
}
.icon-seach a{
	background-image: url(../images/icon-seach.gif);
	background-repeat: no-repeat;
}
.icon-town a{
	background-image: url(../images/icon-town.gif);
	background-repeat: no-repeat;
}
.icon-seach a{
	background-image: url(../images/icon-seach.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.icon-presents a{
	background-image: url(../images/icon-presents.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.icon-mail a{
	background-image: url(../images/icon-mail.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.icon-books a{
	background-image: url(../images/icon-books.gif);
	background-repeat: no-repeat;
}
.icon-link a{
	background-image: url(../images/icon-link.gif);
	background-repeat: no-repeat;
}


.side-center{
	background-image: url(../images/side-center.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 5px;
	width: 210px;
}
.side-bottom{
	background-image: url(../images/side-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 16px;
	width: 220px;
}

.title-info{
	background-image: url(../images/title-info.gif);
	margin: 0px;
	height: 25px;
	width: 210px;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.title-shop{
	background-image: url(../images/title-shopcate.gif);
	margin: 0px;
	height: 32px;
	width: 220px;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
	text-indent: -9999px;
	padding: 0px;
}

/*大ジャンルカテゴリータイトル*/
.cate-title-gourmet{
	background-image: url(../images/cate-title-gourmet.gif);
	margin: 0px;
	height: 20px;
	width: 210px;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
	text-indent: -9999px;
	padding: 0px;
	background-repeat: no-repeat;
}

.cate-title-gourmet a{ display:block; height: 20px;width: 210px;}

.cate-title-beauty{
	background-image: url(../images/cate-title-beauty.gif);
	margin: 0px;
	height: 20px;
	width: 210px;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
	text-indent: -9999px;
	padding: 0px;
	background-repeat: no-repeat;
}

.cate-title-beauty a{ display:block; height: 20px;width: 210px;}

.cate-title-life{
	background-image: url(../images/cate-title-life.gif);
	margin: 0px;
	height: 20px;
	width: 210px;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
	text-indent: -9999px;
	padding: 0px;
	background-repeat: no-repeat;
}

.cate-title-life a{ display:block; height: 20px;width: 210px;}

.cate-title-shopping{
	background-image: url(../images/cate-title-shopping.gif);
	margin: 0px;
	height: 20px;
	width: 210px;
	font-size: 10px;
	font-weight: normal;
	color: #993300;
	text-indent: -9999px;
	padding: 0px;
	background-repeat: no-repeat;
}

.cate-title-shopping a{ display:block; height: 20px;width: 210px;}



/**********　　　　メイン　　　　**********/

/*メインアイコン*/
.main-gourmets{
	background-image: url(../images/main-icon-gourmets.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	clear: both;
	height: 35px;
}

.main-beuty{
	background-image: url(../images/main-icon-beuty.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	clear: both;
	height: 35px;
}

.main-shopping{
	background-image: url(../images/main-icon-shopping.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	clear: both;
	height: 35px;
}
.main-life{
	background-image: url(../images/main-icon-life.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	clear: both;
	height: 35px;
}

/*検索*/

#seach{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 23px;
}
.seach-label{
	background-image: url(../images/seach-title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 287px;
	float: left;
	background-position: -5px;
}
.seach-box{
	margin: 0px;
	padding: 1px;
	float: left;
	height: 20px;
	width: 200px;
}

.seach-boxside{
	margin: 0px;
	padding: 5px;
}
#side_se{ padding:5px 0;}
#side_se form{ margin:0; padding:0;}

.inputtext{
	height: 16px;
	width: 100px;
	background-image: url(../images/icon-seach.gif);
	padding-left: 22px;
	background-repeat: no-repeat;
}

/*ニューショップタブパネル*/
#newshop{}

#newshop .newshoplist{
	padding: 5px;
}
#newshop .newshoplist img{
	padding: 1px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
}
#newshop .newshopright{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
#newshop dl h3{
	margin: 0px;
	padding: 3px;
	font-size: 12px;
	text-align: center;
	display: block;
	width: 86px;
}
#newshop p{
	margin: 0px;
	padding: 3px;
}
#newshop dl{
	margin: 0px;
	padding: 4px;
	width: 100px;
	float: left;
}
#newshop dt img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}
#newshop dt{
	padding: 0px;
}
#newshop dd{
	margin: 0px;
	padding: 0px;
	float: left;
}
#newshop .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


#newshop .TabbedPanelsTabGroup {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#newshop .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

#newshop .tab-gourmet{
	background-image: url(../images/tab-gourmets.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 21px;
	width: 124px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#newshop .tab-beuty{
	background-image: url(../images/tab-beuty.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 21px;
	width: 124px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#newshop .tab-shopping{
	background-image: url(../images/tab-shopping.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 21px;
	width: 124px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#newshop .tab-life{
	background-image: url(../images/tab-life.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 21px;
	width: 124px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#newshop .TabbedPanelsTabHover {
	background-position: 0px -21px;
	overflow: hidden;
}


#newshop .TabbedPanelsTabSelected {
	background-position: 0px -21px;
	overflow: hidden;

}


#newshop .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
	overflow: hidden;
}


#newshop .TabbedPanelsContentGroup {
	clear: both;
	border-top: solid 1px #dddddd;

}


#newshop .TabbedPanelsContent {
	padding: 4px;
	clear: both;
}

#newshop .TabbedPanelsContentVisible {
}

/*タブタイトルｈ3*/
.tab-h3-gourmet{
	background-image: url(../images/tab-h3-gourmet.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 28px;
	width: 248px;
	margin: 0px;
	padding: 0px;
}
.tab-h3-gourmet a{
	display:block;
	height: 28px;
	width: 248px;
	margin: 0px;
	padding: 0px;
}

.tab-h3-beuty{
	background-image: url(../images/tab-h3-beuty.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 28px;
	width: 214px;
	margin: 0px;
	padding: 0px;
}
.tab-h3-beuty a{
	display:block;
	height: 28px;
	width: 214px;
	margin: 0px;
	padding: 0px;
}
.tab-h3-shopping{
	background-image: url(../images/tab-h3-shopping.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 28px;
	width: 243px;
	margin: 0px;
	padding: 0px;
}
.tab-h3-shopping a{
	display:block;
	height: 28px;
	width: 243px;
	margin: 0px;
	padding: 0px;
}
.tab-h3-life{
	background-image: url(../images/tab-h3-life.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 28px;
	width: 180px;
	margin: 0px;
	padding: 0px;
}
.tab-h3-life a{
	display:block;
	height: 28px;
	width: 180px;
	margin: 0px;
	padding: 0px;
}
/*今月のハナマル*/
#hanamrubook{
	clear: both;
	padding-top: 0px;
	padding-bottom: 15px;
}


.hanamaru-book{
	margin: 0px;
	float: left;
	height: 126px;
	width: 369px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.hanamaru-book h3{ 
	background-image: url(../images/b-h3-movie.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 32px;
	width: 369px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;}
	
.hanamaru-book h3 a{
	height: 32px;
	width: 369px;
	display: block;
	text-indent: -9999px;
}

.hanamaru-book ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.hanamaru-book li{
	background-image: url(../images/icon-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 6px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}

#hanamrubook .menus ul{
	margin: 0px;
	padding: 0px;
	float: right;
	list-style-type: none;
}
#hanamrubook .presents{
	background-image: url(../images/banner-presents.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 174px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#hanamrubook .presents a{
	height: 51px;
	width: 174px;
	text-indent: -9999px;
	display: block;
}
#hanamrubook .ugou{
	background-image: url(../images/ugou.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 174px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#hanamrubook .ugou a{
	height: 51px;
	width: 174px;
	text-indent: -9999px;
	display: block;
}




#hanamrubook .mail{
	background-image: url(../images/banner-mail.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 174px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#hanamrubook .mail a{
	height: 40px;
	width: 174px;
	text-indent: -9999px;
	display: block;
}
#hanamrubook .book{
	background-image: url(../images/urabanasi-banner.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 174px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#hanamrubook .book a{
	height: 30px;
	width: 174px;
	text-indent: -9999px;
	display: block;
}

/*サブコンテンツボックス*/
#sub-contents{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/*メインブログリスト*/
#main-blog{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 263px;
}
#main-blog h3{
	background-image: url(../images/main-blog-title.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 32px;
	width: 263px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main-blog h3 a{
	height: 32px;
	width: 263px;
	display: block;
	text-indent: -9999px;
}
#main-blog ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main-blog li{
	background-image: url(../images/icon-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 6px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}

/*イベント*/
#main-events{
	margin: 0px;
	padding: 0px;

}
#main-events h3{
	background-image: url(../images/title_topics.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 32px;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main-events h3 a{
	height: 32px;
	display: block;
	text-indent: -9999px;
}
#main-events ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main-events li{
	background-image: url(../images/icon-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 6px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}



#main-kyu{ margin: 0px; padding: 0px; float: right; width: 263px }

#main-kyu img{ padding:0 0 5px 0;}

/*wiki*/
#main-wiki{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 263px;
}
#main-wiki h3{
	background-image: url(../images/main-wiki-title.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 32px;
	width: 263px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main-wiki h3 a{
	height: 32px;
	width: 263px;
	display: block;
	text-indent: -9999px;
}
#main-wiki ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main-wiki li{
	background-image: url(../images/icon-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 6px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}

/*voice*/
#main-voice{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 263px;
}
#main-voice h3{
	background-image: url(../images/main-voice-title.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 32px;
	width: 263px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main-voice h3 a{
	height: 32px;
	width: 263px;
	display: block;
	text-indent: -9999px;
}
#main-voice ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main-voice li{
	background-image: url(../images/icon-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 6px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
/**********　　　　サイド　　　　**********/
.imgbtn{ padding:0 0 5px 0;}

/**********　　　　フッター　　　　**********/
#fotter ul{
	padding: 5px;
	list-style-type: none;
	margin: 0px;
	text-align: center;
}
#fotter li{
	display: inline;
	margin: 0px;
	padding: 0px;
}