@charset "UTF-8";
/* [(X)HTML+CSS Samples]
 * Summary: basic style
 * Modified: 2009-08-10
 */

/* body / container
----------------------------------------*/
body {
	background: #FFF;
	color: #333;
	font-family: Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

/* container */
#container {
	position: relative;
	width: 100%; min-height: 100%; height: 100%;
}
	html>body #container { height: auto; }

/* header
----------------------------------------*/
#header {
	width: 100%;
	background: #553324 url(../images/bg_header.gif) repeat-x 0 100%;
}
#header-inner {
	position: relative;
	width: 800px; height: 160px;
	margin: 0 auto;
	text-align: left;
}

	/* site id
	----------------------------------------*/
#siteid {
	margin-bottom: 15px;
	text-align: right;
}
#siteid a {
	display: block;
	width: 451px;
	padding-top: 10px;
	margin: 0 0 0 auto;
}
#siteid2 {
	position: absolute;
	top: 3px; left: 0;
}

	/* global-nav
	----------------------------------------*/
ul#global-nav {
	height: 40px;
	overflow: hidden;
	padding: 0 0 0 379px;
	background: url(../images/bg_gnav.gif) no-repeat 100% 0;
}
ul#global-nav li {
	float: left;
	width: 140px;
}
ul#global-nav li a:link,
ul#global-nav li a:visited {
	display: block;
	width: 100%;
	overflow: hidden;
}
ul#global-nav li a:hover {
	text-indent: -9999px;
}

/* content
----------------------------------------*/
#content {
	clear: both;
	width: 804px;
	overflow: hidden;
	margin: 26px auto 20px;
	text-align: left;
}

/* container */
#alpha {
	float: left;
	width: 582px;
}
#beta {
	float: right;
	width: 206px;
}

/* topic-path */
p#topic-path {
	padding: 0 0 20px 22px;
}

	/* questions & answers 
	----------------------------------------*/
#alpha h1 { margin-bottom: 13px; }

/* questions */
#questions {
	position: relative;
	width: 550px; height: 673px;
	margin: 0 auto 0 12px;
	background: url(../images/bg_q.gif) no-repeat 10px 10px;
}
#questions li {
	position: absolute;
	width: 223px;
}
li#question01 {
	top: 0; left: 0;
	width: 233px;
}
li#question02 { top: 10px; right: 0; }
li#question03 { top: 134px; left: 10px; }
li#question04 { top: 134px; right: 0; }
li#question05 { top: 258px; left: 10px; }
li#question06 { top: 258px; right: 0; }
li#question07 { top: 382px; left: 10px; }
li#question08 { top: 382px; right: 0; }
li#question09 { top: 506px; left: 10px; }
li#question10 { top: 506px; right: 0; }
#questions h2,
#answers h2,
#questions dl dd {
	position: absolute;
	width: 0; height: 0;
	overflow: hidden;
}

/* answers */
#answers {
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px;
}
#answers ul { margin-left: 2px; }
li#answer01 { float: left; margin-right: 14px; }
li#answer02 { float: left; }
li#answer03 { float: right; }

	/* widget in "beta" container
	----------------------------------------*/
#beta div.widget { line-height: 1.5; }

/* recent recipe */
#recent-recipe { margin-bottom: 16px; }
#recent-recipe ul {
	padding: 18px 11px 6px;
	background: url(../images/bg_sidebox1.gif) no-repeat 0 100%;
	/zoom: 1;
}
#recent-recipe li {
	width: 100%;
	margin-bottom: 19px;
}
#recent-recipe span.published {
	display: block;
	border-bottom: 1px solid #D5D5D5;
	color: #666;
}
#recent-recipe a:link,
#recent-recipe a:visited {
	display: block;
	padding-left: 1em;
	color: #333;
	text-decoration: none;
	/zoom: 1;
}
#recent-recipe a:hover,
#recent-recipe a:active {
	text-decoration: underline;
}

/* help */
#help { margin-bottom: 16px; }
#help ul {
	padding: 12px 11px 15px 17px;
	background: url(../images/bg_sidebox2.gif) no-repeat 0 100%;
}
#help li {
	height: 22px; min-height: 22px;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	background: url(../images/icon_help.gif) no-repeat 0 0;
}
	html>body #help li { height: auto; }
#help li a { padding: 2px 0 2px; }
#help li a:link { color: #FF6; }
#help li a:visited { color: #FF6; }


/* footer
----------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	background-color: #553324;
	color: #FFF;
}
#footer-inner {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
#footer a:link,
#footer a:visited { color: #FFF; }

	/* assist-nav
	----------------------------------------*/
ul#assist-nav {
	width: 100%;
	padding-top: 19px;
	text-align: right;
}
ul#assist-nav li {
	display: inline;
	margin-left: 2em;
}

	/* address
	----------------------------------------*/
#footer address {
	padding: 19px 0;
	color: #FFF;
	line-height: 1.25;
	text-align: right;
}

/*----------------------------------------
 common modules
----------------------------------------*/

/* [.pagetop] module
----------------------------------------*/
p.pagetop {
	clear: both;
	line-height: 1.25;
	text-align: right;
}
p.pagetop a:link,
p.pagetop a:visited {
	padding-left: 14px;
	background: url(../images/icon_pagetop.gif) no-repeat 0 50%;
}

