@charset "shift_jis";
/* CSS Document */

/*--150114新規会員登録ボタン削除 ------------------------------
【.mailarea_all】widthを修正
-------------------------------------------------------------*/


/* 090526  #searchArea p 追加*/
.header  {
	position:relative;
	width: 980px;
	text-align:left;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 3px;
	z-index: 500;
	_margin-bottom: 0px;
}

* html #headerRight {
	width: 600px;
	height:30px;
	padding-right: 30px;
}
html>body #headerRight {
	width: 600px;
	height:30px;
	padding-right: 30px;
}
html:first-child #headerRight {
	width: 600px;
	height:30px;
	padding-right: 30px;
}
*:first-child+html #headerRight {
	width: 600px;
	height:30px;
	padding-right: 30px;
}

ul, ol, li, a, form, p {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	vertical-align: baseline;
	background: transparent;
}

/* ------------------------------------------

スマフォ版トップページへボタン

------------------------------------------ */

.sptop {
	width: 195px;
	height: 32px;
	margin:0 0 0 0;
	padding:10px 5px 0 0;
}

/* ------------------------------------------

サイト内サーチ

------------------------------------------ */
#searchArea {
	background: url(/common/images/search_area.png) no-repeat;
	_background: url(/common/images/search_area.gif) no-repeat;
}
#searchArea li{
	list-style: none;
}
#searchArea p{
	align: left;
}

* html .input {
	float:left;
	height:13px;
	width:130px;
	border:1px solid #ffffff;
	margin:3px 10px 0px 1px;

}
*:first-child+html .input {
	float:left;
	height:13px;
	width:130px;
	border:1px solid #ffffff;
	margin:3px 10px 0px 1px;
}
html>body .input {
	float:left;
	height:13px;
	width:130px;
	border:1px solid #ffffff;
	margin:3px 10px 0px 1px;
}
html:first-child .input {
	float:left;
	height:13px;
	width:130px;
	border:1px solid #ffffff;
	margin:3px 10px 0px 1px;
}
html:first-child .header .search {
	height: 22px;
	width: 220px;
	padding-left: 2px;
	margin-right: -20px;
	z-index:1;
}
html>body .header .search {
	height: 22px;
	width: 220px;
	margin-top: 9px;		
	padding-left: 2px;
	margin-right: -20px;
	z-index:1;
}
* html .header .search {
	height: 22px;
	width: 220px;
	margin-top: 9px;		
	padding-left: 2px;
	margin-right: -20px;
	z-index:1;
	right:50px;
}
*:first-child+html .header .search {
	height: 22px;
	width: 220px;
	padding-left: 2px;
}
#sBtn {
	left: -30px;
}
*:first-child+html .sB   {
	margin-bottom: -30px;
	position: absolute;
	width: 200px;
	height: 500px;
}

* html #sBtn {
	margin-bottom: -18px;
	width:42px;
	right: -40px;
	float:right;
}
html>body #sBtn {
	margin-bottom: -18px;
	width:42px;
	right: -40px;
	float:right;
}
html:first-child #sBtn {
	margin-bottom: -18px;
	width:42px;
	right: -40px;
	float:right;
}

/* ------------------------------------------

RSS

------------------------------------------ */
.rss {
	margin-top: 9px;	
	margin-right: 20px;
	width: 42px;
	height: 22px;
}
* html .rss {
	width: 42px;
	height: 22px;
	overflow: hidden;
}

/* ------------------------------------------

lastup

------------------------------------------ */
.lastup {
	margin-right: 10px;
	_right: 30px;
}

/* ------------------------------------------

ヘルプボタン

------------------------------------------ */
.headHelp {
	width: 61px;
	height: 24px;
	margin-top: 9px;	
	_margin-left: 15px;
	_margin-right: -5px;
}

/* ------------------------------------------

ロゴ

------------------------------------------ */
.header .rogo {
	height: 68px;
	width: 110px;
	margin-top: 9px;	
}
.header .rogo2 {
	height: 68px;
	width: 110px;
	margin-top: 9px;	
}


/* ------------------------------------------

プルダウンナビ

------------------------------------------ */
/*IE6*/
* html .head-navi {
	margin-left: 137px;
	padding-top: 49px;
}
/*IE7*/
*:first-child+html .head-navi {
	margin-left: 141px;
	padding-top: 50px;
}
/*safari*/
/*fox*/
html>body .head-navi {
	margin-left: 141px;
	padding-top: 49px;
	margin-top: -1px;
}

#top-navi {
	position: relative;
	width: 728px;
	height: 31px;
}

.top_navisub {
padding-top:8px;
visibility: hidden ; position: absolute;
top: 31px ; left: -22px; z-index: 100 ;
}


.naviBox {
	width:810px;
	display:table;
}
.menu a:hover {
	position: absolute;
	z-index: 50;
	width: 100%;
}
.menu a {
	display:block;
	line-height:2em;
	text-align:center;
	height: 31px;
	position: absolute;
	z-index: 50;
	width: 100%;
}
.menu a:visited {
	color: #515151;
	text-decoration: none;
}
.menu {
	position:relative;
	height: 31px;
	position: relative;
	z-index: 50;
	width: 100%;
}
.menu #Hmenu0 {
	position:absolute;
	left:0px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu1 {
	position:absolute;
	left:90px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu2 {
	position:absolute;
	left:180px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu3 {
	position:absolute;
	left:270px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu4 {
	position:absolute;
	left:360px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu5 {
	position:absolute;
	left:450px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu6 {
	position:absolute;
	left:540px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu7 {
	position:absolute;
	left:629px;
	top:0;
	height: 31px;
	width: 90px;
}
#Hmenu8 {
	position:absolute;
	left:719px;
	top:0;
	height: 31px;
	width: 90px;
}

.submenu a {
	background-color:#ffffff;
	color: #515151;
	width: 130px;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	text-decoration: none;
	left: -1px;
	position: relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a4a4a4;
	border-bottom-color: #a4a4a4;
	border-left-color: #a4a4a4;
	line-height: 13px;
}
.submenu .topMenu a {
	background-color:#ffffff;
	color: #515151;
	width: 130px;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	text-decoration: none;
	left: -1px;
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #a4a4a4;
	line-height: 13px;
}
.submenu a:hover {
	background-color:#c42c23;
	color: #ffffff;
	width: 130px;
	border-bottom-color: #a4a4a4;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	position: relative;
	left: -1px;
}
.submenu .topMenu a:hover {
	background-color:#c42423;
	color: #ffffff;
	width: 130px;
	border-bottom-color: #a4a4a4;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	position: relative;
	left: -1px;
}

.submenu {
	color: #515151;
	visibility:hidden;
	position:absolute;
	top:30px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #a4a4a4;
	border-left-color: #a4a4a4;
	padding-left: 0px;
	width: 130px;
	left:-25px;
	background-image: url(/common/images/navi_1.gif);
	display:block;
	background-repeat: no-repeat;
	background-position: center top;
}

.submenu .line1 {
	height:18px;
}

.submenu .line2 {
	height:30px;
}



/* -----オーバーレイヤー----- */
#navi_homeon {
	position: relative;
	left: -1px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	width: 80px;
}
#navi_menuon {
	position: absolute;
	left: 90px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 200;
	width: 80px;
}
#navi_clubon {
	position: absolute;
	left: 180px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 200;
	width: 80px;
}
#navi_mottoon {
	position: absolute;
	left: 270px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 40;
	width: 80px;
}
#navi_shopon {
	position: absolute;
	left: 359px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 50;
	width: 80px;
}
#navi_pondelionon {
	position: absolute;
	left: 450px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 60;
	width: 80px;
}
#navi_joinon {
	position: absolute;
	left: 538px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 70;
	width: 80px;
}
#navi_museumon {
	position: absolute;
	left: 629px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 80;
	width: 80px;
}
#navi_contacton {
	position: absolute;
	left: 719px;
	top: -4px;
	margin: 0px;
	padding: 0px;
	z-index: 90;
	width: 80px;
}

/* -----オーバーレイヤー用プルダウン----- */
#navi_contacton .submenu a,
#navi_museumon .submenu a,
#navi_joinon .submenu a,
#navi_pondelionon .submenu a,
#navi_shopon .submenu a,
#navi_mottoon .submenu a,
#navi_clubon .submenu a,
#navi_menuon .submenu a {
	background-color:#ffffff;
	color: #515151;
	width: 130px;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	text-decoration: none;
	left: -1px;
	position: relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a4a4a4;
	border-bottom-color: #a4a4a4;
	border-left-color: #a4a4a4;
	line-height: 13px;
}
#navi_contacton .submenu .topMenu a,
#navi_museumon .submenu .topMenu a,
#navi_joinon .submenu .topMenu a,
#navi_pondelionon .submenu .topMenu a,
#navi_shopon .submenu .topMenu a,
#navi_mottoon .submenu .topMenu a,
#navi_clubon .submenu .topMenu a,
#navi_menuon .submenu .topMenu a {
	background-color:#ffffff;
	color: #515151;
	width: 130px;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	text-decoration: none;
	left: -1px;
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #a4a4a4;
	line-height: 13px;
}
#navi_contacton .submenu a:hover,
#navi_museumon .submenu a:hover,
#navi_joinon .submenu a:hover,
#navi_pondelionon .submenu a:hover,
#navi_shopon .submenu a:hover,
#navi_mottoon .submenu a:hover,
#navi_clubon .submenu a:hover,
#navi_menuon .submenu a:hover {
	background-color:#c42c23;
	color: #ffffff;
	width: 130px;
	border-bottom-color: #a4a4a4;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	position: relative;
	left: -1px;
}
#navi_contacton .submenu .topMenu a:hover,
#navi_museumon .submenu .topMenu a:hover,
#navi_joinon .submenu .topMenu a:hover,
#navi_pondelionon .submenu .topMenu a:hover,
#navi_shopon .submenu .topMenu a:hover,
#navi_mottoon .submenu .topMenu a:hover,
#navi_clubon .submenu .topMenu a:hover,
#navi_menuon .submenu .topMenu a:hover {
	background-color:#c42423;
	color: #ffffff;
	width: 130px;
	border-bottom-color: #a4a4a4;
	text-align: center;
	padding-left: 3px;
	padding-top: 5px;
	position: relative;
	left: -1px;
}
#navi_contacton .submenu,
#navi_museumon .submenu,
#navi_joinon .submenu,
#navi_pondelionon .submenu,
#navi_shopon .submenu,
#navi_mottoon .submenu,
#navi_clubon .submenu,
#navi_menuon .submenu {
	color: #515151;
	visibility:hidden;
	position:absolute;
	top:30px;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #a4a4a4;
	border-left-color: #a4a4a4;
	padding-left: 0px;
	width: 130px;
	left:-20px;
	top: 34px;
	background-image: none;
	display:block;
}

/* ------------------------------------------
ヘッダー
★★★以下120326リニューアルver★★★
------------------------------------------ */

/* ------------------------------------------

全体レイアウト

------------------------------------------ */
#cont {
}
#container {
	text-align:left;
	margin:0px auto;
	width: 950px;
	overflow: hidden;
	z-index: 0;
	padding-left: 26px;
	padding-right: 26px;	
}
/*中ページのみヘッダーに白背景*/
#white_bg {
	background-color: #FFF;
	background-repeat: repeat-x;
	margin: 0 0 20px 0;
}

#container #header {
	width: 950px;
	margin: 0 0 10px 0;
}

/*-------------- ロゴ （左部分）---------------------*/
#container #logo {
	width: 104px;
	height: 66px;
	padding: 21px 25px 0 0;
}

/*-------------- ナビ（右部分） --------------------*/
#container #navi {
	width: 821px;
	height: 87px;
}

/*ヘッダーナビ*/
#container #navi .h_navi {
	width: 821px;
	height: 42px;
	padding: 0 0 20px 0;
}
* html ##navi .h_navi {
	width: 821px;
	height: 42px;
	padding: 0 0 0 0;
}

/*サイト内検索*/
#container #navi .h_navi .search_all {
	width: 170px;
	float: left;
	padding: 17px 0 0 0;
}
*#container #navi .h_navi .search_all .search {
	height: 25px;
	width: 170px;
	float:left;
}
#container #navi .h_navi .search_all #searchArea {
　　background: url(../images/search_area.png) no-repeat;
	_background: url(../images/search_area.gif) no-repeat;/*IE6*/
	float:left;
}
#container #navi .h_navi .search_all #searchArea p{
	align: left;
}
#container #navi .h_navi .search_all .input {
	height:13px;
	width:112px;
	color:#706d6c;
	padding: 0px 0 5px 2px;
}
#container #navi .h_navi .search_all .searchbotton {
	width:56px;
	float:left;
	height: 25px;
	margin: 0 0 0 -15px;
}

/*ミスタードーナツクラブ、SNS*/
#container #navi .h_navi .mailarea_all {
	float: right;
	width: 426px;
	height: 31px;
	padding: 10px 10px 0 10px;
	background: url(../images/mailarea_all_bg.gif) no-repeat;
}

/*お問い合わせ（テキストリンク）*/
#container #navi .h_navi .contact {
	width: 80px;
	height: 42px;	
	float: right;
	padding: 15px 0 0 0;
	margin: 0 10px 0 0;
	_margin: 0 0 0 0;
}

/*グローバルナビ*/
#container #navi .g_navi {
	width: 821px;
	height: 25px;
	_margin-top: -18px;	
	background: url(../images/gnavi_bg.gif) no-repeat;
}
#container #navi .g_navi ul {
	width: 821px;
}

#container #navi .g_navi #g_navi_menu {
	float: left !important;
	width: 151px;
	padding: 0 0 0 12px;
}
#container #navi .g_navi #g_navi_goodscp {
	float: left !important;
	width: 151px;
	padding: 0 0 0 12px;
}
#container #navi .g_navi #g_navi_shop {
	float: left !important;
	width: 151px;
	padding: 0 0 0 12px;
}
#container #navi .g_navi #g_navi_fun {
	float: left !important;
	width: 151px;
	padding: 0 0 0 12px;
}
#container #navi .g_navi #g_navi_information {
	float: left !important;
	width: 151px;
	padding: 0 0 0 12px;
}