@charset "utf-8";

/* 住まいのキッチン研究室　ＣＳＳ　ＣＯＮＴ−３　コンテンツページ
---------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u,i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, lable, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                margin-top: 5px;
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                border: 0px;
                padding: 0px;
                outline: 0px;
                font-size: 100%;
                vertical-align: baseline;
                background: transparent;
}



/* WRAP design    全体
---------------------------------------------------------- */

body  {
		background: #ffffff;
		}

#wrap {
		margin: auto;
		width: 800px;
		min-height: 600px;
		color: #000000;
		}



/* header1 design    タイトル画像部分
---------------------------------------------------------- */

#header1  {
		float: left;
		padding-top: 10px;
		width: 160px;
		height: 120px;
		background: #eeffff;
		text-align: center;
		}


/* header2 design    タイトル部分
---------------------------------------------------------- */

#header2  {
		float: left;
		width: 440px;
		height: 120px;
		background: #eeffff;
		text-align: center;
		}

#title  {
		padding-top: 25px;
		font-size: 1.8em;
		color: #ff6633;
		}

#header2 p  {
		padding: 0px;
		font-size: 0.9em;
		}


/* header design    スペース部分
---------------------------------------------------------- */

#header4  {
		float: left;
		width: 5px;
		height: 120px;
		background: #ffffff;
		text-align: center;
		}


/* header3 design    タイトルサイド部分
---------------------------------------------------------- */

#header3  {
		float: right;
		width: 195px;
		height: 120px;
		background: #ddffff;
		border-style: solid;
		border-color: #0000ff;
		border-top-width: 0px;
		border-left-width: 1px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		text-align: center;
		}

#header3 p  {
		margin-top: 15px;
		font-size: 0.8em;
		line-height: 200%;
		}





/* line1 design    ライン１デザイン部分
---------------------------------------------------------- */

#line1  {
		clear: both;
		width: 100%;
		margin: 0px;
        padding: 0px;
		height: 1px;
		background-color: #0000ff;
		}

#line1 p  {
		font-size: 1px;
		line-height: 1px;
		}






/* side design    サイドのメニュー部分
---------------------------------------------------------- */
#side  {
		float: left;
		width: 195px;
		hight: 900px;
		padding: 5px;
		border-style: solid;
		border-color: #0000ff;
		border-top-width: 1px;
		border-left-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		background: #ffdd99;
		font-size: 0.8em;
		line-height: 140%;
		}

#side p  {
		clear: both;
		float: left;
		padding-left:5px;
		}

#side hr  {
		clear: both;
		float: left;
		height:1px;
		width: 195px;
		background-color: #0000ff;
		}




/* main design    コンテンツ部分
---------------------------------------------------------- */

#main  {
		float: right;
		margin: 5px;
		background-color: #ffffff;
		width: 580px;
		overflow: auto;
		}

#main p  {
		clear: both;
		float: left;
		line-height: 130%;
		padding-bottom: 5px;
		}


#main ol {
		clear: both;
		float: left;
		padding-left: 30px;
		list-style-type: decimal;
		}


#main table {
		border: 1px #009999 solid;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
		font-size: 1.0em;
}

#main table th {
		padding: 2px;
		border: 1px #999900 solid;
		background: #ffffcc;
		line-height: 150%;
		text-align: center;
		font-size: 0.9em;
		}
#main table td {
		padding: 2px;
		border: 1px #999900 solid;
		background: #ffffee;
		line-height: 150%;
		text-align: center;
		}

/* テーブル列幅指定 */
#main table {
		width: 570px;
		}
#main .col01 {
		width:35%;
		}
#main .col02 {
		width:65%;
		}


#main dl.menu  {
		padding-top: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0px;
		width: 560px;
		line-height: 130%;
		}

#main dl.menu dt  {
		clear: both;
		width: 560px;
		font-weight: bold;
		}

#main dl.menu dd  {
		float: left;
		margin-left: 30px;
		padding-bottom: 10px;
		}


#main ul {
		clear: both;
		float: left;
		padding-left: 30px;
		list-style-type: square;
		}


#main3  {
		float: right;
		margin: 5px;
		background-color: #ffffff;
		width: 580px;
		overflow: auto;
		}

#main3 p  {
		clear: both;
		font-size: 0.9em;
		line-height: 130%;
		}


#main88  {
		float: right;
		margin: 5px;
		background-color: #ffffff;
		width: 580px;
		overflow: auto;
		}

#main88 p  {
		clear: both;
		float: left;
		line-height: 130%;
		padding-bottom: 5px;
		}

#main99  {
		float: right;
		margin: 5px;
		background-color: #ffffff;
		width: 580px;
		overflow: auto;
		}

#main99 p  {
		clear: both;
		float: left;
		line-height: 130%;
		padding-bottom: 5px;
		}


#mainx  {
		float: right;
		margin: 5px;
		width: 580px;
		background-color: #ffeebb;
		border-style: solid;
		border-color: #ccaa55;
		border-width: 1px;
		overflow: auto;
		}

#mainx p  {
		clear: both;
		padding: 5px;
		font-size: 0.9em;
		text-align: center;
		line-height: 90%;
		font-weight: bold;
		}  


#mainz  {
		float: right;
		margin: 5px;
		width: 580px;
		overflow: auto;
		}


#mainz p  {
		clear: both;
		padding: 5px;
		font-size: 0.9em;
		text-align: center;
		}  




/* footer design    フッター部分
---------------------------------------------------------- */

#footer1  {
		float: left;
		margin-bottom: 20px;
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		border-style: solid;
		border-color: #ff6633;
		border-top-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 0px;
		width: 790px;
		background: #aaddff;
		text-align: center;
		}

#footer1 p  {
		font-size: 0.8em;
		font-weight: bold;
		}



/* font design    文字コントロール
---------------------------------------------------------- */

p.bold  {
		font-weight: bold;
		}

p.small  {
		font-size: 0.9em;
		}

p.center  {
		text-align: center;
		}

address {
		text-align: center;
		 }