@charset "Shift_JIS";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	■QuiCooking.com CSS■

		基本ページ設定
		header
		ロゴまわり
		ナビゲーションメニュー
		contents
		　Main contents(左列)
		　Sub contents(右列)
		footer
	
	LastUpdate 2007.01.19.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* *********************************************************
 *	▼基本ページ設定
 * *********************************************************
 */
body,form,fieldset,table {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,p,ul,ol,dl,dd {
	margin:0;
	padding:0;
}

body {
	background-color:#f1f0ed;
	line-height:145%;
	text-align:center;
	font-family:"メイリオ", "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 12px;
	color: #666;
}

#quicooking {
	text-align:left;
	margin:0 auto;
	background:url(../images/common_bg.gif) repeat-y;
	width:900px;
	padding:0 10px;
	min-height: 1em;
    display: inline-table;
}

#quicooking:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #quicooking {
    height: 1em;
}

#quicooking {
    display: block;
}
/**/

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.textCenter {
	text-align:center;
}



a img {
	border-width:0 ! important;
}

img {
	vertical-align:bottom;

}

#main img {
	vertical-align:baseline;

}

/* *********************************************************
 *	▼header
 * *********************************************************
 */
#header {
	padding:5px 20px 10px 20px;
	width:860px;
}

#header #banner01 {
	margin:-60px 0 0 260px;
}

#header #bt01 {
	margin:-60px 0 10px 750px;
}

#header #bt02 {
	margin:0 0 0 750px;
}



/* *********************************************************
 *	▼ナビゲーションメニュー
 * *********************************************************
 */
#navi {
	background:url(../images/bg_navi.gif) no-repeat;
	width:900px;
	height:30px;
	color:#FFFFFF;
}

#navi ul {
	list-style:none;
	width:401px;
	height:30px;
}

#navi li {
	display:block;
	float:left;
	text-indent:-5000px;
}

/* TOP */
#navi #n_top li a{
	width:100px;
	height:30px;
	display:block;
	background:url(../images/navi.gif) no-repeat 0 0;
}
#navi #n_top li a:hover{
	background:url(../images/navi.gif) no-repeat 0 -30px;
}

/* 特集 */
#navi #n_special li a{
	width:100px;
	height:30px;
	display:block;
	background:url(../images/navi.gif) no-repeat -100px 0;
}
#navi #n_special li a:hover{
	background:url(../images/navi.gif) no-repeat -100px -30px;
}

/* レシピ */
#navi #n_recipe li a{
	width:100px;
	height:30px;
	display:block;
	background:url(../images/navi.gif) no-repeat -200px 0;
}
#navi #n_recipe li a:hover{
	background:url(../images/navi.gif) no-repeat -200px -30px;
}

/* プレゼント */
#navi #n_present li a{
	width:101px;
	height:30px;
	display:block;
	background:url(../images/navi.gif) no-repeat -300px 0;
}
#navi #n_present li a:hover{
	background:url(../images/navi.gif) no-repeat -300px -30px;
}

/* ■検索 ------------------------------------------------------------- */

#navi #n_search {
	margin:-24px 0 0 415px;
}

#navi form {
	margin:-20px 0 0 505px;
}

#navi a {
	color:#FFFFFF;
}

/* *********************************************************
 *	▼contents
 * *********************************************************
 */
#container {
	width:900px;
	height:100%;
	margin:0 auto;
	padding:0;
	background:url(../images/common_dotline.gif) repeat-y right;
	min-height: 1em;
    display: inline-table;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    height: 1em;
}

#container {
    display: block;
}
/**/

/* *********************************************************
 *	▼main(左列)
 * *********************************************************
 */
#main {
	width:640px;
	float:left;
	padding:10px 0;
}


/* *********************************************************
 *	▼sub(右列)
 * *********************************************************
 */
#rightColumn {
	float:right;
	width:230px;
	padding:10px 0;
	text-align:center;
}

#textLink01 {
	margin:10px auto;
	text-align:left;
	width:190px;
	font-size:10px;
}

#textLink01 a, #textLink01 a:visited, #textLink01 a:active{
	color:#FF6600;
}
#textLink01 a:hover {
	color:#FF9900;
}


/* ■最新号のご案内 ------------------------------------------------------------- */
#magazine {
	width:188px;
	margin:0 auto;
	padding-bottom:10px;
	color:#518909;
	border-left:1px solid #518909;
	border-right:1px solid #518909;
	border-bottom:1px solid #518909;
	margin-bottom:10px;
}
#magazine #area {
	font-weight:bold;
}
#magazine form {
	padding:5px 0;
}


/* ■topic ------------------------------------------------------------- */
#rightTopic {
	width:190px;
	font-size:10px;
	margin:0 auto;
}

#rightTopic .tSet {
	width:190px;
	height:80px;
	text-align:left;
}

.tSet img{
	padding:0 10px 0 0;
	float:left;
}

.tSet p{
	width:110px;
	float:left;
}
/*
#onlinePaper {
	width:190px;
	text-align:center;
	background-color:#B9CE34;
	padding-bottom:10px;
}

#onlinePaper img {
	padding-bottom:10px;
}

#onlinePaper p {
	width:170px;
	margin-left:10px;
	background-color:#FFFFCC;
	font-weight:bold;
}

.banner img{
	margin-top:10px;
}

#pr {
	text-align:center;
	margin:20px 0;
}

#webmemo {
	margin:10px 0;
}

#webmemo img{
	vertical-align:bottom;
}

#webmemo ul{
	margin:0px;
	background-color:#FFFFFF;
	padding:0 10px 10px 10px;
	list-style:none;
}

#webmemo li {
	line-height:120%;
	padding: 5px 0px 5px 15px;
	background:url(../images/list_icon01.gif) no-repeat 0px 6px;
	text-decoration: none;
}
*/

/* *********************************************************
 *	▼footer
 * *********************************************************
 */
#footer {
	clear:both;
	width:900px;
	background-color:#ed6941;
	padding:20px 0;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:0;
}

#footer a {
	color:#0000FF;
}

#copy {
	padding-top:15px;
}

/* *********************************************************
 *	リンクカラー設定
 * *********************************************************
 */
 
/*白*/
.linkWhite a, .linkWhite a:visited, .linkWhite a:active{
	color: #FFFFFF;
}
.linkWhite a:hover {
	color:#eeeeee;
}
.linkWhite img {
	border-bottom:0;
}

/*灰色*/
.linkGray a, .linkGray a:visited, .linkGray a:active{
	color: #666666;
}
.linkGray a:hover {
	color: #999999;
}
.linkGray img {
	border-bottom:0;
}

/*オレンジ*/
.linkOrange a, .linkOrange a:visited, .linkOrange a:active{
	color:#FF6600;
}
.linkOrange a:hover {
	color:#FF9900;
}
.linkOrange img {
	border-bottom:0;
}

/*グリーン*/
.linkGreen a, .linkGreen a:visited, .linkGreen a:active{
	color:#669900;
}
.linkGreen a:hover {
	color:#8DC63F;
}
.linkGreen img {
	border-bottom:0;
}


/* *********************************************************
 *	テキストカラー設定
 * *********************************************************
 */
.textOrange{
	color:#FF6600;
}