@charset "UTF-8";

/* CSS Document */

/* hide from ie on mac \*/
html {
	height: 100%;
	overflow: auto;
}

#flashcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width:  100%;
}
/* end hide */


img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.noswf{padding:20px 0px 0px 0px;text-align:center;}

/* common.css 
last update 2010.06.17
*/
/*----------------------------------*/
/*フラッシュカット版画面で使用*/

a			{ color:#004b99; text-decoration:none; }
a:hover,a:focus		{ color:#00448b; text-decoration:underline; }
a:visited			{ color:#252c71;}
img			{ border-style:none; vertical-align:bottom; }
ul			{ margin:0; padding:0; list-style:none; }
.bold { font-weight:bold; }


/* ========================================================== */
/*  body                                                      */
/* ---------------------------------------------------------- */
body						{ font-size:84%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
body		{ margin:0 auto; padding:0; background:#ece5d9 url(../images/pagebg.gif) repeat-y center top; color:#333333; text-align:center; height:100%;}
#wrapper	{ width:780px; margin:0 auto; text-align:center; }
.navihidden			{ position:absolute; z-index:100; top:0px; right:5000px; display:run-in; width:1px;	height:1px; border-style:none; overflow:hidden; }
.openwin { padding-left:16px; background:url(../images/icnopenwin.gif) no-repeat left 4px; line-height:1.3em;}
#noflash-header {width:760px; margin:0 auto;}
#noflash-estylelogo { float:left; width:109px; padding-top:14px;}
#noflash-estylelogo h1 { margin:0px;width:109px;}
#noflash-hokudenlogo { float: right; width:91px; padding-top:20px;}
#noflash-exclamation { clear:both; padding-top:0px; padding-bottom:5px; line-height:1em; }
#noflash-exclamation p { margin:0 auto; padding:5px 0px 0px 0;}
div.noflash-gbox { margin:0 auto; text-align:center; width:700px; clear:both; border:#bfbfbf 1px solid; background:#f4f4f4;}
	div.noflash-gbox:after {
		content: "";
		display: block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	/*\*/
	* html div.noflash-gbox {
		height: 1em;
		overflow: visible;
	}
	/**/
	div.noflash-gbox {
		display: inline-table;
	}
#noflash-e-style-text { float:right; text-align:left; width:446px; padding:10px 0px 0px 0px; margin:0px; vertical-align:top;}
#noflash-e-style-thumb { float:left; width:209px; padding:10px 0px 10px 10px; margin:0px; vertical-align:top;}

div.noflash-wbox { margin:0 auto; text-align:center; width:700px; clear:both;}
	div.noflash-wbox:after {
		content: "";
		display: block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	/*\*/
	* html div.noflash-wbox {
		height: 1em;
		overflow: visible;
	}
	/**/
	div.noflash-wbox {
		display: inline-table;
	}
#noflash-mobile {text-align:left; clear:both; margin: 0 0 3px 40px;}
#noflash-qr-text { float:right; text-align:left; width:480px; padding:2px 0px 10px 0px; margin: 0px 0px 0px 0px; vertical-align:top; line-height:1.5em;}
/*ie6 width*/
* html #noflash-qr-text { width:480px;}
/*ie7 width*/
*+html #noflash-qr-text { width:480px;}

#noflash-qr { float:left; width:166px; padding:2px 0px 5px 0px; margin:0 0 0 0px; vertical-align:top;text-align:left;}
#noflash-categoryarea { width:740px; margin:0 auto; text-align:center; clear:both; padding-top:0px; margin-left:40px}
#noflash-categoryarea h2 {text-align:left; margin:0 0 5px 0; padding:0;}
.noflash-recipe-list h3 { margin:0 0 2px 0; padding:0; text-align:left;}
.noflash-recipe-tokucho { clear:both;}
.noflash-recipe-tokucho img { margin:1px 0px 2px 0px;}

.noflash-recipe-list  {float:left; margin-bottom:0px;}
.noflash-recipe-list ul li p { padding:0.2em 0 0 0; font-weight:bold; text-align:center; margin: 0px 5px 0px 5px; font-size:80%;}
.noflash-recipe-list ul li p a			{ color:#525f41; text-decoration:none;}
.noflash-recipe-list ul li p a:hover,a:focus		{ color:#3c7545; text-decoration:underline; }
.noflash-recipe-list ul li p a:visited			{ color:#8fb396;}
.noflash-recipe-list ul li {width:94px; float:left;}
div.noflash-bl-l {width:396px;}
div.noflash-bl-r {width:285px; margin-left:18px;}
.noflash-mobile-t { color:#105885; font-weight:bold;}
#flashwrapper	{ width:780px; margin:0 auto; text-align:center; }
/* ========================================================== */
/*  footer                                                    */
/* ---------------------------------------------------------- */

#footerarea { clear:both; width:750px; background:#ffffff;; text-align:left;margin:0 auto; }
#footer { width:750px; margin:0 0px 0 0px; padding-top:17px; }

/* site_info */
#siteinfo { float:left; width:305px; }
#copyright { margin-bottom:25px; }

/* footerlink */
#footerlink ul { float:right; margin-top:6px; }
#footerlink li { float:left; background:url(../images/lnbkdotsv.gif) repeat-y right top; }
#footerlink li a { color:#333333; font-size:0.75em; line-height:1em; }
	#footerlink li#privacypolicy { padding-right:15px; }
	#footerlink li#using { padding:0 15px; }
	#footerlink li#accessibility { padding-left:15px; background:transparent;}